/*** uncss> filename: common1.css ***/
*{outline:0 none!important}
html{font-size:100px}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{margin:0;padding:0;outline:0}
@font-face{font-family:ab;src:url("../font/light1.0.ttf")}
@font-face{font-family:ar;src:url("../font/regular1.0.ttf")}
@font-face{font-family:al;src:url("../font/light1.0.ttf")}
body{position:relative;-webkit-tap-highlight-color:transparent;margin:0 auto;overflow-x:hidden;position:relative;padding:0;width:100%;color:#000;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-size:14px;background:#fff}
ul,ul li{list-style-type:none;margin:0;padding:0}
a{display:inline-block;text-decoration:none!important;color:#000}
img{border:none;max-width:100%;display:block}
i{font-style:normal}
::-webkit-scrollbar{width:1px;height:1px}
::-webkit-scrollbar-thumb{background:#000}
::-webkit-scrollbar-track{background:rgba(0,0,0,.4)}
body::-webkit-scrollbar{width:4px;height:1px;display:none}
body::-webkit-scrollbar-thumb{background:#000}
body::-webkit-scrollbar-track{background:rgba(0,0,0,.4)}
input{padding:0;border:0;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;outline:0}
.f_14{font-size:14px}
.f_16{font-size:16px}
.f_18{font-size:18px}
.f_20{font-size:20px}
.f_24{font-size:24px}
@media (max-width:1680px){.f_16{font-size:15px}
.f_18{font-size:15px}
.f_20{font-size:16px}
.f_24{font-size:20px}
}
@media (max-width:1560px){.f_14{font-size:13px}
}
@media (max-width:1440px){.f_14{font-size:12px}
.f_16{font-size:14px}
.f_18{font-size:14px}
.f_20{font-size:15px}
.f_24{font-size:18px}
.langs-en{font-size:14px!important}
}
@media (max-width:1280px){.f_14{font-size:12px}
.f_16{font-size:13px}
.f_18{font-size:13px}
.f_20{font-size:14px}
.f_24{font-size:16px}
.langs-en{font-size:13px!important}
}
@media (max-width:1024px){.langs-en{font-size:.28rem!important;padding:0!important}
.langs-gl{padding:0!important}
.header_m .m_means .mean1 .la_boxs .langs-li .langs-en>a{padding:0!important}
}
@media (max-width:767px){.f_14,.f_16{font-size:.28rem}
.f_18,.f_20{font-size:.3rem}
.f_24{font-size:.32rem}
}
html{font-size:calc(100vw/19.2)}
@media (min-width:1901px){html{font-size:100px}
}
@media (min-width:2000px){html{font-size:calc(100vw/19.2)}
}
@media (max-width:767px){html{font-size:calc(100vw/7.5)}
}

.ser_bjx{position:fixed;top:0;left:0;z-index:995;width:100%;height:100vh;pointer-events:none}
.swiper-wrapper{height:auto!important}
.cddd5{padding:.8rem 0}
.cddd5 .tit{text-align:left;margin-bottom:.3rem;color:#000}
.cddd5 .cons .center{padding:0 .8rem;position:relative}
.cddd5 .cons .prev{position:absolute;top:50%;left:0;width:.48rem;height:.48rem;transform:translateY(-50%);cursor:pointer}
.cddd5 .cons .prev img{width:100%;height:100%;object-fit:contain}
.cddd5 .cons .prev img.img2{display:none}
.cddd5 .cons .prev:hover img.img1{display:none}
.cddd5 .cons .prev:hover img.img2{display:block}
.cddd5 .cons .next{position:absolute;top:50%;right:0;width:.48rem;height:.48rem;transform:translateY(-50%);cursor:pointer}
.cddd5 .cons .next img{width:100%;height:100%;object-fit:contain}
.cddd5 .cons .next img.img2{display:none}
.cddd5 .cons .next:hover img.img1{display:none}
.cddd5 .cons .next:hover img.img2{display:block}
.cddd5 .cons .list{position:relative;overflow:hidden;margin-bottom:.6rem;margin-bottom:0}
.cddd5 .cons .list .swiper-slide{background-color:#f8f8f8;border-radius:.18rem;padding-bottom:.2rem}
.cddd5 .cons .list .swiper-slide .pic{width:100%;height:3.77rem;position:relative;overflow:hidden}
.cddd5 .cons .list .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.cddd5 .cons .list .swiper-slide:hover .pic img{transform:scale(1.05)}
.cddd5 .cons .list .swiper-slide .txt{width:100%;padding:0 .4rem;color:#606060;line-height:1.2;text-align:center}
.cddd5 .cons .list .swiper-slide .morex{width:fit-content;padding:.1rem .48rem;margin:0 auto;color:#606060;border:1px solid #606060;border-radius:.08rem;transition:all .5s}
.cddd5 .cons .list .swiper-slide .morex:hover{color:#fff;background-color:#333}
.cddd5 .cons .morex{width:fit-content;display:block;padding:.1rem .48rem;margin:0 auto;color:#606060;border:1px solid #606060;border-radius:.08rem;transition:all .5s;display:none}
.cddd5 .cons .morex:hover{color:#fff;background-color:#333}
.ab_con .ab5{padding-top:1.2rem; padding-bottom: 1.2rem;}
.ab_con .ab5 .top{display:flex;justify-content:space-between;margin-bottom:.3rem;align-items:flex-end}
.ab_con .ab5 .top .btnsx{width:1.08rem;display:flex;justify-content:space-between}
.ab_con .ab5 .top .btnsx>div{width:.47rem;cursor:pointer}
.ab_con .ab5 .top .btnsx>div img{width:100%}
.ab_con .ab5 .top .btnsx>div img.img2{display:none}
.ab_con .ab5 .top .btnsx>div:hover img.img1{display:none}
.ab_con .ab5 .top .btnsx>div:hover img.img2{display:block}
.ab_con .ab5 .tit{text-align:left}
.ab_con .ab5 .tit svg{width:.73rem;height:.09rem;display:none}
.ab_con .ab5 .years{margin-bottom:.58rem;border-bottom:1px solid #33333314;position:relative;overflow:hidden;display:none}
.ab_con .ab5 .years .swiper-slide{line-height:1.12}
.ab_con .ab5 .years .swiper-slide .year{width:fit-content;position:relative;padding-bottom:.22rem;cursor:pointer;color:#333}
.ab_con .ab5 .years .swiper-slide .year:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:#606060;transition:all .5s;opacity:0}
.ab_con .ab5 .years .swiper-slide.active .year:after{opacity:1}
.ab_con .ab5 .con{position:relative;overflow:hidden}
.ab_con .ab5 .con .pic{width:100%;height:2.8rem;overflow:hidden;margin-bottom:.29rem;border-radius:.18rem;overflow:hidden}
.ab_con .ab5 .con .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.ab_con .ab5 .con .pic:hover img{transform:scale(1.05)}
.ab_con .ab5 .con .txt .h{color:#333;line-height:1.1;margin-bottom:.08rem}
.ab_con .ab5 .con .txt .p{color:#666;font-weight:400;line-height:1.5}
.prod-topx{display:flex;justify-content:space-between;align-items:center}
.xlclose{position:absolute;bottom:.3rem;right:1.3rem;width:.46rem;cursor:pointer}
.xlclose img{width:.24rem;transition:all .5s}
.xlclose:hover img{transform:rotate(180deg)}
.xlclose img.img1x{display:none}
.xlclose:hover img.img2x{display:none}
.xlclose:hover img.img1x{display:block}
.abwap{display:none}
.breadcrumbx{padding:0 1.34rem;display:flex;align-items:center}
.breadcrumbx a{display:block;color:#606060;font-weight:300}
.breadcrumbx svg{display:block;width:.05rem;height:.1rem;margin:0 .16rem}
.sd1_2{padding:.8rem 0 .8rem 0}
.sd1_2{position:relative}
.sd1_2 .title{margin-bottom:.3rem}
.sd1_2 .cons .prev{bottom:.8rem;right:2rem;width:.47rem;height:.47rem;z-index:2;cursor:pointer}
.sd1_2 .cons .prev img{width:100%;height:100%;object-fit:contain}
.sd1_2 .cons .prev img.img2{display:none}
.sd1_2 .cons .prev:hover img.img1{display:none}
.sd1_2 .cons .prev:hover img.img2{display:block}
.sd1_2 .cons .next{bottom:.8rem;right:1.34rem;width:.47rem;height:.47rem;z-index:2;cursor:pointer}
.sd1_2 .cons .next img{width:100%;height:100%;object-fit:contain}
.sd1_2 .cons .next img.img2{display:none}
.sd1_2 .cons .next:hover img.img1{display:none}
.sd1_2 .cons .next:hover img.img2{display:block}
.sd1_2 .con{position:relative;overflow:hidden;margin-bottom:.3rem}
.sd1_2 .con .item{width:8.06rem;height:5.2rem;position:relative}
.sd1_2 .con .item .pic{width:100%;height:100%;overflow:hidden;border-radius:.24rem}
.sd1_2 .con .item .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.sd1_2 .con .item:hover .pic img{transform:scale(1.05)}
.sd1_2 .con .item .txt{position:absolute;left:.2rem;width:calc(100% - .4rem);bottom:.2rem;border-radius:.18rem;border-radius:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:.15rem .3rem;color:#fff;transition:all .5s}
.sd1_2 .con .item:hover .txt{background-color:#fff}
.sd1_2 .con .item .txt .h{line-height:1.16;margin-bottom:.12rem;font-weight:400;transition:all .5s;transition:all .5s;color:#fff}
.sd1_2 .con .item:hover .txt .h{color:#606060}
.sd1_2 .con .item .txt .ps{display:flex;align-items:center;gap:.14rem}
.sd1_2 .con .item .txt .ps .p{display:flex;align-items:center;font-weight:300;line-height:1.2;transition:all .5s}
.sd1_2 .con .item:hover .txt .ps .p{color:#7a7a7a}
.sd1_2 .con .item .txt .ps .p img{width:.2rem;height:.2rem;display:block;margin-right:.06rem}
.sd1_2 .con .item .txt .ps .p img.img2{display:none}
.sd1_2 .con .item:hover .txt .ps .p img.img2{display:block}
.sd1_2 .con .item:hover .txt .ps .p img.img1{display:none}
.sd1_2 .morex{width:fit-content;margin:0 auto;display:block;padding:.1rem .48rem;line-height:1.167;color:#606060;border-radius:550px;border:1px solid #606060;transition:all .5s}
.sd1_2 .morex:hover{color:#0066f5;border-color:#0066f5}
.sd1_2 .btns-right{width:100%;display:flex;justify-content:flex-end;gap:15px}

@media (min-width:1025px){
	.ab_con .ab5 .con .pic{min-height:220px}
	/* PC: keep top content in place; only push the thickness module down */
	.img_box{align-items:stretch}
	.img_box > .colx-50{display:flex;flex-direction:column}
	.img_box > .colx-50 > .prod_detail{display:flex;flex-direction:column;flex:1;min-height:0}
	.img_box > .colx-50 > .prod_detail .advantag{display:flex;flex-direction:column;flex:1;min-height:0}
	.img_box > .colx-50 > .prod_detail .advantag .adv_item{display:flex;flex-direction:column;flex:1;min-height:0}
	.img_box > .colx-50 > .prod_detail .advantag .adv_item_desc--advantage{margin-top:auto}
	/* PC: case cover is 680x438, use ratio-based height to avoid heavy cropping */
	.sd1_2 .con .item{min-height:0;height:auto}
	.sd1_2 .con .item .pic{height:auto;aspect-ratio:680/438}
	/* PC: related product cover is 1500x940, use ratio-based height */
	.cddd5 .cons .list .swiper-slide .pic{min-height:0;height:auto;aspect-ratio:1500/940}
	/* PC: ensure feature nav buttons (.btnsx) have non-zero height */
	.ab_con .ab5 .top .btnsx{height:.47rem;align-items:center}
	.ab_con .ab5 .top .btnsx>div{height:100%;display:flex;align-items:center}
	.ab_con .ab5 .top .btnsx>div img{height:100%;object-fit:contain}
	/* PC: ensure case nav wrapper (.btns-right) has non-zero height */
	.sd1_2 .btns-right{height:.47rem;align-items:center;display:flex!important;position:relative;z-index:10}
	.sd1_2 .btns-right .prev,
	.sd1_2 .btns-right .next{
		display:flex!important;
		opacity:1!important;
		visibility:visible!important;
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		margin:0;
		width:.47rem;
		height:.47rem;
	}
	.sd1_2 .btns-right .prev img,
	.sd1_2 .btns-right .next img{
		width:100%;
		height:100%;
		object-fit:contain;
	}
}

/* ---- Fix: product detail page CSS should not break header language icon layout ---- */
/* This page includes global reset rules (e.g. img{display:block}) that can shift the
   header's language "globe" icon and arrow. Keep the fix strictly scoped to header. */
   /* .mhrl_top .mhrl_topimg2{width:6px;position:absolute; top:20px !important; right:0;transition:all .36s} */

/* Keep header language icon visible at top-of-page.
   Do NOT force-hide the second <img>, because the header may switch icon variants
   (e.g. transparent header uses the 2nd image). */
@media (min-width:1025px){
	.mod_head_ri_lang{position:relative}
	.mod_head_ri_lang{display:flex;align-items:center;height:80px}
	.mod_head_ri_lang .mhrl_top{display:flex;align-items:center;height:80px;padding-bottom:0;width:auto;padding-right:0}
	.mod_head_ri_lang .mhrl_topimg1,
	.mod_head_ri_lang .mhrl_topimg2{position:relative;flex:0 0 auto;overflow:visible;line-height:80px}
	.mod_head_ri_lang .mhrl_topimg1{width:22px;height:22px}
	.mod_head_ri_lang .mhrl_topimg1{top:0!important}

	/* Fix: this page reset sets img{display:block}, which can shrink header height.
	   Restore header images to inline formatting so the global header line-height (80px) works,
	   preventing a visible gap between .mhnu_li and .sustai_head. */
	.atm_hd_pc{height:80px}
	.atm_hd_pc .mod_head{height:80px}
	.atm_hd_pc .mod_head_le a .atm_imgbox_cover,
	.atm_hd_pc .mhnu_link,
	.atm_hd_pc .mhrs_icon .atm_imgbox_cover,
	.atm_hd_pc .mhrl_topimg1{line-height:80px}
	.atm_hd_pc .atm_imgbox_cover img{display:inline-block;vertical-align:middle}
	.atm_hd_pc .sustai_head{top:80px}
	/* Place triangle at globe's lower-right (and keep it out of normal flow to avoid reflow on hover) */
	.mod_head_ri_lang .mhrl_top .mhrl_topimg2{position:absolute!important;left:auto!important;top:auto!important;right:-10px;bottom:-4px}
	.mod_head_ri_lang .mhrl_topimg2{width:7px;height:7px;margin-left:1px}
	.mod_head_ri_lang .atm_imgbox_cover img{width:100%;height:100%;object-fit:contain}

	/* Fix: language globe switches between 2 images via opacity.
	   If both images participate in layout (due to this page's resets), hover can cause wrapping
	   and the globe "drops" to the next line. Force the two images to stack in the same box. */
	.mod_head_ri_lang .mhrl_top{position:relative;width:22px;height:22px;line-height:0}
	.mod_head_ri_lang .mhrl_topimg1{position:absolute;left:0;top:0;display:block;width:22px;height:22px;flex:0 0 22px;line-height:0}
	.mod_head_ri_lang .mhrl_topimg1 img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}

	/* Fix: arrow (triangle) should sit at globe's bottom-right, not inline to the right.
	   Also stack its 2 images to avoid hover-induced reflow. */
	.mod_head_ri_lang .mhrl_topimg2{position:absolute!important;left:auto!important;top:auto!important;right:-10px;bottom:-4px;width:7px;height:7px;margin:0;line-height:0}
	.mod_head_ri_lang .mhrl_topimg2 img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}

	/* Move the opened language dropdown up, closer to the 2nd-level menu area */
	.mod_head_ri_lang .mhrl_btm{position:absolute;right:0;top:100%;margin-top:0px;z-index:9999}

	/* PC: search dropdown box slightly lower */
	.yx_search3xlbox{top:72px!important}

	/* PC: right-side toolbar '在线咨询' (msti_top > a) should be centered */
	.mod_side_pc .msti_top>a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}
	.mod_side_pc .msti_top>a .atm_imgbox_cover{margin-left:auto;margin-right:auto}
}

.prod_detail .advantag .adv_item_desc ul{max-width:70%;list-style:none;padding-left:0;}
.prod_detail .advantag .adv_item_desc .dect{
	padding-left:0;
	display:block;
	white-space:normal;
	word-break:break-word;
	overflow-wrap:anywhere;
}
.prod_detail .advantag .adv_item_desc .dect:after{display:none;content:none;}

/* 产品详情-优势：检测厚度（自适应 PC/Pad/Phone） */
.prod_detail .advantag .adv_item_desc .pro-adv-thickness{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:clamp(10px, 2vw, 20px);
	width:100%;
	margin-top:16px;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__label{
	flex:0 0 auto;
	min-width:0;
	font-size:clamp(14px, 3.4vw, 16px);
	line-height:1.4;
	color:#333;
	white-space:nowrap;
	padding-top:0;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__groups{
	flex:1 1 auto;
	display:flex;
	flex-wrap:nowrap;
	gap:clamp(10px, 2.2vw, 20px);
	align-items:flex-start;
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__group{
	flex:0 0 auto;
	min-width:0;
	text-align:center;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__icons{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:clamp(8px, 1.8vw, 14px);
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__icon img{
	width:clamp(32px, 8vw, 40px);
	height:clamp(32px, 8vw, 40px);
	max-width:40px;
	max-height:40px;
	border-radius:50%;
	display:block;
	object-fit:cover;
	box-shadow:0 6px 18px rgba(0,0,0,0.06);
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__name{
	margin-top:6px;
	font-size:clamp(12px, 3.2vw, 14px);
	line-height:1.3;
	color:#666;
	white-space:nowrap;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__divider{
	height:1px;
	background:#efefef;
	margin:8px auto 6px;
	width:72%;
}
.prod_detail .advantag .adv_item_desc .pro-adv-thickness__value{
	font-size:clamp(14px, 3.6vw, 16px);
	line-height:1.3;
	font-weight:600;
	color:#333;
}

/* Pad: 让每组更容易换行 */
@media (max-width:1024px){
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness{gap:18px}
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness__label{font-size:16px}
	/* 平板也保持同一行展示（不足则横向滚动） */
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness__groups{flex-wrap:nowrap;overflow-x:auto;gap:18px}
}

/* PAD override: increase ul max-width to 95% for better layout on tablets */
@media (max-width:1024px) {
    .prod_detail .advantag .adv_item_desc ul {
        max-width: 95% !important;
    }
}

/* Phone: 标题上移为一行，内容两列自适应 */
@media (max-width:768px){
	/* 手机：标题单独一行，内容另起一行（内容本身仍保持一行，不足则横向滚动） */
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness{flex-direction:column;gap:10px}
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness__label{min-width:0;padding-top:0}
	.prod_detail .advantag .adv_item_desc .pro-adv-thickness__groups{width:100%;gap:12px}
	.prod_detail .advantag .adv_item_desc ul{max-width:100%;}
}

/* Mobile/tablet: nudge the globe icon slightly downward */
@media (max-width:1024px){
	.mod_head_ri_lang .mhrl_topimg1{position:relative;top:15px}
}