/* 各模块 @media 写在对应 PC 样式下方 */ /*通用样式*/ :root{ --public-color-g:#072a56; --public-color:#e40015; --max:1430px; } *:focus{outline: none !important} body{color:#333;font-size:16px;line-height:24px;font-family:'Roboto','Outfit',Arial,Helvetica,sans-serif;letter-spacing: -.4px;} a{color:#333;display:inline-block;} a:hover{color:var(--public-color) !important} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max);width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;box-sizing:border-box;} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} body{overflow-x:clip;} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px;padding-bottom:72px;letter-spacing: 0 !important;} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} } .card-thumb{overflow: hidden;} .down-list{margin-top: 60px;} /* 换行样式 white-space: pre-line;margin-top: -20px;*/ .max-1830px{max-width: 1830px;} .max-1630px{max-width: 1630px;} .a-lb{height:50px;width: 220px;background:var(--public-color);color:#fff;border:2px solid var(--public-color);border-radius: 4px;font-size:16px;font-weight:bold;cursor:pointer;position:relative;z-index:1;overflow:hidden;letter-spacing:-.4px;display: inline-flex;justify-content: center;align-items: center;} .a-lb:hover{color:var(--public-color) !important} .a-lb:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0,1);transition:all 0.5s} .a-lb:hover:after{transform:skewX(-45deg) scale(1,1);-webkit-transition:all 0.5s;transition:all 0.5s} .a-lb:hover span{filter: none;} .a-lb-1{height:50px;width: 220px;background:var(--public-color-g);color:#fff;border:2px solid var(--public-color-g);border-radius: 4px;font-size:16px;font-weight:bold;cursor:pointer;position:relative;z-index:1;overflow:hidden;letter-spacing:-.4px;display: inline-flex;justify-content: center;align-items: center;} .a-lb-1:hover{color:var(--public-color-g) !important} .a-lb-1:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0,1);transition:all 0.5s} .a-lb-1:hover:after,.a-lb-1.active:after{transform:skewX(-45deg) scale(1,1);-webkit-transition:all 0.5s;transition:all 0.5s} .a-lb-1:hover span{filter: none;} @media(max-width:768px){ .a-lb , .a-lb-1{height: 45px !important;width: auto !important;padding: 0 20px !important;} } .in-header .header{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);} .header .a-lb {height: 40px;width: 160px;font-weight: 500;border-radius: 50px 50px 0 50px;} .header .a-lb span{display: inline-block;margin-left: 10px;} .header.fadeInDown{box-shadow: 0px 7px 27px 0px rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;right: 0;} .header.fadeInDown .header-top{background-color: #ffffff;transition: all .3s ease-in-out;} .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .fixed-header .header{position: fixed;top: 0;left: 0;right: 0;} .header{position: relative;width: 100%;z-index: 99;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-top{padding:15px 0;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 75%;position: inherit;gap: 20px;} .header-top .navbar-custom{position: inherit;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end} .dropdown-item.active, .dropdown-item:active { color: var(--public-color); } .contact-search{display: flex;align-items: center;gap: 20px;} /*默认pc头部样式*/ .header.fadeInDown .header-top{padding:12px 0;} /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 20px} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0;height:55px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:28px;letter-spacing: -1px;text-transform: capitalize;} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg);} .navbar-custom .navbar-nav .nav-item.active .nav-link{color:var(--public-color)!important;} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color)!important;transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} /* --- header 响应式 --- */ @media(max-width:1500px){ .navbar-custom .navbar-nav > .nav-item{margin:0 12px;} .navbar-custom .navbar-nav .nav-link{font-size:18px;line-height:26px;height:50px;} .header-top .row-nav{gap:14px;} .header .a-lb{width:150px;} } @media(max-width:1200px){ .header .header-nav{gap:12px;align-items:center;} .header .top-logo{flex:0 1 18%;min-width:0;max-width:200px;} .header .top-logo img{max-width:100%;height:auto;} .header-top .row-nav{width:auto;flex:1 1 auto;min-width:0;gap:8px;} .navbar-custom{min-width:0;flex:1 1 auto;} .navbar-custom .navbar-nav > .nav-item{margin:0 6px;} .navbar-custom .navbar-nav .nav-link{font-size:15px;line-height:22px;height:44px;letter-spacing:-0.5px;padding:0 2px;} .header .a-lb{width:120px;height:38px;font-size:13px;flex-shrink:0;} .header .a-lb span{margin-left:6px;} .contact-search{gap:8px;flex-shrink:0;} } @media(max-width:1100px){ .navbar-custom .navbar-nav > .nav-item{margin:0 3px;} .navbar-custom .navbar-nav .nav-link{font-size:14px;line-height:20px;height:42px;} .header .a-lb{width:108px;font-size:12px;} .header-search-box .search-svg{padding:2px;} .header-search-box .search-svg svg{width:18px;height:18px;} } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;padding-bottom:72px;font-size:14px;} .header-mb{background:#ffffff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{align-items:center;height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end;gap:15px;flex-shrink:0;} .header-mb .top-mb > .top-mb-whatsapp, .header-mb .top-mb > .top-mb-feed, .header-mb .top-mb > .top-mb-search, .header-mb .top-mb > .navbar-toggler.top{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:28px;min-height:28px;margin:0!important;padding:0;} .header-mb .top-mb .top-mb-whatsapp a{display:inline-flex;align-items:center;justify-content:center;} .header-mb .top-mb .top-mb-feed span{display:inline-flex;align-items:center;justify-content:center;} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{width:auto;text-align:center;} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000000} .header-mb .top-mb .top-mb-whatsapp i, .header-mb .top-mb .top-mb-feed i{font-size:16px;color:#000000} .header-mb .top-mb .icon-bars{color:#000000;font-size:16px;} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#000000} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;margin-bottom:-1px;position:relative;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .head_nav>li>a.active,.head_nav li li a.active{color:var(--public-color);font-weight:600} .head_nav li li a.active{font-weight:500} .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#b3190d} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;position: sticky;top: 50px;z-index: 1;height: fit-content;} .menu-collapse .collapse-title { display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding: 0.875rem 1rem; background: var(--public-color); color: #fff;cursor:pointer;-webkit-user-select:none;user-select:none; } .menu-collapse .collapse-title h5 { margin:0;flex:1;font-size: 1.125rem; font-weight: 500; color:#fff;pointer-events:none; } .menu-collapse .collapse-title .collapse-title-icon { color: #fff;line-height:1;pointer-events:none; } .menu-collapse .collapse-title .collapse-title-icon .icon{font-size:1.125rem;} .menu-collapse > ul.collapse{display:none;} .menu-collapse .menu-link { display:block;padding:12px 16px;transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { color: var(--public-color); font-weight: 600; background: #fff; } .menu-collapse .menu-link.active:before { color: var(--public-color); } /* 浮窗 */ #float{position:fixed;right:16px;bottom:165px;z-index:55;display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform .3s ease-in-out,padding .3s ease-in-out,height .3s ease-in-out;} #float .float-bar{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:999px;background:#fff;border:1px solid rgba(7,42,86,.08);box-shadow:0 10px 28px rgba(7,42,86,.14);transition:transform .3s ease-in-out,opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,padding .3s ease-in-out;} #float .ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;text-align:center;position:relative;cursor:pointer;background:transparent;text-decoration:none;border-radius:50%;} #float .ico>i{line-height:1;display:flex;align-items:center;justify-content:center;color:var(--public-color-g);background:transparent;border:0;transition:color .25s ease;} #float .float-bar .ico{width:48px;height:48px;} #float .float-bar .ico>i{font-size:22px;} #float .float-ico-svg{display:flex;align-items:center;justify-content:center;color:#fff;} #float .float-ico-svg svg{display:block;fill:currentColor;} #float .ico>.img{position:absolute;right:52px;width:140px;top:50%;transform:translateY(-50%);display:none;background-color:#fff;} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:50%;transform:translateY(-50%);border-radius:8px;right:-350px;padding:0 16px;line-height:38px;font-size:14px;height:38px;margin:0;background:var(--public-color-g);color:#fff;box-shadow:0 8px 18px rgba(7,42,86,.18);transition:right .35s ease;z-index:2;white-space:nowrap;} #float .ico-inquiry{width:54px;height:54px;background:var(--public-color);box-shadow:0 8px 18px rgba(228,0,21,.32);z-index:1;} #float .ico-inquiry>i{color:#fff;position:relative;z-index:1;} #float .ico-inquiry::before, #float .ico-inquiry::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(228,0,21,.5);transform:translate(-50%,-50%) scale(1);animation:float-ripple 2.4s ease-out infinite;pointer-events:none;z-index:-1;} #float .ico-inquiry::after{animation-delay:1.2s;} @keyframes float-ripple{ 0%{transform:translate(-50%,-50%) scale(1);opacity:.6;} 100%{transform:translate(-50%,-50%) scale(1.75);opacity:0;} } @media (min-width:769px){ #float .ico:hover>.img{display:block} #float .ico:hover p{right:66px} #float .float-bar .ico:not(.ico-top):hover{background:rgba(228,0,21,.08);} #float .float-bar .ico:not(.ico-top):hover>i{color:var(--public-color);} #float:not(.hide) .ico-inquiry:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(228,0,21,.4);} } #float .ico.ico-top, #float .float-bar .ico#scroll-top{width:48px;height:48px;margin-top:0;border-radius:50%;background:var(--public-color);} #float .ico.ico-top>i, #float .float-bar .ico#scroll-top>i{font-size:20px;line-height:1;color:#fff;} @media (min-width:769px){ #float .ico.ico-top:hover, #float .float-bar .ico#scroll-top:hover{background:#c9000c;} #float .scale-ico:hover{background:var(--public-color);} #float .scale-ico:hover>i{color:#fff;} } #float .scale-ico{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid rgba(7,42,86,.08);box-shadow:0 6px 16px rgba(7,42,86,.12);transition:background .3s ease-in-out,transform .3s ease-in-out;} #float .scale-ico>i{font-size:16px;line-height:1;color:var(--public-color-g);background:transparent;border:0;transition:transform .3s ease-in-out,color .3s ease;} #float.hide .ico-inquiry, #float.hide .float-bar{transform:translateX(80px);opacity:0;pointer-events:none;width:0;height:0;padding:0;margin:0;overflow:hidden;border:0;box-shadow:none;} #float.hide .scale-ico i{transform:rotate(180deg);} #float .ico#scroll-top{display:flex!important;} @media (min-width:769px) and (max-width:991px){ #float{right:8px;bottom:120px;} #float .float-bar{padding:8px;gap:4px;} #float .float-bar .ico{width:46px;height:46px;} #float .float-bar .ico>i{font-size:20px;} #float .ico-inquiry{width:48px;height:48px;} #float .ico>i{font-size:18px;} #float .float-ico-svg svg{width:20px;height:20px;} #float .ico p{line-height:36px;height:36px;padding:0 14px;font-size:14px;} #float .ico:hover p{right:62px;} #float .ico.ico-top, #float .float-bar .ico#scroll-top{width:46px;height:46px;} } @media(max-width:768px){ body{padding-bottom:72px;} body.float-bar-hidden{padding-bottom:0;} #float{ right:0; left:0; bottom:0; flex-direction:row; align-items:center; justify-content:center; gap:10px; padding:10px 12px max(10px, env(safe-area-inset-bottom)); transition:padding .3s ease-in-out,height .3s ease-in-out,transform .3s ease-in-out; } #float.hide{ padding:0; height:0; min-height:0; gap:0; overflow:hidden; pointer-events:none; visibility:hidden; } #float .float-bar{ width:auto; flex:1; max-width:100%; flex-direction:row; align-items:center; justify-content:center; padding:6px 10px; gap:8px; border-radius:999px; } #float .ico{width:42px;height:42px;flex-shrink:0;} #float .ico-inquiry{width:48px;height:48px;} #float .ico>i{font-size:20px;} #float .float-ico-svg svg{width:20px;height:20px;} #float .ico p{display:none;} #float .float-bar .ico{width:44px;height:44px;} #float .float-bar .ico>i{font-size:20px;} #float .ico.ico-top, #float .float-bar .ico#scroll-top{width:44px;height:44px;margin-top:0;} #float .ico.ico-top>i, #float .float-bar .ico#scroll-top>i{font-size:18px;} #float .scale-ico{width:36px;height:36px;flex-shrink:0;display:none;} #float.hide .float-bar{ transform:translateY(110%); opacity:0; pointer-events:none; width:0; height:0; padding:0; margin:0; overflow:hidden; border:0; box-shadow:none; } } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 10px; } .content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 10px; } .content-wrapper h4 { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .content-wrapper h5 { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper ul{padding-left: 20px;} .content-wrapper ul li{list-style-type: initial;} .content-wrapper ol{padding-left: 20px;} .content-wrapper ol li{list-style-type: initial;} .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; } .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; } .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} .content-wrapper tbody th{color:#2980c7} /*#表格*/ .table-wrapper table td { padding:10px 5px; vertical-align: middle; font-size: 18px;font-weight: 500;color: #333333; border: 1px solid #d2d9e2; text-align: center; } .table-wrapper table tr:first-child{ background-color: var(--public-color-g) !important; } .table-wrapper table tr:first-child td{font-size: 24px;line-height: 32px;font-weight: 500;color: #ffffff;} .table-wrapper table tr td:first-child{text-align: left;padding-left: 40px;} .table-wrapper table tr:nth-of-type(odd) { background-color: #fafcff;} .table-wrapper table tr:nth-of-type(even) { background-color: #f2f5f8; } .table-wrapper table tr:hover { background-color: #dee2e6; color: #555; } .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:1430px){ .table-wrapper table tr:first-child td {font-size: 20px;line-height: 1.3;} .table-wrapper table td{font-size: 16px;line-height: 1.3;} } @media(max-width:1430px){ .table-wrapper table tr:first-child td {font-size: 18px;line-height: 1.3;} } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ .form-row.form-btn-box{position: relative;margin-top: 20px;} .form-row .btn-box{position: static;} .form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 1.3;font-weight: 400;} .form-feedback .form-control{padding:15px 20px 12px 25px;} .form-feedback .form-control::placeholder{font-size: 16px;color: #999999;} .form-group{position:relative;padding:0 10px !important;margin-bottom: 10px;} .input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken} .input-group-img{padding:0 !important} .input-group-text{border: none;} .form-row .all_btn{display:flex;justify-content:center;align-items:center;width:100%;min-width: auto;height:100%;letter-spacing: -.2px;} .border-form .input-group-text{border: 1px solid #ced4da;} .get-feedback .form-row.form-btn-box{margin-top: 0;} @media(max-width:1200px){ .get-feedback .form-row .all_btn{height: auto;} .get-feedback .form-row .pos-btn{position: static;} } @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} .was-validated .form-control:invalid,.form-control.is-invalid { border-color: #f5543f; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } /*#搜索*/ .header-search-box{position:relative} .header-search-box .search-svg{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease} .header-search-box .search-svg:hover{opacity:.8} .header-search-box .search-svg svg{width:20px;height:20px} .header-search-box .input-group.search-group{position:absolute;top:100%;right:0;margin-top:10px;display:flex;align-items:center;width:260px;height:40px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100} .header-search-box.active .input-group.search-group{opacity:1;visibility:visible;transform:translateY(0)} .header-search-box .header-search-input{flex:1;min-width:0;height:100%;padding:0 14px;font-size:14px;color:#333;background:transparent;border:0} .header-search-box .header-search-input::placeholder{color:#999} .header-search-box .header-search-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;cursor:pointer;transition:background .3s;border:0} .header-search-box .header-search-btn:hover{background:#c40010} .header-search-box .header-search-btn svg{flex-shrink:0} /* 头部语种切换 */ .header-lang{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease;position:relative;} .header-lang .lang-svg{width:24px;height:24px;background:url(../../images/lang.gif) no-repeat center center;background-size:100% 100%;border-radius: 100%;background-color: #000000;filter: grayscale(1);} .header-lang .lang-link{position:absolute;top:100%;right:0;margin-top:10px;min-width:140px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;} .header-lang.active .lang-link{opacity:1;visibility:visible;transform:translateY(0);} .header-lang .lang-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#333;text-decoration:none;transition:background .2s;} .header-lang .lang-item:hover{background:#f5f5f5;color:var(--public-color);} .header-lang .lang-item img{width:20px;height:14px;object-fit:cover;flex-shrink:0;} /*#展会信息*/ .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .zhbg .box .zh-t1{display:flex;margin-bottom:25px;} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;} .zhbg .box .place{font-size:16px;line-height:24px;} .zhbg .box .place p{margin-bottom:10px;} .zhbg .box .place p i{color:var(--public-color);min-width:22px;} .zhbg .box .place p strong{color:var(--public-color);} .zhbg.on{display:flex;} .zhkz.on{display: block;} .zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;cursor:pointer;z-index:99; } @media(max-width:768px) { .zhbg .box{width:80%;padding:15px;} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; } } /*cookies板式二*/ .google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;} .google-cookies.off{display:none;} .google-cookies .container-xl{max-width:1400px; } .google-cookies .left{width:70%;} .google-cookies .right{text-align:center;display: flex;align-items: center;} .google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;} .google-cookies .p1{font-size:14px;line-height:22px;margin-top: 0;} .google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;} .google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-left: 10px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;} .google-cookies .cookies-btn:hover{text-decoration:underline;} .google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-left:0px;} .google-box{position: relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:30px 35px;border-radius:10px;} .google-box .cookies-close{position: absolute;right: 10px;top:5px;font-size: 28px;cursor: pointer;} @media(max-width:768px) { .google-cookies{padding:0;bottom:0;} .google-cookies .container-xl{padding:0px;} .google-cookies .left{width:100%;} .google-cookies .t1{font-size:16px;line-height:24px;} .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;} .google-cookies .right{width:100%;text-align:left;} .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;} .google-box{border-radius:0;padding:10px 15px;} } /*老系统样式适配*/ .google-cookies .container-xl:before,.google-cookies .container-xl:after{display:none;} /*#标签样式*/ .tag{margin-bottom: 30px;font-size: 17px;line-height: 30px;} .tag span{color: var(--public-color);} .tag i{color: var(--public-color);} .tag a{font-size: 17px;line-height: 30px;color: #333;} .tag a:hover{text-decoration: underline;color: var(--public-color);} .tag a:after{content: ",";display: inline-block;margin-left: 3px;margin-right: 4px;} .tag a:last-child:after{display: none;} @media(max-width:768px) { .tag{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} } @media(max-width:768px) {.reveal-modal#mb-share{left:10%;margin-left:-5%;width:90%;}} .grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr); gap:var(--bs-gap,1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}} @media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}} /*共有的类名*/ .text,.cont{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .title{font-size:42px;line-height:56px;color: #333333;font-weight: 500;letter-spacing: -2px;} .title.title-c{text-align: center;} h1{font-size: 42px;line-height: 52px;font-weight: bold;color: #333333;letter-spacing: -2px;} .t1{color: #333333;} .h6,h6{font-size: 22px;line-height: 24px;color: var(--public-color);font-weight: 500;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} .ul li{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(--public-color);} .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .top-head-c{text-align: center;margin: auto;} .line-left,.line-right{position: relative;} .line-left::before{content: "";width: 1px;height: 100%;border-left: 2px dashed var(--public-color);position: absolute;left: -40px;top: 0;opacity: .7;} .line-right::before{content: "";width: 1px;height: 100%;border-right: 2px dashed var(--public-color);position: absolute;right: -40px;top: 0;opacity: .7;} span.b{color: var(--public-color);} hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);} .d-flex{display: flex;} @media(max-width:1430px){ .title{font-size: 38px !important;line-height: 1.4 !important;} } @media(max-width:1340px){ h1{letter-spacing: -1.5px;} .title{font-size: 34px !important;} } @media(max-width:1240px){ .title{font-size: 30px !important;} } @media(max-width:1200px){ h1{letter-spacing: -1px;} .title{font-size: 26px !important;letter-spacing: -1px !important;} } @media(max-width:768px){ h1{letter-spacing: -.4px;} .title{font-size: 24px !important;letter-spacing: -.4px !important;} .text, .cont{font-size: 14px !important;line-height: 1.3 !important;} } .all-style{position: relative;padding:0px;} .all-swiper{overflow: hidden;} .all-hover { width: 70px; height: 70px; border-radius: 100%; color: #ffffff; background-color: var(--public-color-g); transition: all .3s ease-in-out; font-weight: bold; z-index: 2; margin-top: -20px; } .all-hover::after{font-size: 30px;line-height: 0;margin: 0;transition: all .3s ease-in-out;font-weight: 300;font-family: 'cmsfont';} .all-hover:hover::after{color: #ffffff !important;} .all-hover:hover{background-color: var(--public-color);} .all-hover-next{right: 130px;} .all-hover-prev{left: 130px;} .all-hover-next::after{content:url(../../images/sign-2.webp);} .all-hover-prev::after{content: url(../../images/sign-3.webp);} .all-hover-1{width:45px;height:45px;background-color:var(--public-color-g);display:grid;place-items:center;z-index: 1;cursor: pointer;} .all-hover-1::after{content:"";transition:all .3s ease-in-out;margin:0;line-height:0} .all-hover-1:hover{background-color:#000000} .all-hover-next-1{right:0px;} .all-hover-prev-1{left:0px;} .all-hover-next-1::after{content:url(../../images/sign-2.webp)} .all-hover-prev-1::after{content:url(../../images/sign-3.webp)} .nav{margin-bottom: 85px;} .all-nav {display: flex;} .all-nav li{flex: 1;max-width: 250px;position: relative;height: 60px;} .all-nav li:first-child::before{content: "";background: url(../../images/sign-4.webp) no-repeat;width: 6px;height: 100%;background-size: 100% 100%;position: absolute;left: 0;top: 0;z-index: 2;} .all-nav li::after{content: "";background: url(../../images/sign-4.webp) no-repeat;width: 6px;height: 100%;background-size: 100% 100%;position: absolute;right: 0;top: 0;z-index: 1;} .all-nav .a-lb-1{background: #ffffff;font-size: 18px;color: var(--public-color-g);border:none;font-weight: 400;width: 100%;height: 60px;padding: 0;text-align: center;border-radius: 0;} .all-nav .a-lb-1:hover,.all-nav .a-lb-1.active{color: var(--public-color-g) !important;border-color:var(--public-color)} .all-nav .a-lb-1:after,.all-nav .a-lb-1.active:after{background-color: rgba(233, 238, 243, .6);} @media(max-width:768px){ .all-nav li , .all-nav .a-lb-1{height: 45px;} .all-nav li{flex: auto;} .all-nav .a-lb-1{font-size: 16px;line-height: 1.4;width: 100% !important;padding: 0 10px !important;} } .all-top-head{display: flex;justify-content: space-between;align-items: flex-end;gap:30px;margin-bottom: 85px;} .all-top-head .nav{margin-bottom: 0;} .all-top-head .all-nav{flex: 1;justify-content: flex-end;} .line-bf:before{content: "";width: 90px;height: 2px;background: var(--public-color);display: block;margin-bottom: 30px;} .line-center:after{content: "";width: 90px;height: 2px;background: var(--public-color);display: block;margin: 35px auto 50px;} .line-af:after{content: "";width: 90px;height: 2px;background: var(--public-color);display: block;margin: 35px 0 40px;} @media(max-width:1200px){ .line-af:after{width: 80px;} } @media(max-width:1000px){ .line-af:after{width: 70px;margin: 20px 0 30px;} } @media(max-width:899px){ .line-af:after{width: 60px;margin: 15px 0 25px;} } @media(max-width:768px){ .line-bf:before{width: 70px;margin-bottom: 20px;} .line-af:after{width: 50px;margin: 10px 0 20px;} } /* ========== index.html 首页模块（顺序同 DOM）========== */ .index-more{font-size: 20px;text-transform: uppercase;text-align: center; margin-top: 50px; display: inline-block; line-height: 32px; color: #fff;padding:20px 55px;min-width:320px;background:url(../../images/btn-bg1.webp) no-repeat right top var(--public-color-g); } .index-more:hover{color: var(--public-color) !important;} /* --- index-more 响应式 --- */ @media(max-width:1340px){ .index-more{padding:15px 30px;} } @media(max-width:1200px){ .index-more{padding:10px 25px;font-size:18px;line-height:28px;margin-top:40px;} } @media(max-width:768px){ .index-more{min-width:0;width:auto;max-width:100%;padding:7px 20px;font-size:16px;line-height:28px;margin-top:30px;} } .index-banner{position: relative;} .index-banner .banner-text{text-align: left;} .index-banner .banner-text .box{max-width: 860px;} .index-banner .banner-text .box .h1{font-size: 42px;line-height: 53px; font-weight: 500;position: relative;margin-bottom: 20px;color: #fff;} .index-banner .banner-text .box .h1:before{content: "";width: 90px;height: 2px;background: #fff;display: block;margin-bottom: 30px;} .index-banner .banner-text .box p{font-size: 22px;color: #fff;margin-left: 0;} /* --- index-banner 响应式 --- */ @media(max-width:1340px){ .index-banner .banner-text{padding-bottom: 100px;} } @media(max-width:1200px){ .index-banner .banner-text .box .h1{font-size:38px;line-height:48px;} } @media(max-width:1000px){ .index-banner .banner-text{padding-bottom: 0;} .index-banner .banner-text .box .h1{font-size:34px;line-height:44px;} .index-banner .banner-text .box p{font-size:18px;} } @media(max-width:768px){ .index-banner .banner-text .box{max-width:100%;} .index-banner .banner-text .box .h1{font-size:22px;line-height:32px;margin-bottom:15px;} .index-banner .banner-text .box .h1:before{width:60px;margin-bottom:20px;} .index-banner .banner-text .box p{font-size:16px;line-height:24px;} } @media(max-width:440px){ .index-banner .banner-text .box .h1{font-size:20px;line-height:28px;} } .index-num{position: relative;margin-top: -90px;z-index: 1;} .index-num .box{background: url(../../images/index-bg1.webp) no-repeat center;background-size:cover;height: 170px;padding: 0 55px; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .index-num .box .item{padding: 0 50px 0 70px;position: relative;border-left: 2px solid rgba(255, 255, 255, 0.2);} .index-num .box .item:first-child{border: none;} .index-num .box .item .t1{font-size: 42px;line-height: 42px;color: #fff;font-weight: 500;} .index-num .box .item .t2{font-size: 18px;color: #fff;margin-top: 20px;} /* --- index-num 响应式 --- */ @media(max-width:1200px){ .index-num .box{padding:0 30px;} .index-num .box .item{padding:0 30px 0 40px;min-width:0;box-sizing:border-box;} } @media(max-width:1000px){ .index-num{margin-top: 30px;} .index-num .box{height:auto;min-height:150px;padding:25px 20px;justify-content: space-around;gap:10px 0;} .index-num .box .item{padding: 0 20px;} .index-num .box .item .t1{font-size:36px;} .index-num .box .item .t2{font-size:16px;line-height:22px;margin-top: 10px;} } @media(max-width:768px){ .index-num .box{display: grid;grid-template-columns: repeat(2,1fr);grid-template-rows: repeat(2,1fr);gap: 0px;} .index-num .box .item {height: 100%;border: none;padding: 15px 20px;text-align: center;} .index-num .box .item:nth-child(odd){border-right:2px solid rgba(255,255,255,.2);} .index-num .box .item:nth-child(n + 3){border-top:2px solid rgba(255,255,255,.2);} .index-num .box .item .t1{font-size:32px;} .index-num .box .item .t2{font-size:16px;margin-top:10px;} } @media(max-width:540px){ .index-num .box .item{width:100%;flex:0 0 100%;max-width:100%;padding:14px 16px;} } @media(max-width:440px){ .index-num .box{padding:20px 12px;} .index-num .box .item .t1{font-size:28px;line-height:28px;} .index-num .box .item .t2{font-size:14px;line-height:20px;} } .index-pro{margin: 50px 0 110px;} .index-pro-top .t1{font-size: 18px;color: #999999;text-align: center;margin-bottom: 20px;} .index-pro-top .title{position: relative;} .index-pro-top .title:after{content: "";width: 90px;height: 2px;background: var(--public-color);display: block;margin: 40px auto 60px;} .index-pro-top .big-box{background: linear-gradient(to right,#fff,#eceef2);padding: 60px 0;} .index-pro-top .big-box .container-xl{display: flex;align-items: center;justify-content: space-between;} .index-pro-top .big-box .textbox{width: 50%;padding: 0 100px;} .index-pro-top .big-box .img{width: 50%;} .index-pro-top .big-box .img img{mix-blend-mode: multiply;} .index-pro-top .big-box .h3{font-size: 28px;line-height: 1.4;position: relative;font-weight: 500;margin-bottom: 35px;display: block;} .index-pro-top .big-box .text p, .index-pro-top .big-box .text{color: #666666;font-size: 18px;line-height: 32px;} .index-pro-top .big-box .text ul{margin-top: 25px;} .index-pro-top .big-box .text li{font-size: 18px;position: relative;padding-left: 40px;margin: 5px 0;} .index-pro-top .big-box .text li:before{content: "\f00c";font-family: CmsFont;color: var(--public-color);position: absolute;left: 3px;display: inline-block;} .index-pro-top .big-box .d-flex{margin-top: 30px;align-items: center;display: flex;flex-wrap: wrap;} .index-pro-top .big-box .d-flex .item{display: flex;cursor: pointer; align-items: center;background: var(--public-color-g);border-radius: 50px;overflow: hidden;color: #fff;padding: 3px;} .index-pro-top .big-box .d-flex .item .icon{width: 74px;height: 74px;aspect-ratio: 1;background: #fafbfc; display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;flex-shrink: 0;} .index-pro-top .big-box .d-flex .item .h4{padding: 0 25px 0 20px;font-size: 16px;line-height: 1.4;} .index-pro-top .big-box .d-flex .item:hover{background: var(--public-color);} .index-pro-top .big-box .d-flex .item:hover .icon img{filter: invert(30%) sepia(65%) saturate(7409%) hue-rotate(343deg) brightness(81%) contrast(128%);} .index-pro-top .big-box .d-flex .arrow{width: 80px;text-align: center;font-size: 20px;color: var(--public-color-g);flex-shrink: 0;} .index-pro-top .big-box:nth-child(3){background: linear-gradient(to left,#fff,#eceef2);} .index-pro-top .big-box:nth-child(3) .img{order: -1;} .index-pro-bottom .content{margin-top:90px;display: grid;grid-template-columns: repeat(3,1fr);gap: 35px;} .index-pro-bottom .list{margin-bottom: 15px;} .index-pro-bottom .list > a.img{display: block;background: #f2f4f6;padding: 20px;height: 220px;overflow: hidden;display: flex;justify-content: center;align-items: center;} .index-pro-bottom .list > a.img img{mix-blend-mode: multiply;} .index-pro-bottom .list .box .h5{font-size: 20px;font-weight: 500;margin: 30px 0 20px;display: block;} .index-pro-bottom .list .summary{font-size: 16px;color: #666;line-height: 28px;} /* --- index-pro 响应式 --- */ @media(max-width:1530px){ .index-pro-top .big-box .textbox{padding:0 60px;} } @media(max-width:1430px){ .index-pro-top .big-box .textbox{padding:0 20px;width:46%;min-width:0;} .index-pro-top .big-box .container-xl > a.img{width:50%;} .index-pro-bottom .content{margin-left:0;margin-right:0;} } @media(max-width:1200px){ .index-pro-top .big-box .textbox{width:50%;padding:0;} .index-pro-top .big-box .textbox .text li{font-size:16px;padding-left:32px;} .index-pro-top .big-box .textbox .d-flex{gap:10px 6px;margin-top:24px;max-width:100%;} .index-pro-top .big-box .textbox .d-flex .item{flex:1 1 auto;min-width:0;max-width:100%;} .index-pro-top .big-box .textbox .d-flex .item .icon{width:58px;height:58px;} .index-pro-top .big-box .textbox .d-flex .item .h4{padding:0 14px 0 10px;} .index-pro-top .big-box .textbox .d-flex .arrow{width:28px;flex:0 0 28px;font-size:16px;} .index-pro-top .big-box .container-xl > a.img{padding:0 8px 0 0;box-sizing:border-box;} } @media(max-width:1000px){ .index-pro-top .big-box .textbox .h3{margin-bottom:25px;} .index-pro-top .big-box .textbox .text ul{margin-top:15px;} .index-pro-bottom .content{margin-top:60px;gap: 25px;} .index-pro-bottom .list > a.img {height: 180px;} .index-pro-top .big-box .textbox .d-flex .item .icon{width:52px;height:52px;} .index-pro-top .big-box .textbox .d-flex .item .h4{padding:0 10px;} } @media(max-width:899px){ .index-pro-top .big-box:nth-child(3) .container-xl > a.img{order:0;} .index-pro-bottom .content{margin-top:40px;grid-template-columns: repeat(2, 1fr);} .index-pro-top .big-box .textbox .text, .index-pro-top .big-box .textbox .text p{font-size:17px;line-height:28px;} .index-pro-top .big-box .textbox .d-flex .item .icon{width:45px;height:45px;} } @media(max-width:768px){ .index-pro{margin:30px 0;} .index-pro-top .big-box .container-xl{flex-direction:column-reverse;align-items:stretch;gap:25px;} .index-pro-top .big-box .textbox, .index-pro-top .big-box .container-xl > a.img{width:100%;max-width:100%;box-sizing:border-box;} .index-pro-top .top-head .t1{font-size:16px;line-height:24px;margin-bottom:5px;} .index-pro-top .title{font-size:26px;line-height:34px;} .index-pro-top .title:after{margin: 15px auto 25px;} .index-pro-top .big-box{padding:0 0 30px;} .index-pro-top .big-box .h3{margin-bottom: 15px;} .index-pro-bottom .list{flex:0 0 100%;max-width:100%;} .index-pro-top .big-box .textbox .line-bf:before{width:60px;margin-bottom:20px;} .index-pro-top .big-box .textbox .h3{font-size:22px;line-height:1.3;margin-bottom: 15px;} .index-pro-top .big-box .textbox .d-flex{gap:12px;} .index-pro-top .big-box .textbox .d-flex .item{flex:none;} .index-pro-top .big-box .textbox .d-flex .item .icon{width:60px;height:60px;} .index-pro-top .big-box .textbox .d-flex .item .h4{padding:0 16px 0 14px;} .index-pro-top .big-box .textbox .text, .index-pro-top .big-box .textbox .text p{font-size:16px;line-height:26px;} .index-pro-bottom .list > a.img{height:auto;min-height:180px;} .index-pro-bottom .list .box .h5{font-size:20px;margin:20px 0 15px;} .index-pro-bottom .list .summary{font-size:14px;line-height:1.4;} } @media(max-width:540px){ .index-pro-top .big-box .textbox{padding:0;} .index-pro-top .big-box .textbox .d-flex{gap:0px;} .index-pro-top .big-box .textbox .d-flex .item .icon{width:50px;height:50px;} .index-pro-bottom .content{grid-template-columns: repeat(1, 1fr);} .index-pro-bottom .list > a.img{min-height:160px;padding:16px;} } @media(max-width:480px){ .index-pro-top .big-box .textbox .d-flex{flex-direction: column;gap: 10px;} .index-pro-top .big-box .textbox .d-flex .item{width: 100%;} .index-pro-top .big-box .textbox .d-flex .item .h4{font-size: 16px;} .index-pro-top .big-box .textbox .d-flex .arrow{transform: rotate(90deg);} } .index-sol{margin: 130px 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .index-sol .left{width: 46%;display: flex;justify-content: flex-end;} .index-sol .left .box{max-width: 625px;} .index-sol .right{width: 50%;position: relative;overflow: hidden;} .index-sol .box .t1{font-size: 18px;color: #999999;margin-bottom: 20px;} .index-sol .box .title{font-size: 42px;font-weight: 500;position: relative;line-height: 50px;} .index-sol .box p{color: #666666;font-size: 18px;line-height: 32px;} .index-sol .box ul{margin-top: 25px;} .index-sol .box li{font-size: 18px;line-height: 1.4;position: relative;padding-left: 40px;margin: 5px 0;color: var(--public-color-g);} .index-sol .box li:before{content: "\f00c";font-family: CmsFont;color: var(--public-color);position: absolute;left: 3px;display: inline-block;} .index-sol .sol-item{position: relative;background-color: var(--public-color-g);} .index-sol .sol-item>img{opacity: .6;} .index-sol .sol-item:hover>img{opacity: 1;} .index-sol .sol-item .t3{position: absolute;left: 0;right: 0;bottom: 0;font-size: 22px;background: rgba(7, 42, 86, 0.8); line-height: 32px; color: #fff;height: 80px;display: flex;align-items: center;justify-content: center;text-align: center;} .index-sol .swiper-sol{width: 113%;padding-bottom: 120px;} .index-sol .qhbox{width: 555px;position: absolute;bottom: 20px;right: 0;} .index-sol .sol-qh-btn{position: relative;width: auto;display: flex;align-items: center;} .index-sol .sol-qh-btn>*{position: static;margin: 0;} .index-sol .swiper-button-prev:after{content: "\f060";font-family: CmsFont;font-size: 22px;color: var(--public-color-g);} .index-sol .swiper-button-next:after{content: "\f061";font-family: CmsFont;font-size: 22px;color: var(--public-color-g);} .index-sol .swiper-pagination{width: auto;z-index: 1;} .index-sol .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #cdd4dd;margin: 0 10px;} .index-sol .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--public-color);} /* --- index-sol 响应式 --- */ @media(max-width:1610px){ .index-sol{align-items: center;} } @media(max-width:1530px){ .index-sol .sol-item .t3{font-size: 20px;padding: 5px;} } @media(max-width:1400px){ .index-sol{padding-left: 15px;} } @media(max-width:1340px){ .index-sol .box .t1{margin-bottom: 10px;} .index-sol .line-af:after{margin: 20px 0 35px} .index-sol .box ul{margin-top: 15px;} } @media(max-width:1200px){ .index-sol .swiper-sol{width:100%;max-width:100%;} .index-sol .sol-qh-btn{justify-content: center;} .index-more{margin-top: 35px;} .index-sol .box p{font-size: 16px;line-height: 1.4;} } @media(max-width:1000px){ .index-sol .left{width:48%;} .index-sol .right{width:48%;} .index-sol .swiper-sol{width:100%;padding-bottom: 100px;} } @media(max-width:899px){ .index-sol{flex-direction:column-reverse;gap:25px;align-items:stretch;padding-right: 15px;} .index-sol .left, .index-sol .right{width:100%;min-width:0;max-width:100%;} .index-sol .left{justify-content:flex-start;} .index-sol .left .box{max-width:100%;} .index-sol .swiper-sol{width:100%;padding-bottom:0px;} .index-sol .qhbox{width:100%;max-width:100%;position:relative;bottom:auto;right:auto;margin-top:15px;} } @media(max-width:768px){ .index-sol{padding:30px 0;margin: 0;padding-left:15px;padding-right:15px;box-sizing:border-box;} .index-sol .box .t1{font-size: 16px;line-height: 1.4;} .index-sol .box .title{font-size:26px;line-height:34px;} .index-sol .line-af:after{margin: 10px 0 20px;} .index-sol .sol-item .t3{font-size:18px;height:auto;min-height:64px;padding:10px;} .index-sol .box li{font-size: 16px;line-height: 1.4;padding-left: 30px;} .index-sol .box p{font-size: 14px;} } @media(max-width:440px){ .index-sol .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;} } .index-about{margin: 130px 0 150px;display: flex;flex-wrap: wrap;justify-content: space-between;} .index-about .left{width: 50%;} .index-about .right{width: 46%;display: flex;position: relative;z-index: 2;} .index-about .right .box{max-width: 625px;} .index-about p{color: #666666;font-size: 18px;line-height: 32px;} .index-about .d-flex{margin-top: 30px;gap: 30px;} .index-about .d-flex .item{width: 50%;} .index-about .d-flex .item .inner{display: flex;align-items: center;font-size: 32px;color: var(--public-color-g);line-height: 40px;} .index-about .d-flex .item .tb{background: var(--public-color-g);width: 40px;height: 40px;margin-right: 20px;border-radius: 50%;} .index-about .d-flex .item .t3{font-size: 18px;margin-top: 25px;} /* --- index-about 响应式 --- */ @media(max-width:1430px){ .index-about{margin:100px 0 120px;} .index-about .right .box{max-width:100%;} .index-about{align-items: center;} .index-about .line-af:after{margin: 15px 0 25px;} .index-about .d-flex .item .t3{margin-top: 10px;} .index-more{margin-top: 35px;} } @media(max-width:1200px){ .index-about{padding-right: 15px;} .index-about .title{font-size:38px;line-height:46px;} .index-about p{font-size:17px;line-height:30px;} .index-about .d-flex{gap:22px;margin-top:26px;} .index-about .d-flex .item{min-width:0;box-sizing:border-box;} .index-about .d-flex .item .inner{font-size:26px;line-height:34px;min-width:0;} .index-about .d-flex .item .t2{word-break:break-word;} .index-about .d-flex .item .t3{font-size:17px;line-height:26px;} .index-about .d-flex .item .tb{margin-right: 10px;} } @media(max-width:1000px){ .index-about .left{width:48%;min-width:0;} .index-about .right{width:48%;min-width:0;} .index-about .title{font-size:34px;line-height:42px;} .index-about .d-flex .item .inner{font-size:22px;line-height:30px;} .index-about .d-flex .item .tb{width:36px;height:36px;margin-right:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;} .index-about .d-flex .item .tb img{max-width:100%;max-height:100%;object-fit:contain;} } @media(max-width:899px){ .index-about{flex-direction:column;gap:25px;align-items:stretch;padding-left: 15px;} .index-about .left, .index-about .right{width:100%;min-width:0;max-width:100%;} .index-about .left img{display:block;width:100%;height:auto;} } @media(max-width:768px){ .index-about{margin:30px 0;padding-left:15px;padding-right:15px;box-sizing:border-box;} .index-about p{font-size:14px;line-height:1.4} .index-about .d-flex{gap:20px;margin-top:22px;} .index-about .d-flex .item{width:100%;} .index-about .d-flex .item .inner{font-size:22px;line-height:30px;} .index-about .d-flex .item .t3{font-size:16px;line-height:24px;margin-top:14px;} } @media(max-width:540px){ .index-about .d-flex .item .inner{font-size:20px;line-height:28px;} .index-about .d-flex .item .tb{width:32px;height:32px;margin-right:12px;} } @media(max-width:440px){ .index-about{margin:50px 0 60px;} .index-about .d-flex .item .inner{font-size:18px;line-height:26px;} } /* ========== index.html index-box1（Capabilities / Core / Service）========== */ .index-box1{padding: 120px 0 300px;background: url(../../images/index-bg3.webp) no-repeat center top;position: relative;z-index: 1;} .index-box1 .img-back{position: absolute;right: 115px;top: -145px;width: 295px;aspect-ratio: 1;border-radius: 100%;background-color: var(--public-color-g);display: flex;justify-content: center;align-items: center;} .index-box1 .img-back::after{content: "";width: calc(100% + 60px);aspect-ratio: 1;border-radius: 100%;border: solid 1px #dddddd;position: absolute;animation: img-back 4s ease-in-out infinite;} .index-box1 .img-back::before{content: "";width: calc(100% + 135px);aspect-ratio: 1;border-radius: 100%;border: solid 1px #dddddd;position: absolute;animation: img-back 4.5s ease-in-out infinite;} @keyframes img-back { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } /* .index-box1:before{content: "";width: 614px;height: 701px;background: url(../../images/index-bg2.webp) no-repeat;position: absolute;right: 0;top: -351px;display: block;} */ /* --- index-box1 响应式 --- */ @media(max-width:1430px){ .index-box1{padding: 70px 0px 30px;background-position: center bottom;background-size: cover;} .index-box1 .img-back{width:260px;right:60px;top:-120px;} } @media(max-width:1200px){ .index-box1 .img-back{width:240px;right:40px;top:-100px;} } @media(max-width:1000px){ .index-box1{background: none;padding-bottom: 40px;} .index-box1 .img-back{display:none;} } @media(max-width:768px){ .index-box1{padding:30px 0 0;} } .index-house .list{display: flex;justify-content: center;position: relative;flex-direction: column;align-items: center;width:100%;max-width:100%;} .index-house .list .img{position: relative;width:100%;max-width:100%;} .index-house .list .img .zz{position: relative;} .index-house .list .img .zz:before{content: "";width: 100%;position:absolute;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 20px;} .index-house .title{text-align: center;} .index-house .t2{font-size: 18px;color: #666;text-align: center;margin-top: 20px;} .index-house .t3{margin-top: 35px;text-align: center;font-size: 18px;position: absolute;top: 100%;} .index-house .qh{position: relative;overflow:hidden;} .index-house .qh .house-swiper {padding-bottom: 70px;overflow:hidden;} .index-house .qh .swiper-pagination{left: 0;bottom: 0;} .index-house .swiper-slide .t4{font-size: 24px;font-weight: 500;color: #fff;position: absolute;left: 0;right: 0;bottom: 30px;text-align: center;display: none;} .index-house .swiper-slide { overflow: hidden; text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; transition: 300ms; transform: scale(0.6); } .index-house .swiper-slide , .index-house .swiper-slide img{border-radius: 20px;} .index-house .swiper-slide.swiper-slide-active .t4{display: block;} @media(min-width:1201px){ .index-house .swiper-slide.swiper-slide-active{transform: scale(1.3);overflow: visible;} } @media(min-width:769px) and (max-width:1200px){ .index-house .swiper-slide.swiper-slide-active{transform:scale(1.05);overflow:hidden;} } /* --- index-house 响应式 --- */ @media(max-width:1200px){ .index-house .title{font-size:38px;line-height:46px;} .index-house .t2{font-size:17px;line-height:26px;padding:0 15px;box-sizing:border-box;} .index-house .qh .house-swiper{padding-bottom:100px;} .index-house .t3{padding:0 12px;box-sizing:border-box;} } @media(max-width:1000px){ .index-house .title{font-size:36px;line-height:44px;} .index-house .t3{position:relative;top:auto;margin-top:18px;font-size:17px;line-height:28px;} .index-house .qh .house-swiper{padding-bottom:48px;} } @media(max-width:899px){ .index-house .container-xl{padding-left:15px;padding-right:15px;box-sizing:border-box;} .index-house .line-center:after{margin:20px auto 35px;} } @media(max-width:768px){ .index-house .t2{font-size:16px;line-height:24px;margin-top:10px;} .index-house .t3{margin-top:16px;font-size:16px;line-height:26px;} .index-house .list .img .zz img{width:100%;height:auto;display:block;} .index-house .swiper-slide, .index-house .swiper-slide.swiper-slide-active{transform:scale(1)!important;overflow:hidden;} .index-house .swiper-slide .t4{display:block;font-size:18px;bottom:15px;padding:0 10px;box-sizing:border-box;} .index-house .qh .house-swiper{padding-bottom:0px;} } @media(max-width:540px){ .index-house .swiper-slide .t4{font-size:16px;bottom:12px;} } .index-core{margin: 140px 0 120px;} .index-core .container-xl{display: flex;flex-wrap: wrap;justify-content: space-between;} .index-core .left{width: 30%;} .index-core .left .box{padding: 60px 40px;background: #f9fafb;border: 1px solid #d7dadf;border-radius: 20px;} .index-core .left .t1{font-size: 36px;line-height: 1.4;font-weight: 500;} .index-core .left .img{margin-top: 60px;} .index-core .left .index-more{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;} .index-core .right{width: 65%;display: flex;flex-wrap: wrap;justify-content: space-between;} .index-core .right .item{width: 46%;display: flex;margin-bottom: 60px;} .index-core .right .item .img{min-width: 140px;width: 140px;margin-right: 20px;} .index-core .right .item .t2{font-size: 18px;line-height: 1.4;font-weight: 500;} .index-core .right .item .t3{font-size: 16px;color: #666;margin-top: 10px;} /* --- index-core 响应式 --- */ @media(max-width:1430px){ .index-core{margin:120px 0 100px;} } @media(max-width:1340px){ .index-core .right .item{margin-bottom: 30px;} } @media(max-width:1200px){ .index-core .left{width:34%;position: sticky;top: 100px;height: fit-content;} .index-core .right{width:62%;} .index-core .left .t1{font-size:32px;line-height:40px;} .index-core .right .item{flex-direction: column;gap: 15px;} .index-core .right .item .img{width: 100%;} .index-core .right .item .img > img{width: 100%;} .index-core .right .item .text{min-width:0;} } @media(max-width:1000px){ .index-core{margin:80px 0 60px;} .index-core .left .box{padding:40px 25px;} .index-core .left .img{margin-top:40px;} .index-core .left .index-more{min-width:0;} .index-core .right .item{margin-bottom:45px;} } @media(max-width:899px){ .index-core .right .item{width:48%;margin-bottom:35px;} } @media(max-width:768px){ .index-core{margin:30px 0 40px;box-sizing:border-box;} .index-core .container-xl{flex-direction: column;} .index-core .left{width: 100%;;position: static;text-align: center;margin-bottom: 30px;} .index-core .left .t1{font-size:24px;line-height:1.4} .index-core .left .line-af:after{width:60px;margin:15px auto 25px;} .index-core .right{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px 20px;} .index-core .right .item{width:100%;flex-direction:column;margin-bottom:0px;} .index-core .right .item .img{margin:0;width:100%;max-width:100%;min-width:0;} .index-core .right .item .t3{font-size:14px;line-height:1.4;} } @media(max-width:540px){ .index-core .left .box{padding:28px 20px;} .index-core .left .t1{font-size:22px;line-height:30px;} .index-core .right{grid-template-columns: repeat(2, 1fr);} } .index-service{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .index-service .right{width: 46%;display: flex;align-items: center;} .index-service .right .box{max-width: 625px;width: 100%;} .index-service .left{width: 50%;position: relative;overflow: hidden;min-width: 0;} .index-service .left img{display: block;width: 100%;height: auto;} .index-service .box .t1{font-size: 18px;color: #999999;margin-bottom: 20px;} .index-service .box p{color: #666666;font-size: 18px;line-height: 32px;} .index-service .box ul{margin-top: 25px;} .index-service .box li{font-size: 18px;position: relative;padding-left: 40px;margin: 5px 0;color: #666;word-break: break-word;} .index-service .box li:before{content: "\f00c";font-family: CmsFont;color: var(--public-color);position: absolute;left: 3px;display: inline-block;} .index-service .box .index-more{margin-top: 50px;} /* --- index-service 响应式 --- */ @media(max-width:1430px){ .index-service{padding-left:15px;padding-right:15px;box-sizing:border-box;} .index-service .right .box{max-width: 100%;} .index-service .box .index-more{margin-top: 35px;} } @media(max-width:1200px){ .index-service .box .title{font-size: 38px;line-height: 46px;} .index-service .box p{font-size: 17px;line-height: 30px;} .index-service .box li{font-size: 17px;line-height: 28px;} .index-service .box ul{margin-top: 20px;} } @media(max-width:1000px){ .index-service{flex-direction: column;gap: 25px;align-items: stretch;padding:30px 15px;box-sizing: border-box;background-color: #e6e8ed;position: relative;z-index: 2;} .index-service .left, .index-service .right{width: 100%;min-width: 0;max-width: 100%;} .index-service .right{align-items: stretch;} .index-service .left{overflow: hidden;} .index-service .box .title{font-size: 34px;line-height: 42px;} .index-service .box .t1{font-size: 16px;margin-bottom: 5px;} .index-service .box p{font-size: 17px;line-height: 28px;} .index-service .box .index-more{max-width:100%;} } @media(max-width:899px){ .index-service{flex-direction: column;gap: 25px;align-items: stretch;padding:30px 15px;box-sizing: border-box;background-color: #e6e8ed;} .index-service .left, .index-service .right{width: 100%;min-width: 0;max-width: 100%;} .index-service .right{align-items: stretch;} .index-service .left{overflow: hidden;border-radius: 0;} } @media(max-width:768px){ .index-service{padding: 30px 15px;margin-bottom: 0;} .index-service .box .t1{font-size: 16px;line-height: 24px;margin-bottom: 5px;} .index-service .box p{font-size: 14px;line-height: 20px;} .index-service .box ul{margin-top: 15px;} .index-service .box li{font-size: 16px;line-height: 1.4;padding-left: 30px;margin: 5px 0;} .index-service .box .index-more{margin-top: 25px;min-height: 42px;padding: 10px 20px;font-size: 16px;line-height: 22px;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;} } @media(max-width:540px){ .index-service{padding: 30px 0;} .index-service .box .index-more{width: 100%;max-width: 100%;} } .index-ex{position: relative;z-index: 2;margin-top: -80px;padding: 90px 0 100px;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,247,251,.75) 18%, #f4f7fb 40%, #f7f9fc 72%, #ffffff 100%);} .index-ex .ex-top{display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;margin-bottom: 36px;} .index-ex .ex-intro{max-width: 860px;} .index-ex .ex-intro .title{font-size: 42px;line-height: 50px;font-weight: 500;color: #333;} .index-ex .ex-intro .title.line-af:after{margin: 18px 0 0;} .index-ex .ex-intro p{color: #666666;font-size: 18px;line-height: 32px;margin-top: 18px;} .index-ex .ex-more{flex-shrink: 0;min-width: 240px;height: 55px;padding: 0 28px;margin-top: 0;font-size: 16px;font-weight: 500;text-transform: uppercase;line-height: 55px;color: #fff;background: url(../../images/btn-bg1.webp) no-repeat right top var(--public-color-g);display: inline-flex;align-items: center;justify-content: center;} .index-ex .ex-more:hover{color: var(--public-color) !important;} .index-ex .ex-grid{display: grid;grid-template-columns: 1.35fr 1fr 1fr 1.2fr;grid-template-rows: 1fr 1.15fr;gap: 20px;height: 420px;} .index-ex .ex-pic{position: relative;display: block;height: 100%;overflow: hidden;background: #e8edf2;border-radius: 20px;box-shadow: 0 12px 32px rgba(7,42,86,.14);transition: box-shadow .35s ease;} .index-ex .ex-pic::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, transparent 50%, rgba(7,42,86,.4));opacity: 0;transition: opacity .35s ease;pointer-events: none;} .index-ex .ex-pic:hover{box-shadow: 0 18px 40px rgba(7,42,86,.2);} .index-ex .ex-pic:hover::after{opacity: 1;} .index-ex .ex-pic img{width: 100%;height: 100%;object-fit: cover;display: block;} .index-ex .ex-pic:nth-child(1){grid-column: 1;grid-row: 1 / 3;} .index-ex .ex-pic:nth-child(2){grid-column: 2;grid-row: 1;} .index-ex .ex-pic:nth-child(3){grid-column: 3;grid-row: 1;} .index-ex .ex-pic:nth-child(4){grid-column: 4;grid-row: 1;} .index-ex .ex-pic:nth-child(5){grid-column: 2;grid-row: 2;} .index-ex .ex-pic:nth-child(6){grid-column: 3 / 5;grid-row: 2;} /* --- index-ex 响应式 --- */ @media(max-width:1430px){ .index-ex{overflow-x:clip;max-width:100%;} .index-ex .ex-grid{height:380px;gap:18px;} .index-ex .ex-intro{min-width:0;} } @media(max-width:1200px){ .index-ex{padding:75px 0 85px;margin-top:-65px;} .index-ex .ex-top{align-items:center;gap:30px;margin-bottom:30px;} .index-ex .ex-intro p{font-size:17px;line-height:30px;margin-top:15px;} .index-ex .ex-grid{height:340px;} } @media(max-width:1000px){ .index-ex{padding:65px 0 75px;margin-top:0;} .index-ex .ex-intro p{font-size:17px;line-height:28px;} .index-ex .ex-grid{height:300px;gap:15px;} .index-ex .ex-more{min-width:200px;height:50px;line-height:50px;padding:0 24px;font-size:15px;} .index-ex .ex-pic{border-radius:16px;} } @media(max-width:899px){ .index-ex .ex-top{flex-direction:column;align-items: flex-start;gap:20px;margin-bottom:25px;} .index-ex .ex-intro{max-width:100%;} .index-ex .ex-more{width:auto;max-width:100%;min-width:0;box-sizing:border-box;} .index-ex .ex-grid{height:auto;grid-template-columns:repeat(3, 1fr);grid-template-rows:none;gap:15px;} .index-ex .ex-pic{height:160px;min-height:0;} .index-ex .ex-pic:nth-child(n){grid-column:auto;grid-row:auto;} } @media(max-width:768px){ .index-ex{margin-top:0px;padding:30px 0;} .index-ex .container-xl{display:flex;flex-direction:column-reverse;gap:20px;} .index-ex .ex-intro p{font-size:14px;line-height:20px;margin-top:15px;} .index-ex .ex-more{min-width:0;height:auto;min-height:42px;line-height:22px;padding:10px 20px;font-size:16px;} .index-ex .ex-grid{grid-template-columns:1fr 1fr;gap:12px;} .index-ex .ex-pic, .index-ex .ex-pic:nth-child(1), .index-ex .ex-pic:nth-child(6){grid-column:auto;height:150px;border-radius:0;box-shadow:0 8px 24px rgba(7,42,86,.12);} .index-ex .ex-pic:hover{box-shadow:0 8px 24px rgba(7,42,86,.12);} .index-ex .ex-pic:hover::after{opacity:0;} .index-ex .ex-pic::after{display:none;} } @media(max-width:540px){ .index-ex{padding:30px 0;} .index-ex .ex-grid{grid-template-columns:1fr;gap:12px;} .index-ex .ex-pic, .index-ex .ex-pic:nth-child(1), .index-ex .ex-pic:nth-child(6){height:160px;} } @media(max-width:440px){ .index-ex .ex-pic, .index-ex .ex-pic:nth-child(1), .index-ex .ex-pic:nth-child(6){height:140px;} } .index-global{margin-top: 60px;} .index-ex + .index-global{margin-top: 0;} .all-service{position:relative;overflow-x:clip;max-width:100%;} .all-service .img-back img{display:block;width:100%;max-width:100%;height:auto;} .all-service .img-back{position: absolute;left: 0;top: 210px;z-index: -1;} .all-service .top-head .title{text-align: center;} .all-service .top-head .title.line-af::after{margin: 25px auto 0;} .all-service .top-head .t2{font-size: 18px;line-height: 1.3;color: #666;margin-bottom: 20px;text-align: center;margin-top: 25px;} .all-service .d-flex{display: flex;justify-content: space-between;margin: 50px auto 60px;width: 750px;} .all-service .d-flex .item{width: 31%;text-align: center;} .all-service .d-flex .item .tb{border:1px dashed #a1a1a1;margin: 0 auto; border-radius: 50%;width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;} .all-service .d-flex .item .tb span{background: var(--public-color-g);width: 56px;height: 56px; display: flex;align-items: center;justify-content: center; border-radius: 50%;font-size: 20px;font-weight: bold;color: #fff;} .all-service .d-flex .item .t3{font-size: 14px;color: #666;margin-top: 30px;} .all-service .index-feedback .box{background: url(../../images/index-bg5.webp) no-repeat center top;background-size: 100% 100%;padding: 50px 65px;} .all-service .index-feedback .form-feedback .form-control{background: rgba(255, 255, 255, 0.1);border-radius: 5px;border: none;color: #fff;font-size: 16px;} .all-service .index-feedback .form-feedback .form-control::placeholder{font-size: 16px;color: #fff;} .all-service .form-group:has(input[required])::before,.all-service .form-group:has(textarea[required])::before{display: none;} .all-service .form-group{margin-bottom: 20px;} .all-service .form-row.form-btn-box{justify-content: flex-end;} .all-service .form-row.form-btn-box .input-group{gap: 10px;} .all-service .form-row.form-btn-box .form-control{background-color: #ffffff;color: #495057;} .all-service .form-row.form-btn-box .form-control::placeholder{color: #495057;} /* --- index-global / all-service 响应式 --- */ @media(max-width:1200px){ .all-service .index-feedback .box .form-row{flex-wrap: nowrap;} } @media(max-width:1000px){ .all-service .d-flex{width:100%;max-width:750px;padding:0 15px;} .all-service .index-feedback .box{padding: 50px 30px;} } @media(max-width:899px){ .all-service .top-head .title.line-af::after{margin: 15px auto 25px;} .all-service .d-flex{gap:25px;align-items:stretch;width:100%;max-width:100%;} .all-service .d-flex .item{width:100%;max-width:100%;} .all-service .index-feedback .box .form-row{flex-wrap: wrap;} .all-service .index-feedback .box .form-row .col-md-3{width: 48%} } @media(max-width:768px){ .index-global{margin:30px 0;} .all-service .img-back{display:none;} .all-service .top-head .title.line-af::after{margin: 10px auto 20px;} .all-service .top-head .t2{font-size: 16px;line-height: 1.4;} .all-service .d-flex{margin: 30px auto 40px;} .all-service .d-flex .item .tb{width: 55px;height: 55px;} .all-service .d-flex .item .tb span{width: 48px;height: 48px;} .all-service .d-flex .item .t3{margin-top: 15px;} .all-service .index-feedback .box{padding:30px 20px;background-size:cover;} .all-service .index-feedback .form-row .all_btn{width: auto;min-width: 200px;} .all-service .index-feedback .form-feedback .form-control{font-size:16px;} .all-service .index-feedback .form-row .col-md-3, .all-service .index-feedback .form-row .col-md-6, .all-service .index-feedback .form-row .col-md-12{flex:0 0 100%;max-width:100%;} } @media(max-width:540px){ .all-service .d-flex{display: grid;grid-template-columns: repeat(2, 1fr);padding: 0;} .all-service .d-flex .item{display: grid;grid-template-columns: 50px auto;gap: 15px;align-items: center;} .all-service .d-flex .item .t3{margin-top: 0;text-align: left;} } @media(max-width:440px){ .all-service .d-flex{grid-template-columns: repeat(1, 1fr);gap: 10px 25px;margin: 0 auto 20px;} } /* all-news 新闻卡片（blog 列表 + news-latest 模块共用） */ .all-news .item{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:1px solid #e6ebf0;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(7,42,86,.08);transition:transform .3s ease,box-shadow .3s ease;} .all-news .item .img{height:200px;background:#e8edf2;} .all-news .item .img a{display:block;width:100%;height:100%;overflow:hidden;} .all-news .item .img img{width:100%;height:100%;object-fit:cover;display:block;} .all-news .item .text{padding:22px 24px 26px;background:#fff;flex:1;display:flex;flex-direction:column;min-width:0;} .all-news .item .text time{color:var(--public-color);font-size:13px;line-height:20px;font-weight:500;letter-spacing:.3px;} .all-news .item .text .t1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--public-color-g);font-size:20px;line-height:1.4;font-weight:700;margin:10px 0 0;text-decoration:none;} .all-news .item .text .cont{color:#888888;font-size:16px;line-height:1.4;margin-top:10px;flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .all-news .item .text .more{margin-top:auto;padding-top:16px;font-size:14px;line-height:20px;font-weight:600;color:var(--public-color-g);text-decoration:none;} .all-news .item:hover .text .more{color:var(--public-color);} @media(min-width:769px){ .all-news .item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(7,42,86,.14);} } /* --- all-news 卡片 响应式 --- */ @media(max-width:1200px){ .all-news .item .text{padding:15px 15px 20px;} } @media(max-width:768px){ .all-news .item .img{height:180px;} .all-news .item .text{padding:18px 18px 22px;} .all-news .item .text .t1{font-size:18px;} .all-news .item:hover{transform:none;} } @media(max-width:540px){ .all-news .item .img{height:160px;} .all-news .item .text{padding:16px 16px 20px;} .all-news .item .text .more{padding-top:12px;} .all-news .item{border-radius:12px;} } .news-latest{padding: 90px 0 100px;} .news-latest .news-top{display: flex;justify-content: space-between;gap: 24px;margin-bottom: 40px;} .news-latest .news-top .title.line-af:after{margin: 18px 0 0;} .news-latest .news-more{flex-shrink: 0;min-width: 180px;height: 50px;padding: 0 24px;font-size: 15px;font-weight: 500;text-transform: uppercase;color: #fff;background: url(../../images/btn-bg1.webp) no-repeat right top var(--public-color-g);display: inline-flex;align-items: center;justify-content: center;} .news-latest .news-more:hover{color: var(--public-color) !important;} .news-latest .content{position:relative;min-width:0;margin-left: -15px;margin-right: -15px;} .news-latest .mySwiper-news{overflow:hidden;padding:0 15px 30px;} .news-latest .swiper-slide{height:auto;} .news-latest .all-hover-next{right:0;} .news-latest .all-hover-prev{left:0;} .news-latest .swiper-slide .item{height:100%;} /* --- news-latest 响应式 --- */ @media(max-width:768px){ .news-latest{padding:50px 0 0px;} .news-latest .news-top{gap:16px;margin-bottom:28px;} .news-latest .news-more{width:170px;min-width:0;} .news-latest .all-hover{width:52px;height:52px;margin-top:-10px;} } @media(max-width:540px){ .news-latest .all-hover{width:46px;height:46px;} } @media(max-width:440px){ .news-latest .all-hover{width:42px;height:42px;margin-top:-5px;} } .index-news{padding: 80px 0 90px;} .index-news .container-xl{display: flex;justify-content: space-between;flex-wrap: nowrap;gap: 50px;} .index-news .left{width: 50%;flex: 1 1 50%;min-width: 0;display: flex;flex-direction: column;} .index-news .right{width: 46%;flex: 0 0 46%;min-width: 0;} .index-news .t1{font-size: 22px;line-height: 28px;font-weight: 700;color: var(--public-color-g);text-transform: uppercase;letter-spacing: .4px;margin-bottom: 0;} .index-news .t1.line-af:after{margin: 16px 0 24px;} .index-news .list{display: flex;flex-direction: column;gap: 20px;flex: 1;} .index-news .list .item{width: 100%;height: 100%;display: flex;align-items: stretch;background: #fff;border: 1px solid #d7dee6;box-shadow: 6px 10px 22px rgba(7,42,86,.1);} .index-news .list .item .img{width: 38%;flex-shrink: 0;background: #e8edf2;} .index-news .list .item .img a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;} .index-news .list .item .img img{width: 100%;height: 100%;object-fit: cover;} .index-news .list .item .text{width: 62%;padding: 18px 22px;background: #fff;} .index-news .list .item .t2{font-size: 18px;line-height: 1.4;font-weight: 700;color: var(--public-color-g);margin: 0 0 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index-news .list .item .t2 a{color: inherit;} .index-news .list .item p{font-size: 16px;line-height: 1.4;color: #888888;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .index-news .exh-list{display: flex;align-items: stretch;} .index-news .exh-list .exh-item{flex: 1 1 0;max-width: 50%;display: block;margin: 0;padding: 0 22px;border-right: 1px solid #e5e5e5;} .index-news .exh-list .exh-item:first-child{padding-left: 0;} .index-news .exh-list .exh-item:last-child{padding-right: 0;border-right: 0;} .index-news .exh-date{width: 72px;height: 72px;background: var(--public-color-g);color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 14px;} .index-news .exh-date b{font-size: 26px;line-height: 1;font-weight: 700;} .index-news .exh-date span{font-size: 12px;line-height: 1;margin-top: 6px;} .index-news .exh-list .exh-item .t3{font-size: 16px;line-height: 24px;font-weight: 700;color: #333;margin-bottom: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .index-news .exh-list .exh-item .t3 a{color: inherit;} .index-news .exh-list .exh-item .img{width: 100%;height: 140px;margin-bottom: 18px;background: #fff;box-shadow: 0 0 0 10px #fff, 0 16px 40px rgba(255,255,255,1), 0 8px 28px rgba(255,255,255,.95), 0 14px 36px rgba(7,42,86,.22);} .index-news .exh-list .exh-item .img a{display: block;width: 100%;height: 100%;overflow: hidden;} .index-news .exh-list .exh-item .img img{width: 100% !important;height: 100% !important;max-height: 140px;object-fit: cover;display: block;} .index-news .exh-meta{font-size: 16px;line-height: 1.4;color: #888888;} /* --- index-news 响应式 --- */ @media(max-width:1430px){ .index-news{overflow-x:clip;max-width:100%;} .index-news .container-xl{gap:40px;} .index-news .left, .index-news .right{min-width:0;box-sizing:border-box;} } @media(max-width:1200px){ .index-news{padding:70px 0 80px;} .index-news .container-xl{gap:35px;} .index-news .left{flex:1 1 52%;} .index-news .right{flex:0 0 44%;} .index-news .t1{font-size:20px;line-height:26px;} .index-news .exh-list .exh-item{padding:0 18px;} } @media(max-width:1000px){ .index-news{padding:60px 0 70px;} .index-news .container-xl{gap:30px;} .index-news .left{flex:1 1 50%;} .index-news .right{flex:0 0 48%;} .index-news .exh-list .exh-item .img{height:130px;margin-bottom:15px;} .index-news .exh-list .exh-item .img img{max-height:130px;} } @media(max-width:899px){ .index-news{padding:55px 0 65px;} .index-news .container-xl{flex-wrap:wrap;gap:35px;} .index-news .left, .index-news .right{width:100%;flex:1 1 100%;min-width:0;max-width:100%;} } @media(max-width:768px){ .index-news{padding:30px 0;} .index-news .t1{font-size:22px;line-height:1.4;} .index-news .t1.line-af:after{width:60px;margin:15px 0 20px;} .index-news .list{gap:20px;display: grid;grid-template-columns: repeat(2, 1fr);} .index-news .list .item{flex-direction:column;border-radius:0;box-shadow:0 6px 18px rgba(7,42,86,.08);} .index-news .list .item .img, .index-news .list .item .text{width:100%;} .index-news .list .item .img img{height:180px;border-radius:0;} .index-news .list .item .t2{font-size:18px;line-height:26px;} .index-news .list .item p{font-size:14px;line-height:20px;} .index-news .exh-list{display: grid;grid-template-columns: repeat(2, 1fr);gap:20px;} .index-news .exh-list .exh-item, .index-news .exh-list .exh-item:first-child, .index-news .exh-list .exh-item:last-child{max-width:100%;padding:0 0 25px;border-right:0;border-bottom:1px solid #e5e5e5;} .index-news .exh-list .exh-item:last-child{padding-bottom:0;border-bottom:0;} .index-news .exh-list .exh-item .t3{font-size:18px;line-height:26px;} .index-news .exh-list .exh-item .img{height:auto;min-height:160px;margin-bottom:15px;border-radius:0;box-shadow:0 8px 24px rgba(7,42,86,.12);} .index-news .exh-list .exh-item .img img{max-height:none;min-height:160px;border-radius:0;} .index-news .exh-date{width:64px;height:64px;margin-bottom:12px;} .index-news .exh-date b{font-size:22px;} } @media(max-width:540px){ .index-news{padding:30px 0;} .index-news .list{grid-template-columns: repeat(1, 1fr);} .index-news .list .item .img img{height:auto} .index-news .exh-list{grid-template-columns: repeat(1, 1fr);} } @media(max-width:440px){ .index-news .t1.line-af:after{width:50px;margin:12px 0 16px;} .index-news .list .item .t2{font-size:18px;line-height:24px;} } .index-help{padding:100px 0 74px;background-color:#f2f4f6;} .index-help .container-xl{display:flex;justify-content:space-between;} .index-help .left{width:56.5%;} .index-help .t1{font-size: 32px;line-height:48px;font-weight:500;} .index-help .t2{font-size: 18px;color: #666;margin-top: 20px;} .index-help a{font-size:14px;line-height:30px;font-weight:500;text-transform:uppercase;color:#ffffff;background-color:var(--public-color);padding:12px 99px 12px 50px;border-radius:50px;position:relative;margin-top:30px;transition:background-color .25s ease,box-shadow .25s ease;} .index-help a::after{content:"\f061";width:40px;height:40px;border-radius: 50%; background:#fff;font-family: CmsFont;color: var(--public-color); background-size:cover;display:flex;align-items: center;justify-content: center; position:absolute;right:7px;top:7px;transition:right .25s ease,background-color .25s ease,color .25s ease;} @media (min-width:769px){ .index-help a:hover{text-decoration:none;color:#ffffff !important;background-color:var(--public-color-g);box-shadow:0 10px 28px rgba(7,42,86,.22);} .index-help a:hover::after{right:4px;background-color:var(--public-color);color:#fff;} } @media(max-width:768px){ .index-help a:hover{text-decoration:none;color:#ffffff !important;background-color:var(--public-color);box-shadow:none;} .index-help a:hover::after{right:6px;transform:translateY(-50%);} } .index-help .right{width:28.6%;} .index-help .t3{font-size:28px;line-height:36px;font-weight:500;color:var(--public-color-g);border-bottom: 1px solid #657b96;padding-bottom: 40px;} .index-help .tip{margin-top:40px;} .index-help .tip p{font-size:18px;line-height:28px;color:#666666;padding-left:40px;position:relative;margin-top:10px;} .index-help .tip p::before{content:"\f00c";font-family: CmsFont;color: var(--public-color); display:block;position:absolute;left:0;} .index-help .tip p:nth-child(1){margin-top:0;} /* --- index-help 响应式 --- */ @media(max-width:1430px){ .index-help .left, .index-help .right{min-width:0;box-sizing:border-box;} } @media(max-width:1200px){ .index-help{padding:80px 0 60px;} .index-help .left{width:58%;} .index-help .right{width:34%;} .index-help .t1{font-size:28px;line-height:40px;} .index-help .t2{font-size:17px;line-height:28px;margin-top:18px;} .index-help .t3{font-size:24px;line-height:32px;padding-bottom:32px;} .index-help .tip{margin-top:32px;} .index-help .tip p{font-size:17px;line-height:26px;} .index-help a{padding:12px 80px 12px 40px;margin-top:26px;} } @media(max-width:1000px){ .index-help{padding:70px 0 55px;} .index-help .left{width:55%;} .index-help .right{width:38%;} .index-help .t1{font-size:26px;line-height:36px;} .index-help .t3{font-size:22px;line-height:30px;padding-bottom:28px;} .index-help a{padding:11px 72px 11px 36px;font-size:13px;margin-top:22px;} } @media(max-width:899px){ .index-help .container-xl{flex-direction:column;gap:25px;align-items:stretch;} .index-help .left, .index-help .right{width:100%;min-width:0;max-width:100%;} .index-help .tip{margin-top:28px;} } @media(max-width:768px){ /* mobile 768 — index-help 主布局 */ .index-help{padding:30px 0;} .index-help .t1{font-size:24px;line-height:32px;} .index-help .t2{font-size:14px;line-height:20px;margin-top:15px;} .index-help .t3{font-size:20px;line-height:28px;padding-bottom:20px;} .index-help .tip{margin-top:20px;} .index-help .tip p{font-size:16px;line-height:1.4;padding-left:30px;margin-top:8px;} .index-help a{display:inline-flex;align-items:center;min-height:42px;padding:10px 56px 10px 20px;margin-top:20px;font-size:16px;line-height:22px;max-width:100%;box-sizing:border-box;} .index-help a::after{width:36px;height:36px;right:6px;top:50%;transform:translateY(-50%);} } @media(max-width:550px){ /* 超小屏 550 — 在 768 基础上再收紧 */ .index-help .t1{font-size:20px;line-height:28px;} .index-help .t2{font-size:14px;line-height:20px;margin-top:12px;} .index-help .t3{font-size:18px;line-height:26px;padding-bottom:15px;} .index-help .tip{margin-top:15px;} .index-help a{width:100%;justify-content:flex-start;padding-right:50px;font-size:15px;} .index-help a::after{width:32px;height:32px;} } /* ========== 内页通用（breadcrumb / banner）========== */ .breadcrumb{position: absolute;top: 25px;} .breadcrumb .breadcrumb-item{display: flex;align-items: center;} .breadcrumb .breadcrumb-item:first-child:before{content: "\f016";color: var(--public-color) !important;font-family: CmsFont;font-size: 18px; display: inline-block;margin-right: 10px;} .breadcrumb .breadcrumb-item:before{content: "\f324";font-family: CmsFont;font-size: 12px;color: #fff;} .breadcrumb .breadcrumb-item a{color: #ffffff;} .breadcrumb .breadcrumb-item:last-child::before{color: #999999;} .breadcrumb .breadcrumb-item:last-child a{color: #999999;} .breadcrumb .breadcrumb-item:last-child a:hover{color: var(--public-color);} .in-banner .breadcrumb {position: static;padding:25px 0} .in-banner .breadcrumb .breadcrumb-item a{color: #666666;} .in-banner .breadcrumb .breadcrumb-item::before{color: #666666;} .in-banner .breadcrumb .breadcrumb-item:last-child a{color: #999999;} .in-banner .breadcrumb .breadcrumb-item:last-child::before{color: #999999;} /* --- in-banner（产品详情等）响应式 --- */ @media(max-width:768px){ .in-banner .breadcrumb{padding: 10px 0 15px;} .breadcrumb{top: 10px;} .breadcrumb .breadcrumb-item{font-size:14px;} } .banner.all-banner .t1{color: #ffffff;} .all-banner{background-size: cover !important;display: flex;align-items: center;} .all-banner .box .t1{font-size: 46px;line-height: 52px;font-weight: 500} .all-banner .box p{font-size: 16px;line-height: 1.4;color: #ffffff;margin-top: 20px;} .banner{background-size: cover;height: 500px;} .banner .box{width: 60%;margin-top: 25px;} /* --- banner 内页（product-list 等 .all-banner）响应式 --- */ @media(max-width:1530px){ .banner{height:420px;} } @media(max-width:1430px){ .all-banner .box .t1{font-size:42px;line-height:48px;} } @media(max-width:1330px){ .all-banner .box .t1{font-size:38px;line-height:46px;} } @media(max-width:1230px){ .all-banner .box .t1{font-size:34px;line-height: 1.4;} } @media(max-width:1200px){ .banner{height:380px;} .all-banner .box .t1{font-size:30px;} } @media(max-width:991px){ .banner{height:320px;background-position:center;} .banner .box{width:100%;max-width:100%;} .all-banner .box .t1{font-size:28px;} } @media(max-width:768px){ .all-banner .box .t1{font-size:26px} .banner.all-banner .line-bf:before{width:60px;margin-bottom:10px;} } /* ========== product-list.html ========== */ .prolist-box1{margin: 60px 0;} .prolist-box1 .container-xl{display: flex;flex-wrap: wrap;justify-content: space-between;gap:0;} .prolist-box1 .item{width:24%;box-sizing:border-box;background:url(../../images/prolist-bgoff.webp) no-repeat center;background-size:contain;height:174px;padding:60px 15px 25px;transition:background .3s ease,background-color .3s ease,box-shadow .3s ease;} .prolist-box1 .item .t1{text-align: center;font-size: 18px;color: var(--public-color-g);margin-bottom: 30px;line-height: 26px;} .prolist-box1 .item .t2{text-align: center;font-size: 24px;font-weight: 500;color: var(--public-color);line-height: 32px;} @media(min-width:1201px){ .prolist-box1 .item:hover{background:url(../../images/prolist-bgon.webp) no-repeat center;background-size:contain;} } /* --- prolist-box1 响应式 --- */ @media(max-width:1430px){ .prolist-box1 .item{min-width:0;} } @media(max-width:1200px){ .prolist-box1{margin:60px 0;} .prolist-box1 .container-xl{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;} .prolist-box1 .item{width:100%;flex:none;height:174px;padding:20px 15px;margin-bottom:0;background-color:#fff;background-image:none;box-shadow:0 10px 28px rgba(7,42,86,.08);display:flex;flex-direction:column;justify-content:center;border-radius:8px;border: 4px double var(--public-color);} .prolist-box1 .item .t1{margin-bottom:15px;font-size:17px;line-height:25px;} .prolist-box1 .item .t2{font-size:22px;line-height:30px;} } @media(min-width:769px) and (max-width:1200px){ .prolist-box1 .item:hover{background-image:none;background-color:var(--public-color);box-shadow:0 12px 30px rgba(228,0,21,.28);} .prolist-box1 .item:hover .t1, .prolist-box1 .item:hover .t2{color:#fff!important;} } @media(max-width:1000px){ .prolist-box1{margin:60px 0;} .prolist-box1 .item{min-height:150px;padding:40px 15px 25px;} .prolist-box1 .item .t2{font-size:20px;line-height:28px;} } @media(max-width:899px){ .prolist-box1 .container-xl{gap:15px;} .prolist-box1 .item .t1{margin-bottom:15px;font-size:16px;line-height:24px;} } @media(max-width:768px){ /* mobile 768 */ .prolist-box1{margin:30px 0 0;} .prolist-box1 .container-xl{gap:15px;grid-template-columns: repeat(2, 1fr);} .prolist-box1 .item .t1{font-size:14px;line-height:20px;margin-bottom:10px;} .prolist-box1 .item .t2{font-size:18px;line-height:26px;} } @media(max-width:440px){ .prolist-box1 .item .t2{font-size:17px;line-height:24px;} } .prolist-list{margin:40px 0 120px;} .prolist-list .item{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:0;margin-bottom:80px;min-width:0;box-sizing:border-box;} .prolist-list .item .left{flex:0 0 50%;width:50%;max-width:50%;min-width:0;box-sizing:border-box;background:#f2f4f6;} .prolist-list .item .left a{display:block;padding:45px 50px;} .prolist-list .item .left img{display:block;max-width:100%;height:auto;mix-blend-mode:multiply;} .prolist-list .item .right{flex:1 1 auto;width:46%;max-width:46%;min-width:0;box-sizing:border-box;} .prolist-list .item .pro-model{font-size:14px;line-height:20px;font-weight:600;color:var(--public-color);margin-bottom:8px;letter-spacing:.3px;} .prolist-list .item .t1{font-size:36px;line-height:46px;font-weight:500;margin-bottom:30px;} .prolist-list .item p{color:#666;font-size:18px;line-height:32px;} .prolist-list .item ul{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:12px;margin-top:25px;} .prolist-list .item li{flex:0 0 auto;width:100%;max-width:100%;position:relative;margin:0;padding-left:32px;font-size:18px;line-height:26px;color:#666;} .prolist-list .item li:before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;background:url(../../images/prolist-tb1.webp) no-repeat center;background-size:contain;} /* --- prolist-list 响应式 --- */ @media(max-width:1430px){ .prolist-list .item .left, .prolist-list .item .right{min-width:0;} } @media(max-width:1200px){ .prolist-list{margin:40px 0 100px;} .prolist-list .item{margin-bottom:60px;} .prolist-list .item .left{width:52%;flex-basis:52%;max-width:52%;} .prolist-list .item .right{width:45%;max-width:45%;} .prolist-list .item .left a{padding:35px;} .prolist-list .item .t1{font-size:32px;line-height:40px;margin-bottom:25px;} .prolist-list .item p{font-size:17px;line-height:30px;} .prolist-list .item li{font-size:17px;line-height:24px;padding-left:30px;} } @media(max-width:1000px){ .prolist-list{margin:40px 0 80px;} .prolist-list .item{margin-bottom:55px;} .prolist-list .item .left{width:50%;flex-basis:50%;max-width:50%;} .prolist-list .item .right{width:48%;max-width:48%;} .prolist-list .item .left a{padding:30px 25px;} .prolist-list .item .t1{font-size:30px;line-height:38px;margin-bottom:22px;} .prolist-list .item p{font-size:17px;line-height:28px;} } @media(max-width:899px){ .prolist-list{margin:40px 0;} .prolist-list .container-xl{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 15px;align-items:stretch;} .prolist-list .item{flex-direction:column;align-items:stretch;margin-bottom:0;height:100%;background:#fff;box-shadow:0 8px 24px rgba(7,42,86,.08);overflow:hidden;} .prolist-list .item .left, .prolist-list .item .right{width:100%;flex:0 0 auto;max-width:100%;} .prolist-list .item .left a{padding:25px 20px;} .prolist-list .item .right{flex:1;padding:15px 18px 22px;} .prolist-list .item .pro-model{font-size:12px;line-height:18px;margin-bottom:6px;} .prolist-list .item .t1{font-size:18px;line-height:26px;margin-bottom:12px;} .prolist-list .item p{font-size:14px;line-height:22px;margin-bottom:0;} .prolist-list .item ul{margin-top:12px;flex-direction:column;flex-wrap:nowrap;gap:8px;align-items:stretch;} .prolist-list .item li{font-size:13px;line-height:20px;padding-left:28px;flex:0 0 auto;max-width:100%;} .prolist-list .item li:before{width:20px;height:20px;} } @media(max-width:600px){ .prolist-list .container-xl{grid-template-columns:repeat(1,1fr);} } .prolist-box2{margin:120px 0 70px;} .prolist-box2 .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;} .prolist-box2 .left{width:57%;min-width:0;box-sizing:border-box;} .prolist-box2 .left .t1{font-size:36px;line-height:46px;font-weight:500;color:var(--public-color-g);margin-bottom:30px;} .prolist-box2 .left p{color:#666;font-size:18px;line-height:32px;} .prolist-box2 .right{width:40%;padding:0 50px;min-width:0;box-sizing:border-box;} .prolist-box2 .right .box{box-shadow:10px 0 30px rgba(0,0,0,.1);overflow:hidden;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:space-between;} .prolist-box2 .right .box .tb{width:26%;background:var(--public-color-g);height:150px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .prolist-box2 .right .box .tb img{max-width:100%;height:auto;display:block;} .prolist-box2 .right .box .t2{width:52%;padding:0 40px;font-size:20px;line-height:30px;min-width:0;} .prolist-box2 .right .box{cursor:pointer;} .prolist-box2 .right .box .jt{width:22%;padding:0 20px;flex-shrink:0;} .prolist-box2 .right .box .jt i{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f2f4f6;border-radius:50%;color:var(--public-color);font-size:20px;} /* --- prolist-box2 响应式 --- */ @media(max-width:1430px){ .prolist-box2 .left, .prolist-box2 .right{min-width:0;} } @media(max-width:1200px){ .prolist-box2{margin:100px 0 60px;} .prolist-box2 .left{width:54%;} .prolist-box2 .right{width:43%;padding:0 25px;} .prolist-box2 .left .t1{font-size:32px;line-height:40px;margin-bottom:25px;} .prolist-box2 .left p{font-size:17px;line-height:30px;} .prolist-box2 .right .box .tb{height:130px;} .prolist-box2 .right .box .t2{font-size:18px;line-height:28px;padding:0 25px;} } @media(max-width:1000px){ .prolist-box2{margin:80px 0 55px;} .prolist-box2 .left{width:55%;} .prolist-box2 .right{width:42%;padding:0 20px;} .prolist-box2 .left .t1{font-size:30px;line-height:38px;margin-bottom:22px;} .prolist-box2 .right .box .t2{padding:0 20px;font-size:17px;line-height:26px;} } @media(max-width:899px){ .prolist-box2{margin:70px 0 50px;} .prolist-box2 .container-xl{flex-direction:column;gap:25px;align-items:stretch;} .prolist-box2 .left, .prolist-box2 .right{width:100%;max-width:100%;padding:0;} .prolist-box2 .left .t1{font-size:28px;line-height:36px;margin-bottom:20px;} .prolist-box2 .left p{font-size:16px;line-height:26px;} } @media(max-width:768px){ .prolist-box2{margin:30px 0;} .prolist-box2 .left .t1{font-size:26px;line-height:32px;margin-bottom:15px;} .prolist-box2 .left p{font-size:14px;line-height:20px;} .prolist-box2 .right .box{flex-wrap:wrap;border-radius:0;} .prolist-box2 .right .box .tb{width:100%;height:100px;} .prolist-box2 .right .box .t2{width:100%;padding:20px;font-size:16px;line-height:24px;text-align:center;} .prolist-box2 .right .box .jt{width:100%;display:flex;justify-content:center;padding:0 0 20px;} .prolist-box2 .right .box .jt i{width:42px;height:42px;min-width:42px;min-height:42px;font-size:18px;} } @media(max-width:540px){ .prolist-box2 .left .t1{font-size:22px;line-height:30px;} .prolist-box2 .right .box .t2{font-size:15px;line-height:22px;padding:15px;} } @media(max-width:440px){ .prolist-box2 .left .t1{font-size:20px;line-height:28px;margin-bottom:12px;} } .prolist-box3{margin:70px 0 100px;} .prolist-box3 .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;} .prolist-box3 .item{width:31%;min-width:0;position:relative;overflow:hidden;transition:transform .3s ease-in-out;box-sizing:border-box;} .prolist-box3 .item .img{display:block;width:100%;} .prolist-box3 .item .img img{display:block;width:100%;height:auto;} .prolist-box3 .item .text{background:#fff;position:absolute;left:20px;right:20px;bottom:25px;text-align:center;padding:40px 55px 35px;box-sizing:border-box;} .prolist-box3 .item .text .t1{font-size:22px;line-height:30px;font-weight:500;} .prolist-box3 .item .text p{font-size:16px;line-height:24px;color:#666;margin-top:15px;} .prolist-box3 .item .text:after{content:"";width:90px;height:2px;background:var(--public-color);display:block;position:absolute;bottom:0;left:calc(50% - 45px);} @media(min-width:769px){ .prolist-box3 .item:hover{transform:translateY(-5px);} } /* --- prolist-box3 响应式 --- */ @media(max-width:1430px){ .prolist-box3 .item{min-width:0;} } @media(max-width:1200px){ .prolist-box3{margin:60px 0 80px;} .prolist-box3 .container-xl{gap:20px;} .prolist-box3 .item{margin-bottom:0;} .prolist-box3 .item .text{padding:30px 25px 30px;left:15px;right:15px;bottom:20px;} .prolist-box3 .item .text .t1{font-size:20px;line-height:28px;} } @media(max-width:1000px){ .prolist-box3{margin:55px 0 70px;} .prolist-box3 .item{width:calc(50% - 10px);flex:0 0 calc(50% - 10px);} .prolist-box3 .item .text .t1{font-size:19px;line-height:26px;} .prolist-box3 .item .text p{font-size:15px;line-height:22px;margin-top:12px;} .prolist-box3 .box{width:100%;max-width:100%;box-shadow:10px 0 30px rgba(0,0,0,.1);overflow:hidden;border-radius:0;background:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-top:5px;} .prolist-box3 .box .tb{flex: 1;width:100%;background:var(--public-color-g);height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .prolist-box3 .box .tb img{max-width:100%;height:auto;display:block;} .prolist-box3 .box .t2{width:100%;padding:20px;font-size:16px;line-height:24px;text-align:center;min-width:0;} .prolist-box3 .box .jt{width:100%;display:flex;justify-content:center;padding:0 0 20px;} .prolist-box3 .box .jt i{width:42px;height:42px;min-width:42px;min-height:42px;font-size:18px;display:flex;align-items:center;justify-content:center;background:#f2f4f6;border-radius:50%;color:var(--public-color);} } @media(max-width:899px){ .prolist-box3 .item .text{padding:28px 20px 32px;left:15px;right:15px;bottom:20px;} } @media(max-width:768px){ .prolist-box3{margin:30px 0;} .prolist-box3 .item{display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:10px 0 30px rgba(0,0,0,.1);} .prolist-box3 .item:hover{transform:none;} .prolist-box3 .item .img{flex-shrink:0;} .prolist-box3 .item .text{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:0;padding:18px 12px 24px;text-align:center;} .prolist-box3 .item .text .t1{font-size:18px;line-height:26px;} .prolist-box3 .item .text p{font-size:14px;line-height:20px;margin-top:10px;} .prolist-box3 .item .text:after{width:60px;left:calc(50% - 30px);bottom: 10px;} .prolist-box3 .container-xl{display: grid;grid-template-columns:repeat(2,1fr);gap:35px 25px;} .prolist-box3 .item{width:100%;flex: none;} .prolist-box3 .box{width:100%;max-width:100%;box-shadow:10px 0 30px rgba(0,0,0,.1);overflow:hidden;border-radius:0;background:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-top:5px;} .prolist-box3 .box .tb{flex: 1;width:100%;background:var(--public-color-g);height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .prolist-box3 .box .tb img{max-width:100%;height:auto;display:block;} .prolist-box3 .box .t2{width:100%;padding:15px 20px;font-size:18px;line-height:26px;text-align:center;min-width:0;} .prolist-box3 .box .jt{width:100%;display:flex;justify-content:center;padding:0 0 10px;} .prolist-box3 .box .jt i{width:42px;height:42px;min-width:42px;min-height:42px;font-size:18px;display:flex;align-items:center;justify-content:center;background:#f2f4f6;border-radius:50%;color:var(--public-color);} } @media(max-width:540px){ .prolist-box3 .container-xl{gap:35px 15px;justify-content:center;} .prolist-box3 .item{width:100%;flex:0 0 100%;max-width:100%;} .prolist-box3 .item .text .t1 , .prolist-box3 .box .t2{font-size:16px;line-height:1.4;color: #333333;} .prolist-box3 .item .text{padding:14px 10px 22px;} } @media(max-width:440px){ .prolist-box3 .item .text .t1{font-size:16px;line-height:22px;} } .prolist-high{background:#f2f4f6;padding:100px 0 40px;overflow-x:clip;} .prolist-high .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;} .prolist-high .box .left{width:48%;min-width:0;box-sizing:border-box;} .prolist-high .box .right{width:44%;min-width:0;position:relative;box-sizing:border-box;} .prolist-high .box .right > .img-width{display:block;width:100%;height:auto;} .prolist-high .box .left .t1{font-size:36px;line-height:42px;font-weight:500;margin-bottom:20px;} .prolist-high .box .left .text{color:#666;font-size:18px;line-height:32px;} .prolist-high .box .left .text p{color:#666;font-size:18px;line-height:32px;position:relative;margin-bottom:10px;} .prolist-high .box .left p:before, .prolist-high .box .left .text p:before{content:"";width:40px;height:8px;border-top:1px solid var(--public-color);border-bottom:1px solid var(--public-color);display:inline-block;margin-right:20px;vertical-align:middle;} .prolist-high .box .left p:last-child, .prolist-high .box .left .text p:last-child{margin-bottom:0;} .prolist-high .box .right .zz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;} .prolist-high .box .right .zz .video_icon{pointer-events:auto;position:relative;left:auto;top:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--public-color);border-radius:50%;} .prolist-high .qh{margin-top:90px;overflow:hidden;} .prolist-high .high-swiper{overflow:hidden;padding-bottom:45px;} .prolist-high .qh .swiper-slide{border-radius:15px;overflow:hidden;} .prolist-high .qh .swiper-slide img{display:block;width:100%;height:auto;} .prolist-high .high-swiper .swiper-pagination{bottom:0;left: 0;} .prolist-high .all-hover{margin-top: auto;transform: translateY(-50%);margin-top: -15px;} .prolist-high .all-hover-next{right: 50px;} .prolist-high .all-hover-prev{left: 50px;} /* --- prolist-high 响应式 --- */ @media(max-width:1430px){ .prolist-high .box .left, .prolist-high .box .right{min-width:0;} .prolist-high .all-hover-next{right: 40px;} .prolist-high .all-hover-prev{left: 40px;} } @media(max-width:1200px){ .prolist-high{padding:80px 0 40px;} .prolist-high .box .left{width:50%;} .prolist-high .box .right{width:46%;} .prolist-high .box .left .t1{font-size:32px;line-height:40px;margin-bottom:18px;} .prolist-high .box .left .text, .prolist-high .box .left .text p{font-size:17px;line-height:30px;} .prolist-high .qh{margin-top:60px;} .prolist-high .all-hover{width: 55px;height: 55px;} .prolist-high .all-hover-next{right: 20px;} .prolist-high .all-hover-prev{left: 20px;} } @media(max-width:1000px){ .prolist-high{padding:70px 0 36px;} .prolist-high .box .left .t1{font-size:30px;line-height:38px;} } @media(max-width:899px){ .prolist-high .qh{margin-top:40px;} } @media(max-width:768px){ .prolist-high{padding:30px 0;} .prolist-high .box{flex-direction:column;gap:25px;align-items:stretch;} .prolist-high .box .left, .prolist-high .box .right{width:100%;max-width:100%;} .prolist-high .box .left .t1{font-size:26px;line-height:32px;margin-bottom:15px;} .prolist-high .box .left .t1.line-bf:before{width:60px;margin-bottom:15px;} .prolist-high .box .left .text, .prolist-high .box .left .text p{font-size:14px;line-height:20px;} .prolist-high .box .left p:before, .prolist-high .box .left .text p:before{width:35px;margin-right:15px;} .prolist-high .qh{margin-top:30px;} .prolist-high .qh .swiper-slide{border-radius:0;} .prolist-high .all-hover{width: 45px;height: 45px;} .prolist-high .all-hover-next{right: 15px;} .prolist-high .all-hover-prev{left: 15px;} } @media(max-width:540px){ .prolist-high .box .left .t1{font-size:22px;line-height:30px;} } @media(max-width:440px){ .prolist-high .box .left .t1{font-size:20px;line-height:28px;} } .video_icon{position:absolute;cursor: pointer; top:50%;left:50%;transform: translate(-50%, -50%);width:75px;height:75px;line-height:66px;text-align:center;} .video_icon .play, .video_icon .play:before, .video_icon .play:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; -ms-border-radius: 50%; transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(228,0,21, 0.6); -o-box-shadow: 0 0 0 0 rgba(228,0,21, 0.6); box-shadow: 0 0 0 0 rgba(228,0,21, 0.6); -webkit-animation: play 3s infinite; animation: play 3s infinite; } .video_icon .play:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; } .video_icon .play:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; } @-webkit-keyframes play { 70% { box-shadow: 0 0 0 20px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(228,0,21, 0); } } @keyframes play { 70% { box-shadow: 0 0 0 20px rgba(228,0,21, 0); } 100% { box-shadow: 0 0 0 0 rgba(228,0,21, 0); } } .prolist-case{margin:130px 0;} .prolist-case .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;} .prolist-case .left{width:63%;min-width:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 0;position:relative;box-sizing:border-box;} .prolist-case .right{width:25%;min-width:0;box-sizing:border-box;} .prolist-case .left .item{width:32%;min-width:0;box-sizing:border-box;} .prolist-case .left .item .case-thumb{overflow:hidden;border-radius:12px;} .prolist-case .left .item .case-thumb img{display:block;width:100%;height:auto;} .prolist-case .left .item .case-caption{margin-top:14px;font-size:15px;font-weight:500;color:#333;line-height:22px;text-align:center;} .prolist-case .case-swiper{overflow:hidden;width:100%;padding-bottom:0;box-sizing:border-box;position:relative;} .prolist-case .case-swiper .swiper-slide{height:auto;} .prolist-case .case-swiper .item{width:100%;max-width:100%;flex:none;} .prolist-case .left .all-hover{top:38%;margin-top:0;transform:translateY(-50%);} .prolist-case .left .all-hover-next{right:-10px;} .prolist-case .left .all-hover-prev{left:-10px;} .prolist-case .right .t1{font-size:36px;line-height:42px;font-weight:500;margin-bottom:20px;} .prolist-case .right p{color:#666;font-size:18px;line-height:32px;} .prolist-case .right .more.a-lb{width:320px;max-width:100%;height:70px;font-size:20px;margin-top:70px;box-sizing:border-box;} /* --- prolist-case 响应式 --- */ @media(max-width:1430px){ .prolist-case .left, .prolist-case .right{min-width:0;} .prolist-case .right .more.a-lb{height: 60px;} } @media(max-width:1200px){ .prolist-case{margin:100px 0;} .prolist-case .left{width:62%;gap:20px 0;} .prolist-case .right{width:32%;} .prolist-case .left .item{width:calc(33.333% - 10px);flex:0 0 calc(33.333% - 10px);} .prolist-case .right .t1{font-size:32px;line-height:40px;margin-bottom:18px;} .prolist-case .right p{font-size:17px;line-height:30px;} .prolist-case .right .more.a-lb{margin-top:45px;height:50px;font-size:18px;} } @media(max-width:1000px){ .prolist-case{margin:80px 0;} .prolist-case .right .t1{font-size:30px;line-height:38px;} } @media(max-width:899px){ .prolist-case{margin:70px 0;} .prolist-case .container-xl{display:flex;flex-direction:column-reverse;gap:25px;align-items:stretch;} .prolist-case .left, .prolist-case .right{width:100%;max-width:100%;} .prolist-case .left{gap:20px 15px;justify-content:flex-start;} .prolist-case .right{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:20px;row-gap:12px;align-items:center;} .prolist-case .right .t1{grid-column:1 / -1;margin-bottom:0;font-size:28px;line-height:36px;} .prolist-case .right .t1.line-af:after{margin:15px 0 0;} .prolist-case .right p{grid-column:1;grid-row:2;margin:0;font-size:16px;line-height:26px;min-width:0;} .prolist-case .right .more.a-lb{grid-column:2;grid-row:2;width:auto;max-width:100%;margin-top:0;height:42px;min-height:42px;padding:0 20px;font-size:14px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;} } @media(max-width:768px){ .prolist-case{margin:30px 0;} .prolist-case .left:has(.case-swiper){display:block;gap:0;} .prolist-case .left .item{width: 100%;} .prolist-case .left .item .case-thumb{border-radius:0;} .prolist-case .left .item .case-caption{font-size:14px;line-height:20px;margin-top:10px;} .prolist-case .right{display:flex;flex-direction:column;gap:15px;text-align: center;} .prolist-case .right .t1{font-size:26px;line-height:32px;margin-bottom:0;} .prolist-case .right .t1.line-af:after{width:60px;margin:15px auto 0;} .prolist-case .right p{font-size:14px;line-height:20px;} .prolist-case .right .more.a-lb{margin-top:10px;height:auto;min-height:42px;padding:10px 20px;font-size:16px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;} .prolist-case .case-thumb:hover img{transform:none;} .prolist-case .left .all-hover{width:46px;height:46px;} .prolist-case .a{display: flex;justify-content: center;margin-top: 30px;} } @media(max-width:540px){ .prolist-case .right .t1{font-size:22px;line-height:30px;} } @media(max-width:440px){ .prolist-case .right .t1{font-size:20px;line-height:28px;} } .prolist-faq.all-big-faq{padding:0 0 110px;} .prolist-faq.prolist-faq-gap{margin-top:140px;} .prolist-faq.all-big-faq .left .index-more{margin-top:30px;} .all-big-faq{padding:145px 0 135px;} .all-big-faq .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0;} .all-big-faq .left{width:37%;min-width:0;box-sizing:border-box;} .all-big-faq .right{width:56%;min-width:0;box-sizing:border-box;} .all-big-faq .left .title{font-size:36px;line-height:42px;font-weight:500;margin-bottom:20px;color:#333333;} .all-big-faq .left p{color:#666;font-size:18px;line-height:32px;} .all-big-faq .a-lb{height:60px;width:280px;font-size:20px;font-weight:bold;} .all-faqs .items:first-child{border-top:1px solid #ddd;} .all-faqs .items{padding:20px 0;position:relative;border-bottom:1px solid #ddd;} .all-faqs .item{display:flex;justify-content:space-between;gap:15px;position:relative;align-items:center;} .all-faqs .faq-num{width:40px;min-width:40px;height:40px;position:relative;background:var(--public-color-g);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .all-faqs .faq-num:after{content:"";width:0;height:0;position:absolute;right:-7px;top:13px;border-top:7px solid transparent;border-left:7px solid var(--public-color-g);border-bottom:7px solid transparent;} .all-faqs .quen-a .faq-num:after{border-left:7px solid var(--public-color);} .all-faqs .quen-a .faq-num{background:var(--public-color);} .all-faqs .quen-q{flex:1;min-width:0;font-size:20px;line-height:28px;color:#333;font-weight:500;padding-left:10px;} .all-faqs .quen-a{font-size:16px;line-height:24px;color:#666;position:relative;margin-top:15px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;} .all-faqs .quen-a .faq-nr{flex:1;min-width:0;padding-left:10px;} .all-faqs .quen-a .row{margin-top:20px;} .all-faqs .quen-a .row img{border-radius:15px;overflow:hidden;max-width:100%;height:auto;} .all-faqs .symbol{width:30px;min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#ddd;color:#333;border-radius:50%;font-size:16px;flex-shrink:0;} .all-faqs .minus{display:none;} .all-faqs .plus{display:inline-block;} .all-faqs .items.active .minus{display:inline-block;} .all-faqs .items.active .plus{display:none;} /* --- all-big-faq / prolist-faq 响应式 --- */ @media(max-width:1430px){ .all-big-faq .left, .all-big-faq .right{min-width:0;} } @media(max-width:1200px){ .all-big-faq{padding:100px 0 85px;} .prolist-faq.prolist-faq-gap{margin-top:100px;} .all-big-faq .left{width:40%;} .all-big-faq .right{width:55%;} .all-big-faq .left .title{font-size:32px;line-height:40px;margin-bottom:18px;} .all-big-faq .left p{font-size:17px;line-height:30px;} } @media(max-width:1000px){ .prolist-faq.all-big-faq{padding:0px 0 70px;} .all-big-faq .left{width:42%;} .all-big-faq .right{width:54%;} .all-big-faq .left .title{font-size:30px;line-height:38px;} .all-faqs .quen-q{font-size:18px;line-height:26px;} .all-faqs .items{padding:18px 0;} } @media(max-width:899px){ .all-big-faq{padding:70px 0 55px;} .all-big-faq .container-xl{flex-direction:column;gap:25px;align-items:stretch;} .all-big-faq .left, .all-big-faq .right{width:100%;max-width:100%;} .all-big-faq .left .title{font-size:28px;line-height:36px;} .all-big-faq .left p{font-size:16px;line-height:26px;} } @media(max-width:768px){ .prolist-faq.all-big-faq{padding:30px 0;} .prolist-faq.prolist-faq-gap{margin-top:40px;} .all-big-faq .left .title{margin-bottom:15px;} .all-big-faq .left .title.line-af:after{width:60px;margin:15px 0 20px;} .all-big-faq .left p{font-size:14px;line-height:20px;} .prolist-faq.all-big-faq .left .index-more{max-width:100%;min-width:0;margin-top:25px;min-height:42px;padding:10px 20px;font-size:16px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;} .all-faqs .items{padding:15px 0;} .all-faqs .quen-q{font-size:18px;line-height:26px;} .all-faqs .quen-a{font-size:14px;line-height:20px;margin-top:12px;} .all-faqs .faq-num{width:36px;min-width:36px;height:36px;font-size:14px;} .all-faqs .faq-num:after{top:11px;} .all-faqs .symbol{width:28px;min-width:28px;height:28px;font-size:14px;} } @media(max-width:540px){ .all-faqs .quen-q{font-size:16px;line-height:24px;} } .prolist-news{margin: 110px 0 0px;} .prolist-news .t1{font-size: 32px;color: #666666;font-weight: 500} .prolist-news .list{display: flex;justify-content: space-between;flex-wrap: wrap;} .prolist-news .list .item{width: 30.5%;} .prolist-news .list .item .text{padding: 50px 50px 65px;background: #f4f4f4;} .prolist-news .list .item .text time{display: block;color: #999999;} .prolist-news .list .item .text .t2{color: #666;font-size: 25px;margin-top: 20px;font-weight: 500;line-height: 32px;} .prolist-news .list .item .text .t2.line-af:after{margin-top: 20px;margin-bottom: 20px;} .prolist-news .list .item .text p{color: #666666;} .prolist-news .list .item:hover{box-shadow: 5px 0 30px rgba(0, 0, 0, 0.1);} .prolist-news .list .item:hover .text{background: #fff;} /* --- prolist-news 响应式 --- */ @media(max-width:899px){ .prolist-news .list .item{width:48%;} } @media(max-width:768px){ .prolist-news{margin:50px 0 0;} .prolist-news .list .item{width:100%;} .prolist-news .list .item .text{padding:30px 25px 40px;} .prolist-news .list .item .text .t2{font-size:20px;line-height:28px;} } .product-in-paper{padding-top:75px} /* ========== product-content.html ========== */ .product-in-paper, .product-in-paper .p-i-first, .product-in-paper .detail-nav, .product-in-paper .p-i-content{max-width:100%;overflow-x:clip;} @media(max-width:768px){ .product-in-paper{padding-top:24px;} .p-i-content{margin-bottom: 40px;} } .p-i-first{margin-bottom:125px;} .p-i-first .content{display:flex;justify-content:space-between;align-items:flex-start;gap:0;min-width:0;} .p-i-first .left{width:52%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:0;} .p-i-first .left .pic{background-color:rgba(124,137,154,.1);display:flex;justify-content:center;align-items:center;padding:20px 40px;} .p-i-first .left img{display:block;max-width:100%;height:auto;mix-blend-mode:multiply;} .p-i-first .inquiry-lead .t{position:relative;font-size:22px;line-height:1.4;font-weight:500;color:#333;margin-bottom:10px;} .p-i-first .inquiry-lead .t:before{content:"";display:block;width:48px;height:2px;background:var(--public-color);margin-bottom:14px;} .p-i-first .inquiry-lead p{font-size:16px;line-height:26px;color:#666;} .p-i-first .inquiry-lead-btn{margin-top:16px;padding:0;border:0;background:transparent;color:var(--public-color);font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;letter-spacing:-.3px;} .p-i-first .inquiry-lead-btn:after{content:" →";} .p-i-first .inquiry-lead-btn:hover{color:var(--public-color-g);} .p-i-first .right{width:40%;min-width:0;box-sizing:border-box;} .p-i-first h1{font-size:36px;font-weight:500;margin-bottom:25px} .p-i-first .pro-model{font-size:14px;line-height:20px;font-weight:600;color:var(--public-color);margin-bottom:8px;letter-spacing:.3px;} .p-i-first .box-input{background-color:rgba(185,185,185,.1);padding:15px 30px 30px;border-radius:8px} .p-i-first .text{font-size:16px;line-height:24px;color:#333333;opacity:.6;margin-bottom:40px} .p-i-first .list{font-size:16px;line-height:1.4;padding:12px 0 12px 12px;border-bottom:1px solid rgba(221,221,221,.65);margin:0 0 4px} .p-i-first .inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0} .p-i-first .inner .h5{flex:1 1 9.5rem;min-width:min(9.5rem,100%);max-width:100%;margin:0;font-size:15px;font-weight:500;line-height:1.35;color:#333} .p-i-first .inner>.sku-field,.p-i-first .inner>.sku-select{flex:1 1 11rem;min-width:0;width:auto;max-width:100%;box-sizing:border-box;height:42px;color:#333;border:1px solid rgba(200,200,200,.95);border-radius:6px;padding:8px 12px;font-size:15px;line-height:1.25;background:#fff;transition:border-color .15s ease,box-shadow .15s ease} .p-i-first .inner>.sku-field:hover,.p-i-first .inner>.sku-select:hover{border-color:rgba(160,160,160,.9)} .p-i-first .inner>.sku-field:focus,.p-i-first .inner>.sku-select:focus{outline:none;border-color:var(--public-color,#555);box-shadow:0 0 0 2px rgba(0,0,0,.06)} .p-i-first .inner .sku-field.sku-input::placeholder{color:#aaa} .p-i-first .inner>.sku-select{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px} .p-i-first .sku-input-with-unit{display:flex;flex:1 1 11rem;min-width:0;max-width:100%;align-items:stretch;box-sizing:border-box;height:42px;border:1px solid rgba(200,200,200,.95);border-radius:6px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease} .p-i-first .sku-input-with-unit:hover{border-color:rgba(160,160,160,.9)} .p-i-first .sku-input-with-unit:focus-within{outline:none;border-color:var(--public-color,#555);box-shadow:0 0 0 2px rgba(0,0,0,.06)} .p-i-first .sku-input-with-unit .sku-input{flex:1 1 auto;min-width:0;height:100%;margin:0;border:none;border-radius:0;box-shadow:none!important;padding:8px 12px;font-size:15px;line-height:1.25;background:transparent} .p-i-first .sku-input-with-unit .sku-input:focus{outline:none;box-shadow:none!important} .p-i-first .sku-input-with-unit .unit{flex-shrink:0;display:inline-flex;align-items:center;padding:0 12px;font-size:14px;font-weight:500;color:#555;white-space:nowrap;font-style:normal;background:rgba(245,245,245,.95);border-left:1px solid rgba(200,200,200,.95)} @media (max-width:991.98px){.p-i-first .inner .h5{flex:1 1 100%;min-width:100%} .p-i-first .inner>.sku-select,.p-i-first .sku-input-with-unit{flex:1 1 100%} }.p-i-first .index-more{width:260px;min-width:120px;height:60px;padding:10px 15px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;margin-top:0} .p-i-first .index-more:hover{color:var(--public-color)} .p-i-first .search-btn{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:20px 0} .p-i-first .search-btn .video_icon.video_icon--product-jump{position:relative;top:auto;left:auto;transform:none;flex-shrink:0;line-height: 1;display: flex;justify-content: center;align-items: center;} .p-i-first .search-btn .video_icon.video_icon--product-jump img{filter:brightness(0) invert(0)} .p-i-first .list.error{position:relative;border-radius:6px;background-color:rgba(198,40,40,.06);border:none !important;box-shadow:inset 3px 0 0 0 #c62828;transition:background-color .2s ease,box-shadow .2s ease} .p-i-first .list.error .inner>.sku-field{border-color:#c62828;box-shadow:0 0 0 1px rgba(198,40,40,.12)} .p-i-first .list.error .inner>.sku-field:focus{border-color:#c62828;box-shadow:0 0 0 2px rgba(198,40,40,.18)} .p-i-first .list.error .sku-input-with-unit{border-color:#c62828;box-shadow:0 0 0 1px rgba(198,40,40,.12)} .p-i-first .list.error .sku-input-with-unit:focus-within{border-color:#c62828;box-shadow:0 0 0 2px rgba(198,40,40,.18)} /* 产品栏内 CMS 规格表（pro_table）— 行内横排多列，窄屏横向滑动 */ .p-i-first .text-table{margin-top:28px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;} .p-i-first .text-table table{display:table;width:100%;min-width:min(100%,320px);border-collapse:collapse;border:none;table-layout:auto;font-size:16px;line-height:1.5;color:#333333;} .p-i-first .text-table tbody{display:table-row-group;} .p-i-first .text-table thead{display:table-header-group;} .p-i-first .text-table tr{display:table-row;} .p-i-first .text-table td, .p-i-first .text-table th{display:table-cell;padding:12px 16px;vertical-align:middle;border:none;white-space:normal;word-break:break-word;} .p-i-first .text-table tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.65);} .p-i-first .text-table tbody tr:nth-of-type(even){background-color:rgba(185,185,185,.06);} .p-i-first .text-table tbody tr:hover{background-color:rgba(185,185,185,.12);} .p-i-first .text-table tr td:first-child, .p-i-first .text-table tr th:first-child{width:38%;min-width:7.5rem;max-width:42%;font-weight:500;text-align:left;color:#333333;} .p-i-first .text-table tr td:not(:first-child), .p-i-first .text-table tr th:not(:first-child){text-align:left;color:#555555;} .p-i-first .text-table p{margin-bottom:0;display:inline;} @media(max-width:1630px){ .p-i-first .search-btn .video_icon.video_icon--product-jump{width: 70px;height: 70px;} } @media(max-width:1530px){ .p-i-first .search-btn .video_icon.video_icon--product-jump{width: 60px;height: 60px;} } @media(max-width:1430px){ .p-i-first .left, .p-i-first .right{min-width:0;} .p-i-first .search-btn .video_icon.video_icon--product-jump{width: 55px;height: 55px;} .p-i-first .search-btn .video_icon.video_icon--product-jump img{width: 20px;} .p-i-first .content{align-items: normal} .p-i-first .text-table tr td:first-child, .p-i-first .text-table tr th:first-child{width:auto} } @media(max-width:1330px){ .p-i-first .search-btn .video_icon.video_icon--product-jump{width: 50px;height: 50px;} } @media(max-width:1230px){ .p-i-first .search-btn .video_icon.video_icon--product-jump{width: 40px;height: 40px;} .p-i-first .search-btn .video_icon.video_icon--product-jump img{width: 16px;} } @media(max-width:1200px){ .p-i-first{margin-bottom:100px;} .p-i-first .left{width:48%;} .p-i-first .left .pic{padding:20px 28px;} .p-i-first .right{width:48%;} .p-i-first h1{font-size:32px;line-height:40px;margin-bottom:22px;} } @media(max-width:1000px){ .p-i-first{margin-bottom:80px;} .p-i-first h1{font-size:30px;line-height:38px;} .p-i-first .left .pic{padding:18px 22px;} } @media(max-width:899px){ .p-i-first{margin-bottom:60px;} .p-i-first .content{flex-direction:column;gap:25px;align-items:stretch;} .p-i-first .left, .p-i-first .right{width:100%;max-width:100%;} .p-i-first .left{width: 80%;} .p-i-first .left .pic{padding:20px 15px;} .p-i-first h1{font-size:28px;line-height:36px;} .p-i-first .box-input .col-md-12{max-width: 50%;} .p-i-first .text-table tr td:first-child, .p-i-first .text-table tr th:first-child{width: 40%} } @media(max-width:768px){ .p-i-first{margin-bottom:30px;} .p-i-first .left .pic{padding:15px;border-radius:0;} .p-i-first .inquiry-lead .t{font-size:18px;} .p-i-first .inquiry-lead p{font-size:14px;line-height:22px;} .p-i-first h1{font-size:26px;line-height:32px;margin-bottom:15px;} .p-i-first h1.line-bf:before{width:60px;margin-bottom:15px;} .p-i-first .box-input{padding:12px 15px 20px;border-radius:0;} .p-i-first .box-input .row{margin-left: -5px;margin-right: -5px;} .p-i-first .box-input .col-md-12{padding-left: 5px;padding-right: 5px;} .p-i-first .list{padding:10px 0 10px 10px;} .p-i-first .search-btn{margin:15px 0;} .p-i-first .index-more{max-width:100%;min-width:0;min-height:42px;height:auto;padding:10px 20px;font-size:16px;line-height:22px;box-sizing:border-box;} .p-i-first .search-btn .video_icon.video_icon--product-jump{width:56px;height:56px;display:grid;place-items:center;} .p-i-first .text-table{margin-top:20px;font-size:14px;} .p-i-first .text-table table{display:table;min-width:min(100%,280px);} .p-i-first .text-table td, .p-i-first .text-table th{padding:10px 12px;font-size:14px;line-height:20px;} } @media(max-width:540px){ .p-i-first .left{width: 100%;} .p-i-first h1{font-size:22px;line-height:30px;} .p-i-first .box-input .col-md-12{max-width: 100%} .p-i-first .inner .h5{font-size:14px;} .p-i-first .text-table tr td:first-child, .p-i-first .text-table tr th:first-child{width:auto} } @media(max-width:440px){ .p-i-first h1{font-size:20px;line-height:28px;} } .detail-nav{margin-bottom:70px;margin-top: 95px;position: sticky;top: 79px;height: fit-content;background-color: #fff;z-index: 11} .detail-nav ol{display: flex;line-height: 0;gap: 10px;} .detail-nav li{flex: 1;max-width: 190px;} .detail-nav li a { padding: 0; width: 100%; height: 100%; font-size: 16px; line-height: 24px; font-weight: 500; color: #888888; background-color: #f4f4f4; border: none; position: relative; display: inline-flex; justify-content: center; align-items: center; height: 54px; } .detail-nav li.active a,.detail-nav li:hover a{color: #ffffff !important;background-color: var(--public-color-g);} @media(max-width:1200px){ .detail-nav{top: 70px;} .detail-nav li{max-width:none;} .detail-nav li a{font-size:15px;padding:0 8px;height: 45px;} } @media(max-width:899px){ .detail-nav li{flex:1 1 calc(50% - 4px);min-width:0;} } @media(max-width:768px){ .detail-nav{top:50px;margin-top:32px;margin-bottom:32px;box-shadow:0 4px 12px rgba(0,0,0,.06);display: none;} .detail-nav li{flex:1 1 100%;} .detail-nav li a{font-size:14px;line-height:20px;height:48px;white-space:normal;text-align:center;padding:8px 10px;} } .p-i-content {font-size: 18px;line-height: 26px;color: #666666;margin-bottom: 165px;margin-top: 130px;} .p-i-content .container-xl>div{margin-bottom: 100px;} .p-i-content .container-xl>div:last-child{margin-bottom: 0;} .p-i-content .title-xl{font-size: 36px;line-height: 1.4;font-weight: 500;margin-bottom: 40px;color: #333333;} @media(max-width:1200px){ .p-i-content .title-xl{font-size:32px;margin-bottom:32px;} } @media(max-width:1000px){ .p-i-content{margin-top:80px;margin-bottom:120px;} .p-i-content .container-xl>div{margin-bottom:70px;} .p-i-content .title-xl{font-size:26px;line-height:32px;margin-bottom:24px;} } @media(max-width:768px){ .p-i-content{margin-top:40px;margin-bottom:40px;font-size:16px;line-height:24px;} .p-i-content .container-xl>div{margin-bottom:50px;} .p-i-content .title-xl{font-size:24px;line-height:32px;margin-bottom:20px;} } .description{display:flex;justify-content:space-between;align-items:flex-start;gap:30px 85px;min-width:0;} .description .left{flex:1 1 0;min-width:0;width:auto;max-width:100%;} .description .right{flex:0 1 615px;max-width:615px;width:100%;min-width:0;aspect-ratio:16/9;height:auto;overflow:hidden;border-radius:10px;background-color:#0f0f0f;} .description .right iframe{width:100%;height:100%;border:0;display:block;border-radius:10px;} #product-detail-video{scroll-margin-top:90px;} .description .text p{margin-bottom:15px;} .description .text p:last-child{margin-bottom:0;} .description .text img{max-width:100%;height:auto;} .description .text strong{font-size:32px;line-height:32px;color:var(--public-color-g);font-weight:500;letter-spacing:-.6px;} .description .text strong::before{content:"";width:40px;aspect-ratio:1;border-radius:100%;background:url(../../images/sign-5.webp) no-repeat;background-size:100%;display:inline-block;transform:translateY(8px);margin-right:20px;} @media(max-width:1430px){ .description{gap:30px 50px;} } @media(max-width:1200px){ .description{gap:25px 40px;} .description .right{flex-basis:min(100%,520px);max-width:520px;} .description .text strong{font-size:28px;line-height:32px;} } @media(max-width:1000px){ .description .right{flex-basis:min(100%,480px);max-width:480px;} } @media(max-width:899px){ .description{flex-direction:column;gap:25px;align-items:stretch;} .description .left, .description .right{flex:1 1 auto;width:100%;max-width:100%;} } @media(max-width:768px){ .description .right{border-radius:0;} .description .right iframe{border-radius:0;} #product-detail-video{scroll-margin-top:50px;} .description .text strong{font-size:22px;line-height:28px;} .description .text strong::before{width:28px;margin-right:12px;transform:translateY(6px);} } @media(max-width:540px){ .description .text strong{font-size:20px;line-height:26px;} } .feature{min-width:0;max-width:100%;} .feature .content{min-width:0;overflow-wrap:break-word;word-break:break-word;} .feature .content p{margin-bottom:15px;} .feature .content p:last-child{margin-bottom:0;} /* .feature .content img{max-width:100%;height:auto;} */ .feature ul{margin-bottom:85px;} .feature li:last-child{margin-bottom:0;} .feature li{margin-bottom:15px;font-size:18px;line-height:26px;color:#666666;} .feature li::before{content:"";width:7px;aspect-ratio:1;border-radius:100%;background-color:var(--public-color);display:inline-block;margin-left:7px;margin-right:10px;transform:translateY(-2px);} .feature img{border-radius:10px;max-width:calc(33.333% - 34px);width:auto;height:auto;display:inline-block;vertical-align:top;margin:0 25px 20px 0;box-sizing:border-box;} .feature img:last-child{margin-right:0;} @media(max-width:1200px){ .feature ul{margin-bottom:60px;} } @media(max-width:1000px){ .feature ul{margin-bottom:50px;} } @media(max-width:899px){ .feature ul{margin-bottom:40px;} .feature img:last-child{margin-bottom:0;} } @media(max-width:768px){ .feature ul{margin-bottom:30px;} .feature li{margin-bottom:12px;font-size:16px;line-height:24px;} .feature img{max-width: calc(33.333% - 20px);margin-right: 15px;} } @media(max-width:540px){ .feature li{font-size:14px;line-height:20px;} .feature li::before{width:6px;margin-right:8px;} } .technical{min-width:0;max-width:100%;} .technical .table-wrapper{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;} .technical .table-wrapper table{width:100%;min-width:1680px;margin-bottom:28px;border-collapse:collapse;} .technical .table-wrapper table td{padding:12px 10px;font-size:15px;line-height:1.45;border-color:#e3e8ef;} .technical .table-wrapper table tr:first-child td{font-size:13px;line-height:1.35;font-weight:500;padding:14px 8px;letter-spacing:0;} .technical .table-wrapper table tr td:first-child{min-width:132px;padding-left:16px;white-space:nowrap;font-weight:600;color:var(--public-color-g);position:sticky;left:0;z-index:1;box-shadow:1px 0 0 #e3e8ef;} .technical .table-wrapper table tr:nth-of-type(odd) td:first-child{background:#fafcff;} .technical .table-wrapper table tr:nth-of-type(even) td:first-child{background:#f2f5f8;} .technical .table-wrapper table tr:first-child td:first-child{color:#fff;text-align:center;padding-left:10px;white-space:normal;background:var(--public-color-g);z-index:2;} .technical .table-wrapper table tr:not(:first-child):hover{background:#e8eef6;} .technical .table-wrapper table tr:not(:first-child):hover td:first-child{background:#e8eef6;} .technical .table-wrapper.is-compact{overflow-x:visible;} .technical .table-wrapper.is-compact table{min-width:0;width:100%;} .technical .table-wrapper.is-compact table tr td:first-child{position:static;box-shadow:none;white-space:normal;} .technical .table-wrapper h5{font-size: 24px;line-height: 1.3;color: #333333;} .technical table{margin-bottom:70px;} .technical ul:nth-last-of-type(1){margin-right:0;} .technical ul{border:solid 1px #de2221;padding:70px 60px 40px;max-width:calc(50% - 25px);width:100%;display:inline-grid;margin-right:40px;box-sizing:border-box;vertical-align:top;} .technical li::before{content:"";width:3px;aspect-ratio:1;border-radius:100%;background-color:#666666;display:inline-block;margin-right:5px;transform:translateY(-5px);} .technical li{font-size:20px;line-height:29px;font-weight:500;color:#666666;margin-bottom:15px;} .technical li:last-child{margin-bottom:0;} .technical li h4{font-size:36px;font-weight:500;color:#333333;margin-bottom:35px;} .technical li:first-child::before{display:none;} @media(max-width:1200px){ .technical ul{padding:50px 40px 32px;max-width:calc(50% - 15px);margin-right:25px;} .technical .table-wrapper table{min-width:1500px;margin-bottom:55px;} } @media(max-width:1000px){ .technical ul{padding:45px 35px 28px;} .technical .table-wrapper table{margin-bottom:50px;} } @media(max-width:899px){ .technical ul{max-width:100%;display:block;margin-right:0;margin-bottom:30px;padding:40px 30px 28px;} } @media(max-width:768px){ .technical .table-wrapper h5 {font-size: 22px;} .technical .table-wrapper table{min-width:1280px;margin-bottom:40px;} .technical .table-wrapper table td{padding:8px 6px;font-size:14px;line-height:20px;} .technical .table-wrapper table tr:first-child td{font-size:13px;line-height:1.35;padding:10px 6px;} .technical .table-wrapper table tr td:first-child{padding-left:12px;} .technical li h4{font-size:26px;line-height:32px;margin-bottom:20px;} .technical li{font-size:16px;line-height:24px;} .technical table{margin-bottom:40px;} .technical ul{padding:30px 20px 24px;margin-bottom:25px;} } @media(max-width:540px){ .technical .table-wrapper table{min-width:1200px;} .technical .table-wrapper table td{font-size:13px;line-height:19px;} .technical .table-wrapper table tr:first-child td{font-size:12px;line-height:1.35;} .technical li h4{font-size:22px;line-height:30px;} .technical ul{padding:25px 15px 20px;} } .products{min-width:0;max-width:100%;} .products .grid{--bs-gap:40px;} .products .list{min-width:0;height:100%;display:flex;flex-direction:column;} .products .box{min-width:0;flex:1 1 auto;} .products .img{display:block;background-color:rgba(124,137,154,.1);padding:25px 55px;margin-bottom:30px;box-sizing:border-box;} .products .img img{display:block;max-width:100%;height:auto;margin:0 auto;mix-blend-mode:multiply;} .products a.t1{display:block;color:#333333;text-decoration:none;} .products a.t1:hover{color:var(--public-color);} .products .t1{font-size:28px;line-height:32px;font-weight:500;letter-spacing:-1px;margin-bottom:0;} .products .cont{font-size:18px;line-height:32px;color:#666666;margin-top:15px;} .products .cont::before{content:"";width:50px;height:2px;background-color:var(--public-color);display:inline-block;margin-right:10px;transform:translateY(-5px);} @media(max-width:1630px){ .products .cont{margin-top: 0;} } @media(max-width:1530px){ .products .img{padding: 5px 15px;} .products .t1{font-size: 24px;line-height: 1.3;} } @media(max-width:1430px){ .products .img{padding: 0px 10px;margin-bottom: 20px;} .products .t1{font-size: 22px;} } @media(max-width:1200px){ .products .grid{--bs-gap:30px;} .products .t1{font-size: 20px;line-height: 1.3;letter-spacing: -.4px;} .products .cont{font-size:17px;line-height:28px;} } @media(max-width:1000px){ .products .grid{--bs-gap:25px;} } @media(max-width:899px){ .products .grid{--bs-gap:25px;} .products .grid .g-col-12{grid-column:auto/span 6;} } @media(max-width:768px){ .products .grid{--bs-gap:20px;} .products .t1{font-size:18px;} .products .cont{font-size:16px;line-height:26px;} .products .cont::before{width:40px;margin-right:8px;} } @media(max-width:580px){ .products .grid .g-col-12{grid-column:auto/span 12;} } @media(max-width:540px){ .products .t1{font-size:20px;line-height:26px;} .products .cont{font-size:15px;line-height:24px;} } /* ========== product-search.html ========== */ .search-page{min-width:0;max-width:100%;} .search-hero{padding:25px 0 65px;background:#f2f4f6;} .search-page .search-breadcrumb{position:static;display:flex;flex-wrap:nowrap;align-items:center;max-width:100%;padding:0 0 35px;margin:0;overflow:hidden;} .search-page .search-breadcrumb .breadcrumb-item{flex:0 0 auto;min-width:0;max-width:100%;} .search-page .search-breadcrumb .breadcrumb-item:last-child{flex:1 1 auto;min-width:0;overflow:hidden;} .search-page .search-breadcrumb .breadcrumb-item:last-child a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .search-page .search-breadcrumb .breadcrumb-item a{color:#666;} .search-page .search-breadcrumb .breadcrumb-item::before{color:#666;} .search-page .search-breadcrumb .breadcrumb-item:last-child a{color:#999;} .search-page .search-breadcrumb .breadcrumb-item:last-child::before{color:#999;} .search-hero-box{max-width:920px;margin:0 auto;text-align:center;} .search-hero-text .label{display:inline-block;font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--public-color);margin-bottom:10px;} .search-hero-text .label::before,.search-hero-text .label::after{content:"——";margin:0 10px;font-weight:400;color:#c5cdd6;letter-spacing:0;} .search-hero-text .h2{font-size:42px;line-height:1.2;font-weight:500;color:var(--public-color-g);margin:0;} .search-hero-text .h2.line-bf:before{margin:0 auto 25px;} .search-hero-text .text{font-size:18px;line-height:1.5;color:#666;margin-top:20px;max-width:720px;margin-left:auto;margin-right:auto;} .search-hero-form{margin-top:35px;} .search-page .search-hero-form .search-group{display:flex;align-items:stretch;width:100%;max-width:640px;margin:0 auto;height:56px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 28px rgba(7,42,86,.08);border:1px solid #e6ebf0;} .search-page .search-hero-form .form-control{flex:1;min-width:0;height:100%;border:0;padding:0 20px;font-size:16px;color:#333;background:transparent;box-shadow:none;border-radius:0;} .search-page .search-hero-form .form-control:focus{box-shadow:none;} .search-page .search-hero-form .input-group-append{display:flex;flex-shrink:0;} .search-page .search-hero-form .btn{width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;border:0;border-radius:0;transition:background .3s;} .search-page .search-hero-form .btn:hover{background:#c40010;color:#fff !important;} .search-page .search-hero-form .btn .icon{font-size:18px;color:#fff;} .search-hero-meta{margin-top:25px;font-size:16px;line-height:24px;color:#666;} .search-hero-meta strong{color:var(--public-color-g);font-weight:600;} .search-hero-meta.is-empty{color:#888;} .search-paper{padding:60px 0 120px;min-width:0;} .search-paper .all-news.search-results{padding:0;} .search-paper .all-news.search-results .grid{--bs-gap:32px 28px;} .search-page .all-news .item .img{position:relative;height:220px;background:#e8edf2;} .search-page .all-news .item .img a{position:relative;display:block;width:100%;height:100%;overflow:hidden;} .search-page .all-news .search-sku{position:absolute;left:16px;bottom:16px;padding:6px 12px;font-size:12px;line-height:18px;font-weight:600;color:#fff;background:rgba(7,42,86,.88);border-radius:4px;z-index:2;pointer-events:none;letter-spacing:0;} .search-paper .down-list{margin-top:60px;text-align:center;} .search-empty{max-width:680px;margin:20px auto 0;text-align:center;padding:50px 35px 45px;background:#fff;border:1px solid #e6ebf0;border-radius:16px;box-shadow:0 10px 28px rgba(7,42,86,.06);} .search-empty-icon{width:72px;height:72px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(228,0,21,.08);color:var(--public-color);font-size:28px;line-height:1;} .search-empty .t1{font-size:28px;line-height:1.3;font-weight:500;color:var(--public-color-g);margin-bottom:15px;} .search-empty .cont{font-size:17px;line-height:1.55;color:#666;} .search-empty .btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:35px;} .search-empty .btn-row .a-lb-1{min-width:200px;width:auto;padding:0 28px;box-sizing:border-box;} /* --- product-search 响应式 --- */ @media(max-width:1200px){ .search-hero{padding:60px 0 55px;} .search-hero-text .h2{font-size:36px;} .search-paper{padding-bottom:100px;} } @media(max-width:1000px){ .search-hero-text .h2{font-size:32px;} .search-hero-text .text{font-size:17px;} } @media(max-width:899px){ .search-paper .all-news.search-results .grid{--bs-gap:24px 20px;} .search-paper .all-news.search-results .grid .g-col-12{grid-column:auto/span 6;} } @media(max-width:768px){ .search-hero{padding:15px 0 40px;} .search-page .search-breadcrumb{padding-bottom:25px;} .search-page .search-breadcrumb .breadcrumb-item{font-size:14px;} .search-hero-text .h2{font-size:28px;} .search-hero-text .h2.line-bf:before{width:60px;margin-bottom:15px;} .search-hero-text .text{font-size:16px;margin-top:15px;} .search-hero-form{margin-top:25px;} .search-page .search-hero-form .search-group{height:50px;} .search-page .search-hero-form .form-control{padding:0 15px;font-size:15px;} .search-page .search-hero-form .btn{width:50px;height:50px;} .search-hero-meta{margin-top:20px;font-size:15px;} .search-page .all-news .item .img{height:180px;} .search-paper{padding-bottom:80px;} .search-paper .down-list{margin-top:40px;} .search-empty{padding:40px 20px 35px;border-radius:12px;} .search-empty .t1{font-size:22px;} .search-empty .cont{font-size:16px;} .search-empty .btn-row{flex-direction:column;align-items:stretch;gap:15px;margin-top:30px;} .search-empty .btn-row .a-lb-1{width:100%;min-width:0;} } @media(max-width:540px){ .search-paper .all-news.search-results .grid .g-col-12{grid-column:auto/span 12;} .search-page .all-news .item .img{height:160px;} .search-page .all-news .search-sku{left:12px;bottom:12px;padding:5px 10px;font-size:11px;} } /* ========== PageNotFound.html ========== */ .page-404{min-width:0;max-width:100%;} .page-404-hero{padding:25px 0 60px;background:#f2f4f6;} .page-404 .page-404-breadcrumb{position:static;display:flex;flex-wrap:nowrap;align-items:center;padding:0 0 35px;margin:0;} .page-404 .page-404-breadcrumb .breadcrumb-item a{color:#666;} .page-404 .page-404-breadcrumb .breadcrumb-item::before{color:#666;} .page-404 .page-404-breadcrumb .breadcrumb-item:last-child a{color:#999;} .page-404 .page-404-breadcrumb .breadcrumb-item:last-child::before{color:#999;} .page-404-hero-box{max-width:720px;margin:0 auto;text-align:center;} .page-404-hero-box .label{display:inline-block;font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--public-color);margin-bottom:10px;} .page-404-hero-box .label::before,.page-404-hero-box .label::after{content:"——";margin:0 10px;font-weight:400;color:#c5cdd6;letter-spacing:0;} .page-404-hero-box .code{font-size:72px;line-height:1;font-weight:700;color:var(--public-color);letter-spacing:-2px;margin:0 0 5px;} .page-404-hero-box .h2{font-size:36px;line-height:1.25;font-weight:500;color:var(--public-color-g);margin:0;} .page-404-hero-box .h2.line-bf:before{margin:0 auto 22px;} .page-404-hero-box .text{font-size:18px;line-height:1.55;color:#666;margin-top:18px;} .page-404-hero-box .btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:35px;} .page-404-hero-box .btn-row .a-lb-1{min-width:200px;padding:0 28px;box-sizing:border-box;} .page-404-pro{padding:80px 0 120px;min-width:0;} .page-404-pro .top-head{margin-bottom:50px;} .page-404-pro .top-head .title.title-c{color:var(--public-color-g);letter-spacing:-1px;} .page-404-pro .top-head .title.line-af::after{margin:22px auto 0;} .page-404-pro .top-head .t2{font-size:18px;line-height:1.45;color:#666;margin-top:20px;text-align:center;max-width:640px;margin-left:auto;margin-right:auto;} .page-404-pro .grid{--bs-gap:30px 25px;} .page-404-pro .list{height:100%;min-width:0;display:flex;flex-direction:column;text-align:center;} .page-404-pro .list .img{display:block;background:rgba(124,137,154,.1);padding:20px 25px;box-sizing:border-box;} .page-404-pro .list .img img{display:block;max-width:100%;height:auto;margin:0 auto;mix-blend-mode:multiply;} .page-404-pro .list .box{padding:18px 5px 0;flex:1 1 auto;min-width:0;} .page-404-pro .list .model{font-size:13px;line-height:20px;font-weight:600;color:var(--public-color);margin-bottom:8px;letter-spacing:0;} .page-404-pro .list .t1{display:block;font-size:20px;line-height:1.35;font-weight:500;color:#333;text-decoration:none;} .page-404-pro .list .t1:hover{color:var(--public-color) !important;} .page-404-pro .btn-box{text-align:center;margin-top:50px;} .page-404-pro .btn-box .index-more{margin-top:0;min-width:240px;width:auto;height:55px;padding:0 40px;display:inline-flex;align-items:center;justify-content:center;} /* --- PageNotFound 响应式 --- */ @media(max-width:1200px){ .page-404-pro{padding:70px 0 100px;} .page-404-hero-box .h2{font-size:32px;} } @media(max-width:899px){ .page-404-pro .grid{--bs-gap:25px 20px;} .page-404-pro .grid .g-col-12{grid-column:auto/span 6;} } @media(max-width:768px){ .page-404-hero{padding:15px 0 45px;} .page-404 .page-404-breadcrumb{padding-bottom:25px;} .page-404-hero-box .code{font-size:56px;} .page-404-hero-box .h2{font-size:26px;} .page-404-hero-box .h2.line-bf:before{width:60px;margin-bottom:15px;} .page-404-hero-box .text{font-size:16px;margin-top:15px;} .page-404-hero-box .btn-row{flex-direction:column;align-items:stretch;gap:15px;margin-top:30px;} .page-404-hero-box .btn-row .a-lb-1{width:100%;min-width:0;} .page-404-pro{padding:50px 0 80px;} .page-404-pro .top-head{margin-bottom:35px;} .page-404-pro .top-head .t2{font-size:16px;margin-top:15px;} .page-404-pro .list .t1{font-size:18px;} .page-404-pro .btn-box{margin-top:40px;} .page-404-pro .btn-box .index-more{width:100%;max-width:100%;min-width:0;min-height:42px;height:auto;padding:10px 20px;font-size:16px;line-height:22px;box-sizing:border-box;} } @media(max-width:540px){ .page-404-pro .grid .g-col-12{grid-column:auto/span 12;} } .product-in-paper .faq{min-width:0;max-width:100%;} .product-in-paper .faq .all-big-faq{display:flex;justify-content:space-between;align-items:flex-start;gap:30px 40px;flex-wrap:nowrap;padding:0;} .product-in-paper .faq .all-big-faq .left{width:37%;min-width:0;box-sizing:border-box;} .product-in-paper .faq .all-big-faq .right{width:56%;min-width:0;box-sizing:border-box;} .product-in-paper .faq .left .text{color:#666666;font-size:18px;line-height:32px;} .product-in-paper .faq .all-big-faq .left .index-more{margin-top:30px;} @media(max-width:1200px){ .product-in-paper .faq .all-big-faq .left{width:40%;} .product-in-paper .faq .all-big-faq .right{width:55%;} .product-in-paper .faq .left .text{font-size:17px;line-height:30px;} } @media(max-width:1000px){ .product-in-paper .faq .all-big-faq .left{width:42%;} .product-in-paper .faq .all-big-faq .right{width:54%;} } @media(max-width:899px){ .product-in-paper .faq .all-big-faq{flex-direction:column;gap:25px;align-items:stretch;} .product-in-paper .faq .all-big-faq .left, .product-in-paper .faq .all-big-faq .right{width:100%;max-width:100%;} .product-in-paper .faq .left .text{font-size:16px;line-height:26px;} } @media(max-width:768px){ .product-in-paper .faq .left .text{font-size:14px;line-height:20px;} .product-in-paper .faq .all-big-faq .left .index-more{width:100%;max-width:100%;min-width:0;margin-top:25px;min-height:42px;height:auto;padding:10px 20px;font-size:16px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;} .product-in-paper .faq .all-faqs .items{padding:15px 0;} .product-in-paper .faq .all-faqs .quen-q{font-size:18px;line-height:26px;} .product-in-paper .faq .all-faqs .quen-a{font-size:14px;line-height:20px;margin-top:12px;} .product-in-paper .faq .all-faqs .faq-num{width:36px;min-width:36px;height:36px;font-size:14px;} .product-in-paper .faq .all-faqs .faq-num:after{top:11px;} .product-in-paper .faq .all-faqs .symbol{width:28px;min-width:28px;height:28px;font-size:14px;} } @media(max-width:540px){ .product-in-paper .faq .all-faqs .quen-q{font-size:16px;line-height:24px;} } .p-i-news {margin-top: 0px;} .p-i-news .line-af::after{margin-bottom: 100px;} /* ========== article-index-about.html ========== */ .about-paper{max-width:100%;overflow-x:clip;} .banner-about .banner .box{width: 100%;text-align: center;} .banner-about .banner .box p{font-size: 22px;line-height: 32px;letter-spacing: -.6px;color: #ffffff;opacity: .8;width: 60%;margin:35px auto 0;} .banner-about .line-bf:before{margin: 0 auto 30px;} @media(max-width:1430px){ .banner-about .banner .box p{font-size: 20px;line-height: 1.4;} } @media(max-width:1330px){ .banner-about .banner .box p{font-size: 18px;line-height: 1.4;} } @media(max-width:1200px){ .banner-about .banner .box p{font-size: 16px;line-height: 1.4;width: 80%;} } @media(max-width:991px){ .banner-about .banner .box p{width: 90%;} } @media(max-width:768px){ .banner-about .banner .box p{margin-top:15px;width: 100%;} } .about-paper .text{font-size: 18px;line-height: 32px;color: #666666;letter-spacing: -.6px;} .max-1920px{max-width: 1920px;margin: auto;overflow-x: hidden;} .max-1650px{max-width: 1650px;} .about-company{padding-top: 165px;margin-bottom: 110px;} .about-company .content{display: flex;justify-content: space-between;align-items: center;} .about-company .left{width: 58%;position: relative;} .about-company .left > .img-fluid{display: block;width: 100%;height: auto;} .about-company .right{width: 37%;} .about-company .h6{margin: 5px 0 40px;} .about-company .about-btn{position: absolute;right: 90px;bottom: 70px;width: 60px;height: 60px;cursor: pointer;} .about-company .about-btn-xl{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;} .about-company .about-btn::before{content: "";width: 100%;height: 5px;position: absolute;top: 0;left: 0px; background: linear-gradient( to bottom, var(--public-color) 0%, var(--public-color) 30%, transparent 30%, transparent 80%, var(--public-color) 30%, var(--public-color) 0% ); } .about-company .about-btn::after{content: "";width: 100%;height: 5px;position: absolute;bottom: 0;right: 0px; background: linear-gradient( to bottom, var(--public-color) 0%, var(--public-color) 30%, transparent 30%, transparent 80%, var(--public-color) 30%, var(--public-color) 0% ); } .about-company .about-btn-xl::after{content: "";width: 5px;height: 0%;position: absolute;bottom: 0;right: 0px;transition: height 0.3s ease-in-out; background: linear-gradient( to right, var(--public-color) 0%, var(--public-color) 30%, transparent 30%, transparent 80%, var(--public-color) 30%, var(--public-color) 0% ); } .about-company .about-btn-xl::before{content: "";width: 5px;height: 0%;position: absolute;top: 0;left: 0px;transition: height 0.3s ease-in-out; background: linear-gradient( to left, var(--public-color) 0%, var(--public-color) 30%, transparent 30%, transparent 80%, var(--public-color) 30%, var(--public-color) 0% ); } @media(min-width:769px){ .about-company .about-btn-xl:hover::after{height: 100%;} .about-company .about-btn-xl:hover::before{height: 100%;} } /* --- about-company 响应式 --- */ @media(max-width:1670px){ .about-company .max-1650px{padding-right: 15px;} .about-company .right {width: 39%;} .about-company .h6{margin-bottom: 20px;} } @media(max-width:1430px){ .about-company{padding-top:130px;margin-bottom:95px;} .about-company .left, .about-company .right{min-width:0;box-sizing:border-box;} .about-company .about-btn{right:56px;bottom:56px;} } @media(max-width:1200px){ .about-company{padding-top:100px;margin-bottom:80px;} .about-company .content{gap:24px;align-items:center;} .about-company .left{width:54%;} .about-company .right{width:42%;} .about-company .title{font-size:38px;line-height:46px;} .about-company .about-btn{right:40px;bottom:40px;} .about-company .h6{font-size:17px;line-height:26px;} } @media(max-width:1000px){ .about-company{padding-top:85px;margin-bottom:70px;} .about-company .left{width:50%;} .about-company .right{width:48%;} .about-company .title{font-size:34px;line-height:42px;letter-spacing:-1px;} .about-company .about-btn{right:28px;bottom:28px;width:56px;height:56px;} .about-company .text{font-size:17px;line-height:30px;} } @media(max-width:899px){ .about-company{padding-top:70px;margin-bottom:60px;padding-left: 15px;} .about-company .content{flex-direction:column;gap:25px;align-items:stretch;} .about-company .left, .about-company .right{width:100%;min-width:0;max-width:100%;} .about-company .left > .img-fluid{width:100%;height:auto;border-radius:0;} .about-company .about-btn{right:24px;bottom:24px;width:60px;height:60px;} } @media(max-width:768px){ /* mobile 768 */ .about-company{padding:30px 0;margin-bottom:0;} .about-company .title{font-size:26px;line-height:32px;letter-spacing:-1px;} .about-company .title.line-bf:before{width:60px;margin-bottom:15px;} .about-company .h6{margin:0 0 15px;font-size:16px;line-height:24px;} .about-company .text{font-size:14px;line-height:20px;letter-spacing: 0;} .about-company .about-btn{right:20px;bottom:20px;width:56px;height:56px;} } @media(max-width:550px){ /* 超小屏 550 */ .about-company{padding:30px 0;} .about-company .title{font-size:20px;line-height:28px;} .about-company .title.line-bf:before{width:50px;margin-bottom:12px;} .about-company .h6{font-size:15px;line-height:22px;margin-bottom:12px;} .about-company .text{font-size:14px;line-height:20px;} .about-company .about-btn{right:15px;bottom:15px;width:48px;height:48px;} } .about-cer{margin-bottom: 140px;} .about-cer .content{display: flex;justify-content: space-between;align-items: center;} .about-cer .left{width: 38%;} .about-cer .right{width: 51%;} .about-cer .text{margin: 30px 0 0;} /* --- about-cer 响应式 --- */ @media(max-width:1430px){ .about-cer{margin-bottom:110px;} .about-cer .left, .about-cer .right{min-width:0;box-sizing:border-box;} } @media(max-width:1200px){ .about-cer{margin-bottom:95px;} .about-cer .content{gap:24px;align-items:center;} .about-cer .left{width:42%;} .about-cer .right{width:52%;} .about-cer .text{margin:24px 0 0;font-size:17px;line-height:30px;} .about-cer .index-more{margin-top:40px;min-width:0;max-width:100%;padding:18px 36px;font-size:18px;line-height:28px;} } @media(max-width:1000px){ .about-cer{margin-bottom:85px;} .about-cer .left{width:45%;} .about-cer .right{width:50%;} .about-cer .title{font-size:34px;line-height:42px;letter-spacing:-1px;} .about-cer .text{font-size:17px;line-height:28px;} .about-cer .index-more{margin-top:32px;padding:16px 28px;font-size:17px;} } @media(max-width:899px){ .about-cer{margin-bottom:60px;} .about-cer .content{flex-direction:column-reverse;gap:25px;align-items:flex-start;} .about-cer .left, .about-cer .right{width:100%;min-width:0;max-width:100%;} .about-cer .right img{display:block;width:100%;height:auto;border-radius:0;} .about-cer .index-more{max-width:100%;min-width:0;box-sizing:border-box;} } @media(max-width:768px){ /* mobile 768 */ .about-cer{margin-bottom:30px;} .about-cer .title.line-bf:before{width:60px;margin-bottom:15px;} .about-cer .text{margin:15px 0 0;font-size:14px;line-height:20px;letter-spacing: 0;} .about-cer .index-more{margin-top:20px;min-height:42px;padding:10px 20px;font-size:16px;line-height:22px;display:inline-flex;align-items:center;justify-content:center;} } @media(max-width:550px){ .about-cer .text{margin:12px 0 0;font-size:14px;line-height:20px;} .about-cer .index-more{margin-top:15px;font-size:16px;padding:10px 18px;} } .about-journey {position: relative;padding-bottom: 50px;} .about-journey .title{font-weight: bold;} .about-journey .content{display: flex;justify-content: space-between;} .about-journey .img{width: 37%;padding-top: 100px;border-radius: 10px;} .about-journey .img img{border-radius: 10px;} .about-journey .article{width: 52%;position: relative;} .about-journey .article::before{content: "";width: 10px;height: 110%;background-color: #ffffff;border: solid 1px rgba(7,42,86,0.6);opacity: 0.6;position: absolute;top: 0;left: 33px;z-index: -1;} .about-journey .article-xl{padding-left: 10px;padding-top: 75px;max-height: 650px;overflow: hidden;overflow-y: scroll;scrollbar-width: none; /* Firefox 隐藏滚动条 */-ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */ ;cursor:ns-resize;} .about-journey .list{display: flex;justify-content: space-between;} .about-journey .years{ width: 55px; height: 100%; aspect-ratio: 1; border-radius: 100%; background-color: #ffffff; box-shadow: 0 0 0 8px rgba(7,42,86,0.2); display: inline-flex !important; justify-content: center; align-items: center; font-size: 18px; line-height: 32px; font-weight: bold; color: var(--public-color-g); position: relative; } .about-journey .cont{width: 77%;margin-bottom: 50px;transition: all .3s ease-in-out;font-size: 18px;line-height: 28px;color: #888888;} .about-journey .cont::after{content: "";width: 32px;height: 6px;background: url(../../images/about-sign.webp) no-repeat;display: block;margin-top: 25px;transition: all .3s ease-in-out;} @media(min-width:769px){ .about-journey .list:hover .years::after{content: "\f105";font-family: 'cmsfont';font-size: 28px;position: absolute;right: -35px;color: var(--public-color);} .about-journey .list:hover .cont{color: var(--public-color);} .about-journey .list:hover .cont::after{filter: none;opacity: 1;} } .about-journey .list-end{padding-left: 10px;transform: translateY(45px);} .about-journey .list-end .years::after{display: none;} .about-journey .list-end .cont::after{display: none;} .about-journey .img-back{position: absolute;left: 0;bottom: 0;width: 100%;z-index: -2;} /* 移动端 OUR JOURNEY：竖向 Swiper，一屏 3 条，每组切换 3 条 */ .about-journey-mb .article::before{left:30px;width:8px;height:calc(100% - 70px);} .about-journey-mb .journey-swiper-box{padding-bottom:0;min-width:0;padding-top:20px;padding-left:10px;} .about-journey-mb .mySwiper-journey{overflow:hidden;width:100%;height:400px;box-sizing:border-box;} .about-journey-mb .swiper-slide{height:auto;box-sizing:border-box;} .about-journey-mb .swiper-slide .list{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:15px;height:auto;min-width:0;} .about-journey-mb .swiper-slide .years{flex-shrink:0;width:46px;height:46px;font-size:15px;line-height:1;box-shadow:0 0 0 6px rgba(7,42,86,.2);} .about-journey-mb .swiper-slide .cont{width:calc(100% - 58px);min-width:0;margin-bottom:0;font-size:14px;line-height:20px;word-break:break-word;} .about-journey-mb .swiper-slide .cont::after{margin-top:12px;} .about-journey-mb .journey-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;padding:0 15px 5px;position:relative;z-index:2;} .about-journey-mb .journey-nav .swiper-button-prev, .about-journey-mb .journey-nav .swiper-button-next{position:static;margin:0;top:auto;left:auto;right:auto;transform:none;} .about-journey-mb .list-end{margin-top:20px;padding-left:0;justify-content:flex-start;} /* --- about-journey 响应式 --- */ @media(max-width:1430px){ .about-journey{overflow-x:clip;max-width:100%;} .about-journey .img, .about-journey .article{min-width:0;box-sizing:border-box;} .about-journey .img-back img{display:block;width:100%;max-width:100%;height:auto;} } @media(max-width:1200px){ .about-journey .img{padding-top:60px;} .about-journey .article-xl{max-height:520px;} .about-journey .content{gap:22px;} } @media(max-width:1000px){ .about-journey .img{width:40%;padding-top:45px;} .about-journey .article{width:56%;} .about-journey .article-xl{max-height:460px;padding-top:55px;} .about-journey .cont{font-size:17px;line-height:26px;} } @media(max-width:899px){ .about-journey .content{flex-direction:column;gap:25px;align-items:stretch;} .about-journey .img, .about-journey .article{width:100%;min-width:0;max-width:100%;padding-top:0;} .about-journey .img img{display:block;width:100%;height:auto;border-radius:0;} .about-journey .article::before{left:33px;height:100%;} .about-journey:not(.about-journey-mb) .article-xl{padding-top:40px;max-height:420px;} .about-journey .list{align-items:flex-start;gap:16px;} .about-journey .years{flex-shrink:0;} .about-journey .cont{width:calc(100% - 70px);min-width:0;margin-bottom:35px;word-break:break-word;} .about-journey .list-end{transform:none;padding-left:10px;} } @media(max-width:768px){ /* mobile 768 */ .about-journey{padding:30px 0 30px;} .about-journey .title{margin-bottom:15px;} .about-journey .article::before{left:32px;width:8px;} .about-journey:not(.about-journey-mb) .article-xl{max-height:320px;padding-top:25px;} .about-journey .list{gap:15px;padding-left: 5px;padding-top: 10px;} .about-journey .cont{font-size:14px;line-height:20px;width:calc(100% - 58px);margin-bottom:25px;} .about-journey .years{font-size:15px;width:46px;height:46px;box-shadow:0 0 0 6px rgba(7,42,86,.2);} .about-journey .cont::after{margin-top:15px;} .about-journey-mb .mySwiper-journey{height:340px;} .about-journey-mb .journey-swiper-box{padding-top:0px;} .about-journey-mb .journey-nav{margin-top:20px;gap:15px;} .about-journey-mb .swiper-slide .cont{font-size:13px;line-height:19px;} .about-journey-mb .article::before{left:32px;height:calc(100% - 60px);} } @media(max-width:550px){ /* 超小屏 550 */ .about-journey{padding:30px 0 25px;} .about-journey:not(.about-journey-mb) .article-xl{max-height:260px;padding-top:18px;} .about-journey .years{width:40px;height:40px;font-size:14px;box-shadow:0 0 0 5px rgba(7,42,86,.2);} .about-journey .cont{width:calc(100% - 50px);font-size:14px;line-height:20px;margin-bottom:20px;} .about-journey-mb .mySwiper-journey{height:300px;} .about-journey-mb .swiper-slide .years{width:40px;height:40px;font-size:14px;box-shadow:0 0 0 5px rgba(7,42,86,.2);} .about-journey-mb .swiper-slide .cont{width:calc(100% - 50px);} .about-journey-mb .journey-nav{margin-top:15px;} } .about-quality{padding: 160px 0 135px;} .about-quality .content{display: flex;justify-content: space-between;align-items: center;margin-bottom: 95px;} .about-quality .left{width: 55%;} .about-quality .right{width: 35%;} .about-quality .box{padding: 40px 0 0;} .about-quality .cont{color: #666666;line-height: 26px;} .about-quality .cont::before{content: "";width: 40px;height: 11px;background: url(../../images/sign-1.webp) no-repeat;display: inline-block;margin-right: 10px;} .about-quality .t1{font-size: 24px;font-weight: 500;margin-bottom: 30px;} /* --- about-quality 响应式 --- */ @media(max-width:1430px){ .about-quality{overflow-x:clip;max-width:100%;} .about-quality .left, .about-quality .right{min-width:0;box-sizing:border-box;} .about-quality .content{margin-bottom:85px;} } @media(max-width:1340px){ .about-quality .right{width:40%;} .about-quality .left{width:54%;} .about-quality .box{padding: 30px 0 0;} .about-quality .t1 {margin-bottom: 20px;} } @media(max-width:1200px){ .about-quality{padding:120px 0 100px;} .about-quality .content{gap:25px;margin-bottom:70px;} .about-quality .left{width:52%;} .about-quality .right{width:42%;} .about-quality .right .title{font-size:38px;line-height:46px;} .about-quality .right .title.line-af:after{margin:15px 0 25px;} .about-quality .right .text{font-size:17px;line-height:30px;} .about-quality .grid{--bs-gap:35px 25px;} .about-quality .box{padding:25px 0 0;} .about-quality .t1{font-size:22px;line-height:30px;margin-bottom:15px;} } @media(max-width:1000px){ .about-quality{padding:95px 0 80px;} .about-quality .content{gap:25px;margin-bottom:55px;} .about-quality .left{width:50%;} .about-quality .right{width:48%;} .about-quality .right .title{font-size:34px;line-height:42px;letter-spacing:-1px;} .about-quality .right .title.line-af:after{margin:10px 0 20px;} .about-quality .right .text{font-size:17px;line-height:28px;} .about-quality .grid{--bs-gap:35px 25px;} .about-quality .t1{font-size:20px;line-height:28px;} .about-quality .cont{font-size:16px;line-height:24px;} .about-quality .box{padding-top:20px;} } @media(max-width:899px){ .about-quality{padding:70px 0 60px;} .about-quality .content{gap:25px;margin-bottom:40px;} .about-quality .left, .about-quality .right{width:100%;min-width:0;max-width:100%;} .about-quality .left img{display:block;width:100%;height:auto;border-radius:0;} .about-quality .right .title{font-size:30px;line-height:38px;} .about-quality .right .title.line-af:after{width:60px;} .about-quality .right .text{font-size:16px;line-height:26px;} .about-quality .grid{--bs-gap:35px 20px;} .about-quality .grid .g-col-12 {grid-column: auto / span 6;} .about-quality .grid .list .img img{display:block;width:100%;height:auto;} .about-quality .t1{font-size:20px;line-height:28px;margin-bottom:15px;} .about-quality .box{padding-top:15px;} } @media(max-width:768px){ /* mobile 768 */ .about-quality{padding:30px 0 40px;} .about-quality .content{flex-direction: column;gap:20px;} .about-quality .right .title{font-size:26px;line-height:32px;letter-spacing:-1px;} .about-quality .right .title.line-af:after{width:60px;} .about-quality .right .text{font-size:14px;line-height:20px;} .about-quality .grid{--bs-gap:35px 20px;} .about-quality .t1{margin-bottom:15px;font-size:18px;line-height:26px;} .about-quality .box{padding-top:15px;} .about-quality .cont{font-size:14px;line-height:20px;} .about-quality .cont::before{width:35px;height:10px;margin-right:10px;background-size:contain;} .about-quality .card-thumb:hover img{transform:none;} .about-quality .grid .list .img{border-radius:0;} } @media(max-width:540px){ .about-quality{padding:30px 0;} .about-quality .right .title{font-size:22px;line-height:30px;} .about-quality .t1{font-size:18px;line-height:26px;margin-bottom:15px;} } @media(max-width:440px){ .about-quality{padding:30px 0;} .about-quality .right .title{font-size:20px;line-height:28px;} .about-quality .right .title.line-af:after{width:50px;} .about-quality .right .text{font-size:14px;line-height:20px;} .about-quality .t1{font-size:18px;line-height:24px;margin-bottom:15px;} .about-quality .grid .g-col-12{grid-column: auto / span 12;} } .about-cap{margin-bottom: 175px;} .about-cap .content{display: flex;justify-content: space-between;align-items: center;} .about-cap .left{width: 45%;} .about-cap .right{width: 45%;} .about-cap ul{margin-top: 20px;} .about-cap li{color: var(--public-color-g);position: relative;padding-left: 35px;} .about-cap li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color);position: absolute;left: 0;top: 0;} /* --- about-cap 响应式 --- */ @media(max-width:1430px){ .about-cap{overflow-x:clip;max-width:100%;} .about-cap .left, .about-cap .right{min-width:0;box-sizing:border-box;} } @media(max-width:1200px){ .about-cap{margin-bottom:130px;} .about-cap .content{gap:24px;align-items:center;} .about-cap .left{width:48%;} .about-cap .right{width:48%;} .about-cap .left .text{font-size:17px;line-height:30px;} .about-cap .index-more{margin-top:40px;min-width:0;max-width:100%;padding:18px 32px;font-size:17px;line-height:26px;box-sizing:border-box;} } @media(max-width:1000px){ .about-cap{margin-bottom:110px;} .about-cap .left .text{font-size:17px;line-height:28px;} .about-cap .index-more{margin-top:32px;padding:16px 24px;font-size:16px;line-height:24px;} .about-cap li{padding-left:30px;font-size:16px;line-height:26px;} } @media(max-width:899px){ .about-cap{margin-bottom:80px;} } @media(max-width:768px){ .about-cap{margin-bottom:30px;} .about-cap .content{flex-direction:column-reverse;gap:25px;} .about-cap .left, .about-cap .right{width:100%;min-width:0;max-width:100%;} .about-cap .right img{display:block;width:auto;height:auto;} .about-cap .index-more{max-width:100%;min-width:0;padding: 13px 25px;margin-top: 25px;} .about-cap .left .text{letter-spacing: 0;} .about-cap ul{margin-top:16px;} .about-cap li{margin-bottom:5px;} } .about-team{background-color: rgba(232, 236, 243, .6);padding: 110px 0 100px;} .about-team .top-head{margin-bottom: 60px;} .about-team .line-af::after{margin:15px auto 20px;} .about-team .grid{--bs-gap:30px} /* --- about-team 响应式 --- */ @media(max-width:1430px){ .about-team{overflow-x:clip;max-width:100%;} } @media(max-width:1200px){ .about-team{padding:90px 0 80px;} .about-team .top-head{margin-bottom:48px;} .about-team .top-head .text{font-size:17px;line-height:30px;max-width:720px;margin:0 auto;} .about-team .line-af::after{margin:12px auto 18px;} .about-team .grid{--bs-gap:24px;} } @media(max-width:1000px){ .about-team{padding:75px 0 65px;} .about-team .top-head .text{font-size:17px;line-height:28px;} .about-team .grid{--bs-gap: 15px;} .about-team .grid .g-col-lg-3{grid-column:auto/span 3;} } @media(max-width:899px){ .about-team{padding:60px 0 50px;} .about-team .top-head{margin-bottom:25px;padding-left:15px;padding-right:15px;box-sizing:border-box;} .about-team .top-head .text{font-size:16px;line-height:26px;} .about-team .grid{padding-left:15px;padding-right:15px;box-sizing:border-box;} .about-team .grid .img img{display:block;width:100%;height:auto;} } @media(max-width:768px){ .about-team{padding:30px 0;} .about-team .grid .g-col-6{grid-column:auto/span 6;} } .about-global{padding: 155px 0 230px;border-bottom:2px solid #072a56;} .about-global .top-head{display: flex;;gap: 100px;margin-bottom: 100px;} .about-global .title{width: 30%;min-width: 460px;} .about-global .line-af::after{margin: 30px 0 0;} .about-global .cont{width: 50%;color: #888888;line-height: 28px;} .about-global .img,.about-global img{border-radius: 20px;} .about-global .swiper-slide-prev img{opacity: .2;} /* --- about-global 响应式 --- */ @media(max-width:1430px){ .about-global{overflow-x:clip;max-width:100%;} .about-global .title{min-width:0;box-sizing:border-box;} .about-global .cont{min-width:0;box-sizing:border-box;} .about-global .top-head{gap:60px;margin-bottom:80px;} } @media(max-width:1340px){ .about-global .title{width:35%;} .about-global .cont{width:58%;} } @media(max-width:1200px){ .about-global{padding:100px 0 140px;} .about-global .top-head{gap:40px;margin-bottom:60px;align-items:flex-start;} .about-global .title{width:38%;max-width:none;} .about-global .cont{font-size:17px;line-height:28px;width:55%;} .about-global .all-hover-next{right:80px;} .about-global .all-hover-prev{left:80px;} } @media(max-width:1000px){ .about-global{padding:85px 0 115px;} .about-global .top-head{gap:25px;margin-bottom:50px;} .about-global .title{width:40%;} .about-global .cont{width:54%;font-size:17px;line-height:26px;} .about-global .all-hover-next{right:48px;} .about-global .all-hover-prev{left:48px;} } @media(max-width:899px){ .about-global{padding:70px 0 90px;} .about-global .top-head{flex-direction:column;gap:0px;margin-bottom:40px;align-items:stretch;} .about-global .title{width:100%;min-width:0;max-width:100%;} .about-global .title.line-af:after{width:60px;margin:20px 0 15px;} .about-global .cont{width:100%;min-width:0;font-size:16px;line-height:26px;} .about-global .content.all-style{overflow:hidden;padding:0 15px;box-sizing:border-box;} .about-global .mySwiper-global .img img{display:block;width:100%;height:auto;max-width:100%;} .about-global .all-hover-next{right:28px;} .about-global .all-hover-prev{left:28px;} } @media(max-width:768px){ /* mobile 768 */ .about-global{padding:30px 0;} .about-global .container-xl .top-head{margin-bottom:15px;} .about-global .title.line-af:after{width:60px;margin:15px 0 15px;} .about-global .cont{font-size:14px;line-height:20px;} .about-global .img, .about-global img{border-radius:0;} .about-global .all-hover{width:52px;height:52px;margin-top:-10px;} .about-global .all-hover-next{right:15px;} .about-global .all-hover-prev{left:15px;} .about-global .all-hover:hover{background-color:var(--public-color-g);} .about-global .all-hover:hover::after{color:#ffffff !important;} } @media(max-width:540px){ .about-global{padding:30px 0} .about-global .cont{font-size:14px;line-height:20px;} .about-global .all-hover{width:46px;height:46px;} .about-global .all-hover-next{right:10px;} .about-global .all-hover-prev{left:10px;} } @media(max-width:440px){ .about-global .all-hover{width:42px;height:42px;margin-top:-5px;} } /* ========== article-index-service.html ========== */ .service-paper{max-width:100%;overflow-x:clip;} .service-paper .text{font-size: 18px;line-height: 32px;color: #666666;} .service-top-head{padding:80px 0 0;min-width:0;max-width:100%;} .service-top-head .content{display:flex;justify-content:space-between;align-items:stretch;gap:15px 20px;min-width:0;flex-wrap:nowrap;} .service-top-head .list{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:16px 20px;position:relative;box-sizing:border-box;padding-right:28px;} .service-top-head .list::after{content:url(../../images/sign-4.webp);position:absolute;right:0;top:60%;transform:translateY(-50%);pointer-events:none;} .service-top-head .list:last-child::after{display:none;} .service-top-head .list:last-child{padding-right:0;} .service-top-head .list:first-child{justify-content:flex-start;} .service-top-head .img-1{width:45px;min-width:45px;flex-shrink:0;} .service-top-head .img-1 img{display:block;width:100%;height:auto;max-width:100%;} .service-top-head .t1{flex:1 1 auto;min-width:0;font-size:22px;line-height:32px;color:var(--public-color-g);} .service-top-head .t1 strong{color:var(--public-color);font-weight:bold;} /* --- service-top-head 响应式 --- */ @media(max-width:1430px){ .service-top-head .list{padding-right:22px;} } @media(max-width:1200px){ .service-top-head{padding:60px 0 0;} .service-top-head .content{gap:12px 16px;} .service-top-head .t1{font-size:20px;line-height:28px;} .service-top-head .list{gap:14px 16px;padding-right:18px;} } @media(max-width:1000px){ .service-top-head{padding:30px 0 0;} .service-top-head .t1{font-size:18px;line-height:26px;} .service-top-head .img-1{width:42px;min-width:42px;} } @media(max-width:899px){ .service-top-head .list{width:100%;max-width:100%;justify-content:flex-start!important;padding-right:0;padding-right: 20px;} } @media(max-width:768px){ .service-top-head{padding:30px 0 0;} .service-top-head .t1{font-size:16px;line-height:1.3} .service-top-head .img-1{width:40px;min-width:40px;} .service-top-head .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;} .service-top-head .list{flex: none;gap:12px 14px;padding-bottom: 20px;} .service-top-head .list::after{content: "";width: 100%;height: 1px;background-color: var(--public-color-g);top: auto;bottom: 0;left: 0;right: 0;} } @media(max-width:540px){ .service-top-head .img-1{width:36px;min-width:36px;} } .service-support{padding:80px 0 150px;min-width:0;max-width:100%;} .service-support .title.title-c{margin-bottom:75px;font-size:42px;line-height:56px;} .service-support .line-bf::before{margin:0 auto 20px;} .service-support .content{display: grid;grid-template-columns: repeat(3,1fr);gap:30px 20px;} .service-support .items{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;} .service-support .list{background-color:rgba(124,137,154,.1);padding:20px 40px;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box;} .service-support .t1{font-size:24px;line-height:32px;font-weight:500;color:#333333;margin-bottom:15px;} .service-support .cont{font-size:18px;line-height:32px;color:#666666;overflow-wrap:break-word;word-break:break-word;} .service-support .cont::before{content:"";width:48px;height:2px;background-color:var(--public-color);display:inline-block;margin-right:15px;transform:translateY(-5px);} .service-support .img{display:flex;align-items:center;justify-content:center;align-self:stretch;} .service-support .img img{width:100%;max-width:100%;height:100%;min-height:200px;display:block;object-fit:cover;border-radius:4px;} @media(min-width:769px){ .service-support .list:hover{transform:translateY(-10px);} } /* --- service-support 响应式 --- */ @media(max-width:1380px){ .service-support .list{padding: 20px 30px;} } @media(max-width:1240px){ .service-support .list{padding: 20px;} .service-support .cont{line-height: 1.4;} .service-support .t1{font-size: 22px;line-height: 1.3;} } @media(max-width:1200px){ .service-support{padding:60px 0 110px;} .service-support .title.title-c{font-size:36px;line-height:46px;margin-bottom:50px;} .service-support .list{padding:15px 20px;} } @media(max-width:1000px){ .service-support{padding:50px 0 95px;} .service-support .title.title-c{font-size:34px;line-height:42px;} .service-support .content{gap:18px 22px;} .service-support .t1{font-size: 20px;line-height: 1.3;} .service-support .cont{font-size: 16px;} } @media(max-width:899px){ .service-support{padding:40px 0 80px;} .service-support .items, .service-support .img{flex:none;width:100%;max-width:100%;} .service-support .items{gap:16px;} .service-support .list:hover{transform:none;} .service-support .t1{font-size:20px;line-height:28px;margin-bottom:12px;} .service-support .img{margin:0;} } @media(max-width:768px){ .service-support{padding:30px 0px;} .service-support .title.title-c{font-size:26px;line-height:32px;margin-bottom:25px;} .service-support .line-bf::before{width:60px;margin:0 auto 16px;} .service-support .content{grid-template-columns: repeat(1, 1fr);gap:20px;} .service-support .items{display: grid;grid-template-columns: repeat(2, 1fr);gap:15px;} .service-support .img img{width: auto;max-height:280px;aspect-ratio:4/3;} .service-support .t1{font-size:18px;line-height:26px;} .service-support .cont::before{width:36px;margin-right:12px;} .service-support .list{padding: 15px 10px;align-items: normal;justify-content: flex-start} } .service-part{background-color:rgba(232,236,243,.6);padding:120px 0 110px;min-width:0;max-width:100%;} .service-part .content{display:flex;justify-content:space-between;align-items:center;gap:30px 40px;min-width:0;} .service-part .left{width:45%;min-width:0;flex-shrink:0;} .service-part .left img{display:block;width:100%;height:auto;max-width:100%;} .service-part .right{width:45%;min-width:0;box-sizing:border-box;} .service-part .right .title{font-size:42px;line-height:56px;margin-bottom:0;} .service-part .right .line-af:after{margin:25px 0 28px;} .service-part .text{font-size:18px;line-height:32px;color:#666666;overflow-wrap:break-word;} .service-part .text p{margin-bottom:15px;} .service-part .text .h6{font-size:18px;line-height:26px;font-weight:500;color:#333333;margin:20px 0 15px;} .service-part .text ul{margin:0 0 10px;padding:0;list-style:none;} .service-part li{color:var(--public-color-g);position:relative;padding-left: 35px;font-size:18px;line-height:28px;} .service-part li::before{content:"\f00c";font-family:'cmsfont';color:var(--public-color);position:absolute;left:0;} /* --- service-part 响应式 --- */ @media(max-width:1200px){ .service-part{padding:80px 0 70px;} .service-part .content{gap:25px 30px;} } @media(max-width:1000px){ .service-part{padding:70px 0 65px;} .service-part .left{width:48%;} .service-part .right{width:48%;} .service-part .text{font-size:17px;line-height:30px;} } @media(max-width:768px){ .service-part{padding:30px 0;} .service-part .content{flex-direction:column;gap:25px;align-items:stretch;} .service-part .left, .service-part .right{width:100%;max-width:100%;} .service-part .right .line-af:after{width:60px;margin:15px 0 20px;} .service-part .text{font-size:16px;line-height:24px;} .service-part .text .h6{font-size:16px;line-height:24px;margin:16px 0 12px;} .service-part li{font-size:16px;line-height:24px;padding-left: 30px;} } .service-send{margin-bottom: 165px;} .service-send .content{display: flex;justify-content: space-between;background-color: #ffffff;border: solid 1px #d2d9e2;} .service-send .left{width: 45%;background-color: #b8c1cd;display: flex;justify-content: center;align-items: center;padding: 55px 20px;} .service-send .left img{mix-blend-mode: multiply;} .service-send .right{width: 55%;display: flex;flex-direction: column;justify-content: center;padding: 30px 60px 30px;} .service-send .top-head{margin:0 auto 45px;} .service-send .t1{font-size: 24px;font-weight: 500;margin-bottom: 10px;} .service-send .cont{font-size: 16px;color: #666666;opacity: .6;} .service-send .form-row{flex-wrap: nowrap;} .service-send .form-group{margin-bottom: 10px;} .service-send .form-control{background-color: #f1f4f8;border-radius: 4px;border: none;} /* --- service-send 响应式 --- */ @media(max-width:1200px){ .service-send .right{padding:30px 40px;} } /* --- service-paper FAQ（.all-big-faq） 响应式 --- */ @media(max-width:768px){ .service-paper .all-big-faq{padding:30px 0 50px} .service-paper .all-big-faq .title{margin-bottom:0px;font-size:26px;line-height:34px;} } @media(max-width:899px){ .service-send .content{flex-direction:column;align-items:stretch;} .service-send .left, .service-send .right{width:100%;min-width:0;max-width:100%;} .service-send .left{padding:40px 24px;} .service-send .left img{max-width:320px;width:100%;height:auto;} .service-send .form-row.form-btn-box{margin-top: 0;} .service-send .form-row .all_btn{height: auto;} .service-send .form-row .pos-btn{position: static;} } @media(max-width:768px){ .service-send{margin-bottom:30px;} .service-send .right{padding:24px 20px 28px;} .service-send .top-head{margin-bottom:28px;} .service-send .t1{font-size:20px;line-height:28px;} } @media(max-width:540px){ .service-send .form-row{flex-wrap: wrap;} } .download-paper{margin:120px 0 165px;max-width:100%;overflow-x:clip;} .download-paper .service-send{margin:0;} @media(max-width:1200px){ .download-paper .all-top-head h1{font-size:38px;} } @media(max-width:1000px){ .download-paper{margin:80px 0;} .download-paper .all-top-head{flex-direction:column;align-items:stretch;gap:30px;margin-bottom:35px;} .download-paper .all-top-head .all-nav{justify-content:flex-start;} } @media(max-width:899px){ .download-paper .all-top-head h1:before{margin-bottom:15px;} } @media(max-width:768px){ .download-paper{margin:30px 0;} .download-paper .all-top-head h1{font-size:28px;line-height:36px;} } .app-hidden{overflow: hidden;} .app-hidden .all-service{margin-top: 120px;} /* ========== product-list-app.html ========== */ .app-paper, .app-pack, .app-real, .app-hidden{max-width:100%;overflow-x:clip;} .app-paper .nav{margin-top: 60px;margin-bottom: 20px;position: sticky;top:79px;height: fit-content;z-index: 2;background-color: #ffffff;} .app-paper .all-nav{border-bottom: 1px solid #ffffff;} .app-paper .all-nav .a-lb-1{padding: 0 15px;} .app-paper .all-nav li{flex: auto;} /* --- app-paper 锚点导航 响应式 --- */ @media(max-width:1000px){ .app-paper .nav{margin-bottom:60px;display: none;} } @media(max-width:768px){ .app-paper .nav{top:50px;margin-top:24px;margin-bottom:36px;padding-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,.06);} .app-paper .all-nav{flex-wrap:wrap;gap:0;} .app-paper .all-nav li{min-width:0;height:auto;min-height:48px;} .app-paper .all-nav .a-lb-1{height:auto;min-height:48px;padding:10px 8px;font-size:13px;line-height:1.35;white-space:normal;} } .app-pack .items{position:relative;padding:125px 0 130px;} .app-pack .items:first-child{padding-top:30px;} .app-pack .items:nth-child(even)::after{content:"";width:100%;height:100%;background-color:#f2f5f8;position:absolute;left:0;top:0;z-index:-1;} .app-pack .items-xl{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;gap:30px 40px;min-width:0;} .app-pack .left{width:50%;min-width:0;box-sizing:border-box;} .app-pack .right{width:45%;min-width:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:relative;box-sizing:border-box;} .app-pack .right::after{content:"";width:100%;height:100%;background-color:rgba(7,42,86,.4);position:absolute;top:0;left:0;pointer-events:none;} .app-pack .right .img{overflow:hidden;} .app-pack .right .img img{width:100%;height:auto;display:block;object-fit:cover;} .app-pack .h6{font-size:18px;line-height:26px;font-weight:400;margin-bottom:5px;color:#666666;} .app-pack .left .title{font-size:42px;line-height:56px;} .app-pack .line-af:after{margin:25px 0 30px;} .app-pack .text{font-size:18px;line-height:32px;color:#666666;overflow-wrap:break-word;word-break:break-word;} .app-pack .text img{max-width:100%;height:auto;} .app-pack ul{margin-top:40px;} .app-pack li{position:relative;padding-left:35px;color:var(--public-color-g);} .app-pack li::before{content:"\f00c";font-family:'cmsfont';color:var(--public-color);position:absolute;left:0;top:0;} .app-pack .grid{--bs-gap:40px;} .app-pack .list{min-width:0;text-align:center;} .app-pack .list .img{background-color: #ffffff;display:block;padding:25px 40px;box-sizing:border-box;} .app-pack .list .img img{max-width:100%;height:auto;margin:0 auto;} .app-pack a.t1{display:block;color:#333333;text-decoration:none;} .app-pack a.t1:hover{color:var(--public-color);} .app-pack .t1{font-size:22px;font-weight:500;text-align:center;margin-top:30px;line-height:28px;} .app-pack .grid.grid-two{--bs-gap:40px 85px;} .app-pack .items:nth-child(odd) .img{background-color:#f2f5f8;} .app-pack .items:nth-child(odd) .img img{mix-blend-mode:multiply;} .app-pack .list-inquiry{display:flex;flex-direction:column;min-width:0;height:100%;} .app-pack .app-inquiry-link{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;} .app-pack .app-inquiry-card{flex:1;display:flex;flex-direction:column;min-height:260px;background:#fff;text-align:center;box-shadow:0 4px 18px rgba(7,42,86,.08);transition:box-shadow .25s ease,transform .25s ease;} .app-pack .items:nth-child(odd) .app-inquiry-card{background:#fff;} .app-pack .app-inquiry-card__media{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px 20px;background:var(--public-color-g);color:#fff;} .app-pack .app-inquiry-card__media .icon{font-size:44px;line-height:1;} .app-pack .app-inquiry-card__body{padding:20px 18px 10px;} .app-pack .app-inquiry-card__title{display:block;font-size:20px;font-weight:600;line-height:1.35;color:#333;transition:color .2s ease;} .app-pack .app-inquiry-card__sub{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:#666;} .app-pack .app-inquiry-card__arrow{display:flex;justify-content:center;padding:6px 0 22px;} .app-pack .app-inquiry-card__arrow i{width:44px;height:44px;border-radius:50%;background:#f2f4f6;color:var(--public-color);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;} .app-pack .app-inquiry-link:hover .app-inquiry-card{box-shadow:0 10px 28px rgba(7,42,86,.12);transform:translateY(-2px);} .app-pack .app-inquiry-link:hover .app-inquiry-card__title{color:var(--public-color);} .app-pack .app-inquiry-link:hover .app-inquiry-card__arrow i{background:var(--public-color);color:#fff;} /* --- app-pack 响应式 --- */ @media(max-width:1430px){ .app-pack .left, .app-pack .right{min-width:0;} .app-pack ul{margin-top: 20px;} .app-pack .grid{--bs-gap: 35px 30px;} .app-pack .grid.grid-two{--bs-gap: 35px 65px;} .app-pack .t1{font-size: 20px;line-height: 1.3;margin-top: 20px;} } @media(max-width:1200px){ .app-pack .left{width:52%;} .app-pack .right{width:43%;} .app-pack .grid.grid-two{--bs-gap: 35px 45px;} .app-pack .items{padding:90px 0 95px;} .app-pack .left .title{font-size:36px;line-height:46px;} .app-pack .list .img{padding:22px 32px;} .app-pack .t1{font-size: 18px;line-height: 1.3;margin-top: 15px;} } @media(max-width:1000px){ .app-pack .items{padding:75px 0 80px;} .app-pack .left .title{font-size:34px;line-height:42px;} .app-pack .grid.grid-two{--bs-gap:35px 30px;} .app-pack .list .img{padding:20px 28px;} .app-pack ul{margin-top: 15px;} .app-pack li{padding-left: 25px;} } @media(max-width:899px){ .app-pack .items-xl{gap:25px;margin-bottom:40px;} .app-pack .left, .app-pack .right{width:100%;max-width:100%;} .app-pack .right{max-width:520px;} .app-pack .grid{--bs-gap:35px 24px;} .app-pack .grid.grid-two{--bs-gap:35px 25px;} .app-pack .grid:not(.grid-two) .g-col-lg-4{grid-column:auto/span 6;} .app-pack .grid.grid-two .g-col-lg-6{grid-column:auto/span 6;} } @media(max-width:768px){ .app-pack .items{padding:30px 0;} .app-pack .items-xl{flex-direction:column-reverse;align-items:stretch;} .app-pack .left .title{font-size:26px;line-height:32px;} .app-pack .left .line-af:after{width:60px;margin:15px 0 20px;} .app-pack .right{max-width:100%;} .app-pack .h6{font-size:16px;line-height:24px;} .app-pack .text{font-size:16px;line-height:24px;} .app-pack .t1{font-size:18px;line-height:1.3;margin-top:10px;} .app-pack li{font-size: 16px;line-height: 1.4;margin-bottom: 5px;} .app-pack .list .img{padding:18px 22px;} .app-pack .grid{--bs-gap:35px 20px;} .app-pack .grid .g-col-6{grid-column:auto/span 12;} .app-pack .app-inquiry-card{min-height:220px;box-shadow:0 2px 12px rgba(7,42,86,.07);} .app-pack .app-inquiry-card__media{min-height:96px;padding:20px 16px;} .app-pack .app-inquiry-card__media .icon{font-size:38px;} .app-pack .app-inquiry-card__body{padding:16px 14px 8px;} .app-pack .app-inquiry-card__title{font-size:17px;} .app-pack .app-inquiry-card__sub{font-size:13px;margin-top:6px;} .app-pack .app-inquiry-card__arrow i{width:40px;height:40px;font-size:16px;} .app-pack .app-inquiry-link:hover .app-inquiry-card{transform:none;} } @media(max-width:540px){ .app-pack .left .title{font-size:22px;line-height:30px;} .app-pack .t1{font-size:16px;line-height:24px;} } .app-real{padding:120px 0;border-bottom:2px dashed var(--public-color);min-width:0;max-width:100%;} .app-real .title.title-c{text-align:center;} .app-real .line-af::after{margin:15px auto 50px;} .app-real .grid{--bs-gap:30px 40px;} .app-real .list{min-width:0;height:100%;display:flex;flex-direction:column;} .app-real .img{overflow:hidden;} .app-real .img img{display:block;width:100%;height:auto;max-width:100%;} .app-real .t1{font-size:24px;line-height:32px;font-weight:500;text-align:center;margin-top:40px;color:#333333;} /* --- app-real 响应式 --- */ @media(max-width:1430px){ .app-real .grid{--bs-gap:30px 30px;} .app-real .t1{font-size:22px;line-height:1.3;margin-top: 25px;} } @media(max-width:1340px){ .app-real .grid{--bs-gap:30px 20px;} .app-real .t1{font-size:20px;line-height:1.3;margin-top: 20px;} } @media(max-width:1340px){ .app-real .t1{margin-top: 15px;} } @media(max-width:1200px){ .app-real{padding:90px 0;} .app-real .title{font-size:38px;line-height:46px;} .app-real .t1{margin-top:10px;} } @media(max-width:1000px){ .app-real{padding:75px 0;} .app-real .title{font-size:36px;line-height:44px;} .app-real .grid{--bs-gap:24px 30px;} } @media(max-width:768px){ .app-real{padding:30px 0 50px;} .app-real .line-af::after{width:60px;margin:12px auto 28px;} .app-real .grid{--bs-gap:20px;} .app-real .t1{font-size:18px;line-height:26px;} } @media(max-width:540px){ .app-real .grid{--bs-gap:20px 15px} .app-real .t1{font-size: 16px;line-height: 1.4;} } /* --- app-hidden 响应式 --- */ @media(max-width:768px){ .app-hidden .all-service{margin-top:50px;} } .news-paper{margin-bottom: 165px;} .news-paper .big-content:last-child{margin-bottom: 0;} .news-paper .big-content{margin-bottom: 120px;} .news-paper .top-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;} .news-paper .title{font-size: 36px;} .news-paper .index-more{min-width: auto;width: 240px;height: 55px;display: flex;justify-content: center;align-items: center;padding: 0;} .news-paper .all-news{padding: 0;} .news-paper .grid{--bs-gap: 70px 55px;} .news-paper .list{height: 100%;background-color: #f5f6f8;transition: all .3s ease-in-out;box-shadow: none;} .news-paper .list:has(> .item){background-color: transparent;} .news-paper .list:has(> .item) .item{display: flex;flex-direction: column;height: 100%;background-color: #f5f6f8;transition: all .3s ease-in-out;} .news-paper .list:has(> .item) .item .text{padding: 50px 50px 65px;background: #f4f4f4;flex: 1;} .news-paper .list:has(> .item) .item .text time{display: block;color: #999999;} .news-paper .list:has(> .item) .item .text .t2{color: #666;font-size: 25px;margin-top: 20px;font-weight: 500;line-height: 32px;} .news-paper .list:has(> .item) .item .text .t2 a{color: inherit;} .news-paper .list:has(> .item):hover .item{background-color: #ffffff;} .news-paper .list:has(> .item):hover .item .text{background: #ffffff;} .news-paper .box{padding: 50px 45px;height: 310px;} .news-paper .time{font-size: 18px;line-height: 28px;color: #999999;margin-bottom: 20px;} .news-paper .t1{font-size: 24px;line-height: 31px;color: #666666;} .news-paper .line-af::after{margin: 20px 0px;} .news-paper .cont{color: #999999;} .news-paper .list:hover{background-color: #ffffff;box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);} .news-paper .cont-ex .time{margin-bottom: 0;} .news-paper .cont-ex{font-size: 18px;line-height: 28px;color: #999999;display: flex;flex-direction: column;gap: 10px;} /* article-list-ex.html：img + .box 展会卡片 */ .news-paper .list:has(> .box){display:flex;flex-direction:column;height:100%;min-width:0;} .news-paper .list:has(> .box) .img{flex-shrink:0;} .news-paper .list:has(> .box) .box{flex:1;display:flex;flex-direction:column;} .news-paper .list:has(> .box) .box > .t1{display:block;color:inherit;text-decoration:none;font-weight:500;} .news-paper .list:has(> .box) .box > .t1:hover{color:var(--public-color);} .news-paper .cont-ex .location, .news-paper .cont-ex .booth{word-break:break-word;} /* ========== article-list.html / article-list-ex.html（.news-paper）========== */ .news-paper{max-width:100%;overflow-x:clip;} /* --- news-paper 列表 响应式 --- */ @media(max-width:1200px){ .news-paper .grid{--bs-gap:50px 40px;} .news-paper .all-top-head{align-items:flex-start;gap:20px;} .news-paper .all-top-head .nav{width:100%;max-width:100%;margin-bottom:80px;} } @media(max-width:1000px){ .news-paper{margin-bottom:120px;} .news-paper .big-content{margin-bottom:80px;} .news-paper .top-head{margin-bottom:50px;flex-wrap:wrap;gap:20px;} .news-paper .list:has(> .item) .item .text{padding:40px 35px 50px;} .news-paper .list:has(> .item) .item .text .t2{font-size:22px;line-height:28px;} .news-paper .list:has(> .box) .box{padding:40px 35px;height:auto;min-height:0;} .news-paper .list:has(> .box) .box > .t1{font-size:22px;line-height:28px;} } @media(max-width:899px){ .news-paper .all-top-head{flex-direction:column;align-items:stretch;gap:25px;} .news-paper .all-top-head .nav{margin-bottom:0;} .news-paper .all-top-head .all-nav{flex-wrap:wrap;gap:0;} .news-paper .all-top-head .all-nav li{min-width:0;height:auto;min-height:48px;} .news-paper .all-top-head .all-nav .a-lb-1{height:auto;min-height:48px;padding:10px 8px;font-size:13px;line-height:1.35;white-space:normal;} .news-paper .grid{--bs-gap:32px 24px;} .news-paper .box{height:auto;min-height:0;} } @media(max-width:768px){ .news-paper{margin-bottom:70px;} .news-paper .big-content{margin-bottom:50px;} .news-paper .title{font-size:28px;} .news-paper .index-more{width:100%;max-width:100%;} .news-paper .menu-collapse{width:100%;} .news-paper .all-top-head .nav{margin-bottom:0;} .news-paper .list:has(> .item) .item .text{padding:28px 22px 36px;} .news-paper .list:has(> .item) .item .text time{font-size:14px;line-height:22px;} .news-paper .list:has(> .item) .item .text .t2{font-size:18px;line-height:26px;margin-top:14px;} .news-paper .grid .g-col-lg-4{grid-column:auto/span 12;} .news-paper .box{padding:28px 22px;height:auto;min-height:0;} .news-paper .list:has(> .box) .box > .t1{font-size:18px;line-height:26px;} .news-paper .cont-ex{font-size:15px;line-height:24px;gap:8px;} .news-paper .down-list{margin-top:40px;} } @media(max-width:540px){ .news-paper .grid{--bs-gap:24px;} .news-paper .list:hover{box-shadow:0 0 40px rgba(0,0,0,.08);} .news-paper .list:has(> .box) .box{padding:22px 18px 28px;} .news-paper .cont-ex{font-size:14px;line-height:22px;} } .news-blog{margin-top:80px;margin-bottom:120px;} .news-blog .all-nav , .exhibition-page .all-nav{justify-content:center;} .news-blog .all-news{padding:0;} .news-blog .all-news .grid{--bs-gap:32px 28px;} /* --- news-blog 响应式 --- */ @media(max-width:1200px){ .news-blog .grid{--bs-gap:28px 24px;} } @media(max-width:1000px){ .news-blog{margin-bottom:90px;} .news-blog .all-nav{margin-bottom:32px;} } @media(max-width:899px){ .news-blog .all-nav{justify-content:flex-start;width:100%;margin:0 0 24px;} .news-blog .all-nav li{max-width:none;height:auto;min-height:48px;} .news-blog .all-news .grid{--bs-gap:24px 20px;} } @media(max-width:768px){ .news-blog{margin:30px 0 40px} .news-blog .all-news .grid{--bs-gap:20px;} .news-blog .all-news .grid .g-col-12{grid-column:auto/span 6;} .news-blog .down-list{margin-top:40px;} } @media(max-width:540px){ .news-blog .all-news .grid .g-col-12{grid-column:auto/span 12;} } /*news-in-paper*/ .news-in-paper .aside .all-news{margin: 0;} .news-in-paper{margin-bottom:140px;margin-top:90px;max-width:100%;overflow-x:clip;} .news-in-paper .h1{font-size:36px;line-height:48px;color:#333;font-weight:500;margin-bottom: 30px;letter-spacing: -1px;} .news-in-paper .type{color: #999999;padding-bottom: 30px;display: flex;gap: 20px;font-size: 16px;font-weight: 500;} .news-in-paper .type-time img{display:inline-block;margin-right:10px} .news-in-paper .type-view{color: var(--public-color-g);} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article .content{line-height:28px;font-size:16px;font-weight: 400;color: #999999;border-bottom:1px solid #bbbbbb;padding-bottom:55px;padding-top:30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .news-in-paper .article .content strong{color: var(--public-color);font-weight: 500;} .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size: 28px;line-height: 36px;color: #333333;font-weight: 500;margin-bottom: 25px;} .news-in-paper .article h4{font-size: 22px;line-height: 32px;color: #333333;font-weight: 500;margin-bottom: 15px;letter-spacing: -1px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:60px;display:flex;justify-content:space-between;align-items: flex-start;gap: 50px;} .news-in-paper .box-tail .left{width:100%} .news-in-paper .box-tail .right{min-width: 200px;width: 200px;;display:flex;justify-content:flex-end} .news-in-paper .box-tail .right .a-btn{width: 100%;height: 50px;padding: 0;border-radius: 0;} .news-in-paper .box-tail .right .a-btn:hover img{filter: none;} .news-in-paper .box-tail .right .a-btn img{width: 12px;display: inline-block;filter: brightness(0) invert(1);margin-left: 10px;} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666666;font-size:18px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:#000000;display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: rgba(29, 32, 137, .05);} .news-in-paper .aside-con{height: 270px;padding: 25px 30px;margin-bottom: 30px;display: flex;flex-direction: column;justify-content: center;position: relative;} .news-in-paper .aside-con .h5{position: relative;font-size: 24px;line-height: 32px;color: #333333;font-weight: 500;letter-spacing: -1px;margin-bottom: 30px;position: relative;z-index: 1;} .news-in-paper .aside-con .a-lb-1{z-index: 1;padding: 0;font-weight: 400;width: 100%;font-size: 18px;} .news-in-paper .aside-con .a-lb-1 img{display: inline-block;margin-left: 15px;filter: brightness(0) invert(1);transition: all .3s ease-in-out;} .news-in-paper .aside-con .a-lb-1:hover{color: var(--public-color-g) !important;} .news-in-paper .aside-con .a-lb-1:hover img{filter: none} .news-in-paper .aside-con .a-lb-1:hover::before{box-shadow: inset 0 0 0 10em var(--public-color);} .news-in-paper .other-news{background-color: rgba(0, 153, 223, .05);padding:40px 30px 40px;} .news-in-paper .other-news .h4{font-size: 28px;color:#333333;margin-bottom: 30px;font-weight: 500;letter-spacing: -1px;} .news-in-paper .other-news .t1{font-size: 18px;line-height: 28px;color: #333333;font-weight:bold;margin-bottom: 5px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news-in-paper .other-news .cont{font-size: 16px;line-height: 24px;font-weight: 300;color: #666666;letter-spacing: -.4px;} .news-in-paper .other-news .row-line{display: flex;justify-content: space-between;align-items: center;gap: 12px;} .news-in-paper .other-news .line{width: calc(100% - 50px);height: 1px;background-color: #dddddd;} .news-in-paper .other-news .arrow{width: 26px;min-width: 26px;aspect-ratio: 1;border-radius: 100%;background-color: #ffffff;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;} .news-in-paper .other-news .arrow img{filter: none;} .news-in-paper .other-news .arrow:hover img{filter: brightness(0) invert(1);;} .news-in-paper .other-news .arrow:hover{background-color: var(--public-color);} .news-in-paper .other-news .time{font-size: 16px;line-height: 28px;font-weight: 500;color: #999999;} .news-in-paper .other-news .time img{margin-right: 10px;margin-top: -5px;filter: grayscale();opacity: .4;transition: all .3s ease-in-out;} .news-in-paper .other-news .box{margin-bottom: 30px;} .news-in-paper .other-news .box:hover .time img{opacity: 1;filter: none;} .new-in-pro{padding-top: 100px;} .new-in-pro .title{margin-bottom: 45px;} .new-in-pro .grid{--bs-gap:35px 30px;} .new-in-pro .list{text-align: center;} .new-in-pro .list .img{background-color: rgba(124, 137, 154, .1);padding: 20px ;} .new-in-pro .list .img > img{mix-blend-mode: multiply;} .new-in-pro .list .box{padding: 20px 0px 0px;} .new-in-pro .t1{font-size: 24px;line-height: 1.4;font-weight: 500;color: #333333;} .new-in-pro .line-af::after{width: 50px;margin: 25px auto 20px;} .new-in-pro .cont{font-size: 18px;line-height: 32px;color: #666666;} .main-box{min-width:0;max-width:100%;} .main-box .aside{width:330px;min-width:330px;position:sticky;top:100px;height:min-content;} .main-box .article{width:calc(100% - 330px - 60px);min-width:0;max-width:100%;} .news-in-paper .main-top{min-width:0;gap:30px;} /* 目录：sticky 文档流；宽度随目录内容，长文在盒内换行不溢出 */ .news-name-box{width:max-content;max-width:100%;border-radius:6px;border:solid 1px #bbbbbb;padding:15px 15px 20px;display:inline-flex;flex-direction:column;margin-top:20px;position:sticky;top:120px;height:fit-content;background-color:#ffffff;z-index:20;box-sizing:border-box;overflow:hidden} .news-name-box .table-title{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:28px;line-height:36px;color:#666666;font-weight:400;cursor:pointer;user-select:none;min-width:0} .news-name-box .table-title span{width:35px;height:32px;padding:4px;background-color:#ffffff;border-radius:4px;border:solid 1px #666666;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer} .news-name-box .news-name{position:static;width:100%;margin:0;padding:0;min-width:0;overflow:visible} .news-name-box .name-box,.news-name-box .h2{min-width:0;max-width:100%} .news-name-box .h2 a{display:block;font-size:18px;line-height:36px;color:#333;font-weight:400;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .news-name-box ul{padding-left:30px;max-width:100%;box-sizing:border-box} .news-name-box li{min-width:0} .news-name-box li a{display:block;font-size:16px;line-height:26px;color:#666;font-weight:400;white-space:normal;overflow-wrap:anywhere;word-break:break-word} @media(max-width:1200px){ .news-name-box{top:100px;} .news-name-box .table-title{font-size:24px;line-height:32px;} } @media(max-width:990px){ .news-name-box{top:60px} .news-name-box .table-title{font-size:24px;line-height:32px} } @media(max-width:899px){ .news-name-box{margin-top:24px;} } @media(max-width:768px){ .news-name-box{display:none} .news-name-box{padding:10px 15px;top:50px} .news-name-box .table-title{font-size:20px;line-height:28px;padding:15px 10px;margin-bottom:15px;background-color:var(--public-color);color:#fff} .news-name-box .h2{margin-bottom:15px;padding-bottom:0} .news-name-box .h2 a{font-size:16px;line-height:24px} .news-name-box .name-box ul{padding-top:0} .news-name-box .name-box li{margin-bottom:10px} .news-name-box .name-box li a{font-size:16px;line-height:24px} .news-name-box .name-box + .name-box{padding-top:10px} .news-name-box .news-name{margin-top:15px} } @media(max-width:540px){ .news-name-box .table-title{font-size:20px;line-height:28px} } /* --- news-in-paper / article-content 响应式 --- */ @media(max-width:1530px){ .news-in-paper .box-tail{flex-direction:column;gap:20px;} .news-in-paper .box-tail .left{margin-bottom:20px;} .news-in-paper .box-tail .right{width:100%;justify-content:flex-start;} .news-in-paper .box-tail .right .a-btn{width:250px;} } @media(max-width:1460px){ .news-in-paper .other-news .t1{font-size:20px;} .news-in-paper .h1{font-size:32px;line-height:46px;} } @media(max-width:1340px){ .news-in-paper .other-news .t1{font-size:18px;line-height:28px;} .news-in-paper .article h2{font-size:24px;line-height:32px;} .news-in-paper .article h4{font-size:20px;line-height:28px;} .news-in-paper .h4{font-size:26px;margin-bottom:30px;} .new-in-pro .t1{font-size:22px;} } @media(max-width:1260px){ .news-in-paper .article h2{font-size:28px;line-height:36px;} .news-in-paper .article h4{font-size:20px;} } @media(max-width:1200px){ .news-in-paper{margin-top:60px;} .main-box .aside{top:80px;} .new-in-pro .t1{font-size:20px;} } @media(max-width:1000px){ .news-in-paper .main-top{flex-direction:column;} .main-box .article{width:100%;margin-bottom:60px;} .main-box .aside{width:100%;display:flex;gap:30px;align-items:flex-start;} .news-in-paper .aside-con{position:sticky;top:100px;height:fit-content;} } @media(max-width:899px){ .news-in-paper .type{flex-wrap:wrap;row-gap:10px;} .main-box .aside{flex-direction:column;gap:24px;min-width:0;width:100%;} .news-in-paper .aside-con{height:auto;width:100%;position: static;} .news-in-paper .other-news{width:100%;box-sizing:border-box;} .new-in-pro{padding-top:60px;} .new-in-pro .title{margin-bottom:48px;} .new-in-pro .grid{--bs-gap:36px;} .new-in-pro .grid .g-col-lg-6{grid-column:auto/span 12;} } @media(max-width:768px){ .main-box{margin-top:0;gap:0;} .main-box .main-top{width:100%;} .main-box .article{width:100%;margin-bottom:30px;} .main-box .aside{width:100%;flex-direction:column;min-width:0;position:static;} .main-box .main-left{width:0;margin-bottom:30px;position:relative;} .main-box .main-left .news-name{display:none;} .main-box .main-left .main-left-box{position:fixed;left:-17px;top:50px;z-index:3;background-color:#fff;border:none;border-bottom:2px solid var(--public-color);} .main-box .main-left .main-left-box.active{left:0;} .main-box .main-left .main-left-box.active .news-name{padding-left:10px;padding-top:20px;} .main-box .main-left-box .table-title{padding:10px;margin-bottom:0;font-size:20px;line-height:28px;background-color:var(--public-color);color:#fff;} .main-box .main-left-box .table-title::before{height:15px;position:absolute;top:17px;left:0;background-color:#fff;} .main-box .main-left-box .table-title.active{left:0;} .main-box .table-title{background-color:var(--public-color-red);} .main-box .table-title .s1{display:none;color:#fff;} .main-box .table-title .s2{display:flex;color:#fff;} .main-box .table-title.active .s1{display:flex;align-items:center;justify-content:space-between;padding-right:15px;} .main-box .table-title.active .s1 strong{color:var(--public-color-red);} .main-box .table-title.active .s2{display:none;} .main-box .main-left-box .h2 a{font-size:18px;line-height:26px;} .main-box .main-left-box .h2{margin-bottom:15px;padding-bottom:0;} .main-box .name-box ul{padding-top:0;} .main-box .name-box li{margin-bottom:10px;} .main-box .name-box li a{font-size:16px;line-height:24px;} .main-box .name-box li::before{top:8px;} .main-box .name-box + .name-box{padding-top:5px;} .main-box .news-name{margin-top:15px;} .news-in-paper{margin-top:0px;margin-bottom:60px;padding-top:0px;} .news-in-paper .main-top{flex-wrap:wrap;margin-bottom:0px;} .news-in-paper .h1{margin-bottom:15px;font-size:26px;line-height:1.4;} .news-in-paper .type{font-size:14px;line-height:20px;margin-top:20px;padding-top:0;padding-bottom:15px;} .news-in-paper .article{width:100%;margin-bottom:30px;} .news-in-paper .article h2{font-size:19px;line-height:28px;margin-bottom:10px;} .news-in-paper .article h4{font-size:16px;line-height:24px;} .news-in-paper .article .content{line-height:20px;font-size:14px;padding-top:20px;padding-bottom:20px;} .news-in-paper .article .content p{margin-bottom:10px;} .news-in-paper .article .content .table-wrapper{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} .news-in-paper .aside{width:100%;margin-top:0;} .news-in-paper .aside>div{padding:20px 10px;} .news-in-paper .aside .aside-box{padding-bottom:30px;} .news-in-paper .aside .aside-box .text .h3 a{line-height:24px;} .news-in-paper .line-bf:before{margin-bottom: 20px;} .news-in-paper .aside-box-1{padding:15px;} .news-in-paper .aside-box-1 .t1{font-size:18px;line-height:26px;} .news-in-paper .aside-con{position:static;width:100%;padding:22px 20px;height:auto;margin-bottom:20px;} .news-in-paper .aside-con .h5{font-size: 22px;line-height: 1.4;} .news-in-paper .aside-con .a-jd{margin-bottom:20px;} .news-in-paper .aside .a-box a{margin-bottom:10px;} .news-in-paper .aside .h4{font-size:22px;line-height:1.4;margin-bottom:20px;} .news-in-paper .other-news{padding:28px 20px;} .news-in-paper .other-news .list{margin-bottom:15px;} .news-in-paper .other-news .box:nth-last-of-type(1){margin-bottom:0;} .news-in-paper .box-tail{font-size:16px;line-height:24px;margin-top:20px;gap:20px;} .news-in-paper .box-tail .left{margin-bottom:0;} .news-in-paper .box-tail .left p{font-size:16px;line-height:1.4;} .news-in-paper .box-tail .left p:first-child{margin-bottom:15px;} .news-in-paper .box-tail .left p a{font-size: 16px;line-height:1.4;padding-left:0;word-break:break-word;} .news-in-paper .box-tail .right{margin-bottom:0;} .news-in-paper .box-tail .right .a-jd{width:auto;padding:0 30px !important;} .news-in-paper span.img-small{width:20px;margin-right:10px;} .p-d-rec .title{margin-bottom:15px !important;} .p-d-rec .all-param{display:block;opacity:1;} .p-d-rec{margin-bottom:30px;} .new-in-pro{padding-top:30px;} .new-in-pro .title{margin-bottom:15px;} .new-in-pro .list .img{display:block;overflow:hidden;} .new-in-pro .list .img img{width:100%;height:auto;} .new-in-pro .t1{font-size:20px;line-height:28px;} .new-in-pro .line-af::after{margin: 10px auto 0px;} .new-in-pro .cont{font-size:15px;line-height:26px;margin-top: 20px;} } .video-paper{margin: 120px 0;} .video-paper .all-top-head{margin-bottom: 80px;align-items:flex-end;flex-wrap:wrap;} .video-paper .all-top-head h1{flex:0 1 auto;max-width:100%;min-width:0;} .video-paper .all-top-head .all-nav{align-items:stretch;min-width:0;} .video-paper .all-top-head .all-nav li{display:flex;align-items:stretch;height:auto;min-height:60px;max-width:none;flex:1 1 0;min-width:0;} .video-paper .all-top-head .all-nav .a-lb-1{display:flex;align-items:center;align-self:stretch;justify-content:center;flex:1;height:auto;min-height:60px;width:100%;padding:8px 16px;line-height:1.25;white-space:normal;box-sizing:border-box;text-align:center;} .video-paper .grid{--bs-gap:65px 5px} .video-paper .list{text-align: center;} .video-paper .t1{font-size: 20px;line-height: 1.4;color: #333333;margin-top: 40px;} .video-paper .v{position:relative;width:100%;max-width:100%;overflow:hidden;background:#f2f4f6;} .video-paper .v iframe{display:block;width:100%;max-width:100%;vertical-align:top;} /* ========== article-list-video.html ========== */ .video-paper{max-width:100%;overflow-x:clip;} /* --- video-paper 响应式 --- */ @media(max-width:1430px){ .video-paper .t1{margin-top: 15px;} } @media(max-width:1340px){ .video-paper .all-top-head{flex-direction: column;align-items: flex-start} .video-paper .all-top-head .all-nav{width: 100%;justify-content: flex-start;} } @media(max-width:1200px){ .video-paper .grid{--bs-gap:40px 5px;} .video-paper .all-top-head h1{font-size:38px;} .video-paper .all-top-head .all-nav li{flex:1 1 0;} .video-paper .all-nav .a-lb-1{font-size: 16px;} } @media(max-width:1000px){ .video-paper{margin:80px 0;} .video-paper .t1{font-size:18px;} } @media(max-width:768px){ .video-paper{margin:0px 0 30px;} .video-paper .all-top-head{margin-top: 40px;margin-bottom: 30px;} .video-paper .all-top-head h1{font-size:28px;line-height:36px;} .video-paper .all-top-head .all-nav li, .video-paper .all-top-head .all-nav .a-lb-1{height:auto !important;min-height:48px;} .video-paper .all-top-head .all-nav .a-lb-1{padding:8px 12px !important;} .video-paper .menu-collapse{width:100%;} .video-paper .grid .g-col-6{grid-column:auto/span 6;} .video-paper .v{aspect-ratio:16/9;height:auto;} .video-paper .v iframe{height:100%!important;min-height:0;} .video-paper .t1{padding:0 5px;font-size: 16px;line-height: 1.4;} .video-paper .down-list{margin-top:40px;} } .video-nr{position:relative;padding:30px 0;display:flex;justify-content:space-between;gap:100px;margin-bottom:95px} .video-nr .v-content{width:100%;height:100%;overflow:auto} .video-nr .v-content::-webkit-scrollbar{display:none} .video-nr .v-content .v-title{font-size:34px;line-height:48px;font-weight:400;color:#333333;margin-top:30px;margin-bottom:25px} .video-nr .v-content .v-text{margin-top:50px;margin-bottom:80px} .video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px} .video-nr .v-content .v-desc .left{font-size:16px;color:#9a9a9a;font-weight:500;width:58%;display:flex;justify-content:space-between} .video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px} .video-nr .v-content .v-desc .left i:first-child{margin-left:0} .video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color);display:inline-flex;padding:5px 20px;align-items:center;color:#fff} .video-nr .v-content .v-desc .right .v-ly i{margin-right:8px} .video-nr .v-content .v-desc .right .v-ly:hover{box-shadow:0 2px 10px rgb(0 0 0 / 20%);background-color:#fff} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid var(--public-color);display:inline-flex;margin-left:15px;padding:5px 20px;align-items:center;color:var(--public-color)} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px} .video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff !important} .video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px} .video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px} .video-nr .v-content .v-nr ul li{margin-left:20px} .video-nr .v-content .v-nr ul li:first-child{margin-left:0} .video-nr .v-content .v-nr a{color:var(--public-color)} .video-nr .v-content .v-nr a:hover{text-decoration:underline} .video-nr .v-content .v-title2{border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;padding-top:40px} .video-nr .v-content .v-title2 .left{font-size:34px;color:#333333;font-weight:400;position:relative} .video-nr .v-content .v-title2 .left::before{content:"";width:22px;height:22px;border-left:11px solid var(--public-color);border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid transparent;display:inline-block;margin-right:10px;position:relative} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial} .video-nr .v-content .v-title2 .right:hover{color:var(--public-color)} .video-nr .v-content .v-massage{font-size:16px;line-height:24px} .video-nr .v-content .v-massage p{position:relative;display:flex;} .video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont;width:40px;min-width: 40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px;background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px} .video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px} .video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px} .video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px;color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px} .video-nr .v-content .v-massage strong{margin-right:0px} .video-nr .v-side{height:100%;max-width:330px;width:100%} .video-nr .v-side::-webkit-scrollbar{display:none} .video-nr .v-side .v-pro{background:#fff;box-shadow:0px 1px 46px 0px rgba(0,0,0,0.1);border-radius:8px;padding:20px 10px 25px 30px;margin-bottom:20px} .video-nr .v-side .v-pro .box{display:flex;justify-content:space-between;margin-bottom:20px} .video-nr .v-side .v-pro .img a{background-color:#f8f8f8;border-radius:8px} .video-nr .v-side .v-pro .img a img{mix-blend-mode:darken} .video-nr .v-side .v-pro .t1{font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical} .video-nr .v-side .v-pro .text{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px} .video-nr .v-side .v-pro .d-flex{margin-top:20px} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px} .video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p} .video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff} .video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff} .video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow:0 2px 10px rgb(0 0 0 / 20%)} .video-nr .v-side .v-pro-box{display:grid;grid-template-columns:120px auto;gap:20px;margin-bottom:30px} .video-nr .v-side .v-rel .big-t1{font-size:20px;line-height:28px;font-weight:500;margin-bottom:15px;color:#333} .video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .video-nr .v-side .v-rel .v-video-item .left{width:54%;position:relative} .video-nr .v-side .v-rel .v-video-item .v-thumb{position:relative;display:block;line-height:0;overflow:hidden;border-radius:8px;background:#000} .video-nr .v-side .v-rel .v-video-item .v-thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block} .video-nr .v-side .v-rel .v-video-item .v-play{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:0;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;box-sizing:border-box;pointer-events:none} .video-nr .v-side .v-rel .v-video-item .v-play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff} .video-nr .v-side .v-rel .v-video-item .v-thumb:hover .v-play{background:var(--public-color);border-color:#fff} .video-nr .v-side .v-rel .v-video-item .right{width:42%} .video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px} .video-nr .v-side .v-rel .v-video-item .t1 a{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px} .v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap} .v-feed-box .pro{width:30%} .v-feed-box .pro a{transition:none} .v-feed-box .right{width:68%} .v-feed-box .right .title{text-align:left} .v-feed-box .pro .text p{font-size:15px;line-height:22px;color:#666;position:relative;padding-left:35px;margin-bottom:0} .v-feed-box .pro .text p::before{content:url(../../images/sign-2.webp);font-family:'cmsfont';line-height:32px;font-size:14px;position:absolute;left:0;top:0px;color:var(--public-color);font-weight:bold} .v-feed-box .pro h5{font-size:15px;line-height:22px;color:#666666;font-family:'Rubik';font-weight:400;margin-top:15px;margin-bottom:15px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .v-share_bot{margin-top:30px;border:1px solid var(--public-color);border-radius:30px;padding:6px;display:flex;justify-content:space-between;overflow:hidden} .v-share_bot input{border:0;color:#666;font-size:14px;padding-left:10px;width:100%;box-sizing:border-box;outline:0;overflow:hidden;text-overflow:ellipsis} .v-share_bot button{width:114px;height:42px;line-height:42px;color:#fff;border:0;background:var(--public-color);border-radius:20px;flex-shrink:0;cursor:pointer} .reveal-modal#mb-share{left:60%;margin-left:-30%;width:40%} .v-share-box .share{display:flex;margin-top:30px;font-size:0;transition:all .3s ease-in-out;justify-content:space-between} .v-share-box .share_cell{font-size:16px;color:#333;text-align:center} .v-share-box .share_cell p{margin-bottom:0} .v-share-box .share_cell .icon.wa{background-position:-3px -180px} .v-share-box .share_cell .icon.fb{background-position:-185px -235px} .v-share-box .share_cell .icon.insta{background-position:-65px -180px} .v-share-box .share_cell .icon.em{background-position:-64px -237px} .v-share-box .share_cell .icon.yt{background-position:-125px -235px} .v-share-box .share_cell .icon:hover{box-shadow:0 2px 6px rgb(0 0 0 / 25%)} .v-share-box .share_cell .icon{width:55px;height:55px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;background:url(../../images/vc-sprite.webp) no-repeat -3px -180px;background-size:300px;border-radius:50%} @media(max-width:1430px){ .video-nr .v-content .v-video iframe{height:600px} .video-nr .v-content .v-title{font-size:28px;line-height:38px} } @media(max-width:1260px){ .video-nr{gap:60px} } @media(max-width:1100px){ .video-nr .v-content .v-video iframe{height:500px} } @media(max-width:1000px){ .video-nr{flex-direction:column} .video-nr .v-side{max-width:100%} .video-nr .v-side .v-rel .v-rel-box{display:grid;grid-template-columns:repeat(2,1fr);gap:30px} .video-nr .v-side .v-rel .v-video-item .left iframe{height:auto} } @media(max-width:768px){ .reveal-modal#mb-share{left:50%;margin-left:0;width:90%;transform:translate(-50%,-50%)} .video-nr .v-content .v-video iframe{height:350px} .video-nr .v-side .v-pro .d-flex a{padding:5px 10px} .v-feed-box .pro{display:none} .v-feed-box .right{width:100%} .video-nr{height:auto;padding:0px;flex-direction:column;gap:25px;margin-bottom:30px} .video-nr .v-content{width:100%} .video-nr .v-side{width:100%;min-width:100%} .video-nr .v-content .v-desc .right{width:100%} .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px} .video-nr .v-content .v-massage ul{padding-left:17px} .video-nr .v-content .v-massage p{display:block} .video-nr .v-content .v-massage ul li{display:block} .video-nr .v-content iframe{height:auto} .video-nr .v-content .v-title{font-size:20px !important;line-height:28px !important} .video-nr .v-content .v-desc{gap:20px 0} .video-nr .v-content .v-desc .left{gap:10px;flex-wrap:wrap} .video-nr .v-content .v-title2{flex-wrap:wrap;gap:10px;padding-top:24px} .video-nr .v-content .v-title2 .left{font-size:20px} .video-nr .v-content .v-title2 .left::before{width:5px;height:18px;margin-right:10px} .video-nr .v-side .v-pro{padding:20px 10px} .video-nr .v-side .v-pro-box{display:flex;flex-direction:column;gap:25px 0;margin-bottom:16px} .video-nr .v-side .v-rel .v-video-item .left iframe{height:auto} .video-nr .v-content .v-text{margin:15px 0 25px} } @media(max-width:430px){ .video-nr .v-side .v-rel .v-rel-box{grid-template-columns:repeat(1,1fr)} .video-nr .v-side .v-rel .v-video-item .left iframe{height:200px} } .certificates-paper{margin: 120px 0;} .certificates-paper .top-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;} .certificates-paper .top-head .title{font-size: 36px;} .certificates-paper .top-head .index-more{min-width: auto;width: 240px;height: 55px;display: flex;justify-content: center;align-items: center;padding: 0;} .certificates-paper .grid{--bs-gap:50px 5px} .certificates-paper .list{height: 100%;position: relative;text-align: center;display: flex;flex-direction: column;} .certificates-paper .list::after{content: "";width: 100%;height: 100%;background-color: var(--public-color-g);position: absolute;left: 0;top: 0;z-index: -1;opacity: 0;transition: all .6s ease-in-out;} .certificates-paper .img{flex: 1;background-color: #f2f4f6;padding:40px 30px;margin-bottom: 20px;transition: all .3s ease-in-out;} .certificates-paper .t1{font-size: 20px;} .certificates-paper .line-af::after{margin: 35px auto 0;} .certificates-paper .list:hover::after{opacity: 1;} .certificates-paper .list:hover .img{background-color: transparent;} .certificates-paper .list:hover .t1{color: #ffffff;} /* ========== article-list-cer.html ========== */ .certificates-paper{max-width:100%;overflow-x:clip;} .certificates-paper .list{min-width:0;} .certificates-paper .img a{display:block;} .certificates-paper .img img{max-width:100%;height:auto;margin:0 auto;} /* --- certificates-paper 响应式 --- */ @media(max-width:1200px){ .certificates-paper .grid{--bs-gap:40px 16px;} .certificates-paper .all-top-head h1{font-size:38px;} } @media(max-width:1000px){ .certificates-paper{margin:80px 0;} .certificates-paper .all-top-head{flex-direction:column;align-items:stretch;gap:30px;margin-bottom: 35px;} .certificates-paper .all-top-head .all-nav{justify-content: flex-start;} .certificates-paper .img{padding:32px 20px;} .certificates-paper .t1{font-size:18px;} .certificates-paper .line-af::after{margin:28px auto 0;} } @media(max-width:899px){ .certificates-paper .all-top-head h1:before{margin-bottom: 15px;} .certificates-paper .grid{--bs-gap:28px 16px;} .certificates-paper .img{padding:20px 15px;} } @media(max-width:768px){ .certificates-paper{margin:30px 0;} .certificates-paper .all-top-head h1{font-size:28px;line-height:36px;} .certificates-paper .menu-collapse{width:100%;} .certificates-paper .grid .g-col-6{grid-column:auto/span 6;} .certificates-paper .img{padding: 15px 10px;margin-bottom:16px;} .certificates-paper .t1{font-size:17px;line-height:26px;padding:0 4px;} .certificates-paper .line-af::after {margin: 10px auto 0;} .certificates-paper .down-list{margin-top:40px;} } @media(max-width:540px){ .certificates-paper .grid{--bs-gap:24px 12px;} .certificates-paper .t1{font-size:16px;line-height:24px;} } /* ========== article-index-contact.html ========== */ .contact-paper{margin:50px 0 180px;max-width:100%;overflow-x:clip;box-sizing:border-box;} /* --- contact-paper 响应式 --- */ @media(max-width:1200px){ .contact-paper{margin:40px 0 180px;} } @media(max-width:768px){ .contact-paper{margin:30px 0 0px;} } .contact-top-head{min-width:0;max-width:100%;padding-bottom:50px;box-sizing:border-box;} .contact-top-head .content{display:flex;justify-content:space-between;align-items:stretch;gap:20px 30px;min-width:0;} .contact-top-head .list{flex:1 1 0;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-right:30px;} .contact-top-head .list::after{content:url(../../images/sign-4.webp);position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;} .contact-top-head .list:last-child::after{display:none;} .contact-top-head .list:last-child{padding-right:0;} .contact-top-head .list:first-child{justify-content:flex-start;} .contact-top-head .list-xl{min-width:0;max-width:100%;} .contact-top-head .t1{font-size:26px;line-height:32px;font-weight:bold;color:var(--public-color);margin-bottom:5px;overflow-wrap:break-word;} .contact-top-head .cont{font-size:16px;line-height:28px;letter-spacing:-.5px;color:#666666;overflow-wrap:break-word;word-break:break-word;} /* --- contact-top-head 响应式 --- */ @media(max-width:1430px){ .contact-top-head{padding-bottom:50px;} .contact-top-head .content{gap:18px 25px;} .contact-top-head .list{padding-right:25px;} } @media(max-width:1340px){ .contact-top-head .t1{font-size:24px;line-height:30px;} .contact-top-head .cont{font-size:15px;line-height:26px;} } @media(max-width:1200px){ .contact-top-head{padding-bottom:40px;} .contact-top-head .content{gap:15px 20px;} .contact-top-head .list{padding-right:22px;} .contact-top-head .t1{font-size:22px;line-height:28px;} .contact-top-head .cont{font-size:15px;line-height:24px;letter-spacing:0;} } @media(max-width:1000px){ .contact-top-head{padding-bottom:40px;} .contact-top-head .content{gap:12px 15px;} .contact-top-head .list{padding-right:18px;} .contact-top-head .t1{font-size:20px;line-height:26px;} .contact-top-head .cont{font-size:14px;line-height:22px;} } @media(max-width:899px){ .contact-top-head{padding-bottom:45px;} .contact-top-head .content{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;align-items:stretch;} .contact-top-head .list{flex:none;width:100%;max-width:100%;justify-content:flex-start!important;padding-right:0;padding-bottom:25px;border-bottom:1px solid #ececec;} .contact-top-head .list::after{display:none;} .contact-top-head .list:last-child{border-bottom:0;padding-bottom:0;} } @media(max-width:768px){ .contact-top-head{padding-bottom:30px;} .contact-top-head .content{gap:20px;} .contact-top-head .list{padding-bottom:20px;} .contact-top-head .t1{font-size:20px;line-height:26px;margin-bottom:5px;} .contact-top-head .cont{font-size:14px;line-height:22px;} } @media(max-width:540px){ .contact-top-head .t1{font-size:18px;line-height:24px;} .contact-top-head .cont{font-size:14px;line-height:20px;} .contact-top-head .list{padding-bottom:15px;} } .contact-middle{min-width:0;max-width:100%;margin-bottom:170px;box-sizing:border-box;} .contact-middle .content{display:flex;justify-content:space-between;align-items:stretch;border-radius:10px;overflow:hidden;min-width:0;} .contact-middle .left{width:45%;min-width:0;position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:45px 35px;background-color:#f1f4f8;border:solid 1px #f1f4f8;border-radius:10px 0 0 10px;} .contact-middle .right{width:55%;min-width:0;box-sizing:border-box;padding:50px 60px;border:solid 1px #d2d9e2;border-left-color:#ffffff;border-radius:0 10px 10px 0;} .contact-middle .box{width:80%;min-width:0;max-width:100%;} .contact-middle .title-1{font-size:24px;line-height:32px;font-weight:500;color:#333333;margin-bottom:40px;overflow-wrap:break-word;} .contact-middle ul{margin-bottom:55px;} .contact-middle li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:30px;color:#666666;align-items:start;} .contact-middle li+li{margin-top:5px;} .contact-middle li span{transform:translateY(5px);flex-shrink:0;} .contact-middle li span img{display:block;width:20px;height:auto;max-width:100%;} .contact-middle li .cont{min-width:0;overflow-wrap:break-word;word-break:break-word;} .contact-middle li .font-sty{color:#666666 !important;font-size:16px;line-height:28px;} @media(min-width:769px){ .contact-middle li .font-sty:hover{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:3px;} .contact-middle .a-ly:hover::before{width:16em;} } .contact-middle .all-social{display:flex;flex-wrap:wrap;gap:6px;} .all-social .hover-1,.all-social .hover-2{background-color: #f1f4f8 !important;border:2px solid #dae0e8;color: var(--public-color-g) !important;width: 40px;height: 40px;font-size: 14px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;margin: 0 !important;} .all-social .hover-1::before,.all-social .hover-2::before{font-size: 14px;width: inherit;} .all-social .hover-1:hover,.all-social .hover-2:hover{background-color: #ffffff !important;color: #000000 !important;} .contact-middle .h3{font-size:24px;line-height:32px;font-weight:500;color:#333333;letter-spacing:-1px;margin-bottom:30px;text-align:center;} .contact-middle .form-feedback{min-width:0;max-width:100%;} .contact-middle .form-row{margin:0 -5px 10px !important;flex-wrap: nowrap;} .contact-middle .form-group{padding:0 5px !important;min-width:0;} .contact-middle .form-control{padding:10px 5px 10px 25px;border-radius:4px;background-color:rgba(241,244,248,.6);border:none;max-width:100%;} .contact-middle .form-cap .form-group .form-control{background-color: rgba(241, 244, 248, .6);} .contact-middle .form-cap .input-group{border-radius: 4px;} .contact-middle .form-cap{margin-top: 20px !important;} .contact-middle .text{font-size:15px;line-height:24px;color:#999999;text-align:center;max-width:80%;margin:40px auto 0;} /* --- contact-middle 响应式 --- */ @media(max-width:1430px){ .contact-middle{margin-bottom:150px;} .contact-middle .right{padding:45px 50px;} .contact-middle .left{padding:40px 30px;} .contact-middle .box{width:88%;} } @media(max-width:1340px){ .contact-middle .title-1{font-size:22px;line-height:30px;margin-bottom:35px;} .contact-middle li{gap:24px;} .contact-middle ul{margin-bottom:45px;} } @media(max-width:1200px){ .contact-middle{margin-bottom:120px;} .contact-middle .right{padding:40px 36px;} .contact-middle .left{padding:35px 25px;} .contact-middle .box{width:100%;} .contact-middle .h3{font-size:22px;line-height:30px;} } @media(max-width:1000px){ .contact-middle{margin-bottom:100px;} .contact-middle .content{flex-direction:column;border-radius:10px;} .contact-middle .left, .contact-middle .right{width:100%;min-width:0;max-width:100%;border-radius:10px;} .contact-middle .left{border-radius:10px 10px 0 0;padding:30px 25px;} .contact-middle .right{border-left:solid 1px #d2d9e2;border-radius:0 0 10px 10px;padding:35px 30px;} .contact-middle .title-1{font-size:22px;line-height:28px;margin-bottom:30px;} .contact-middle li{gap:20px;} .contact-middle li .font-sty{font-size:15px;line-height:26px;} .contact-middle ul{margin-bottom:40px;} .contact-middle .form-group .btn{height:auto;} .contact-middle .form-row .pos-btn{position:static;} } @media(max-width:899px){ .contact-middle{margin-bottom:80px;} .contact-middle .box{width:100%;max-width:100%;} .contact-middle li{grid-template-columns:24px minmax(0,1fr);gap:16px;} } @media(max-width:768px){ .contact-middle{margin-bottom:30px;} .contact-middle .left{padding:25px 20px;} .contact-middle .right{padding:30px 20px;} .contact-middle .title-1{font-size:20px;line-height:28px;margin-bottom:25px;} .contact-middle .h3{font-size:20px;line-height:28px;margin-bottom:20px;letter-spacing:0;} .contact-middle ul{margin-bottom:30px;} .contact-middle li .font-sty{font-size:14px;line-height:22px;} .contact-middle .text{max-width:100%;font-size:14px;line-height:22px;margin-top:25px;} .contact-middle .form-control{padding:10px 5px 10px 20px;font-size:16px;} } @media(max-width:540px){ .contact-middle .left{padding:20px 15px;} .contact-middle .right{padding:25px 15px;} .contact-middle .title-1{font-size:18px;line-height:26px;margin-bottom:20px;} .contact-middle .h3{font-size:18px;line-height:26px;margin-bottom:18px;} .contact-middle li{gap:12px;} .contact-middle li span img{width:18px;} .contact-middle .text{font-size:13px;line-height:20px;margin-top:20px;} .contact-middle .form-row{flex-wrap:wrap;margin-bottom:0 !important;} .contact-middle .form-cap{margin-top:0 !important;gap:10px;} .contact-middle .form-row .pos-btn{position:static;} } .contact-bottom{--customers-slide:460px;--customers-gap:40px;min-width:0;max-width:100%;box-sizing:border-box;} .contact-bottom .title{color:#072a56;font-size:42px;line-height:50px;font-weight:500;text-align:center;padding:0 15px;box-sizing:border-box;overflow-wrap:break-word;} .contact-bottom .line-af::after{margin:15px auto 50px;} .customers{position:relative;overflow:hidden;max-width:100%;} .customers .img-box{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:var(--customers-gap);animation:contact-customers-scroll 40s linear infinite;will-change:transform;} .customers .img-box > .img, .customers .img-box .slider-item .img{width:var(--customers-slide);flex-shrink:0;height:auto;aspect-ratio:460/300;overflow:hidden;border-radius:4px;} .customers .img-box > .img img, .customers .img-box .slider-item .img img{width:100%;height:100%;object-fit:cover;display:block;} @keyframes contact-customers-scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(var(--marquee-shift, calc(-460px * 4 - 40px * 3)));} } /* --- contact-bottom / customers 响应式 --- */ @media(max-width:1430px){ .contact-bottom{--customers-slide:420px;--customers-gap:35px;} .contact-bottom .title{font-size:38px;line-height:46px;} .contact-bottom .line-af::after{margin:12px auto 45px;} } @media(max-width:1200px){ .contact-bottom{--customers-slide:360px;--customers-gap:30px;} .contact-bottom .title{font-size:34px;line-height:42px;} .contact-bottom .line-af::after{margin:12px auto 40px;} } @media(max-width:1000px){ .contact-bottom{--customers-slide:320px;--customers-gap:25px;} .contact-bottom .title{font-size:30px;line-height:38px;} .contact-bottom .line-af::after{margin:10px auto 35px;} } @media(max-width:899px){ .contact-bottom .title{font-size:28px;line-height:36px;padding:0 15px;} .contact-bottom .line-af::after{margin:10px auto 30px;} .customers{overflow:visible;max-width:100%;} .customers .img-box{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 15px;width:100%!important;max-width:100%;box-sizing:border-box;padding:0 15px 0px;margin:0 auto;animation:none;transform:none!important;will-change:auto;} .customers .img-box > .img, .customers .img-box .slider-item .img{width:100%;max-width:100%;flex-shrink:1;} } @media(max-width:768px){ .contact-bottom{padding-bottom: 30px;} .contact-bottom .title{letter-spacing:-.5px;} .contact-bottom .line-af::after{margin:10px auto 25px;} .customers .img-box{gap:20px 15px;padding-bottom:0px;grid-template-columns:repeat(2,1fr);} } @media(max-width:540px){ .contact-bottom .line-af::after{margin:8px auto 20px;} .customers .img-box{gap:15px 12px;} } /* ========== article-list-ex1.html（.news-ex-paper）========== */ .news-ex-paper{padding:80px 0 120px;max-width:100%;overflow-x:clip;} .news-ex-paper .ex-head{max-width: 980px;margin-left:auto;margin-right:auto;margin-bottom: 55px;} .news-ex-paper .ex-head .title{margin-bottom: 25px;letter-spacing: -1px;} .news-ex-paper .ex-head .cont{color: #999999;font-weight: 400;font-size:18px;line-height:28px;} /* --- ex-head 响应式 --- */ @media(max-width:1200px){ .news-ex-paper .ex-head .title{font-size:36px;line-height:44px;} } @media(max-width:768px){ .news-ex-paper .ex-head{margin-bottom:32px;} .news-ex-paper .ex-head .title{font-size:26px;line-height:34px;margin-bottom:18px;} .news-ex-paper .ex-head .cont{font-size:15px;line-height:24px;} } @media(max-width:540px){ .news-ex-paper .ex-head .title{font-size:22px;line-height:30px;} } .news-ex-paper .ex-year-nav{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0 8px;margin-bottom: 40px;position: sticky;top: 78px;z-index: 2;background-color: #ffffff;padding: 18px 0 22px;border-bottom: 1px solid #ececec;} .news-ex-paper .ex-year-nav::after{content: "";position: absolute;left: 50%;bottom: -1px;width: 90px;height: 2px;background: var(--public-color);transform: translateX(-50%);} .news-ex-paper .ex-year-link{display: inline-flex;align-items: center;font-size:24px;line-height: 28px;color: #333333;font-weight:600;padding: 0 12px;transition: color .3s ease-in-out;} .news-ex-paper .ex-year-link::before{content: "\f054";font-family: 'cmsfont';font-size: 12px;color: var(--public-color);margin-right: 8px;} .news-ex-paper .ex-year-link:not(:last-child)::after{content: "";width: 1px;height: 16px;background-color: #dddddd;margin-left: 12px;} .news-ex-paper .ex-year-link:hover{color: var(--public-color) !important;} .news-ex-paper .ex-year-link.active{color:#fff !important;background:var(--public-color-g);border-radius:4px;padding:6px 14px;transition:background-color .25s ease,color .25s ease;} .news-ex-paper .ex-year-link.active::before{color:#fff;} /* --- ex-year-nav 响应式 --- */ @media(max-width:1500px){ .news-ex-paper .ex-year-nav{padding:15px 0 12px;top: 70px;} .news-ex-paper .ex-year-link{font-size: 22px;} } @media(max-width:1400px){ .news-ex-paper .ex-year-nav{padding:10px 0} .news-ex-paper .ex-year-link{font-size: 20px;} } @media(max-width:1000px){ .news-ex-paper .ex-year-nav{top: 65px;padding: 10px 0 5px;} } @media(max-width:899px){ .news-ex-paper{padding:60px 0 80px;} .news-ex-paper .ex-year-nav{top: 60px;gap:8px 4px;margin-bottom:32px;} .news-ex-paper .ex-year-link{font-size:16px;line-height:24px;padding:0 8px;} } @media(max-width:768px){ .news-ex-paper .ex-year-nav{position:static;padding:12px 0 18px;margin-bottom:28px;} } @media(max-width:540px){ .news-ex-paper .ex-year-nav{justify-content:flex-start;} .news-ex-paper .ex-year-link{font-size:15px;padding:6px 8px;} .news-ex-paper .ex-year-link:not(:last-child)::after{display:none;} } .news-ex-paper .ex-year-list{padding-top: 8px;border-top: 0;} .news-ex-paper .ex-year-block{padding-top: 8px;margin-bottom: 70px;} .news-ex-paper .ex-year-block:last-child{margin-bottom: 0;} .news-ex-paper .ex-year-title{display: flex;align-items: center;justify-content: center;gap: 14px;font-size: 26px;line-height: 32px;color: var(--public-color-g);font-weight: 600;text-align: center;margin: 0 0 36px;} .news-ex-paper .ex-year-arrow{width: 40px;height: 12px;color: var(--public-color);display: inline-flex;align-items: center;flex-shrink: 0;} .news-ex-paper .ex-year-arrow svg{width: 40px;height: 12px;display: block;} .news-ex-paper .ex-item{padding-bottom: 56px;margin-bottom: 64px;border-bottom: 1px solid #ececec;} .news-ex-paper .ex-item:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;} .news-ex-paper .ex-item.is-single + .ex-item{padding-top: 48px;border-top: 1px solid #e5e5e5;} .news-ex-paper .ex-info{margin-bottom: 28px;} .news-ex-paper .ex-name{font-size: 22px;line-height: 30px;color: #333333;font-weight: 600;margin-bottom: 12px;} .news-ex-paper .ex-meta{color: #888888;font-size: 16px;line-height: 26px;font-weight: 400;} .news-ex-paper .ex-desc{color: #999999;font-size: 15px;line-height: 26px;margin-top: 16px;max-width: 980px;} .news-ex-paper .ex-gallery{position: relative;padding: 0;min-width:0;max-width:100%;} .news-ex-paper .ex-gallery .swiper-slide img{width: 100%;height: 240px;object-fit: cover;border-radius: 4px;} .news-ex-paper .ex-gallery .swiper-container{overflow:hidden;} .news-ex-paper .ex-gallery .swiper-button-next, .news-ex-paper .ex-gallery .swiper-button-prev{width: 44px;height: 44px;margin-top: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #ffffff;box-shadow: 0 4px 16px rgba(0,0,0,.12);color: #333333;z-index: 1;} .news-ex-paper .ex-gallery .swiper-button-next{right: -15px;} .news-ex-paper .ex-gallery .swiper-button-prev{left: -15px;} .news-ex-paper .ex-gallery .swiper-button-next::after, .news-ex-paper .ex-gallery .swiper-button-prev::after{font-size: 16px;font-weight: 700;color: #333333;} .news-ex-paper .ex-gallery .swiper-pagination{position: relative;margin-top: 22px;} .news-ex-paper .ex-gallery .swiper-pagination-bullet{width: 8px;height: 8px;background: #d8d8d8;opacity: 1;margin: 0 5px;} .news-ex-paper .ex-gallery .swiper-pagination-bullet-active{background: #555555;} .news-ex-paper .ex-item.is-single{display: flex;flex-direction: row-reverse;align-items: center;gap: 0;padding: 0;margin-bottom: 88px;border: 1px solid #e6ebf0;border-radius: 16px;overflow: hidden;background: #fff;box-shadow: 0 10px 28px rgba(7,42,86,.10);} .news-ex-paper .ex-item.is-single:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 1px solid #e6ebf0;} .news-ex-paper .ex-item.is-single .ex-info{flex: 1;width: auto;margin: 0;padding: 40px 48px;display: flex;flex-direction: column;justify-content: center;} .news-ex-paper .ex-item.is-single .ex-name{margin-bottom: 18px;} .news-ex-paper .ex-item.is-single .ex-gallery{flex: 0 0 420px;width: 420px;padding: 0;overflow: hidden;} .news-ex-paper .ex-item.is-single .ex-swiper, .news-ex-paper .ex-item.is-single .swiper-wrapper, .news-ex-paper .ex-item.is-single .swiper-slide{height: auto;} .news-ex-paper .ex-item.is-single .ex-gallery .swiper-slide img{width: 420px;max-width: 100%;height: 250px;object-fit: cover;object-position: center;border-radius: 0;box-shadow: none;background: #e8edf2;} .news-ex-paper .ex-item.is-double .ex-gallery{padding: 0;max-width: 860px;margin-left:auto;margin-right:auto;} .news-ex-paper .ex-item.is-double .ex-gallery .swiper-slide img{height: 220px;object-fit: cover;object-position: center;border-radius: 10px;} /* --- ex-item / ex-gallery 响应式 --- */ @media(max-width:1200px){ .news-ex-paper .ex-year-title{font-size:24px;line-height:30px;margin-bottom:32px;} .news-ex-paper .ex-item.is-single .ex-gallery{flex:0 0 36%;width:36%;max-width:420px;min-width:0;} .news-ex-paper .ex-item.is-single .ex-info{padding:32px 28px;} } @media(max-width:899px){ .news-ex-paper .ex-year-title{font-size:20px;line-height:26px;margin-bottom:28px;gap:10px;} .news-ex-paper .ex-year-arrow{width:32px;height:10px;} .news-ex-paper .ex-year-arrow svg{width:32px;height:10px;} .news-ex-paper .ex-year-block{margin-bottom:50px;} .news-ex-paper .ex-name{font-size:20px;line-height:a.4} .news-ex-paper .ex-meta{font-size:15px;line-height:24px;} .news-ex-paper .ex-desc{font-size:14px;line-height:22px;} .news-ex-paper .ex-gallery .swiper-slide img{height:200px;} .news-ex-paper .ex-item{padding-bottom:40px;margin-bottom:40px;} .news-ex-paper .ex-item.is-single{flex-direction:column;align-items:stretch;gap:0;border-radius:12px;margin-bottom:56px;} .news-ex-paper .ex-item.is-single .ex-info, .news-ex-paper .ex-item.is-single .ex-gallery{width:100%;flex:none;max-width:100%;} .news-ex-paper .ex-item.is-single .ex-info{padding:28px 24px 32px;} .news-ex-paper .ex-item.is-single .ex-gallery .swiper-slide img{width:100%;height:200px;object-fit:cover;} .news-ex-paper .ex-item.is-double .ex-gallery{max-width:100%;padding:0 44px;} } @media(max-width:768px){ .news-ex-paper{padding:40px 0 60px;} .news-ex-paper .ex-gallery .swiper-slide img{height:180px;} .news-ex-paper .ex-gallery .swiper-button-next, .news-ex-paper .ex-gallery .swiper-button-prev{width:38px;height:38px;} .news-ex-paper .ex-item.is-single .ex-gallery .swiper-slide img{height:180px;} .news-ex-paper .ex-item.is-double .ex-gallery{padding:0 40px;} .news-ex-paper .ex-item.is-double .ex-gallery .swiper-slide img{height:180px;} } @media(max-width:540px){ .news-ex-paper .ex-item.is-double .ex-gallery{padding:0 32px;} .news-ex-paper .ex-gallery .swiper-slide img, .news-ex-paper .ex-item.is-single .ex-gallery .swiper-slide img, .news-ex-paper .ex-item.is-double .ex-gallery .swiper-slide img{height:160px;border-radius:6px;} } /* ========== public/_footer.html ========== */ footer{max-width:100%;overflow-x:clip;} footer .footer-top{padding: 90px 0;} footer .footer-top .container-xl{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 24px;} footer .footer-top .container-xl .item{min-width: 0;box-sizing: border-box;} footer .footer-top .container-xl .item.com{width: 33%;} footer .footer-top .container-xl .item.cate{width: 19%;} footer .footer-top .container-xl .item.addr{width: 34%;} footer .footer-top .item.com .img img{max-width: 100%;height: auto;display: block;} footer .footer-top .all-social{display: flex;flex-wrap: wrap;gap: 8px;} footer .footer-top .t1{color: #666;line-height: 30px;margin: 40px 0;} footer .footer-top .t2{font-size: 20px;font-weight: 600;text-transform: uppercase;margin-bottom: 35px;} footer .footer-top ul li{color: #666;margin-bottom: 20px;word-break: break-word;} footer .footer-top ul li a{color: #666;} footer .footer-top ul li span:first-child{display: inline-block;margin-right: 20px;} footer .footer-top ul li:last-child{margin-bottom: 0;} footer .footer-top ul li a:hover{color: var(--public-color);} footer .footer-top .item.addr ul li{display:flex;align-items:flex-start;gap:10px;} footer .footer-top .item.addr ul li > .icon{flex:0 0 18px;width:18px;margin-top:4px;font-size:16px;line-height:1;text-align:center;color:var(--public-color);} footer .footer-top .item.addr ul li > span{flex:1;min-width:0;} footer .footer-top .item.addr ul li a{margin-right: 10px;display: inline-block;max-width: 100%;word-break: break-all;} footer .footer-bottom{background: #072a56;padding: 13px 0;color: #fff;} footer .footer-bottom .container-xl{padding-left: 15px;padding-right: 15px;box-sizing: border-box;} footer .all-social .hover-1, footer .all-social .hover-2{background-color: #fff !important;} footer .all-social .hover-1:hover, footer .all-social .hover-2:hover{background-color: #f1f4f8 !important;} /* --- footer 响应式 --- */ @media(max-width:1430px){ footer .footer-top .container-xl .item.com{width: 36%;} footer .footer-top .container-xl .item.cate{width: 22%;} footer .footer-top .container-xl .item.addr{width: 36%;} } @media(max-width:1200px){ footer .footer-top{padding: 75px 0;} footer .footer-top .t1{font-size: 16px;line-height: 28px;margin: 32px 0;} footer .footer-top .t2{font-size: 18px;margin-bottom: 28px;} footer .footer-top ul li{font-size: 15px;line-height: 24px;margin-bottom: 16px;} } @media(max-width:1000px){ footer .footer-top .container-xl .item.com{width: 48%;} footer .footer-top .container-xl .item.cate{width: 48%;} footer .footer-top .container-xl .item.addr{width: 100%;margin-top: 8px;} } @media(max-width:899px){ footer .footer-top{padding: 60px 0;} footer .footer-top .container-xl{flex-direction: column;gap: 28px;} footer .footer-top .container-xl .item.com, footer .footer-top .container-xl .item.cate, footer .footer-top .container-xl .item.addr{width: 100%;margin-top: 0;} footer .footer-top .t1{margin: 25px 0;} } @media(max-width:768px){ footer .footer-top{padding: 30px 0 40px;} footer .footer-top .t1{font-size: 15px;line-height: 26px;margin: 20px 0;} footer .footer-top .t2{font-size: 18px;margin-bottom: 22px;} footer .footer-top ul li{font-size: 14px;line-height: 22px;margin-bottom: 14px;} footer .footer-bottom{font-size: 13px;line-height: 20px;text-align: center;padding: 16px 0;} } @media(max-width:540px){ footer .footer-top .item.com .img{max-width: 200px;} footer .footer-top .t2{font-size: 16px;letter-spacing: 0.02em;} } @media(max-width:440px){ footer .footer-bottom{font-size: 12px;line-height: 18px;padding: 14px 0;} }