/******************************
kaichuang-plastic.com style
一比一复刻原站样式
基于原站 framework CSS (style.css) + homepage.css + other.css
主色调: #0e0f6b (深蓝)
 ******************************/

@import url(wmpageicon.css);
@import url(iconfont-swiper.css);

:root{--color:#0e0f6b;--hovercolor:#222222;--fontcolor:#000000;--headercolor:#000000;--footercolor:#DDDDDD;--introcolor:#444444;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans',helvetica neue,Helvetica,Arial,sans-serif;--wmpage-font30:30px;--wmpage-font36:36px;}

/* 隐藏 translate.js 自动生成的语言选择框 */
#translate,#translateSelectLanguage,.translateSelectLanguage{display:none!important}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0;padding:0;box-sizing:border-box}
body{margin:0 auto;padding:0;max-width:2560px;color:var(--fontcolor);font-size:var(--fontsize14)!important;line-height:1.7;background:#fff;overflow-x:hidden;font-family:var(--fontfamily)}
a:link,a:visited{color:var(--fontcolor);text-decoration:none}
a:active,a:hover{color:var(--color);text-decoration:none}
img{border:none;max-width:100%;height:auto;vertical-align:middle}
li,ol,ul{list-style:none}
i{font-style:normal}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* ==================== HEADER ==================== */
header{position:absolute;top:46px;right:0;left:0;z-index:99999}

/* 顶部信息栏 - 原站: #5c5c5c背景(other.css覆盖), 黑色文字, 46px高 */
header .header-info{background:#5c5c5c;display:flex;padding:0 125px;position:absolute;top:-46px;height:46px;width:100%}
header .header-info div{display:flex;align-items:center;color:var(--headercolor)}
header .header-info div i{margin-right:10px;transform:scale(1.2);color:var(--headercolor)}
header .header-info .work-hours{height:100%;font-size:var(--fontsize14)}
header .header-info .telephone{height:100%;margin-left:auto;font-size:var(--fontsize14)}
header .header-info .mail{margin:0 135px 0 30px;height:100%;font-size:var(--fontsize14)}
header .header-info .nav-right{position:fixed;top:10px;right:125px}
header .header-info i,header .header-info a{color:var(--headercolor)}

/* 语言切换 */
.lang{position:relative;cursor:pointer}
.lang-icon{display:flex;align-items:center;gap:6px;color:var(--headercolor);font-size:13px}
.lang-icon img{border-radius:2px}
.lang-icon span{font-size:13px}
.lang-drop{display:none!important;visibility:hidden;opacity:0;pointer-events:none}
.lang-drop.is-open{display:block!important;visibility:visible;opacity:1;pointer-events:auto}
.lang-arrow{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;right:20px}
.lang-wrap{padding:5px 0}
.lang-wrap li{padding:6px 15px;transition:background .2s}
.lang-wrap li a{color:#333;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.lang-wrap li:hover{background:#f5f5f5}
.lang-wrap li.lang-active{background:var(--color)}
.lang-wrap li.lang-active a{color:#fff}
.lang-en,.lang-zh,.lang-es,.lang-ru,.lang-vn,.lang-id,.lang-pt,.lang-ja,.lang-fr,.lang-ko,.lang-ar,.lang-de{display:inline-block;width:20px;height:14px;background-size:contain;background-repeat:no-repeat;vertical-align:middle}

/* 导航条 - other.css覆盖: 白底导航+黑色文字, 100px高, logo在左菜单右对齐 */
header .header-nav{position:relative;justify-content:flex-end;align-items:center;display:flex;padding:0 125px;height:100px;background:#fff;z-index:-1}
header .header-nav .header-nav-logo{display:flex;justify-content:flex-start;align-items:center;height:100%}
header .header-nav .header-nav-logo img{width:100%;max-width:200px}
header .header-nav .header-nav-list{flex:1}
header .header-nav .header-nav-list ul{margin-right:125px;display:flex;flex-direction:row;width:100%;height:100%;justify-content:flex-end}
header .header-nav .header-nav-list ul li{padding:0 14px;line-height:100px;font-size:var(--fontsize18);text-align:center;position:relative}
header .header-nav .header-nav-list ul li a{color:#000;opacity:1;font-weight:bolder;transition:all .3s ease;display:inline;padding:0}
header .header-nav .header-nav-list ul li a:hover{color:#0e0f6b;background:transparent;opacity:1}
header .header-nav .header-nav-list ul.nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:stretch}
header .header-nav .header-nav-list ul.nav>li{display:block;flex-shrink:0;white-space:nowrap}
header .header-nav .header-nav-list ul li a{white-space:nowrap;line-height:100px}
header .header-nav .header-nav-list ul li .inmenu_1{color:#000}
.lang-drop{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:9999;min-width:160px;max-height:350px;overflow-y:auto}
/* 子菜单 - other.css: 背景#0e0f6b, 文本白色 */
header .header-nav .header-nav-list ul li .submenu{display:none;height:auto;width:420px;position:absolute;top:100px;flex-wrap:wrap!important;justify-content:flex-start!important;flex-direction:row!important;padding:0;margin:0;list-style:none}
header .header-nav .header-nav-list ul li .submenu li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important;-webkit-box-orient:horizontal!important;box-orient:horizontal!important;color:#fff;width:50%;height:40px;line-height:40px;font-size:var(--fontsize12);text-align:left;background-color:#0e0f6b;list-style:none}
header .header-nav .header-nav-list ul li .submenu li a{font-size:var(--fontsize14);font-weight:normal;color:#fff;opacity:1;display:block;padding:0 12px;line-height:40px}
header .header-nav .header-nav-list ul li .submenu li a:hover{color:#fff;opacity:1}
header .header-nav .header-nav-list ul li:last-child{padding-right:0}

/* Feedback按钮 - other.css: search-btn颜色#0e0f6b */
#liinquiry{display:flex;align-items:center}
#liinquiry a{color:#0e0f6b;height:40px;line-height:40px;padding:0 15px;border-radius:30px;background:#fff;transition:all .1s linear;text-decoration:none;font-weight:bolder;opacity:1}
#liinquiry a:hover{opacity:.9}

/* 汉堡菜单 - other.css: span背景#000 */
header .header-nav .nav-btn{display:none;position:relative;height:.5333rem;width:.5333rem;box-sizing:border-box;cursor:pointer}
header .header-nav .nav-btn span{border-radius:2px;position:absolute;right:.0667rem;display:block;width:28px;height:2px;background-color:#000;transition:top .2s .2s,background .2s,opacity 0s .2s,transform .2s}
header .header-nav .nav-btn span:nth-child(1){top:.01rem}
header .header-nav .nav-btn span:nth-child(2){top:.25rem}
header .header-nav .nav-btn span:nth-child(3){top:.5rem}

/* ==================== INDEX MAIN ==================== */
.index-header .header-nav .header-nav-list ul li .submenu{top:100px}
.index-main{position:relative;top:-72px}
.index-main .swiper-container{margin-top:72px}

/* 轮播图 Swiper - 原站样式 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;position:relative;transition-property:transform}
.swiper-slide img{width:100%;display:block}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 4px;cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--color)}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color);opacity:.5;background-size:25px 35px}
.swiper-button-prev{left:20px}
.swiper-button-next{right:40px}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}

/* ==================== 数字统计区 wmpage152 ==================== */
.wmpage152-page3{background:#f8f8f8;padding:0}
.wmpage152-page3 .inner{padding:50px 125px}
.wmpage152-page3 .wmpage152-page3-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item{width:24%;background:#fff;box-shadow:0 0 20px 3px rgba(0,0,0,.05);padding:30px;text-align:center;border-radius:3px;transition:all .3s linear}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item:hover{transform:translateY(-5px)}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .2s linear;margin:0 auto;box-shadow:0 0 10px 2px #eee}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item:hover .wmpage152-page3-icon{box-shadow:0 0 20px 3px rgba(0,0,0,.05);background-color:#fff}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-icon em{color:var(--color);font-size:42px;display:flex;align-items:center;justify-content:center}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{line-height:1.2;font-size:54px;font-weight:var(--fontbold7);color:var(--color);margin:15px 0 0}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num span{font-size:inherit}
.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-title{font-size:14px;color:#666;line-height:1.6}
.wmpage152-page3-title span{font-size:var(--fontsize20);font-weight:700}
@media(max-width:1550px){.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{font-size:45px}}
@media(max-width:1366px){.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{font-size:35px}.wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item{padding:30px 15px}}

/* ==================== 产品展示 NEW PRODUCTS ==================== */
.index-main .newproducts-container{margin:50px auto 0;width:100%}
.content-wrap{width:100%}
.content-wrap p{text-align:center}
.content-wrap .content-title{text-align:center;font-size:var(--fontsize30);text-transform:uppercase}
.content-wrap .content-introduce{margin:0 auto;padding:0 0 20px;width:750px;font-size:var(--fontsize16);color:var(--introcolor)}

.index-main .newproducts-container .newproducts-list{padding:0 125px;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0}
.index-main .newproducts-container .newproducts-list .newproducts-list-item{position:relative;width:30%;margin-bottom:30px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
.index-main .newproducts-container .newproducts-list .newproducts-list-item a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.index-main .newproducts-container .newproducts-list .newproducts-list-item img{aspect-ratio:1;object-fit:cover;width:100%;transition:all .4s}
.index-main .newproducts-container .newproducts-list .newproducts-list-item>a{overflow:hidden;aspect-ratio:1}
.index-main .newproducts-container .newproducts-list .newproducts-list-item:hover>a>img{transform:scale(1.2)}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content{position:unset;display:block;height:auto;padding-top:20px;transition:all .4s}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title{margin:0 auto;color:var(--fontcolor);font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title a{color:var(--fontcolor)}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-text{display:none}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.index-main .newproducts-container .newproducts-list::after{content:"";width:30%;height:0}

/* ==================== MORE BTN - 原站: hover时背景色从左到右展开 ==================== */
.index-main .more-btn{text-align:center}
.index-main .more-btn a{padding:10px 30px;transition:.3s all ease-out;display:inline-block;border:1px solid #E5E5E5;position:relative;overflow:hidden;z-index:9}
.index-main .more-btn a:after{content:"";background:var(--color);border-color:var(--color);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;transform-origin:0 50%}
.index-main .more-btn a:hover i{color:#fff;border-color:#000}
.index-main .more-btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.index-main .more-btn a i{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14;margin-left:8px;margin-right:8px}

/* ==================== Company Statistics - 原站: 背景图+半透明遮罩+白色文字 ==================== */
.index-main .statistics-container{position:relative;margin-top:50px;height:370px;width:100%;background-image:url(../images/index-bg.webp);background-size:cover;background-position:center}
.index-main .statistics-container .statistics-wrap{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.2)}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-title{margin:30px auto 0;text-align:center;font-size:var(--fontsize30);color:#fff;text-transform:uppercase}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-text{margin:0 auto 20px;text-align:center;font-size:var(--fontsize14);color:#fff}
.index-main .statistics-container .statistics-wrap .statistics-list{margin-top:30px;width:100%;height:145px;display:flex;justify-content:space-evenly}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item div:nth-child(1){width:60px;height:60px;transform:scale(1);background:url(../images/index-sprite.webp) no-repeat}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .team-icon{background-position:-400px -20px!important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .patent-icon{background-position:-490px -20px!important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .praise-icon{background-position:-580px -20px!important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .medal-icon{background-position:-680px -20px!important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-count{font-weight:var(--fontbold5);font-size:var(--fontsize24);color:#fff}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-count sup{font-size:16px}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-content{font-size:var(--fontsize16);color:#fff}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress{margin-top:10px;position:relative;width:100%;height:2px;background:#fff}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress .statistics-item-progress-done{position:absolute;width:50%;height:100%;transform:scale(1);background:var(--color)}

/* ==================== NEWS 新闻区 ==================== */
.index-main .news-container{margin:50px auto 0;padding:0 125px}
.index-main .news-container .news-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0;margin:0;list-style:none}
.index-main .news-container .news-list .news-item{box-sizing:border-box;border:1px solid #F1F1F1;width:calc(33.33% - 20px);max-width:500px;flex:0 0 calc(33.33% - 20px);transition:all .3s ease;list-style:none}
.index-main .news-container .news-list .news-item:hover{cursor:pointer;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);transform:translateY(5px)}
.index-main .news-container .news-list .news-item:hover .news-title{color:var(--color)}
.index-main .news-container .news-list .news-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.index-main .news-container .news-list .news-item p{padding:5px 10px 0;text-align:left}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize18)}
.index-main .news-container .news-list .news-item .news-date{font-size:var(--fontsize16);color:var(--introcolor)}
.index-main .news-container .news-list .news-item .news-content{margin-bottom:10px;font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.p3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.p4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}

/* ==================== FOOTER 搜索栏 ==================== */
footer{clear:both;margin:0 auto;padding:0}
footer .search-container{padding:0 125px;background:#0e0f6b;display:flex;align-items:center;width:100%;height:70px;justify-content:space-between}
footer .search-container .search-input{display:flex;align-items:center;justify-content:flex-end;flex:1;height:40px}
footer .search-container .search-input input{height:100%;border-radius:20px;width:400px;border:none;padding:0 15px;font-size:14px;outline:none}
footer .search-container .search-input input:focus{border:1px solid #ccc;box-shadow:1px 1px 1px 1px rgba(0,0,0,.5)}
footer .search-container .search-input .search-btn{margin-left:20px;color:#0e0f6b;display:flex;justify-content:center;align-items:center;height:40px;border-radius:20px;width:150px;background:#fff;cursor:pointer;font-size:14px}
footer .search-container .search-input .search-btn:hover{cursor:pointer;opacity:.9}
footer .search-container .search-input .top-btn{margin-left:20px;cursor:pointer;transform:scale(.7);color:#fff}
footer .search-container .search-container-left{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold5);display:block;width:350px}

/* ==================== FOOTER 联系信息 ==================== */
footer .contact-container{width:100%;height:auto;padding:40px 125px;background:#fff;flex-wrap:wrap;display:flex;align-items:flex-start;justify-content:space-between}
footer .contact-container .contact-title{margin-bottom:10px;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:#000}
footer .contact-container .contact-logo-btns{width:320px}
footer .contact-container .contact-logo-btns img{margin-bottom:10px;max-width:120px;height:auto}
footer .contact-container .contact-logo-btns p{color:#000}
footer .contact-container .contact-logo-btns .contact-list{margin-top:15px;display:flex;align-items:center}
footer .contact-container .contact-logo-btns .contact-content{font-size:var(--fontsize14)}
footer .contact-container .contact-navigation{height:100%;width:20%}
footer .contact-container .contact-navigation ul{display:flex;flex-wrap:wrap;justify-content:space-between}
footer .contact-container .contact-navigation ul li{line-height:30px;width:50%}
footer .contact-container .contact-navigation ul li a{color:#000}
footer .contact-container .contact-navigation ul li:hover a{color:#0e0f6b}
footer .contact-container .contact-us{height:100%;display:flex;flex-direction:column;max-width:400px;padding:0}
footer .contact-container .contact-us ul{display:flex;flex-direction:column;justify-content:center}
footer .contact-container .contact-us ul li{line-height:30px;color:#000}
footer .contact-container .contact-us ul li a{color:#000}
footer .contact-container .contact-us ul li i{color:#000;margin-right:6px;width:18px;text-align:center}
footer .contact-container .contact-qr-code{padding-bottom:90px;height:100%;position:relative}
footer .contact-container .contact-qr-code img{width:120px}
footer .contact-container .contact-qr-code::after{transition:.5s all ease;content:"";width:120px;height:120px;background:rgba(0,0,0,.2);position:absolute;top:40px;left:0}
footer .contact-container .contact-qr-code:hover::after{opacity:0}

/* 版权栏 */
footer .bottom-container{width:100%;height:50px;color:#000;font-size:var(--fontsize14);background:#fff;display:flex;justify-content:center;align-items:center}
footer .bottom-container span{color:#000}
footer .bottom-container a{color:#000;margin-left:10px}
footer .bottom-container a:hover{color:#0e0f6b}

/* 移动端底部 */
footer .mobile-bottom{display:none}

/* ==================== 在线客服浮动面板 ==================== */
.online_service{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999}
.online_service .service_toggle{width:40px;height:40px;background:var(--color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px 0 0 4px;font-size:18px}
.online_service .service_panel{position:absolute;right:40px;top:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:220px;display:none;padding:15px}
.online_service .service_toggle:hover+.service_panel,.online_service .service_panel:hover{display:block}
.service_title{font-size:16px;color:#333;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px}
.service_item{padding:8px 0;display:flex;align-items:center;gap:8px;font-size:13px;color:#555}
.service_item i{font-size:16px;color:var(--color)}
.service_item a{color:#555;text-decoration:none}
.service_item a:hover{color:var(--color)}
.service_qrcode{text-align:center;margin-top:10px}
.service_qrcode img{width:140px;height:140px;border-radius:4px}
.service_qrcode p{font-size:12px;color:#999;margin-top:5px}

/* 回到顶部 */
.goTop{position:fixed;right:10px;bottom:80px;z-index:9998}
.goTop a{display:block;width:40px;height:40px;background:var(--color);color:#fff;text-align:center;line-height:40px;border-radius:4px;font-size:20px;text-decoration:none}
.goTop a:hover{background:#0a0a50}

/* ==================== 内容页通用样式 ==================== */
.page_banner{width:100%;height:200px;overflow:hidden;margin-top:147px}
.page_banner img{width:100%;height:200px;object-fit:cover}

.breadcrumbs-nav{padding:0 125px;display:flex;width:100%;height:50px;background:#f8f8f8}
.breadcrumbs-content{font-size:var(--fontsize14);display:flex;align-items:center;height:100%}
.breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.breadcrumbs-content span{margin:0 5px}

/* ==================== 内页Banner + 面包屑 ==================== */
.inner-banner{height:300px;position:relative;overflow:hidden}
.inner-banner .banner-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.pagesbanner{background-image:url(../../static/upload/image/inner-banner.jpg)}

.breadcrumbs-nav{background:#f5f5f5;padding:15px 125px}
.breadcrumbs-content{font-size:var(--fontsize14);color:#666;display:flex;align-items:center;flex-wrap:wrap}
.breadcrumbs-content a{color:#666;margin:0 2px}
.breadcrumbs-content a:hover{color:var(--color)}
.breadcrumbs-content span{margin:0 5px;color:#999}
.breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.breadcrumbs-text{font-size:var(--fontsize24);font-weight:var(--fontbold5);color:var(--fontcolor);margin-top:10px}

/* ==================== ABOUT 关于我们页 ==================== */
.abouts-main{width:100%}
.abouts-container{display:flex;padding:30px 125px;gap:30px}
.abouts-left{width:250px;min-width:250px;flex-shrink:0}
.abouts-left-ab{background:#fff;margin-bottom:20px}
.abouts-left-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#fff}
.abouts-left-ab ul{padding:0}
.abouts-left-ab ul li{font-size:var(--fontsize14);height:50px;display:flex;justify-content:center;align-items:center;background:#fafafa;border-bottom:2px solid #fff}
.abouts-left-ab ul li a{color:var(--fontcolor)}
.abouts-left-ab ul li:hover a{color:var(--color)}
.abouts-left-ab ul li.LocalCurrent{background:var(--color)}
.abouts-left-ab ul li.LocalCurrent a{color:#fff}
.abouts-main .abouts-main{flex:1;min-width:0;line-height:1.8;font-size:var(--fontsize15);color:#333}
.abouts-main .abouts-main img{max-width:100%;height:auto}
.abouts-main .abouts-main table{width:100%;border-collapse:collapse;margin:15px 0}
.abouts-main .abouts-main table td,.abouts-main .abouts-main table th{border:1px solid #ddd;padding:8px 12px}
.abouts-main .feedback-main{flex:1;min-width:0}
.abouts-main .feedback-main p{line-height:1.8;margin-bottom:15px}
.abouts-main .feedback-main .inquiry-pro-list{margin-bottom:15px}

/* ==================== PRODUCT 产品列表/详情页 ==================== */
.product-main{width:100%}
.product-container{display:flex;padding:30px 125px;gap:30px}
.product-left{width:250px;min-width:250px;flex-shrink:0}
.product-left-ab{background:#fff;margin-bottom:20px}
.product-left-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#fff}
.product-left-ab ul{padding:0}
.product-left-ab ul li{font-size:var(--fontsize14);padding:0}
.product-left-ab ul li a{display:block;padding:12px 15px;color:var(--fontcolor);border-bottom:1px solid #eee;transition:all .2s}
.product-left-ab ul li:hover a{color:var(--color)}
.product-left-ab ul li.currentProType a{color:var(--color);font-weight:bold}
.product-left-ab ul .pro-menu{padding-left:15px}
.product-left-ab ul .pro-menu li{font-size:var(--fontsize12)}
.product-left-ab ul .pro-menu li a{padding:8px 15px}

.product-lastest-products{background:#fff;margin-bottom:20px}
.product-lastest-products ul{padding:10px}
.product-lastest-products ul li{padding:10px 0;border-bottom:1px solid #eee}
.product-lastest-products ul li:last-child{border-bottom:none}
.product-lastest-products .product-name{margin-bottom:5px}
.product-lastest-products .product-name a{font-size:var(--fontsize13);color:var(--fontcolor)}
.product-lastest-products .product-name a:hover{color:var(--color)}
.product-lastest-products .product-img img{width:100%;max-height:150px;object-fit:cover}

.product-left-cu{background:#fff;margin-bottom:20px;padding:15px}
.product-left-cu ul{padding:0}
.product-left-cu li{font-size:var(--fontsize12);line-height:2;color:#666}
.product-left-cu li i{margin-right:8px;color:var(--color)}
.product-left-cu li a{color:#666}

/* 产品列表主区域 */
.product-container .product-main{flex:1;min-width:0}
.prolist-content{padding:15px 0;line-height:1.8;font-size:var(--fontsize14);color:#555;margin-bottom:15px}
.prolist-content img,.prolist-bottom img{max-width:100%;height:auto;display:block}
.prolist-bottom{padding:20px 0 30px;line-height:1.8;font-size:var(--fontsize14);color:#555}
.prolist-bottom .kche-wrap-width,.prolist-bottom .kche-wrap-width1,.prolist-content .kche-wrap-width{width:100%;max-width:100%}
/* kche 图文介绍 */
.kche-t53{margin:20px 0}
.kche-t53-title{font-size:var(--fontsize20);font-weight:var(--fontbold5);margin-bottom:15px}
.kche-t53-text{font-size:var(--fontsize14);line-height:1.8;color:#555}
.kche-t114{margin:30px 0}
.kche-t114-content{display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px}
.kche-t114-img{flex:0 0 45%;max-width:700px}
.kche-t114-img img{width:100%;height:auto}
.kche-t114-info{flex:1;min-width:280px}
.kche-t114-title{font-size:var(--fontsize20);font-weight:var(--fontbold5);color:var(--color);margin:15px 0}
.kche-t114-des p{margin-bottom:12px;line-height:1.8}
.kche-t203{margin:30px 0}
.kche-t203-title h5{font-size:var(--fontsize22);font-weight:var(--fontbold5);margin:0 0 10px}
.kche-t203-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.kche-t203-item{flex:0 0 calc(50% - 10px);box-sizing:border-box;padding:15px;border:1px solid #eee;position:relative}
.kche-t203-tit p{font-weight:var(--fontbold5);font-size:var(--fontsize16);margin:0 0 8px}
.kche-t203-text p{font-size:var(--fontsize14);color:#666;line-height:1.7;margin:0}
.kche-t212-line{height:2px;margin:20px 0}
.kche-faq-item{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}
.kche-faq-tit p{font-weight:var(--fontbold5);margin:0 0 8px}
.kche-faq-box p{font-size:var(--fontsize14);color:#666;line-height:1.7;margin:0}
.product-list-1{margin-bottom:20px}
.pro-list-1{display:flex;flex-wrap:wrap;gap:20px;padding:0}
.pro-list-1 li{width:calc(25% - 15px);background:#fff;border:1px solid #eee;overflow:hidden;transition:all .3s}
.pro-list-1 li:hover{box-shadow:0 2px 10px rgba(0,0,0,.1);border-color:#ccc}
.product-item-img{overflow:hidden;aspect-ratio:1}
.product-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pro-list-1 li:hover .product-item-img img{transform:scale(1.05)}
.product-item-content{padding:10px 15px}
.product-item-content-title{font-size:var(--fontsize14);font-weight:var(--fontbold5)}
.product-item-content-title a{color:var(--fontcolor)}
.product-item-content-title a:hover{color:var(--color)}
.product-item-content-title span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-price{font-size:var(--fontsize13);color:#999;margin-top:5px}

.compare-action{display:flex;align-items:center;gap:8px;padding:8px 15px;border-top:1px solid #f5f5f5;font-size:var(--fontsize12)}
.compare-action-check{display:none}
.checkLabel{cursor:pointer;color:#999;font-size:var(--fontsize14)}
.checkLabel:hover{color:var(--color)}
.compare-action span{color:#999}

.product-pages{padding:20px 0;text-align:center;font-size:var(--fontsize14)}
.product-pages a,.product-pages span{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #ddd;color:#333;text-decoration:none}
.product-pages a:hover{background:var(--color);color:#fff;border-color:var(--color)}
.product-pages span.ctxt{background:var(--color);color:#fff;border-color:var(--color)}

/* 产品详情 */
.product-main .product-container .product-main .product-detail{width:100%}
.product-main .product-container .product-main .product-detail .product-top{display:flex;width:100%;min-height:380px}
.product-main .product-container .product-main .product-detail .product-top .product-left{position:relative;width:500px;height:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img{background:#fff;position:relative;width:100%;height:400px;border:1px solid #e0e0e0}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img img{height:100%;object-fit:contain;width:100%;display:block;max-width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img:hover{cursor:zoom-in}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;border:1px solid #AAA;box-sizing:border-box;background:rgba(0,0,0,.2)}

/* 缩略图轮播 */
.product-mobile-swiper{margin-top:20px;position:relative;padding:0 40px}
.product-mobile-swiper .swiper-wrapper{align-items:center}
.product-mobile-swiper .swiper-slide.product-thumb-img{width:80px!important;max-width:80px;height:80px;margin:0 5px;flex-shrink:0}
.product-thumb-list{display:flex;align-items:center;width:100%;justify-content:flex-start;list-style:none;padding:0;margin:0}
.product-thumb-img{width:80px;height:80px;margin:0 10px;border:1px solid #eee;flex-shrink:0;cursor:pointer;overflow:hidden}
.product-thumb-img img{width:100%;height:100%;object-fit:contain}
.product-thumb-img:hover{border-color:#000}
.product-thumb-img.active{border-color:var(--color)}
.product-mobile-swiper .fa-angle-left,
.product-mobile-swiper .fa-angle-right{position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;width:30px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;color:#999;transition:color .3s}
.product-mobile-swiper .fa-angle-left{left:0}
.product-mobile-swiper .fa-angle-right{right:0}
.product-mobile-swiper .fa-angle-left:hover,
.product-mobile-swiper .fa-angle-right:hover{color:var(--color)}
.product-mobile-swiper .banner-page{display:none}
.product-mobile-swiper .swiper-pagination{display:none}

/* 产品右侧信息 */
.product-main .product-container .product-main .product-detail .product-top .product-right{padding-left:20px;flex:1}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content{width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info{padding-left:20px;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-name{font-size:var(--fontsize24);font-weight:var(--fontbold5);color:var(--fontcolor);margin:0 0 15px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-text{font-size:var(--fontsize14);color:var(--introcolor);line-height:1.8;margin-bottom:15px}

/* Send Inquiry 按钮 */
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{margin:10px 0;display:flex;flex-wrap:wrap;align-items:center}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn{transition:.5s all ease;display:flex;text-align:center;justify-content:center;align-items:center;height:50px;color:var(--fontcolor);margin:10px 0;cursor:pointer}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a{border:1px solid #E5E5E5;width:200px;height:50px;line-height:50px;transition:.3s all ease-out;display:inline-block;position:relative;overflow:hidden;z-index:9}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;background:var(--color);transform-origin:0 50%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a i,
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a span{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover{color:#fff}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover span,
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover i{color:#fff}

.sendtoinquiry{position:relative;overflow:hidden}
.sendtoinquiry::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;background:var(--color);transform-origin:0 50%}
.sendtoinquiry:hover::after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.sendtoinquiry:hover{color:#fff}
.sendtoinquiry span,.sendtoinquiry i{position:relative;z-index:14}

.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .share-btn-list{margin:10px 15px}

/* 产品详情列表 */
.product-main .product-container .product-main .product-detail .product-detail-list{margin-top:20px}
.product-main .product-container .product-main .product-detail .product-detail-list li{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title{padding:15px 0}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title h5,
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title .h5{display:inline;padding-bottom:3px;font-size:var(--fontsize18);font-weight:var(--fontbold5);border-bottom:2px solid var(--color)}

/* Description区域 */
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content{line-height:1.8;font-size:var(--fontsize15);color:#555}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text{font-size:var(--fontsize14);color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-content .product-text img{max-width:100%;height:auto;display:inline-block}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text table{width:100%;border-collapse:collapse;margin:15px 0}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text table td,
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text table th{border:1px solid #ddd;padding:8px 12px}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-name{font-size:var(--fontsize16);color:var(--fontcolor)}

/* pages-list 上下篇导航 */
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list{padding:0 10px;height:40px;width:100%;background:#f8f8f8;display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list span{color:var(--color);font-weight:bold}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list div{font-size:var(--fontsize14)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list a{color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list a:hover{color:var(--color)}

/* Tags */
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags{margin:10px 0;font-size:var(--fontsize14);line-height:1.7;color:#666}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags a{text-decoration:underline;color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags a:hover{color:var(--color)}

/* 相关产品 */
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product{margin-top:10px}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul{margin-top:10px;padding:0 20px;width:100%;display:flex;flex-wrap:wrap}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li{width:15.6%;margin:.5%;box-sizing:border-box;transition:.5s all ease;text-align:center}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li:hover p{color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li p{margin-top:10px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize12)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li img{width:100%;aspect-ratio:1;object-fit:cover}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li a{color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li:hover a{color:var(--color)}

/* Send Inquiry区域 */
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry .feedback-inquiry-title{display:inline;padding-bottom:3px;font-size:var(--fontsize18);font-weight:var(--fontbold5);border-bottom:2px solid var(--color);line-height:50px}

/* kche内容模板标题样式 */
.kche-wrap-width1{width:100%;max-width:100%}
.kche-t73{margin:20px 0}
.kche-border-theme{border:1px solid var(--color)}
.kche-color-theme{color:var(--color)}
.kche-bg-theme{background:var(--color)}
.kche-template-title{padding:10px 20px}
.kche-template-title h2{color:#fff;font-size:var(--fontsize20);font-weight:var(--fontbold5);margin:0}

/* 保留通用样式 */
.product-inquiry{display:inline-block;padding:10px 25px;background:var(--color);color:#fff;border-radius:4px;text-decoration:none;margin-top:10px}
.product-inquiry:hover{background:#0a0a50;color:#fff}

.feedback-inquiry-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);padding:10px 0;border-bottom:2px solid var(--color);margin:20px 0}

/* ==================== NEWS 新闻列表/详情页 ==================== */
.news-main{width:100%}
.news-container{display:flex;padding:30px 125px;gap:30px}
.news-left{width:250px;min-width:250px;flex-shrink:0}
.news-left-ab{background:#fff;margin-bottom:20px}
.news-left-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#fff}
.news-left-ab ul{padding:10px}
.news-left-ab ul li{padding:15px 0;border-bottom:1px solid #eee;display:flex;gap:10px}
.news-left-ab ul li:last-child{border-bottom:none}
.news-left-item-info{flex:1}
.news-left-item-info p{font-size:var(--fontsize13);line-height:1.5;margin-bottom:5px}
.news-left-item-info p:first-child a{color:var(--fontcolor);font-weight:var(--fontbold5)}
.news-left-item-info p:first-child a:hover{color:var(--color)}
.news-left-item-info p:last-child{color:#999;font-size:var(--fontsize12)}
.news-left-item-img{width:80px;min-width:80px;height:60px;overflow:hidden}
.news-left-item-img img{width:100%;height:100%;object-fit:cover}

.news-left-cu{background:#fff;margin-bottom:20px;padding:15px}
.news-left-cu ul{padding:0}
.news-left-cu li{font-size:var(--fontsize12);line-height:2;color:#666}
.news-left-cu li i{margin-right:8px;color:var(--color)}
.news-left-cu li a{color:#666}

/* 新闻列表主区域 */
.news-container .news-main{flex:1;min-width:0}
.news-container .news-main ul{padding:0}
.news-line{padding:20px;border-bottom:1px solid #eee;transition:all .2s}
.news-line:hover{background:#fafafa}
.news-line a{display:block;color:inherit;text-decoration:none}
.news-item-top{display:flex;align-items:center;margin-bottom:8px}
.news-item-title{font-size:var(--fontsize16);font-weight:var(--fontbold5);color:var(--fontcolor);flex:1;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.news-item-date{font-size:var(--fontsize13);color:#999;white-space:nowrap;margin-left:20px}
.news-item-content{font-size:var(--fontsize14);color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.news-pages{padding:20px 0;text-align:center;font-size:var(--fontsize14)}
.news-pages a,.news-pages span{display:inline-block;padding:6px 12px;margin:0 2px;border:1px solid #ddd;color:#333;text-decoration:none}
.news-pages a:hover{background:var(--color);color:#fff;border-color:var(--color)}
.news-pages span.ctxt{background:var(--color);color:#fff;border-color:var(--color)}

/* 新闻详情 */
.news-detail-main{flex:1;min-width:0}
.news-detail-top{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
.news-detail-title{font-size:var(--fontsize22);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.5;margin-bottom:10px}
.news-detail-info{display:flex;gap:20px;font-size:var(--fontsize13);color:#999}
.news-detail-date{margin:0}
.news-detail-main article{line-height:1.8;font-size:var(--fontsize15);color:#555}
.news-detail-main article img{max-width:100%;height:auto}
.news-detail-main article h1,.news-detail-main article h2{margin:20px 0 10px;color:var(--fontcolor)}

/* ==================== 留言表单 ==================== */
.form-horizontal{margin-top:20px}
.form-horizontal .form-group{margin-bottom:15px}
.form-horizontal label{font-weight:normal;font-size:var(--fontsize14);color:#555}
.form-horizontal .form-control{border-radius:4px;border:1px solid #ddd;padding:10px 12px}
.form-horizontal textarea.form-control{min-height:100px}
.feedback_form .btn-submit{background:var(--color);color:#fff;border:none;border-radius:8px;padding:12px 30px;font-weight:bold;cursor:pointer}
.feedback_form .btn-submit:hover{background:#0a0a50}
.feedback_form .btn-reset{background:#E8E8E8;color:#333;border:none;border-radius:8px;padding:12px 30px;cursor:pointer}
.feedback_form .btn-reset:hover{background:#ccc}
.feedback_form .checkcode{height:34px;margin-left:5px;cursor:pointer}

/* 分页样式 */
.pagebar{padding:15px 0;overflow:hidden;clear:both;text-align:center}
.pagination{display:inline-flex;align-items:center;gap:3px}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:12px;padding:8px 12px;border-radius:4px;text-decoration:none}
.pagination a:hover{border-color:#333;color:#333}
.pagination .page-num-current{background:var(--color);color:#fff;border:1px solid var(--color);padding:8px 12px;border-radius:4px}
.pagination .st{font-family:宋体}
.text-secondary{text-align:center;padding:20px 0;color:#999}

/* 友情链接 */
.link_box{background:#444;padding:10px 0;text-align:center;color:#E9E9EA;font-size:13px}
.link_box a{color:#E9E9EA;border-right:1px solid #BBB;padding:0 10px;text-decoration:none}
.link_box a:hover{color:var(--color)}
.link_box a:last-child{border-right:0}

/* ==================== PC端大屏响应式 ==================== */
@media(min-width:1024px){body{padding-top:147px}}
@media(min-width:1280px) and (max-width:1440px){
  header .header-nav .header-nav-list ul li a{font-size:var(--fontsize14)}
  footer .search-container{padding:0 50px}
  footer .search-container .search-container-left{font-size:var(--fontsize14)}
  footer .search-container .search-btn{width:100px}
}
@media(min-width:961px) and (max-width:1279px){
  header .header-nav{padding:0 80px}
  header .header-nav .header-nav-list ul li{padding:0 8px}
  header .header-nav .header-nav-list ul li a{font-size:var(--fontsize13);transform:none}
  header .header-nav .header-nav-logo{width:180px}
  header .header-nav .header-nav-logo img{max-width:150px}
}

/* ==================== 平板响应式 ==================== */
@media(max-width:1280px){
  footer .contact-container .contact-navigation{width:300px}
  footer .contact-container .contact-us{margin-top:20px;max-width:400px}
  footer .contact-container .contact-qr-code{margin-top:20px;width:300px}
  footer .search-container{padding:0 50px}
  footer .search-container .search-container-left{font-size:var(--fontsize14)}
  footer .search-container .search-btn{width:100px}
  .index-main .news-container .news-list .news-item{width:400px}
  .index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}
}

@media(max-width:1024px){
  .wmpage152-page3 .inner{padding:25px 50px}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item{width:48%}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item:nth-child(-n+2){margin-bottom:30px}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{font-size:45px}
}

/* ==================== 移动端响应式 <=960px ==================== */
@media(max-width:960px){
  header .header-info .work-hours{display:none}
  header .header-nav{padding:0 .3333rem;height:88px;position:relative}
  header .header-nav .header-nav-list{display:none;position:absolute;top:88px;left:0;width:100%}
  header .header-nav .header-nav-list ul{background:#fff;flex-direction:column;margin-right:0}
  header .header-nav .header-nav-list ul li{position:relative;line-height:48px!important;border-bottom:1px #ccc solid;text-align:left;background:#fff;padding:0}
  header .header-nav .header-nav-list ul li a{color:#000;font-size:var(--fontsize16);font-weight:normal;opacity:1}
  header .header-nav .header-nav-list ul li a .fa-angle-down{display:none}
  header .header-nav .header-nav-list ul li .inmenu_1{color:#0e0f6b}
  header .header-nav .header-nav-list ul li a:hover{color:#0e0f6b}
  header .header-nav .header-nav-list ul li .submenu{height:auto;width:100%;top:0!important;left:0;position:relative;margin-bottom:10px;display:none}
  header .header-nav .header-nav-list ul li .submenu li{width:100%;display:block;border-bottom:none;font-size:var(--fontsize14);color:#000;background:#fff;-webkit-box-orient:horizontal!important}
  header .header-nav .header-nav-list ul li .submenu li a{font-size:var(--fontsize14);color:#000;font-weight:normal;opacity:1}
  header .header-nav .header-nav-logo{flex:1}
  header .header-nav .header-nav-logo img{max-height:60px}
  header .header-nav .nav-btn{display:block}
  #liinquiry a{background:transparent;color:#000;border-radius:0;padding:0;height:auto;line-height:inherit}
  footer .search-container .search-container-left{color:#fff;font-size:var(--fontsize12);font-weight:var(--fontbold5)}
  footer .search-container .search-input{width:250px}
}

/* ==================== 移动端 <=768px ==================== */
@media(max-width:768px){
  header .header-info,.index-header .header-info{padding:0 .4rem}
  header .header-info .work-hours,.index-header .header-info .work-hours{display:none}
  header .header-info .telephone,.index-header .header-info .telephone{font-size:.2667rem}
  header .header-info .mail,.index-header .header-info .mail{margin-left:.2667rem;font-size:.2667rem}
  header .header-info .nav-right,.index-header .header-info .nav-right{display:none}
  header .header-nav{height:55px}
  header .header-nav .header-nav-list{top:55px;max-height:100vh;overflow-y:scroll}
  header .header-nav .header-nav-logo{width:3.333333rem}
  header .header-nav .header-nav-logo a{font-size:var(--fontsize16)}
  header .header-nav .header-nav-logo img{width:80%}

  .index-main{top:-55px}
  .index-main .swiper-container{margin-top:2.49rem}
  .index-main .swiper-button-prev,.index-main .swiper-container-rtl .swiper-button-next,
  .index-main .swiper-button-next,.index-main .swiper-container-rtl .swiper-button-prev{display:none}
  .index-main .more-btn{display:flex;justify-content:center;align-items:center;width:8.9rem;height:1rem;margin:0 auto;background:var(--color)}
  .index-main .more-btn a{padding:0;line-height:.2133rem;font-size:.2133rem;border:none;color:#fff}
  .index-main .more-btn a i{margin-left:.0667rem;font-size:var(--fontsize14);color:#fff}
  .index-main .more-btn a:after{display:none}
  .index-main .content-wrap .content-title{width:100%;font-size:var(--fontsize22);font-weight:var(--fontbold5);color:var(--fontcolor)}
  .index-main .content-wrap .content-introduce{margin-top:.133333rem;width:100%;padding:0 10px;font-size:var(--fontsize14);color:var(--introcolor)}

  .wmpage152-page3 .inner{padding:25px .4rem}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item{padding:10px;width:48%}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{font-size:24px}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-icon em{font-size:32px}
  .wmpage152-page3-title span{font-size:var(--fontsize18);line-height:1.3}

  .index-main .newproducts-container{margin:30px auto 50px}
  .index-main .newproducts-container .newproducts-list{padding:0 .4rem;margin-top:.6667rem;flex-wrap:wrap;justify-content:space-between}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item{overflow:visible;width:4.2rem;max-height:4.2rem}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item a{display:flex;height:100%;justify-content:center}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content{background-color:transparent;display:block}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title{margin:0;padding:0;position:absolute;bottom:-.6667rem;left:.5rem;display:block;z-index:9999;font-size:var(--fontsize14);font-weight:var(--fontbold5);color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title a{color:var(--fontcolor)}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-text{display:none}
  .index-main .newproducts-container .newproducts-list .newproducts-list-item:hover>a>img{transform:scale(1)}

  .index-main .statistics-container{min-height:400px}
  .index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-title{margin:.5rem 0;height:.1rem;line-height:.5rem;font-size:.5rem;font-weight:var(--fontbold3);color:#fff}
  .index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-text{margin:0 0 20px;font-size:.35rem;font-weight:var(--fontbold5);color:#fff}
  .index-main .statistics-container .statistics-wrap .statistics-list{margin:0;padding:0;width:100%;height:auto;flex-wrap:wrap}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item{display:flex;justify-content:center;align-items:center;flex-direction:column;width:40%}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-content{font-size:var(--fontsize14);color:#fff}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item div:nth-child(1){width:60px;height:60px;transform:scale(.8);background:url(../images/index-sprite.webp) no-repeat;background-size:560px 420px}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .team-icon{background-position:-395px -12px!important}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .patent-icon{background-position:-490px -12px!important}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .praise-icon{background-position:-580px -12px!important}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .medal-icon{background-position:-678px -12px!important}
  .index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress{width:60%}

  .index-main .news-container{padding:0 .4rem;margin:30px auto 0}
  .index-main .news-container .news-list .news-item{margin-top:.6667rem;width:9.1rem}
  .index-main .news-container .news-list .news-item .news-title{height:auto;line-height:1.4;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5)}
  .index-main .news-container .news-list .news-item:hover{cursor:pointer;box-shadow:none;transform:translateY(0)}

  footer .search-container{height:1.5rem;padding:0 .57rem}
  footer .search-container .search-container-left{display:none}
  footer .search-container .search-input{margin-left:0;width:6.8267rem;height:.9333rem}
  footer .search-container .search-input input{border-radius:.6667rem}
  footer .search-container .search-input .search-btn{margin-left:.1333rem;height:.9333rem;border-radius:.5333rem;font-size:var(--fontsize16)}
  footer .search-container .search-input .fa-chevron-up{display:none}
  footer .contact-container{padding:.4rem;display:block}
  footer .contact-container .contact-logo-btns img{display:none}
  footer .contact-container .contact-logo-btns .contact-content{display:none}
  footer .contact-container .contact-qr-code{display:none}
  footer .contact-container .contact-navigation{width:100%;margin-bottom:20px}
  footer .contact-container .contact-us{margin:0 0 .2667rem;padding-bottom:.2667rem;padding-top:0}
  footer .contact-container .contact-us ul li{font-weight:var(--fontbold3);color:#000}
  footer .mobile-bottom{z-index:500;background:#fcfcfcfb;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:1px 2px 10px rgba(0,0,0,.2)}
  footer .mobile-bottom .mobile-bottom-item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:25%;height:55px;font-size:var(--fontsize12)}
  footer .mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;width:100%;height:100%;color:#000}
  footer .mobile-bottom .mobile-bottom-item i{font-size:var(--fontsize20);line-height:1}
  footer .bottom-container{text-align:center;height:1.5rem;font-size:var(--fontsize14);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  footer .bottom-container span{color:#000}

  /* 内页移动端适配 */
  .inner-banner{height:150px}
  .breadcrumbs-nav{padding:10px 15px}
  .breadcrumbs-text{font-size:var(--fontsize18)}
  .abouts-container,.product-container,.news-container{flex-direction:column;padding:15px}
  .abouts-left,.product-left,.news-left{width:100%;order:2}
  .abouts-main .abouts-main,.product-container .product-main,.news-container .news-main{order:1}
  /* 产品详情移动端适配 */
  .product-main .product-container .product-main .product-detail .product-top{flex-direction:column}
  .product-main .product-container .product-main .product-detail .product-top .product-left{width:100%}
  .product-main .product-container .product-main .product-detail .product-top .product-left .product-img{height:300px}
  .product-main .product-container .product-main .product-detail .product-top .product-right{padding-left:0;margin-top:20px}
  .product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{width:100%}
  .product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a{width:100%}
  .product-mobile-swiper .banner-page{display:inline-block;font-size:14px}
  .product-mobile-swiper .swiper-pagination{display:block}
  .product-mobile-swiper .fa-angle-left,
  .product-mobile-swiper .fa-angle-right{display:none}
  .pro-list-1 li{width:calc(50% - 10px)}
  .pro-list ul li{width:calc(33.33% - 10px)}
}

/* ==================== 极小屏幕 <=550px ==================== */
@media(max-width:550px){
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item{width:100%}
  .wmpage152-page3 .wmpage152-page3-list .wmpage152-page3-item .wmpage152-page3-num{font-size:32px;margin-bottom:5px}
  .wmpage152-page3-title span{font-size:var(--fontsize18);line-height:1.3}
  .pro-list-1 li{width:100%}
  .pro-list ul li{width:calc(50% - 8px)}
  .content-title{font-size:24px}
}

@media(max-width:767px){.copyright_p{display:none}}
