/*Theme Name:DouPHP 默认模板Theme URI:http://demo.douphp.com/Description:DouPHP 默认模板Version:1.0Author:DouCo Co., Ltd. Co., Ltd.Author URI:https://www.douphp.com/*//* 初始化----------------------------------------------- */body{font-family:Assistant, sans-serif, Arial, Lucida, Verdana, Helvetica, Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53;color:#777;background-color:#FFF}
body, button, input, textarea{font-size:14px;line-height:1.531;outline:none;margin:0;padding:0;border:0}
a{color:#555}
a:hover{color:#555;text-decoration:none}
p, ul, ol, dl, dt, dd, form, blockquote{margin:0;padding:0}
ul, ol{list-style:none}
h1, h2, h3, h4, h5, h6{font-size:14px;margin:0;padding:0}
input, select{font-family:Microsoft Yahei;vertical-align:middle;box-sizing:border-box}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset !important;background-color:transparent;background-image:none;transition:background-color 50000s ease-in-out 0s}
em, b, i{font-style:normal;font-weight:normal}
img{vertical-align:middle;border:0}
label{cursor:pointer}
/* 主体框架----------------------------------------------- */#wrapper .mb{margin-bottom:50px}
@media (min-width:1200px) {
	.container{max-width:1180px}
}
/* 头部导航----------------------------------------------- */
#header{position:sticky;top:0;z-index:1030}
/* -- navbar -- */#header .navbar{z-index:1000;border-bottom:1px solid #EEE;background-color:#FFF}
#header .navbar.fix{position:fixed;top:0;right:0;left:0;z-index:1030}
@media (min-width:992px) {
	#header .navbar{padding:17px 0}
}
#header .navbar .logo{}
#header .navbar .logo img{display:block;height:50px}
#header .navbar .navbar-brand{max-width:70%;overflow:hidden}
@media (min-width:992px) {
	#header .navbar .navbar-brand{padding:0}
}
#header .navbar .menu{background-color:transparent}
#header .navbar .navbar-action .icon{font-size:18px;padding:0 8px;color:#777}
/* -- main-nav -- */#header .main-nav .dropdown-menu{padding:0;margin:0;min-width:100%;font-size:14px;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0;border-radius:0}
@media (min-width:992px) {
	/* LEVEL ONE */ #header .main-nav .nav-item{padding:15px 0}
	#header .main-nav .nav-item .nav-link{display:block;padding:0 20px;color:#666;text-decoration:none}
	#header .main-nav .nav-item.dropdown .nav-link::after{border:0;font:normal normal normal 12px / 1 FontAwesome;content:"\f107";margin-left:5px;vertical-align:middle}
	#header .main-nav .nav-item:hover .nav-link::after, #header .main-nav .active .nav-link::after{transform:rotate(-180deg);transition:transform 0.1s ease}
	#header .main-nav .nav-item:hover .nav-link, #header .main-nav .active .nav-link{text-decoration:underline;text-underline-offset:.3rem}
	/* LEVEL TWO */ #header .main-nav .dropdown:hover > .dropdown-menu{display:block;border:1px solid #EEE;padding:10px}
	#header .main-nav .dropdown-menu .dropdown-item{font-size:14px;padding:7px 10px;color:#666}
	#header .main-nav .dropdown-menu .dropdown-item:hover{text-decoration:underline;background-color:transparent}
	/* LEVEL THREE */ #header .main-nav .dropdown-menu .dropdown-menu{left:100%;top:0;min-width:98px;_width:98px}
	#header .main-nav .dropdown-submenu:hover > .dropdown-menu{display:block}
	#header .main-nav .dropdown-menu .dropdown-toggle::after{position:absolute;right:10px;top:13px;vertical-align:0;border-right:0;border-top:.2em solid transparent;border-left:.3em solid;border-bottom:.2em solid transparent}
}
@media (max-width:992px) {
	#header .main-nav .dropdown-toggle::after{position:absolute;right:10px;top:23px}
	#header .main-nav .dropdown-menu{padding-left:15px}
	#header .main-nav .dropdown-menu .dropdown-item{position:relative}
	#header .main-nav .dropdown-item, #header .main-nav .nav-link{border-bottom:1px solid #EEE;padding:0.8rem 0;background-color:transparent}
	#header .main-nav .dropdown-menu .dropdown-item:active{color:#555;background-color:#FFF}
}
/* -- action-btn -- */#header .action-btn a{font-size:18px;margin-left:15px;color:#555}
#header .action-btn .msg-icon{position:relative;display:inline-block}
#header .action-btn .msg-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;line-height:18px;padding:0 5px;background:#e3393c;color:#FFF;font-size:10px;font-weight:700;border-radius:9px;text-align:center;box-sizing:border-box}
/* -- record-fab 我的记录浮动按钮（手机端右下角） -- */.record-fab{display:none;position:fixed;right:12px;bottom:24px;z-index:999999;width:44px;height:44px;text-align:center;line-height:44px;border-radius:50%;background-color:#0072C6;color:#FFF;font-size:18px;box-shadow:0 2px 9px 0 rgba(0,0,0,0.2)}
.record-fab .msg-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;line-height:18px;padding:0 5px;background:#e3393c;color:#FFF;font-size:10px;font-weight:700;border-radius:9px;text-align:center;box-sizing:border-box}
@media (max-width:992px){.record-fab{display:block}}
/* -- search-popup -- */#header .search-popup{display:none}
#header .search-popup .form-box{position:fixed;width:100%;height:87px;background:#FFF;z-index:1001;top:0;left:0;display:flex;justify-content:center;align-items:center}
#header .search-popup .form-box .form-mini{width:600px}
@media(max-width:992px) {
	#header .search-popup .form-box .form-mini{width:240px}
}
#header .search-popup .form-box i{width:20px;margin-left:20px;font-size:22px;cursor:pointer;color:#999}
#header .search-popup .popup-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0, 0, 0, .5);z-index:1000;top:0;left:0}
/* 首页样式----------------------------------------------- *//* -- slideShow -- */.slide-show{position:relative}
.slide-show .swiper-container{position:static}
.slide-show .swiper-button-next.swiper-button-disabled, .slide-show .swiper-button-prev.swiper-button-disabled{pointer-events:all}
.slide-show .swiper-slide a{display:block;background-color:#DDDDDD;height:500px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.slide-show .swiper-button-prev{left:50px}
.slide-show .swiper-button-next{right:50px}
.slide-show .swiper-button-prev, .slide-show .swiper-button-next{display:none;color:#FFF}
.slide-show:hover .swiper-button-prev, .slide-show:hover .swiper-button-next{display:block}
@media (max-width:992px) {
	.slide-show .swiper-slide a{height:200px}
}
.swiper-pagination-bullet{background-color:transparent;opacity:1;margin:0 6px !important;width:60px;height:3px;border-radius:0;outline:none;background-color:#ccc}
.swiper-pagination-bullet span{display:block;width:60px;height:3px;background-color:#ccc}
.swiper-pagination-bullet i{display:block;background-color:#000;height:3px;width:60px;transform:scaleX(0);transform-origin:left;transition-timing-function:linear}
.swiper-pagination-bullet-active i{animation:middle 20s forwards}
@keyframes middle {
	0%{transform:scaleX(0);left:0}
	100%{transform:scaleX(1);left:0}
}
/* -- index-box -- */#index .index-box{padding:40px 0;zoom:1;overflow:hidden}
@media (max-width:992px) {
	#index .index-box{padding:50px 0}
}
#index .index-box.bg{background-color:#F5F5F5}
#index .index-box h3{text-align:center;margin-bottom:50px}
#index .index-box h3 b{display:block;color:#333;font-size:30px;margin-bottom:20px}
#index .index-box h3 em{display:block;margin-top:8px;color:#999}
#index .index-box h4{color:#333;margin-bottom:30px;font-size:23px}
#index .index-box .more{text-align:center}
#index .index-box .more a{display:inline-block;padding:5px 30px;border:1px solid #DDD;color:#19B4EA}
#index .index-box .more a:hover{border:1px solid #19B4EA;background-color:#19B4EA;color:#FFF}
/* -- recProduct -- */#index .product-list{margin-bottom:25px}
#index .product-list .row{margin-left:-9px;margin-right:-9px}
#index .product-list .col-md-3, #index .product-list .col-md-4, #index .product-list .col-md-8, #index .product-list .col-6, #index .product-list .col-12{padding-left:9px;padding-right:9px}
@media(min-width:992px) {
	#index .product-list .col-md-8{-ms-flex:0 0 70%;flex:0 0 68.4%;max-width:68.4%}
	#index .product-list .col-md-4{-ms-flex:0 0 30%;flex:0 0 31.6%;max-width:31.6%}
}
#index .product-list .item{margin-bottom:15px}
#index .product-list .item .img{border:1px solid #EEE;overflow:hidden}
#index .product-list .item .img img{width:100%;display:block;transition:transform .3s ease}
#index .product-list .item:hover .img img{transform:scale(1.08)}
#index .product-list .item .name{margin-top:12px}
#index .product-list .item .price-box{margin-top:5px}
#index .product-list .item .price-box .price{font-size:16px;color:#e4393c}
#index .product-list .item .price-box .price-label{font-size:13px;color:#8a9099}
/* -- link -- */#index .link{padding:10px 0}
#index .link strong{color:#7A7F81;font-weight:bold}
#index .link a{color:#555}
/* page----------------------------------------------- */#page{padding:28px 0;min-height:400px;width:800px;margin:0 auto}
#page h1{color:#333333;font-size:48px}
#page .info{padding:2px 0 20px 0;color:#999999}
#page .content{color:#666;line-height:200%;padding-top:40px}
#page .content img{max-width:100%}
/* product_category----------------------------------------------- */#product-category .product-list{margin-top:35px;margin-bottom:45px}
#product-category .product-list .row{margin-left:-9px;margin-right:-9px}
#product-category .product-list .col-md-3, #product-category .product-list .col-md-4, #product-category .product-list .col-md-8, #product-category .product-list .col-6, #product-category .product-list .col-12{padding-left:9px;padding-right:9px}
#product-category .product-list .col-md-8{-ms-flex:0 0 70%;flex:0 0 68.4%;max-width:68.4%}
#product-category .product-list .col-md-4{-ms-flex:0 0 30%;flex:0 0 31.6%;max-width:31.6%}
#product-category .product-list .item{margin-bottom:15px}
#product-category .product-list .item .img{border:1px solid #EEE;overflow:hidden}
#product-category .product-list .item .img img{width:100%;display:block;transition:transform .3s ease}
#product-category .product-list .item:hover .img img{transform:scale(1.08)}
#product-category .product-list .item .name{margin-top:12px}
#product-category .product-list .item .price-box{margin-top:5px}
#product-category .product-list .item .price-box .price{font-size:16px;color:#e4393c}
#product-category .product-list .item .price-box .price-label{font-size:13px;color:#8a9099}
/* gallery 实力展示 图片比例 4:3，图片填满容器 */
#product-category.gallery-page .product-list .item .img{aspect-ratio:4/3}
#product-category.gallery-page .product-list .item .img img{width:100%;height:100%;object-fit:cover;object-position:center}
/* product----------------------------------------------- */#product{padding:40px 0}
#product .product-img-info{display:flex;gap:30px}
/* -- product-img -- */#product .product-img-info .product-img{width:500px}
@media(max-width:992px) {
	#product .product-img-info{display:block}
	#product .product-img-info .product-img{width:100%}
}
#product .product-img-info .product-img .gallery-top{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
#product .product-img-info .product-img .gallery-top img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
#product .product-img-info .product-img .gallery-thumbs{overflow:hidden;position:relative}
#product .product-img-info .product-img .gallery-thumbs .thumb-list{display:flex;list-style:none;transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:transform}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item{flex:0 0 auto;width:calc(20% - 7.5px);margin-right:10px;cursor:pointer}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
#product .product-img-info .product-img .gallery-thumbs .thumb-list .thumb-item.active img{outline:2px solid #43B5EC;outline-offset:-2px}
#product .product-img-info .product-img .btn-favorites{margin-top:20px}
/* -- jqzoom -- */#product .product-img-info .jqzoom{position:relative;cursor:crosshair}
#product .product-img-info .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden}
#product .product-img-info .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background-color:#FFF;opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(Opacity=30)}
/* -- mobile-image -- */.mobile-image{display:none;position:absolute;left:0;top:0;z-index:2000;background-color:#000}
.mobile-image .close{text-align:right;padding:10px 20px 0 20px;opacity:1}
.mobile-image .close i{color:#000;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background-color:#FFF;border-radius:15px}
.mobile-image img{width:100%;margin-top:10px}
/* -- product-info -- */#product .product-img-info .product-info{flex-grow:1;padding-top:10px;line-height:1.7;color:#555}
#product .product-img-info .product-info h1{font-size:26px;font-weight:600;color:#1a1a1a;line-height:1.45;margin-bottom:16px;letter-spacing:.2px}
#product .product-img-info .product-info ul{margin-bottom:22px;padding:18px 22px;background:#fafbfc;border:1px solid #eef1f5;border-radius:10px}
#product .product-img-info .product-info .product-price{display:flex;align-items:baseline;gap:10px;margin:0}
#product .product-img-info .product-info .product-price .price-label{font-size:13px;color:#8a9099}
#product .product-img-info .product-info .product-price .price{font-family:Arial;font-size:32px;font-weight:700;color:#e4393c;letter-spacing:-.5px}
#product .product-img-info .product-info .product-spec{display:flex;align-items:center;font-size:13px;line-height:1.9;padding-top:2px}
#product .product-img-info .product-info .product-spec .spec-label{color:#8a9099}
#product .product-img-info .product-info .product-spec .spec-value{color:#333;margin-left:2px}
#product .product-img-info .product-info .product-desc{margin:12px 0 0;padding-top:12px;border-top:1px dashed #e3e7ec;max-width:640px}
#product .product-img-info .product-info .product-desc .desc-title{font-size:14px;font-weight:600;color:#333;line-height:1.4;padding-left:10px;border-left:3px solid #43B5EC;margin-bottom:6px}
#product .product-img-info .product-info .product-desc .desc-text{font-size:13px;line-height:180%;color:#7a8089}
#product .product-img-info .product-info .btn-ask a{display:inline-block;padding:5px 25px;background-color:#19B4EA;color:#FFF}
#product .product-img-info .product-info .btn-ask a .fa{margin-right:5px}
/* -- model-list -- */#product .product-img-info .product-info .model-list{zoom:1;overflow:hidden}
#product .product-img-info .product-info .model-list a{display:inline-block;border:1px solid #DDD;margin-right:5px;margin-bottom:5px}
#product .product-img-info .product-info .model-list a.cur{border:1px solid #e3393c}
#product .product-img-info .product-info .model-list a img{width:40px;width:40px}
#product .product-img-info .product-info .model-list a i{margin:0 8px}
/* -- buy-box -- */#product .product-img-info .product-info .buy-box{margin-bottom:40px}
#product .product-img-info .product-info .buy-box .attribute{margin-bottom:25px}
#product .product-img-info .product-info .buy-box .attribute dl{margin-bottom:5px}
#product .product-img-info .product-info .buy-box .attribute dt{font-weight:normal}
/* -- quantity -- */#product .product-img-info .product-info .buy-box .quantity{display:flex;align-items:center;gap:14px;margin-bottom:22px}
#product .product-img-info .product-info .buy-box .quantity .name{font-size:13px;color:#8a9099;flex:none}
#product .product-img-info .product-info .buy-box .quantity .number-box{display:inline-flex;align-items:center;background:#FFF;border:1px solid #dfe3e8;border-radius:6px;height:42px;line-height:42px;width:auto;overflow:hidden}
#product .product-img-info .product-info .buy-box .quantity .number-box span{width:38px;text-align:center;cursor:pointer;border:0;background:#f7f8fa;color:#555;font-size:15px;line-height:42px;transition:.2s;-webkit-user-select:none;user-select:none}
#product .product-img-info .product-info .buy-box .quantity .number-box span:hover{background:#43B5EC;color:#FFF}
#product .product-img-info .product-info .buy-box .quantity .number-box .inp{width:72px;height:40px;border:0;border-left:1px solid #eef1f5;border-right:1px solid #eef1f5;text-align:center;font-size:14px;color:#333;background:#FFF}
#product .product-img-info .product-info .buy-box .actions{display:flex;gap:12px;margin-top:6px}
#product .product-img-info .product-info .buy-box .actions button{flex:1;height:48px;line-height:46px;border-radius:6px;font-size:15px;cursor:pointer;border:0;transition:.2s;outline:none}
#product .product-img-info .product-info .buy-box .add-to-cart{background:#43B5EC;color:#FFF}
#product .product-img-info .product-info .buy-box .add-to-cart:hover{background:#2fa6df}
#product .product-img-info .product-info .buy-box .actions .buy-now{background:#FFF;color:#333;border:1px solid #333;box-sizing:border-box}
#product .product-img-info .product-info .buy-box .actions .buy-now:hover{background:#333;border-color:#333;color:#FFF}
/* -- attribute-list -- */#product .product-img-info .product-info .attribute-list{margin-bottom:18px}
#product .product-img-info .product-info .attribute-list dl{margin-bottom:14px}
#product .product-img-info .product-info .attribute-list dt{font-size:13px;color:#8a9099;font-weight:normal;margin-bottom:8px}
#product .product-img-info .product-info .attribute-list .radio-box input[type="radio"]{display:none}
#product .product-img-info .product-info .attribute-list .radio-box span{display:inline-block;outline:none;border:1px solid #e2e6eb;border-radius:6px;min-width:50px;text-align:center;cursor:pointer;background:#FFF;transition:.2s;font-size:13px;color:#333}
#product .product-img-info .product-info .attribute-list .radio-box span:hover{border-color:#43B5EC}
#product .product-img-info .product-info .attribute-list .radio-box input[type="radio"]:checked + span{border-color:#43B5EC;background:#eef8fe;color:#1a8fc9;box-shadow:inset 0 0 0 1px #43B5EC}
#product .product-img-info .product-info .attribute-list .radio-box span i{display:inline-block;margin:4px}
#product .product-img-info .product-info .attribute-list .radio-box span i img{width:30px;height:30px;border-radius:4px;vertical-align:middle}
#product .product-img-info .product-info .attribute-list .radio-box span em{display:inline-block;padding:0 14px;line-height:36px;vertical-align:middle}
/* -- product-content -- */#product .product-content{padding:15px 0}
#product .product-content h3{padding:30px 0 10px 0;color:#333;font-weight:bold;font-size:16px;border-bottom:1px solid #CBD1D3}
#product .product-content ul{padding:15px 0;color:#666;line-height:200%}
#product .product-content img{max-width:100%}
/* article-category----------------------------------------------- */#article-category .article-list{margin-top:20px}
#article-category .article-list .item{margin-bottom:30px}
#article-category .article-list .item.first{text-align:center}
#article-category .article-list .item .img{border:1px solid #EEE}
#article-category .article-list .item .img img{width:100%}
#article-category .article-list .item .title{margin-top:12px;font-size:22px;color:#333}
#article-category .article-list .item .time{margin-top:6px;font-size:12px}
#article-category .article-list .item .desc{margin-top:12px;color:#999}
/* article----------------------------------------------- */#article{padding:28px 0;min-height:400px;width:800px;margin:0 auto}
#article h1{color:#333333;font-size:48px}
#article .info{padding:2px 0 20px 0;color:#999999}
#article .content{color:#666;line-height:200%;padding-top:40px}
#article .content img{max-width:100%}
/* search----------------------------------------------- */#search-list dl{border-bottom:1px dotted #D1D1D1;padding:20px 0;zoom:1;overflow:hidden;position:relative}
#search-list dl.last{border-bottom:0}
#search-list dt{margin-bottom:10px;font-size:16px}
#search-list dt b{color:#CC0000;font-weight:bold}
#search-list dd{color:#999999;line-height:180%;zoom:1;overflow:hidden;padding-right:90px}
#search-list dd p.img{width:80px;float:left}
#search-list dd p.img img{width:100%}
#search-list dd p.desc b{color:#CC0000}
#search-list dd.have-img p.desc{margin-left:90px;margin-right:80px}
#search-list .date{position:absolute;right:0;top:20px;text-align:right}
@media (max-width:768px) {
	#search-list dd.have-img p.desc{margin-right:60px}
}
#search-list .date em{display:block;color:#555;text-align:center;font-size:36px}
#search-list .date p{font-size:16px;color:#999999;margin-top:5px}
/* 全局样式----------------------------------------------- *//* -- ur-here -- */.ur-here{zoom:1;overflow:hidden;border-bottom:1px solid #DDD;padding:25px 0 10px 0}
.ur-here .here{float:left;line-height:20px;color:#999999;font-weight:bold}
@media (max-width:992px) {
	.ur-here.product-category .here{display:none}
}
.ur-here .here a{color:#999999}
.ur-here .here b{margin:0 8px}
.ur-here .sort{float:right}
.ur-here .sort a{display:inline-block;margin-left:10px}
.ur-here .sort a.active{color:#19B4EA}
.ur-here .sort a i{margin-left:5px;font-size:12px;color:#999}
.ur-here .sort a.active i{color:#19B4EA}
/* -- tree -- */.head-name{margin-top:35px;color:#333;font-size:30px}
/* -- tree -- */.tree-box{margin-bottom:15px}
.tree-box h3{padding:25px 0 10px 0;line-height:20px;color:#999999;font-weight:bold;font-size:14px;border-bottom:1px solid #DDD;margin-bottom:15px}
@media (max-width:992px) {
	.tree-box h3{display:none}
}
.tree-box li{padding:8px 8px}
.tree-box li a{color:#000;font-size:14px}
.tree-box li.cur{background-color:#19B4EA}
.tree-box li.cur a{color:#FFF}
@media (max-width:992px) {
	.tree-box{margin-top:10px}
	.tree-box ul{display:inline-block}
	.tree-box li{display:inline-block;padding:0;margin-right:5px;margin-top:5px}
	.tree-box li i{display:none}
	.tree-box li a{display:block;border:1px solid #EEE;padding:5px 8px}
	.tree-box ul ul li a{color:#888}
}
.tree-box .search{display:block;margin:20px 0}
@media (max-width:768px) {
	.tree-box .search{margin:12px 0}
}
.tree-box .search .keyword{width:85px}
/* -- visualize-box -- */.visualize-box p:hover, .visualize-box h4:hover, .visualize-box h3:hover, .visualize-box h2:hover, .visualize-box dt:hover, .visualize-box dd:hover, .visualize-box em:hover, .visualize-box span:hover{background-color:rgba(243, 156, 18, .1)}
/* -- screen -- */.screen{padding-top:20px;border-bottom:1px dotted #DDD}
.screen dl{margin-bottom:10px}
.screen dl dt{display:inline-block;font-weight:bold}
.screen dl dd{display:inline-block}
.screen dl dd a{display:inline-block;background-color:#DDD;color:#555;padding:2px 10px;margin-right:8px}
@media (max-width:768px) {
	.screen dl dt{display:block}
	.screen dl dd{display:block}
	.screen dl dd a{margin-top:8px}
}
.screen dl dd a.cur{background-color:#19B4EA;color:#FFF}
/* -- search-box -- */.search-box{border:1px solid #DDDDDD;background-color:#FFF;height:28px;padding-left:10px;position:relative}
.search-box .keyword{color:#CCCCCC}
.search-box .btnSearch{position:absolute;right:0;top:0;background:url(../images/icon_search.png) no-repeat 50% 50%;width:28px;height:28px;text-indent:-999px;overflow:hidden;cursor:pointer}
/* -- tabs -- */.tabs{border-bottom:1px solid #EEE}
.tabs .nav-link{display:block;margin-bottom:-1px}
.tabs .nav-link.active{border:1px solid #EEE;border-bottom:0;background-color:#FFF}
/* -- scale -- */.scale{overflow:hidden}
.scale img{width:100%;cursor:pointer;transition:all 0.6s}
.scale:hover img{transform:scale(1.1)}
/* -- common -- */.cue{color:red;font-size:14px}
.clear{clear:both;height:0;line-height:0;font-size:0}
.captcha{text-transform:uppercase}
.price{color:#555}
.price-line{color:#999;font-size:14px;text-decoration:line-through}
.price-gray{color:#999;font-size:14px}
.price-cue{background-color:#fff1eb;color:#ff5000;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:3px;margin-right:6px}
.none{display:none}
.pointer{cursor:pointer}
@media (max-width:992px) {
	.m-none{display:none}
}
@media (min-width:992px) {
	.p-none{display:none}
}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coupon-get-list{display:inline-block}
.coupon-get-list .get-coupon{display:inline-block;font-size:12px;margin:0 8px 8px 0;cursor:pointer}
.coupon-get-list .get-coupon em{display:inline-block;border:1px solid #df3033;background-color:#df3033;padding:0 7px;line-height:18px;color:#FFF;border-radius:2px}
.coupon-get-list .get-coupon em.n{border-right:0}
.coupon-get-list .get-coupon em.t{border-left:0}
.coupon-get-list .get-coupon.got em{background-color:#ffdedf;color:#df3033}
/* -- sort-count -- */.sort-count{display:flex;justify-content:space-between;align-items:center;margin-top:40px}
.sort-count .sort a{display:inline-block;margin-left:10px}
.sort-count .sort a.active{text-decoration:underline;text-underline-offset:.3rem}
.sort-count .sort a i{margin-left:5px;font-size:12px;color:#999}
/* -- 商品列表分类两排（二级一排 / 三级一排） -- */
.product-sort-count{margin-top:30px;padding:20px 24px;background:linear-gradient(180deg,#FAFCFE 0%,#F4F8FB 100%);border:1px solid #E9F0F6;border-radius:12px;box-shadow:0 4px 16px rgba(20,55,90,.04);align-items:flex-start;gap:24px}
.product-sort-count .sort{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.product-sort-count .sort-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:10px}
.product-sort-count .sort-row a{display:inline-block;margin-left:0;padding:7px 18px;border:1px solid #E1E9F0;border-radius:999px;background-color:#FFF;color:#4A5560;font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .2s,box-shadow .2s}
.product-sort-count .sort-row a:hover{color:#19B4EA;border-color:#9AD9F4;background-color:#F2FBFF;box-shadow:0 4px 10px rgba(25,180,234,.12);transform:translateY(-1px);text-decoration:none}
.product-sort-count .sort-row a.active{color:#FFF;border-color:#19B4EA;background:linear-gradient(135deg,#19B4EA,#0072C6);box-shadow:0 6px 14px rgba(25,180,234,.28);font-weight:600;text-decoration:none}
.product-sort-count .sort-row-sub{padding-top:14px;border-top:1px solid #E6EDF4}
.product-sort-count .sort-row-sub a{padding:5px 14px;font-size:13px;color:#63727F;background-color:#EDF3F9;border-color:#E2EBF3}
.product-sort-count .sort-row-sub a:hover{background-color:#FFF}
.product-sort-count .sort-row-sub a.active{color:#FFF;border-color:#19B4EA;box-shadow:0 4px 10px rgba(25,180,234,.22)}
.product-sort-count .count{flex:none;padding-top:11px;font-size:13px;color:#94A3B0}
@media (max-width:768px) {
	.product-sort-count{flex-direction:column;padding:16px;gap:8px}
	.product-sort-count .sort{width:100%;gap:12px}
	.product-sort-count .sort-row{column-gap:8px;row-gap:8px}
	.product-sort-count .sort-row a{padding:5px 13px;font-size:13px}
	.product-sort-count .sort-row-sub{padding-top:12px}
	.product-sort-count .count{padding-top:4px}
}
/* -- form -- */.btn{display:inline-block;background-color:#0072C6;color:#EEE;padding:6px 45px;text-transform:capitalize;cursor:pointer;font-weight:bold;text-align:center;-webkit-appearance:none;font-size:14px;line-height:1.5;border-radius:0;border:0}
.btn:active{box-shadow:none}
.btn:hover{text-decoration:none;color:#FFFFFF;background-color:#007AD5}
.btn-gray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 45px;text-transform:capitalize;cursor:pointer;font-weight:bold;-webkit-appearance:none}
.btn-payment{display:inline-block;background-color:#ff4246;color:#FFF;padding:7px 48px;text-transform:capitalize;cursor:pointer;font-weight:bold;font-size:14px;text-align:center;-webkit-appearance:none}
.btn-captcha{display:inline-block;background-color:#19B4EA;-moz-border-radius:2px;-webkit-border-radius:2px;border:0;color:#FFF;padding:7px 22px;text-transform:capitalize;cursor:pointer;font-size:13px}
.btn-captcha[disabled], .btn-captcha:disabled, .btn-captcha.disabled{color:#FFF;background-color:#b2b2b2;opacity:1}
.btn-favorites{display:inline-block;cursor:pointer;font-size:12px}
.btn-favorites i{color:#DA3638;margin-right:4px;font-size:13px}
.btn-favorites em{color:#777}
/* -- color -- */.cRed{color:#F40}
.cOra{color:#f30}
.cGre{color:#0c6}
.cBlu{color:#69c}
.cGra{color:#999}
/* -- input -- */.text-input{height:34px;padding:6px;font-size:14px;border:1px solid #E9E9E9;background-color:#FFF;color:#666;-webkit-appearance:none}
.text-input[disabled], .text-input:disabled, .text-input.disabled{color:#999}
.text-area{padding:4px;border:1px solid #E9E9E9;background-color:#FFF;line-height:20px;-webkit-appearance:none}
.text-area-auto{border:1px solid #E9E9E9;background-color:#FFF;padding:0;font-size:12x;line-height:20px;resize:none;min-height:40px;-webkit-appearance:none}
@media (max-width:768px) {
	.btn, .btn-gray, .btn-payment, .btn-captcha, .text-input, .text-area, .text-area-auto, .inp-main{max-width:100%}
}
/*- input-file -*/.input-file{width:80px}
.input-file .input-file-show{height:80px;line-height:80px;text-align:center;color:#555;background-color:#F5F5F5}
.input-file .input-file-show img{width:100%;height:80px}
.input-file .input-file-btn{width:100%;background-color:#EEE;color:#999;line-height:25px;cursor:pointer;text-align:center;-webkit-appearance:none}
/*- table-basic -*/.table-basic{color:#666666;border-left:1px solid #EEE;border-top:1px solid #EEE;border-collapse:collapse}
.table-basic select{color:#8F8F8F}
.table-basic td, .table-basic th{border-right:1px solid #EEE;border-bottom:1px solid #EEE}
.table-basic th{background-color:#EEE}
.table-basic .child{background-color:#FFFFFF}
.table-basic td label{margin-right:15px}
.table-basic td i{color:#F00;margin-left:5px;font-weight:bold}
/*- form-basic -*/.form-basic dl{zoom:1;overflow:hidden;margin-bottom:20px}
.form-basic dl dt{font-weight:bold;margin-bottom:5px;font-size:13px}
.form-basic dl dt i{color:#F00;margin-left:5px;font-weight:bold}
.form-basic dl dd label{margin-right:15px;line-height:34px}
/*- form-mini -*/.form-mini{width:400px;position:relative;border:0}
@media(max-width:992px) {
	.form-mini{width:100%}
}
.form-mini .keyword{outline:none;width:100%;padding:10px 20px;box-sizing:border-box;height:45px;color:#000;background:#FFF;border:1px solid #999}
.form-mini:hover .keyword{border:2px solid #999}
.form-mini:focus-within .keyword, .form-mini:not(:placeholder-shown) .keyword{padding:15px 20px 5px 20px;border:2px solid #555}
.form-mini label{position:absolute;top:12px;left:20px;color:#000;font-size:14px;pointer-events:none;transition:all 0.1s;color:#555;font-weight:normal;letter-spacing:.1rem}
.form-mini .keyword:focus + label, .form-mini .keyword:valid + label{font-size:10px;top:3px}
.form-mini .btn-submit{position:absolute;right:0;top:0;width:45px;text-align:center;line-height:45px;background:none;color:#777}
/*- form-control -*/.form-control{border:1px solid #E9E9E9;padding:6px 3px}
@media (min-width:768px) {
	.form-control{display:inline-block;width:auto}
}
/*- table-div -*/.table-div{zoom:1;overflow:hidden}
.table-div dl{zoom:1;overflow:hidden;margin-bottom:20px}
.table-div dl dt{font-weight:bold;margin-bottom:5px;font-size:13px}
.table-div dl dt i{color:#F00;margin-left:5px;font-weight:bold}
.table-div dl dd label{margin-right:15px;line-height:34px}
@media (max-width:992px) {
	.table-div dl dt{float:none}
}
/* -- lift -- */.lift{margin-top:60px;color:#999;font-size:14px}
.lift a{color:#999}
.lift span{margin-right:15px}
/* -- pager -- */.pager{text-align:center;padding-top:20px;color:#666;font-size:14px}
.pager a{color:#666;text-decoration:underline}
/* -- pager class two -- */.pager ul{display:inline-block}
.pager ul li{display:block;float:left}
.pager ul li a, .pager ul li em{display:block;padding:0 7px;margin:0 8px;line-height:30px;text-decoration:none;border-left-width:0;border-radius:0}
.pager ul li a:hover{border-bottom:1px solid #555}
.pager ul li.active a{border-bottom:1px solid #555;cursor:default}
.pager ul li em.total{margin-left:10px;border-left-width:1px;color:#999}
/* footer----------------------------------------------- */#footer{padding:40px 0;background: #f5f5f5}
@media (max-width:992px) {
	#footer{padding:20px 0}
	#footer .foot-nav .item{margin-bottom:15px}
}
#footer .foot-nav .item .nav-parent{margin-bottom:20px;font-size:16px;color:#555}
#footer .foot-nav .item .nav-child a, #footer .foot-nav .item .nav-child em{display:block;color:#777;margin-bottom:15px;line-height:1.8em}
@media (max-width:992px) {
	#footer .foot-nav .item .nav-child a, #footer .foot-nav .item .nav-child em{display:inline-block;margin-bottom:10px;margin-right:15px}
}
/* -- contact -- */#footer .contact{text-align:center}
#footer .contact .tel{color:#19B4EA;font-size:20px;margin-bottom:10px}
#footer .contact .online-qq{margin-bottom:10px}
#footer .contact .online-qq a{display:inline-block;color:#19B4EA;padding:5px 20px;border:1px solid #19B4EA}
#footer .contact .online-qq a i{margin-right:5px}
#footer .contact .email{color:#999}
/* -- email-social -- */#footer .email-social{display:flex;justify-content:space-between;margin-top:30px;align-items:center}
#footer .email-social .subscribe .head{margin-bottom:20px;font-size:16px;color:#555}
@media(max-width:992px) {
	#footer .email-social{display:block}
	#footer .email-social .social{margin-top:20px}
}
#footer .email-social .social a{margin-left:15px;font-size:18px}
#footer .email-social .social a:first-child{margin-left:0}
#footer .email-social .social a:hover{color:#000}
/* -- info-box -- */#footer .info-box{border-top:1px solid #EEE;padding-top:60px;margin-top:60px}
/* -- lang-icon -- */#footer .info-box .lang-icon{display:flex;justify-content:space-between;margin-bottom:40px;align-items:center}
@media(max-width:992px) {
	#footer .info-box .lang-icon{display:block}
}
#footer .info-box .lang-icon .foot-lang .head{margin-bottom:10px;color:#555}
#footer .info-box .lang-icon .foot-lang .lang-select{position:relative;width:200px}
#footer .info-box .lang-icon .foot-lang .lang-select .cur-lang{display:block;padding:0 20px;box-sizing:border-box;height:45px;line-height:45px;color:#000;background:#FFF;outline:1px solid #999;outline-offset:-1px}
#footer .info-box .lang-icon .foot-lang .lang-select .cur-lang::after{border:0;font:normal normal normal 12px / 1 FontAwesome;content:"\f107";position:absolute;right:15px;top:50%;margin-top:-5px}
#footer .info-box .lang-icon .foot-lang .lang-select.active .cur-lang::after{transform:rotate(-180deg);transition:transform 0.1s ease}
#footer .info-box .lang-icon .foot-lang .lang-select.active .cur-lang{outline:2px solid #555;outline-offset:-2px}
#footer .info-box .lang-icon .foot-lang .lang-select .lang-list{display:none;position:absolute;left:0;bottom:100%;margin-bottom:10px;width:100%;border:1px solid #CCC}
#footer .info-box .lang-icon .foot-lang .lang-select.active .lang-list{display:block;background-color:#FFF;box-shadow:0 0 5px rgba(0, 0, 0, 0.05)}
#footer .info-box .lang-icon .foot-lang .lang-select.active .lang-list a{display:block;padding:10px 20px}
@media(max-width:992px) {
	#footer .info-box .express-payment{margin-top:20px}
}
#footer .info-box .express-payment img{height:23px;margin-left:8px}
#footer .info-box .express-payment img:first-child{margin-left:0}
#footer .net-safe-record{margin-left:10px}
#footer .net-safe-record img{vertical-align:bottom}
#footer .copy-right{font-size:10px}
@media (max-width:992px) {
	#footer .copy-right{text-align:center}
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: #f5f5f5;
  color: #454545;
}
.split-media { position: relative; min-height: clamp(320px, 22vw, 620px); overflow: hidden; }
.split-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.94; }
.split-copy {
  padding: clamp(40px, 2.5vw, 92px) clamp(24px, 2.5vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.split .eyebrow { color: var(--sand-dim); }
.split h2 {
  margin-top: 1%;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(1.9rem, 3.4vw, 3.3rem);
  line-height: 1.02;
  letter-spacing: -0.022em;
  max-width: 16ch;
}
.split p { font-size: 14.5px; line-height: 1.7; color:#454545; max-width: 80ch;margin-top: 3%;}
.stat-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 10px;
  padding-top: 24px;
  border-top: 1px solid rgba(231, 228, 216, 0.2);
  margin-bottom: 2%;
}
.stat b {
  display: block;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
  line-height: 1;
  letter-spacing: -0.02em;
}
.stat span {
  display: block;
  margin-top: 8px;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #98a294;
  line-height: 1.5;
}

/* 移动端：图片与文字上下排列，避免两列挤压 */
@media (max-width: 992px) {
  .split { grid-template-columns: 1fr; }
  .split-media { min-height: 0; aspect-ratio: 16 / 10; }
  .split-copy { padding: 40px 24px; }
  .split h2 { max-width: none; }
}
@media (max-width: 576px) {
  .split-media { aspect-ratio: 4 / 3; }
  .split-copy { padding: 32px 18px; }
  .split h2 { font-size: clamp(1.6rem, 8vw, 2.2rem); }
  .split p { font-size: 14px; margin-top: 12px; }
  .stat-row { gap: 10px; padding-top: 18px; }
  .stat b { font-size: 1.45rem; }
  .stat span { font-size: 9px; letter-spacing: 0.08em; }
}

.index-box.bg{background-color:#F5F5F5}
.index-box h3{text-align:center;margin-bottom:50px}
.index-box h3 b{display:block;color:#333;font-size:30px;margin-bottom:20px}
.index-box h3 em{display:block;margin-top:8px;color:#999}

.gnews{padding: 3vw 0}
/* 新闻列表页：缩小标题筛选区与新闻列表之间的间距（仅本页生效） */
#product-category.news-page{margin-bottom:0}
.news-page + .gnews{padding-top:18px}
.newsall {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* 间距改成12px，更小了 */
}
.newsli {
    width: calc((100% - 24px) / 3); /* 2个间隙 ×12px =24px */
    box-sizing: border-box;
    padding: 15px;
}
.newsli .img {
    display: block;
    overflow: hidden;
}
.newsli .img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.newsli .img:hover img {
    transform: scale(1.08);
}
.newsli p {
    color: #999;
    font-size: 14px;
    margin: 10px 0;
}
.newsli .a {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 8px;
}
.newsli .a:hover {
    color: #0066cc;
}
.newsli span {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* 响应式同步修改 */
@media (max-width:992px) {
    .newsli {
        width: calc((100% - 12px) / 2);
    }
}
@media (max-width:576px) {
    .newsli {
        width: 100%;
    }
}

.bots{padding-top: 2vw;border-top: 1px solid #ababa8;margin-top: 1vw}

/* 查看更多样式 */
.more-box {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.more {
    display: inline-block;
    padding: 8px 24px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s;
}
.more:hover {
    background: #333;
    color: #fff;
}
/* ============ 在线下单弹窗 ============ */
.order-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}
.order-modal .order-mask{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}
.order-modal .order-dialog{position:relative;background:#fff;border-radius:12px;width:520px;max-width:94vw;max-height:92vh;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.2);animation:orderPop .25s ease}
@keyframes orderPop{from{transform:scale(.92) translateY(10px);opacity:0}to{transform:none;opacity:1}}
.order-modal .order-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0f0f0}
.order-modal .order-header h3{font-size:18px;font-weight:600;color:#222;margin:0}
.order-modal .order-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px 6px}
.order-modal .order-close:hover{color:#333}
.order-modal .order-body{padding:20px 24px;overflow-y:auto;max-height:calc(92vh - 58px)}

/* 产品卡 */
.order-modal .order-product-card{display:flex;gap:14px;padding:14px;background:#f8f8f8;border-radius:8px;margin-bottom:18px}
.order-modal .order-product-card .op-img{width:72px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}
.order-modal .order-product-card .op-info{flex:1;min-width:0}
.order-modal .order-product-card .op-name{font-size:15px;font-weight:600;color:#222;line-height:1.3;margin-bottom:4px}
.order-modal .order-product-card .op-model{font-size:12px;color:#888;margin-bottom:4px}
.order-modal .order-product-card .op-price{font-size:13px;color:#666}
.order-modal .order-product-card .op-price em{color:#e3393c;font-weight:600;font-style:normal;margin-left:4px}

/* 规格下拉 */
.order-modal .order-attrs{margin-bottom:16px}
.order-modal .order-attrs .oa-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.order-modal .order-attrs label{width:60px;font-size:13px;color:#555;flex-shrink:0}
.order-modal .order-attrs .oa-select{flex:1;height:38px;border:1px solid #ddd;border-radius:6px;padding:0 10px;font-size:13px;color:#333;background:#fff;appearance:auto}

/* 数量 */
.order-modal .order-qty{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.order-modal .order-qty label{width:60px;font-size:13px;color:#555;flex-shrink:0}
.order-modal .oq-box{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden}
.order-modal .oq-btn{width:38px;height:36px;background:#f5f5f5;border:none;font-size:16px;cursor:pointer;color:#333}
.order-modal .oq-btn:hover{background:#eee}
.order-modal .oq-input{width:54px;height:36px;text-align:center;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;font-size:14px}

/* 价格 */
.order-modal .order-price{border-top:1px dashed #ddd;padding-top:14px;margin-bottom:18px}
.order-modal .order-price .op-row{display:flex;justify-content:space-between;font-size:13px;color:#555;margin-bottom:6px}
.order-modal .order-price .op-row em{font-style:normal;color:#222}
.order-modal .order-price .op-row.total{border-top:1px solid #eee;padding-top:8px;margin-top:6px;font-weight:600;font-size:14px;color:#333}
.order-modal .order-price .op-row.total em{color:#e3393c;font-size:18px}

/* 表单 */
.order-modal .order-form .of-row{display:flex;gap:12px;margin-bottom:12px}
.order-modal .order-form .of-field{flex:1}
.order-modal .order-form .of-row .of-field:first-child{flex:1}
.order-modal .order-form .of-row .of-field:last-child{flex:1}
.order-modal .order-form label{display:block;font-size:12px;color:#555;margin-bottom:5px}
.order-modal .order-form label em{color:#e3393c;font-style:normal;margin-left:2px}
.order-modal .order-form input[type=text],
.order-modal .order-form input[type=email],
.order-modal .order-form input[type=tel],
.order-modal .order-form textarea{width:100%;height:38px;border:1px solid #ddd;border-radius:6px;padding:0 10px;font-size:13px;box-sizing:border-box}
.order-modal .order-form textarea{height:auto;padding:8px 10px;resize:vertical}
.order-modal .order-form input:focus,
.order-modal .order-form textarea:focus{outline:none;border-color:#1d5fd4}
.order-modal .order-submit{width:100%;height:46px;margin-top:6px;border:none;border-radius:23px;background:#1d5fd4;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}
.order-modal .order-submit:hover{background:#164cb3}
.order-modal .order-tip{text-align:center;font-size:12px;color:#999;margin-top:10px}
/* 验证码 */
.order-modal .of-captcha-box{display:flex;align-items:center;gap:10px}
.order-modal .of-captcha-box input{flex:1}
.order-modal .captcha-img{width:112px;height:40px;flex:0 0 112px;border:1px solid #ddd;border-radius:6px;background:#FFF;cursor:pointer}

/* 成功弹窗 */
.order-modal.success .success-dialog{width:460px}
.order-modal.success .order-body{text-align:center;padding:32px 32px 26px}
.order-modal .os-check{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#e8f5e9;color:#2e7d32;display:flex;align-items:center;justify-content:center}
.order-modal .os-check i{font-size:30px}
.order-modal .os-title{font-size:18px;font-weight:600;color:#222;margin:0 0 10px}
.order-modal .os-desc{font-size:13px;color:#666;line-height:1.6;margin:0 0 24px;padding:0 10px}
.order-modal .os-order-row{display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;border:1px dashed #d5dbe3;border-radius:8px;padding:12px 16px;margin-bottom:6px}
.order-modal .os-order-no{font-family:'Courier New',monospace;font-size:16px;font-weight:700;color:#1d5fd4;letter-spacing:1px;user-select:all}
.order-modal .os-copy-btn{background:#1d5fd4;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .2s}
.order-modal .os-copy-btn:hover{background:#164cb3}
.order-modal .os-copy-tip{font-size:12px;color:#2e7d32;margin:0 0 18px}
.order-modal .os-total{font-size:14px;color:#555;margin-bottom:24px}
.order-modal .os-total em{font-style:normal;font-size:20px;font-weight:700;color:#e3393c;margin-left:6px}
.order-modal .os-actions{display:flex;gap:12px}
.order-modal .os-btn{flex:1;height:44px;line-height:44px;border-radius:22px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;text-decoration:none}
.order-modal .os-btn.primary{background:#1d5fd4;color:#fff;border:none}
.order-modal .os-btn.primary:hover{background:#164cb3;color:#fff}
.order-modal .os-btn.ghost{background:#fff;color:#555;border:1px solid #ddd}
.order-modal .os-btn.ghost:hover{border-color:#1d5fd4;color:#1d5fd4}

/* 在线咨询弹窗（绿色主题） */
.order-modal.inquiry .inquiry-spec-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 14px;border-bottom:1px dashed #e5e5e5;margin-bottom:16px}
.order-modal.inquiry .inquiry-spec-row span{font-size:13px;color:#555;flex-shrink:0}
.order-modal.inquiry .inquiry-spec-row em{font-style:normal;font-size:13px;color:#1f7a5a;font-weight:600;text-align:right;line-height:1.5}
.order-modal.inquiry .order-form input:focus,
.order-modal.inquiry .order-form textarea:focus{border-color:#1f7a5a}
.order-modal.inquiry .order-submit{background:#1f7a5a}
.order-modal.inquiry .order-submit:hover{background:#18614a}
.order-modal.inquiry .os-check{background:#e9f5ef;color:#1f7a5a}
.order-modal.inquiry .os-order-no{color:#1f7a5a}
.order-modal.inquiry .os-copy-btn{background:#1f7a5a}
.order-modal.inquiry .os-copy-btn:hover{background:#18614a}
.order-modal.inquiry .os-btn.primary{background:#1f7a5a}
.order-modal.inquiry .os-btn.primary:hover{background:#18614a}
.order-modal.inquiry .os-btn.ghost:hover{border-color:#1f7a5a;color:#1f7a5a}
.order-modal.inquiry .inquiry-done{text-align:center;padding:8px 0 4px}
.order-modal.inquiry .inquiry-done .os-desc{padding:0}

@media(max-width:560px){
 .order-modal .order-dialog{width:100vw;border-radius:0;max-height:100vh}
 .order-modal .order-body{max-height:calc(100vh - 58px)}
 .order-modal .order-form .of-row{flex-direction:column;gap:12px}
 .order-modal .order-attrs .oa-row{flex-direction:column;align-items:stretch;gap:6px}
 .order-modal .order-attrs label{width:auto}
 .order-modal .order-qty{flex-direction:column;align-items:flex-start;gap:6px}
 .order-modal .order-qty label{width:auto}
 .order-modal.success .success-dialog{width:94vw}
 .order-modal .os-actions{flex-direction:column;gap:10px}
}

/* 单页（公司简介 / 联系我们等）----------------------------------------------- */
.page-hero{position:relative;overflow:hidden;padding:72px 0 98px;background:#1f2a37;color:#FFF}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#1f2a37 0%,#2c3e50 100%);opacity:1}
.page-hero::after{content:"";position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.06)}
.page-hero .container{position:relative;z-index:1}
.page-hero-eyebrow{display:inline-block;margin-bottom:14px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#d8b46a}
.page-hero h1{margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:.04em;line-height:1.25}
.page-hero p{margin:14px 0 0;font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.72)}
.page-wrap{position:relative;z-index:2;margin-top:-64px;padding-bottom:70px}
.page-card{max-width:960px;margin:0 auto;padding:clamp(26px,4vw,52px);background:#FFF;border-radius:14px;box-shadow:0 18px 44px rgba(31,42,55,.10)}
.page-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid #EDF0F2}
.page-stat{text-align:center}
.page-stat b{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:.02em;color:#1f2a37}
.page-stat span{display:block;margin-top:8px;font-size:12px;letter-spacing:.08em;color:#8a97a5}
.page-content{font-size:15px;line-height:2;letter-spacing:.01em;color:#4B5563}
.page-content p{margin:0 0 1.1em}
.page-content p:last-child{margin-bottom:0}
.page-content img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:767px){
 .page-hero{padding:52px 0 84px}
 .page-wrap{margin-top:-48px}
 .page-stats{grid-template-columns:1fr;gap:18px}
}

/* 语言切换（头部）----------------------------------------------- */
.lang-switch{display:inline-flex;align-items:center;gap:2px;margin-right:18px;padding:3px 4px 3px 10px;background:#F4F6F9;border:1px solid #E3E7ED;border-radius:999px;line-height:1}
.lang-icon{font-size:12px;color:#9AA3AD;margin-right:5px}
#header .action-btn .lang-switch a{margin-left:0;color:#6B7480;padding:4px 11px;border-radius:999px;font-size:12px;line-height:1;letter-spacing:.04em;text-decoration:none;transition:background-color .2s ease,color .2s ease}
#header .action-btn .lang-switch a:hover{color:#1F2A37;background:#E9EDF3}
#header .action-btn .lang-switch a.active{background:#1F2A37;color:#FFF;font-weight:600}
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:26px;margin-right:12px;padding:0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#1F2A37;text-decoration:none;background:#F4F6F9;border:1px solid #E3E7ED;border-radius:999px;line-height:1}
.lang-toggle:hover{color:#FFF;background:#1F2A37;border-color:#1F2A37}
.lightbox-img{cursor:zoom-in}
body.lb-open{overflow:hidden}
.lb-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:64px 84px;box-sizing:border-box;background:rgba(15,23,32,.92)}
.lb-overlay.is-open{display:flex}
.lb-stage{max-width:100%;max-height:100%;text-align:center}
.lb-stage img{display:block;max-width:100%;max-height:calc(100vh - 150px);margin:0 auto;border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.lb-caption{position:absolute;left:0;right:0;bottom:18px;padding:0 24px;text-align:center;color:#e8eef5;font-size:14px;letter-spacing:.04em}
.lb-count{position:absolute;top:26px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:13px;letter-spacing:.08em}
.lb-btn,.lb-close{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#FFF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}
.lb-btn:hover,.lb-close:hover{background:rgba(255,255,255,.3)}
.lb-btn{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:20px}
.lb-prev{left:24px}
.lb-next{right:24px}
.lb-close{top:20px;right:24px;width:42px;height:42px;font-size:20px}
@media (max-width:767px){
 .lb-overlay{padding:56px 10px 60px}
 .lb-btn{width:40px;height:40px;font-size:16px}
 .lb-prev{left:6px}
 .lb-next{right:6px}
 .lb-close{top:12px;right:12px;width:38px;height:38px}
}

/* ===== 新闻详情 ===== */
#news-detail{max-width:1000px;margin:0 auto;background:#FFF;border:1px solid #EEF1F5;border-radius:12px;box-shadow:0 8px 30px rgba(24,40,70,.06);overflow:hidden}
#news-detail .news-head{padding:36px 48px 24px;border-bottom:1px solid #F2F4F7}
#news-detail .news-crumb{font-size:13px;color:#9AA4B2;margin-bottom:14px}
#news-detail .news-crumb a{color:#9AA4B2;text-decoration:none}
#news-detail .news-crumb a:hover{color:#43B5EC}
#news-detail .news-crumb span{margin:0 7px;color:#C9D1DB}
#news-detail .news-head h1{font-size:28px;line-height:1.45;font-weight:600;color:#1A1A1A;margin:0 0 16px}
#news-detail .news-meta{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#7A8699;background:#F5F8FB;border-radius:100px;padding:6px 14px}
#news-detail .news-meta i{color:#43B5EC;font-size:13px}
#news-detail .news-body{padding:30px 48px 40px}
#news-detail .news-cover{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 26px}
#news-detail .news-content{font-size:15px;line-height:1.95;color:#4A5568;word-break:break-word}
#news-detail .news-content p{margin:0 0 18px}
#news-detail .news-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}
#news-detail .news-content h2,#news-detail .news-content h3,#news-detail .news-content h4{position:relative;color:#1A1A1A;font-weight:600;line-height:1.5;margin:30px 0 16px;padding-left:12px}
#news-detail .news-content h2{font-size:20px}
#news-detail .news-content h3{font-size:18px}
#news-detail .news-content h4{font-size:16px}
#news-detail .news-content h2::before,#news-detail .news-content h3::before,#news-detail .news-content h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:2px;background:#43B5EC}
#news-detail .news-content ul,#news-detail .news-content ol{margin:0 0 18px;padding-left:22px}
#news-detail .news-content li{margin-bottom:8px}
#news-detail .news-content a{color:#1A8FC9;text-decoration:none;border-bottom:1px solid rgba(67,181,236,.35)}
#news-detail .news-content a:hover{border-bottom-color:#1A8FC9}
#news-detail .news-content blockquote{margin:20px 0;padding:14px 18px;background:#F5FAFE;border-left:3px solid #43B5EC;border-radius:0 6px 6px 0;color:#5A6B80}
#news-detail .news-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
#news-detail .news-content th,#news-detail .news-content td{border:1px solid #E8EDF3;padding:10px 12px;text-align:left}
#news-detail .news-content th{background:#F7FAFC;color:#1A1A1A;font-weight:600}
#news-detail .news-foot{padding:0 48px 36px}
#news-detail .news-back{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border:1px solid #DCE3EB;border-radius:6px;font-size:14px;color:#4A5568;text-decoration:none;transition:all .2s}
#news-detail .news-back:hover{border-color:#43B5EC;background:#43B5EC;color:#FFF}
@media (max-width:767px){
 #news-detail .news-head{padding:22px 18px 16px}
 #news-detail .news-head h1{font-size:21px;margin-bottom:12px}
 #news-detail .news-body{padding:20px 18px 28px}
 #news-detail .news-foot{padding:0 18px 24px}
 #news-detail .news-content{font-size:14px;line-height:1.85}
 #news-detail .news-back{width:100%;justify-content:center}
}