/*初始化样式*/
html { margin: 0; padding: 0; border: 0; }
body, div, span, h2, h3, p, a, img, dd, ul, li, form { margin: 0; padding: 0; border: 0; }
body { background: #fff; color: #333; position: relative; font: 14px/1.5 PlusJakartaSans-Regular, Microsoft YaHei, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden; }
a { text-decoration: none; outline: none; }
a:hover, a:active, a:focus { /* text-decoration:none;
	*//* outline:none;
	*/ }
input { padding: 0; margin: 0; font-family: "PlusJakartaSans-SemiBold"; }
img { border: none; background: none; vertical-align: middle; }
ul, li { list-style-type: none; }
input, img { vertical-align: middle; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1 }
.clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; }
.home_product_list { margin-top: 60px; clear: both; }
.home_product_list h2 { font-size: 48px; color: #333333; margin: auto; text-align: center; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.home_product_list .product_list_desc { color: #888888; font-size: 18px; text-align: center; margin: 20px auto auto auto; }
.home_product_list .gift-banner { position: relative; width: 100%; display: flex; justify-content: flex-start; /* 文字靠左对齐 */ align-items: center; overflow: hidden; /* 隐藏动画初始的偏移内容 */ margin-top: 45px; clear: both; }
.home_product_list .banner-img { width: 100%; height: auto; /* 高度自适应，保持图片比例 */ display: block; /* 去除图片默认间隙 */ }
/* 文字内容容器 - 绝对定位覆盖在图片上 */
.home_product_list .text-content { position: absolute; left: 5%; top: 45%; transform: translateY(-50%); /* 垂直居中 */ color: white; z-index: 2; /* 确保文字在图片上方 */ max-width: 600px; /* 限制文字宽度，避免大屏下太宽 */ padding: 20px 0; }
.home_product_list .main-title { font-size: 48px; /* 响应式字体：小屏2rem，大屏3rem */ font-family: "PlusJakartaSans-SemiBold", Microsoft YaHei, sans-serif; margin-bottom: 1.2rem; /*transform: translateY(30px);
            opacity: 0;
            animation: slideUp 0.8s ease forwards;
            animation-delay: 0.2s;*/ line-height: 1.2; }
.home_product_list .sub-title { font-size: 20px; /* 响应式字体 */ line-height: 1.6; margin-bottom: 1.8rem;/*transform: translateY(30px);
            opacity: 0;
            animation: slideUp 0.8s ease forwards;
            animation-delay: 0.5s;*/ }
/* 按钮样式 */
.home_product_list .more-btn { display: inline-block; padding: 1.2rem 1.8rem; background-color: white; color: #333; text-decoration: none; border-radius: 10px; font-size: 16px; font-weight: 500; transition: all 0.3s ease; transform: translateY(30px);/*opacity: 0;
            animation: slideUp 0.8s ease forwards;
            animation-delay: 0.8s;*/ }
/* 按钮hover交互效果 */
.home_product_list .more-btn:hover { background-color: #e1e2e3; transform: translateY(25px); /* 轻微上移 */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

        /* 从下往上滑动动画 */
        @keyframes slideUp {
 to {
 transform: translateY(0);
 opacity: 1;
}
}

/* 小屏适配：调整文字位置和间距 */
@media (max-width: 768px) {
.home_product_list .text-content { left: 3%; max-width: 80%; }
.home_product_list .main-title { margin-bottom: 1rem; }
.home_product_list .sub-title { margin-bottom: 1.5rem; }
}
/* 商品列表容器 - 一行4列布局 */
.gift-products { width: 100%; margin: 0 auto; overflow: hidden; padding: 30px 0 30px 0;/*display: grid; grid-template-columns: repeat(4, 1fr);  一行4列  gap: 20px; /* 列/行间距 */ }
.scroll-wrapper { display: flex; transition: transform 0.5s ease-out; }
/* 单个商品卡片 */
.product-card { /*width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;*/ width: 25%;        /* 一行4个 → 自适应等分 */ flex-shrink: 0;    /* 关键：不压缩 */ padding: 0 8px;    /* 左右间距 */ overflow: hidden; background: #fff; }
/* 商品图片 */
.product-img { width: 100%; height: auto; border-radius: 16px; display: block; }
/* 商品标题容器 - 弹性布局，标题左，图标右 */
.product-title-wrap { width: 100%; display: flex; justify-content: space-between; /* 两端对齐 */ align-items: center; font-size: 16px; color: #333; padding: 10px 0 10px 0; }
/* 商品标题文字 */
.product-title { flex: 1; font-size: 20px; font-family: "PlusJakartaSans-SemiBold", Microsoft YaHei, sans-serif; }
/* 购物车图标（可点击） */
.cart-icon { width: 28px; height: 28px; cursor: pointer; /* 鼠标指针变手型，提示可点击 */ margin-left: 8px; /* 与标题保持小间距 */ text-align: center; line-height: 28px; background-color: #2d7fd1; transition: transform 0.2s ease; /* 点击时轻微缩放 */ border-radius: 14px; }
/* 购物车图标hover/点击效果 */
.cart-icon:hover { transform: scale(1.1); /* hover时放大一点 */ }
.cart-icon:active { transform: scale(0.95); /* 点击时缩小一点，模拟按压 */ }
/* 按钮容器 */
.btn-group { display: flex; gap: 10px; margin-top: 4px; }
/* 通用按钮样式（确保可点击） */
.product-btn { padding: 8px 16px; border-radius: 20px; /* 圆角匹配设计 */ font-size: 14px; font-weight: 500; cursor: pointer; /* 手型指针 */ transition: all 0.3s ease; /* 平滑过渡 */ border: none; outline: none; text-decoration: none; /* 清除a标签下划线 */ display: inline-block; text-align: center; /* 确保按钮可点击区域足够 */ min-width: 100px; }
/* Get a Quote 按钮 */
.quote-btn { background-color: #2d7fd1; color: white; }
/* Learn More 按钮 */
.learn-btn { background-color: transparent; color: #030303; border: 1px solid #030303; }
/* 按钮hover淡背景色效果 */
.quote-btn:hover { background-color: #5790f0; /* 稍浅的蓝色 */ opacity: 0.9; /* 淡色效果 */ color: #FFFFFF; }
.learn-btn:hover { background-color: rgba(0, 113, 227, 0.1); /* 淡蓝色透明背景 */ color: #000000; }

/* 小屏自适应 */
@media (max-width: 1200px) {
.gift-products { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
.gift-products { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
.gift-products { grid-template-columns: 1fr; }
}
.home_about_us { margin-top: 40px; clear: both; background-color: #f9f9f9; padding-bottom: 100px; }
.home_about_us h2 { font-size: 48px; text-align: center; padding: 60px 0 20px 0; color: #333; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.home_about_us .subtitle { font-size: 18px; color: #888888; text-align: center; padding-bottom: 48px; }
/* 主体内容布局 */
.main-content { display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px; }

/* 响应式：大屏横向布局 */
@media (min-width: 992px) {
.main-content { flex-direction: row; }
.text-section { width: 50%; }
.text-section p { width: 90%; }
.image-section { width: 50%; }
}
/* 左侧文字区域 */
.main-content h2 { font-size: 36px; font-weight: bold; color: #333; margin: auto auto 20px auto; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.main-content .subtitle { color: #777; margin-bottom: 25px; font-size: 16px; }
.text-section p { margin-bottom: 15px; color: #555; font-size: 16px; line-height: 1.7; }
.learn-more-btn { display: inline-block; padding: 8px 24px; border: 1px solid #0071e3; color: #0071e3; border-radius: 20px; text-decoration: none; margin-top: 10px; transition: all 0.3s ease; }
.learn-more-btn:hover { background-color: #0071e3; color: white; }
/* 右侧图片区域 */
.image-section { position: relative; cursor: pointer; }
.factory-img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
/* 播放按钮覆盖层 */
.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(255,255,255,0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.play-btn svg { width: 28px; height: 28px; fill: none; stroke: #0071e3; stroke-width: 2; }
/* 视频弹窗样式 */
.video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 9999; align-items: center; justify-content: center; }
.video-modal.active { display: flex; }
.modal-content { width: 90%; max-width: 900px; position: relative; }
.close-btn { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.video-container { width: 100%; height: 500px; }
/* 统计数字栏样式 */
.stats-bar { display: flex; flex-wrap: wrap; background-color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 45px 0; margin-top: -320px; position: relative; z-index: 10; width: 94%; }
.stat-item { flex: 1; text-align: center; padding: 10px 30px; border-right: 1px solid #d6d6d6; }
.stat-item:first-child { background-color: #2d7fd1; color: white; margin: -45px -20px -45px 0px; padding: 50px 30px 10px 30px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right: 0px; }
.stats-bar .stat-item:last-child { border-right: 0px; }
.stat-number { font-size: 50px; margin-bottom: 8px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.stat-item:first-child .stat-number { color: white; }
.stat-item:not(:first-child) .stat-number { color: #2d7fd1; }
.stat-desc { font-size: 14px; font-family: PlusJakartaSans-Regular, Microsoft YaHei, sans-serif; color: #666; }
.stat-item:first-child .stat-desc { color: white; }
/*end 2026-03*/
.borimg { position: relative; }
.borimg img { width: 100%; }
.bortext { position: absolute; top: 50%; width: 100%; padding: 50px; text-align: left; transform: translateY(-50%); }
.bortext h2 { font-size: 3vw; color: #fff; margin-bottom: 20px; font-weight: bold; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.bortext h3 { font-size: 16px; color: #fff; margin-bottom: 60px;/* font-weight: bold; */ line-height: 1.8; }
.tow_hu h2 { color: #000; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.tow_hu h3 { color: #000; }
.bortext .trye {/* margin-top:60px; */ }
.bortext .trye a { font-size: 16px; padding: 10px 40px; background: #2d7fd1; color: #fff; border-radius: 60px;/* box-shadow: 0 0 15px 0 #fff; */ margin-right: 5%; font-weight: bold; display: inline-block; }
.bortext .trye a:nth-child(2) { padding: 0; }
.bortext p { font-size: 26px; color: #000; letter-spacing: 0; }
.bortexert { width: 45%; float: left; text-align: left; }
.xymob-search.clicked { left: 0; }
.page-banner .bortexert { width: 100%; float: right; text-align: center; }
.page-banner .bortext { top: 10% }
.nvamian { padding-left: 30px; background: url(../images/home.png) no-repeat left; }
.page-bannermo .bortext { position: absolute; top: 25%; width: 100%; padding: 20px; text-align: left; }
.page-bannermo .bortext h2 { font-size: 12px; color: #000; margin-bottom: 20px; font-weight: normal; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.page-bannermo .bortext h3 { font-size: 18px; color: #000; margin-bottom: 20px; }
.nva980 { display: none; }

@media (max-width: 990px) {
.stat-number { font-size: 30px; margin-bottom: 8px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
}

@media (max-width: 990px) {
.page-wrap-left { display: block; }
}

@media (max-width: 980px) {
.page-bannermo { margin-top: 60px; }
.bortexert { width: 100% }
.bortext { position: absolute; /* top: 10%; */ width: 100%; padding: 20px; text-align: left; }
.bortext h3 { font-size: 14px; /* color: #fff; */ display: none; margin-bottom: 10px; }
.bortext h2 { font-size: 14px; color: #000; margin-bottom: 0; font-weight: normal; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.bortext .trye a { font-size: 12px; padding: 8px 20px; background: #37a218; color: #fff; border-radius: 60px; box-shadow: 0 0 15px 0 #37a218; }
.page-bannermo .bortext h3 { font-size: 14px; color: #000; margin-bottom: 20px; }
.bortext p { font-size: 12px; color: #fff; letter-spacing: 0; }
.page-bannermo .bortext h2 { display: none; }
}
/*主体样式*/
.w1200 { max-width: 1400px; margin: auto; }
/*热门关键词*/

.yt-title { text-align: left; /* width: 50%; */ display: flex; justify-content: space-between; margin-bottom: 35px; }
.left_yiyirl { width: 50%; }
.sdi_jo { width: 40%; position: relative; display: flex; justify-content: flex-end; color: #999; font-size: 16px; align-items: flex-end; }
.yt-title h2, .ytptitle h2 { font-size: 48px; color: #333333; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; padding-top: 20px; }
.yt-title p, .ytptitle p { font-size: 18px; color: #888888; ine-height: 1.5; padding: 20px 30px 10px 0px; }
.ytptitle h2 { text-align: center; width: 100%; color: #333; margin-top: 40px; }
.ytptitle p { text-align: center; width: 100%; }
.yt-con { /* background:#f8ad19;
	*/ /* padding:30px;
	*/ border-radius: 10px; text-align: center; }
.abo-number { /* padding-bottom:2.7vw;
	*/ display: flex; justify-content: space-between; flex-wrap: wrap; }
.abo-number li { /* text-align:center; */ width: 24%; /* padding-right: 9.5%; */ border: 1px solid #ddd; /* border-radius: 20px; */ margin-bottom: 2%; }
.abo-number li h2 { font-size: 14px; letter-spacing: 0px; color: #666; display: inline-block; margin-top: 15px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.abo-number li h3 { color: #000; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; /* text-align: center; */ line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.abo-number li p { color: #000; font-size: 14px; font-weight: normal; margin: 20px 0; /* text-align: center; */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.abo-number li b { color: #8a589f; font-size: 15px; font-weight: bold; margin: 20px 0;/* text-align: center; *//* border-bottom: 1px solid #ddd; *//* padding-bottom: 5px; */ }
.abo-number li:hover h3 { color: #209f96; }
.abo-number li:hover b { color: #209f96; }
.abo-number li div { /* width:100%;
	*/ /* margin:0px auto;
	*/ overflow: hidden; }
.abo-number li div span { font-size: 15px; }

@media(max-width:1024px) {
.abo-number li h3 { font-size: 50px; }
}
/* {
	# 易推优势中心 #
}
*/
/* .news_auto ul li .news_imgs:hover  .news_title {
	*/
    /* position:absolute;
	*/
    /* bottom:30%;
	*/
    /* background:none;
	*/
    /* width:90%;
	*/
	/* margin:auto;
	*/
    /* padding:3vh 0;
	*/
    /* border-bottom:2px solid #fff;
	*/
    /* border-top:2px solid #fff;
	*/
	 /* transform:translate(5%);
	*/
/*
}
*/
/* {
	# 易推联系 #
}
*/
/* {
	# 易推客户 #
}
*/
.img_mn img { width: 100%; }
.naiyrt { display: flex; margin-top: 30px; justify-content: space-between; }
.img2s { display: none }
.zixun-left ul li:hover .naiyrt .img1s { display: none }
.zixun-left ul li:hover .naiyrt .img2s { display: block }
.yt-news { padding: 3.7% 0; }
.newsall { margin-top: 50px; display: flex; justify-content: center; }
.news-left { width: 50%; float: left; /* box-shadow:#f6f6f6 20px 0px 30px;
	*/ position: relative; }
.news-left::before { position: absolute; width: 35px; height: 558px; content: ''; right: -33px;/* background:url(../images/fb6f6da71cf9d079f5fd5a4b0e1474a0121ecc40.png) no-repeat right;
	*/ }
.tabsz { width: 92%; }
.tabsz li { }
.tabsz li a { color: #333333; font-size: 24px; line-height: 32px; font-weight: bold; }
.tabsz li a:hover { color: #005bac; }
.newscon { margin-top: 25px; width: 100%; }
.ttsz { display: none; }
.zixun-left { margin-bottom: 20px; }

/*底部样式*/
/*自适应调整*/@media(max-width:1164px) {
.news-left::before { display: none; }
}

@media(max-width:1140px) {
.abo-number li h3 { /* font-size:64px; */ }
}

@media(max-width:768px) {
.abo-number li h3 { font-size: 50px; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #333333; display: inline-block; margin-top: 8px; }
}

@media(max-width:768px) {
.news-left { background: none; }
}

@media(max-width:670px) {
.news-left { width: 100%; float: left; box-shadow: #f6f6f6 10px 5px 20px; }
.tabsz li a { color: #333333; font-size: 20px; line-height: 32px; font-weight: bold; }
}

@media(max-width:502px) {
.x-banner { margin-top: 60px; }
}

@media(max-width:376px) {
.x-banner { margin-top: 60px; }
}

@media (min-width:1200px) {
.container { /* width:1400px;
	*/ }
}

@media(max-width:376px) {
.x-banner { margin-top: 60px; }
}/*友情链接*/

/*页面底部*/
/*内页左侧样式*/
@media(max-width:768px) {
.tabsz li a { font-size: 20px; }
.newscon { margin-top: 20px; }
}

@media(max-width:640px) {
.yt-news { padding: 10px 0; }
.tabsz li a { font-size: 16px; }
}
.clear { clear: both; }

@media (max-width:768px) {
.news-left { width: 100%; float: left; box-shadow: #f6f6f6 0 0 0; padding: 0; }
}
/* 搜索 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* 轮播定标语 */
@media (max-width:968px) {
.h-leftall { width: 100%;/* background:#eeeeee;
	*//* padding:80px 15px 30px;
	*/ }
}

/*main*/

@media (max-width: 1440px) {
.product-title { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.news-left { width: 100%; position: relative; display: flex; justify-content: space-between; }
.news-left::before { position: absolute; width: 35px; height: 558px; content: ''; right: -33px;/* background:url(../images/fb6f6da71cf9d079f5fd5a4b0e1474a0121ecc40.png) no-repeat right;
	*/ }
.tabsz { width: 100%; }
.sdsukl { }
.tabsz li { width: 100%; text-align: left; }
.tabsz li a { color: #333; font-size: 18px; line-height: 32px; font-weight: 500; display: block; padding: 5px 0; font-weight: bold; }
.tabsz li a:hover { color: #005bac; filter: brightness(100%); }
.newscon { margin-top: 0; width: 100%; }
.ttsz { display: none; }
.wenisxin { /* display:flex;
	*//* justify-content:space-between;
	*//* align-items:center;
	*/ margin-bottom: 20px; padding-bottom: 0;/* border-bottom:1px solid #999;
	*/ }
.seer { padding: 20px 30px; }
.zixun-left { margin-bottom: 0; width: 100%; float: left; margin-right: 0; }
.zixun-left ul li { width: 31%; float: left; margin-left: 3%; border: 1px solid #ddd; border-radius: 30px; overflow: hidden; }
.zixun-left ul li:nth-child(1) { margin-left: 0 }
.zixun-left ul li dd { font-size: 14px; color: #999; text-align: center; width: 28%; border-right: 1px solid #999; margin-right: 5%; padding-right: 1%; }
.zixun-left ul li h3 { font-size: 20px; font-weight: bold; margin: 0 0 15px 0; color: #333; /* text-transform:uppercase;
	*/ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 26px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.zixun-left ul li p { font-size: 16px; /* margin:0 0 30px 0;
	*/ color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;/* font-weight:bold;
	*//* text-transform:uppercase;
	*/ }
.zixun-left ul li a { font-size: 16px; color: #000; padding: 30px 0 20px 0; }
.zixun-left li { /* margin-bottom:50px;
	*/ }
.zixun-left li:hover { }
.zixun-left li:hover h3 { /* color:#e60012; */ }
.zixun-left li:hover dd { color: #fff; border-right: 1px solid #fff; }
.zixun-left li:hover p { /* color:#e60012; */ }
.zixun-left li:hover .wenisxin { /* border-bottom:1px solid #fff;
	*/ }
.idnexser { /* display:flex;
	*/ /* justify-content:center;
	*/ /* align-items:center;
	*/ width: 22%; }
.swiper-slide img { max-width: 100%; }
.rijfks img { max-width: 100%; }

@media (max-width:1440px) {
.w1200 { max-width: 1200px; }
.x-menu>li>a { font-size: 14px; }
.dlogo { width: 10%; }
.nieron h3 { font-size: 16px; margin-bottom: 20px; }
.nieron h2 { font-size: 40px; margin-bottom: 20px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.nieron p { /* font-size: 13px; */ }
.meid h2 { font-size: 16px; margin-bottom: 10px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
#certify3 .swiper-slide p { font-size: 13px; }
.right_o1 ul li h2 { font-size: 18px; margin-bottom: 15px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.right_o1 ul li p { font-size: 13px; }
.left_zhen p { color: #fff; font-size: 14px; margin-bottom: 10px; }
.left_zhen h2 { font-size: 20px; color: #fff; margin-bottom: 20px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.wss .foot-left:nth-child(1) p a { font-size: 14px; /* color: #fff; */ line-height: 35px; }
.wss .foot-left:nth-child(2) p a { font-size: 14px; line-height: 35px; }
.wss .foot-left:nth-child(3) p { font-size: 14px; /* color: #fff; */ line-height: 35px; }
}

@media (max-width:1250px) {
.w1200 { max-width: 980px; }
.x-menu>li>a { font-size: 12px; }
.luguans { font-size: 12px; color: #000; }
.dlogo { width: 8%; margin-right: 2%; }
.left_ppcs ul li a { font-size: 14px; }
.list-honor li h2 { color: #222; font-size: 34px; font-weight: bold; margin: 10px 0 15px 0; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
#certify .swiper-button-prev { /* left: 44%; */ }
#certify .swiper-button-next { /* right: 43%; */ }
.meid { width: 50%; padding: 30px 20px; }
#certify3 .swiper-slide p { font-size: 14px; }
.meid h2 { font-size: 22px; margin-bottom: 10px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.right_o1 ul li h2 { font-size: 16px; margin-bottom: 15px; }
.right_o1 ul li p { font-size: 12px; }
.a_jkty a { font-size: 14px; }
.abo-number li h2 { /* font-size: 40px; */ }
#certify2s .swiper-button-prev { left: 42%; }
#certify2s .swiper-button-next { right: 42%; }
#certify5s .swiper-button-prev { left: 42%; }
#certify5s .swiper-button-next { right: 42%; }
.left_zhen h2 { font-size: 16px; margin-bottom: 15px; }
.left_zhen p { color: #fff; font-size: 12px; margin-bottom: 10px; }
.left_img h3 { font-size: 18px; margin-bottom: 20px; }
.left_img p { font-size: 12px; color: #222; margin-bottom: 5px; /* font-weight: bold; */ padding-left: 25px; background: url(../images/quan.png) no-repeat left; }
.autouy_naose ul li h3 { font-size: 27px; color: #fff; font-weight: bold; }
.left_img h2 { font-size: 14px; color: #222; margin-bottom: 10px; }
.abto_suibain .btn-primary {/* width: 40%; */ font-size: 14px; }
.abto_suibain textarea.form-control { height: 120px; color: #000; }
.abto_suibain .input-lg { height: 36px; padding: 10px 16px; font-size: 14px; line-height: 1.3333333; border-radius: 6px; margin-bottom: 15px; }
.abto_suibain .form-group { margin-bottom: 20px;/* text-align: center; */ }
.zixun-left ul li p { font-size: 14px; }
.foot_nav h2 { font-size: 16px; color: #fff; margin-bottom: 15px; text-align: left; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 15px; }
.baer80 p { font-size: 16px; }
.wss .foot-left:nth-child(1) p a { line-height: 30px; }
.wss .foot-left:nth-child(2) p a { line-height: 30px; }
.wss .foot-left:nth-child(3) p { line-height: 30px; }
.fl-left { font-size: 12px; }
}

@media (max-width:1090px) {
.product-btn { padding: 4px 4px; }
.cart-icon { width: 24px; height: 24px; line-height: 24px; }
}
.process-header { text-align: center; padding-bottom: 50px; background-color: #f9f9f9; }
.process-header h2 { font-size: 48px; margin-bottom: 15px; color: #333; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; padding-top: 55px; }
.process-header p { font-size: 18px; color: #888; margin: 0 auto; line-height: 1.6; }
/* 流程卡片容器 - 核心：一行4列布局 */
.process-grid { margin: 0 auto; display: flex; flex-wrap: wrap; gap: 5.33%; /* 卡片之间的间距 */ background-color: #f9f9f9; }
.process-header .subtitle { margin-bottom: 40px; }
/* 流程行：强制一行4个 
.process-row { display: flex; width: 100%; gap: 20px; margin-bottom: 40px; }
.process-row:last-child { margin-bottom: 0; }*/
/* 流程卡片：平均分配宽度 */
.process-card { text-align: center; position: relative; width: 21%; box-sizing: border-box; margin-bottom: 40px; }
/* 箭头：卡片右侧显示（最后一个卡片不显示） */
.process-card:not(:last-child)::after { content: ""; /* 留空，不要写文字 */ position: absolute; right: -18%; top: 50%; transform: translateY(-50%); width: 23px; height: 18px; background-image: url("../images/icon.png"); background-size: contain; background-repeat: no-repeat; }
.process-card:nth-child(4n)::after { content: ""; background-image: none }
/* 图片容器 - 圆角+悬停效果 */
.process-img-wrapper { overflow: hidden; border-radius: 12px; /* 圆角效果 */ margin-bottom: 20px; transition: all 0.3s ease; /* 过渡动画 */ box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.process-img-wrapper img { width: 100%; display: block; height: 200px; /* 固定图片高度，保证排版统一 */ object-fit: cover; /* 图片等比例填充，不拉伸 */ transition: transform 0.3s ease; }
/* 鼠标悬停效果：缩放+阴影加深 */
.process-img-wrapper:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.process-img-wrapper:hover img { transform: scale(1.05); /* 图片轻微放大 */ }
/* 流程卡片标题和描述 */
.process-card h3 { font-size: 20px; margin-bottom: 10px; color: #222; text-transform: capitalize; }
.process-card p { font-size: 14px; color: #666; line-height: 1.5; padding: 0 10px; }

@media (max-width:980px) {
.hezuo_auto .swiper-container .swiper-button-next { right: 38%; width: 32px; height: 32px; background: url(../images/ris.png) no-repeat; background-size: 100%; }
.hezuo_auto .swiper-container .swiper-button-prev { left: 38%; width: 32px; height: 32px; background: url(../images/les.png) no-repeat; background-position: 0 0; background-size: 100%; }
.yeshsi .ifo_auto ul li { /* width: 48%; */ text-align: center; padding: 20px 15px; background: #fff; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; }
.anli .anli_auto { margin-top: 0; }
.yt-title p { font-size: 12px; /* color: #666; */ /* padding: 10px 0; */ line-height: 1.5; }
.nanao .nan_auto ul li { width: 48%; margin-bottom: 5%; }
.nanao .nan_auto h3 { font-size: 24px; color: #fff; margin: 0 0 20px 0; }
.nanao .nan_auto p { font-size: 14px; color: #fff; margin-bottom: 15px; }
.he_auto ul li { width: 48%; text-align: center; margin-bottom: 3%; background: #fff;/* border-radius: 25px; */ }
.he_auto ul li h3 { font-size: 14px; font-weight: bold; margin: 20px 15px; color: #000; }
.shuzifo { padding: 20px 0; background: url(../images/fo.jpg); }
.left_foxin { width: 100%; }
.left_foxin h3 { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.autouy_naose ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.autouy_naose ul li { width: 100%; padding: 20px; background: #45d4ca; text-align: center; border-radius: 15px; display: flex; margin-bottom: 20px; }
.left_foxin p { font-size: 15px; color: #fff; }
.yt-title { padding: 20px 0; }
.h-left { padding-top: 0; }
.sdsukl { flex-wrap: wrap; }
.tabsz li { float: left; padding-right: 0; width: 100%; text-align: center; margin-bottom: 5px; }
.newsall { margin-top: 0; }
.newscon { margin-top: 20px; width: 100%; }
.zixun-left ul li { width: 100%; margin-left: 0; margin-bottom: 5%; }
.seer { padding: 10px; }
.zixun-left ul li dd { width: 40%; }
.h-hree { display: none; }
.yt-title h2 { font-size: 24px; }
.h-cplas { padding: 20px 0; }
.h-cplas .ppgf_aauto { /* display: flex; */ /* justify-content: space-between; */ margin-top: 0; }
.left_ppcs ul { flex-wrap: wrap; justify-content: space-between; }
.left_ppcs ul li { margin: 5px 0px; width: 48%; }
.left_ppcs ul li a { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.strengthHome { width: 100%; margin-top: 10px; }
.strengthHome .coll { position: relative; /* height: 600px; */ margin: 0; }
.list-honor { display: flex; justify-content: space-between; flex-wrap: wrap; }
.list-honor>li { text-align: center; /* width: 48%; */ margin-bottom: 10px; flex-wrap: wrap; }
.nairfg { padding: 10px; background: #f6f6f6; width: 100%; }
.list-honor li h2 { color: #222; font-size: 20px; font-weight: bold; margin: 10px 0 15px 0; }
.inputs { font-size: 12px; }
.anli { padding: 10px 0 0; }
.diseo { /* background: url(../images/di2.jpg) no-repeat; */ padding: 30px 0 60px 0; margin-top: 10px; }
.nieron { padding: 0; }
#certify .swiper-slide { /* height: 300px; */ }
#certify .swiper-button-prev { left: 30%; }
#certify .swiper-button-next { right: 30%; }
.yt-hezuo { padding: 20px 0; background: #fff; }
.he_auto { padding: 10px 0 0 0; }
.nulied { flex-wrap: wrap; }
.zuimg { width: 100%; }
.meid { width: 100%; padding: 30px 20px; }
.sertsdwe .baoanxihuan2 { flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center; }
.baoanxihuan .left_o1 { width: 100%; margin-bottom: 10px; }
.baoanxihuan .right_o1 { width: 100%; margin-top: 10px; padding: 10px; }
.abo-number { /* padding-bottom: 2.7vw; */ display: flex; flex-wrap: wrap; justify-content: space-between; }
.abo-number li { /* text-align: center; */ width: 100%; margin-bottom: 10px; }
.abo-number li h2 { font-size: 14px; margin: 0 0 10px; }
.abo-number li h3 { font-size: 16px; line-height: 1.5; width: 100%; margin: 0;/* color: #fff; */ }
.reyuer { padding: 20px 0; }
.zheng_auto { width: 100%; margin: auto; margin-top: 20px; }
#certify2s .swiper-button-prev { left: 30%; }
#certify2s .swiper-button-next { right: 30%; }
#certify5s .swiper-button-prev { left: 30%; }
#certify5s .swiper-button-next { right: 30%; }
.yt-hezuo2s { padding: 20px 0; background: url(../images/zhen.jpg); margin-top: 20px; }
.yt-hezuo2s .he_auto2s { display: flex; justify-content: space-between; margin-top: 20px; flex-wrap: wrap; }
.left_zhen { width: 100%; padding: 30px 15px; background: url(../images/bb.png); }
#certify3s { width: 100%; position: relative; }
.hezuo { padding: 20px 0; background: url(../images/he.jpg) no-repeat; margin-top: 20px; }
.hezuoauto ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; }
.hezuoauto ul li { width: 49%; margin-bottom: 2%; }
.suibianer { padding: 20px 0; /* background: #f6f6f6; */ background-size: 100% 100%;/* margin-top: 50px; */ }
.suibianer .abto_suibain { display: flex; margin-top: 10px; }
.suibianer .abto_suibain { display: flex; margin-top: 10px; flex-wrap: wrap; }
.left_img { width: 100%; padding: 0; /* background: #fff; */ margin-top: 30px; }
.abto_suibain .input-lg { margin-bottom: 10px; height: 45px; }
.hezuoauto img { max-width: 100%; }
.abto_suibain .form-group { margin-bottom: 0;/* text-align: center; */ }
.left_img h3 { font-size: 20px; margin-bottom: 20px; }
.abto_suibain .btn-primary { /* width: 150px; */ font-size: 14px; margin-top: 10px; padding: 10px 20px; }
.rijfks { width: 100%; }
.sertsdwe .autouy_naose ul { flex-wrap: wrap; }
.sertsdwe .autouy_naose ul li { width: 48%; padding: 20px; background: #fff; text-align: center; border-radius: 15px; margin-bottom: 10px; }
.sertsdwe .autouy_naose ul li h3 { font-size: 30px; color: #000; }
.sertsdwe .autouy_naose ul li p { font-size: 12px; color: #666; }
.nanao { padding: 20px 0; }
.nanao .nan_auto { margin-top: 50px; }
.list-honor li .pic { /* text-align: center; */ /* display: table; */ width: 100%; }
.sertsdwe { padding: 20px 0; margin-top: 0; }
.sertsdwe .autouy_naose { margin-top: 0; }
.sertsdwe .baoanxihuan { /* display: flex; */ margin-top: 20px; /* justify-content: space-between; */ position: relative; }
.right_o1 ul li h3 { font-size: 20px; /* color: #e2141e; */ margin-bottom: 20px; }
.right_o1 ul li p { font-size: 14px; word-wrap: break-word; }
.diseo .syuhier .ytptitle { width: 100%; text-align: left; }
#certify .swiper-button-next, #certify .swiper-button-prev { top: 32%; }
#certify { position: relative; width: 100%; margin: 0 auto; padding-bottom: 0; }
.diseo { /* background: url(../images/di2.jpg) no-repeat; */ padding: 0; margin-top: 10px; }
.yt-hezuo .syuhier .ytptitle { width: 100%; text-align: left; padding: 0; }
#certify3 .swiper-button-next, #certify3 .swiper-button-prev { top: 27%; }
#certify3 .swiper-button-prev { left: 30%; }
#certify3 .swiper-button-next { right: 30%; }
.rijfks h3 { font-size: 24px; color: #e2141e; /* font-weight: bold; */ margin-bottom: 25px; }
.rijfks h4 { font-size: 15px; color: #000; /* font-weight: bold; */ margin: 10px 0 20px; }
.abto_suibain .form-group h3 { font-size: 16px; margin: 20px 0; }
.tips p { font-size: 14px; color: #000; line-height: 1.8; }
.feeding { padding: 30px 0; background: #f8f8f8; }
.feeding .feeb_auto { margin-top: 20px; }
.bortext .trye { /* margin-top: 60px; */ display: none; }
.jsiddf { padding: 20px 0 20px; }
.ko_moe h3 { font-size: 26px; }
.yt-title { flex-wrap: wrap; }
.left_yiyirl { width: 100%; }
.sdi_jo { width: 100%; position: relative; display: flex; justify-content: flex-end; color: #999; font-size: 16px; align-items: flex-end; margin-top: 30px; }
.swiper-button-next, .swiper-button-prev { display: none; }
.ko_moe { margin-top: 30px; padding: 20px; background: #2d7fd1; border-radius: 10px; text-align: center; }
.home_product_list { margin-top: 30px; clear: both; }
.home_product_list h2 { font-size: 24px; }
.home_product_list .product_list_desc { color: #888888; font-size: 16px; text-align: center; margin: 10px auto auto auto; }
.w1200 { max-width: 100%; }
.home_product_list .gift-banner { margin-top: 25px; }
.home_product_list .main-title { font-size: 20px; }
.home_product_list .sub-title { display: none; }
.home_product_list .more-btn { display: unset; padding: 5px 8px 5px 8px; border-radius: 6px; }
.product-card { width: 50%; }
.product-title { font-size: 14px; }
.btn-group { display: unset; }
.product-btn { width: 100%; margin-bottom: 8px; }
.home_about_us { margin-top: 20px; }
.home_about_us h2 { font-size: 24px; text-align: center; }
.home_about_us .subtitle { font-size: 16px; color: #888888; text-align: center; padding-bottom: 24px; }
.text-section p { margin-bottom: 15px; color: #555; font-size: 16px; line-height: 1.6; }
.stats-bar { display: block; flex-wrap: wrap; background-color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 0; margin-top: -120px; position: relative; z-index: 10; width: 100%; margin: -120px auto auto auto; }
.stat-item:first-child { background-color: #2d7fd1; color: white; margin: 0 0 0 0; padding: 20px 30px 20px 30px; border-radius: 8px; width: 100%; }
.stat-number { font-size: 30px; }
.yt-title h2, .ytptitle h2, .ytptitle2 h2 { padding-top: 0; font-size: 24px; text-align: center; }
.yt-title { margin-bottom: 0; }
.yt-title p, .ytptitle p, .ytptitle2 p { font-size: 16px; padding: 10px 0 10px 0px; text-align: center; }
.nanao .nan_auto { margin-top: 0px; }
.stat-item { border-right: 0; }
.process-header h2 { font-size: 22px; margin-top: 15px; }
.process-header p { font-size: 16px; word-wrap: break-word; color: #888888; }
.process-header { text-align: center; padding-bottom: 0; }
.process-header .subtitle { padding: 10px 0 30px 0; width: 100%; }
.process-card { width: 44%; }
.process-grid { gap: 12%; }
.process-card:nth-child(2n) { gap: 0; }
.process-card:nth-child(2n)::after { content: ""; background-image: none; width: 0; }
.process-card:not(:last-child)::after { right: -22%; top: 30%; }
.process-card h3 { font-size: 16px; }
.process-img-wrapper img { height: auto; }
.process-card p { font-size: 14px; }
.home_about_us { padding-bottom: 30px; }
}
.fly-number { position: absolute; width: 24px; height: 24px; border-radius: 50%;        /* 圆形 */ background: #ff6700;      /* 背景色 */ color: #fff;              /* 数字白色 */ font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center; pointer-events: none; /* 先慢后快：ease-out */ animation: flyToCart 0.8s ease-out forwards; }
@keyframes flyToCart {
0% {
 opacity: 0;
 transform: scale(1);
}
20% {
 opacity: 0.5;
 transform: scale(1);
}
60% {
 transform: scale(1.3);
}
80% {
opacity: 0.9;
transform: scale(2);
}
90% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
 transform: translate(var(--x), var(--y)) scale(0.5);
}
}