/* =====================================================================
   VOTEN Dental — 站点样式
   颜色与尺寸均按旧站（votendental.com）实测值还原，便于后续统一调整：
   --navy: 顶部栏 / 强调色   --primary: 主按钮   --dark: 深色按钮与页脚
   ===================================================================== */
:root {
  --navy: #103178;
  --primary: #122989;
  --dark: #11147d;
  --text: #666;
  --title: #333;
  --black: #040404;
  --line: #eee;
  --gray-bg: #f2f2f2;
  --font: "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --wp: 1200px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); font-size: 14px; color: var(--text); background: #fff; line-height: 1.6; }
img { max-width: 100%; height: auto; border: 0; }
a { color: inherit; text-decoration: none; transition: color .2s, background-color .2s, opacity .2s; }
ul, ol { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
button { font-family: inherit; cursor: pointer; }
input, textarea, button { font-family: inherit; font-size: inherit; }
.wp { width: var(--wp); max-width: 100%; margin: 0 auto; }
.cl::after { content: ""; display: table; clear: both; }
.ico { display: inline-flex; width: 1em; height: 1em; vertical-align: middle; }
.ico svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[hidden] { display: none !important; }

/* ---------------- 顶部栏 ---------------- */
.sitetop { background: var(--navy); height: 56px; color: #fff; }
.sitetop .wp { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.sitetop .email { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.sitetop .email .ico { font-size: 18px; }
.sitetop .email a { color: #fff; }
.sitetop-right { display: flex; align-items: center; gap: 18px; }
.sitetop .search-btn, .sitetop .mo-search-btn, .sitetop .mo-menu-btn { background: none; border: 0; color: #fff; font-size: 20px; padding: 4px; display: inline-flex; }
.sitetop .mo-menu-btn, .sitetop .mo-search-btn { display: none; }
.sitetop .line { width: 1px; height: 18px; background: rgba(255,255,255,.35); }
.header-lang .box { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; cursor: default; }
.header-lang img { width: 27px; height: 18px; }
.sitetop .share { display: flex; gap: 8px; }
.sitetop .share a { width: 31px; height: 31px; border-radius: 50%; background: var(--dark); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.sitetop .share a:hover { background: #fff; color: var(--dark); }

/* 搜索弹层 */
.search-box { background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 8px 20px rgba(0,0,0,.08); }
.search-box .box { width: var(--wp); max-width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 12px; padding: 14px 15px; }
.search-box form { flex: 1; display: flex; }
.search-box .submit_text { flex: 1; height: 44px; border: 1px solid #ddd; padding: 0 15px; font-size: 15px; outline: none; }
.search-box .submit_btn { width: 54px; border: 0; background: var(--primary); color: #fff; font-size: 20px; }
.search-box .close { border: 0; background: none; font-size: 22px; color: #666; }

/* ---------------- 主导航 ---------------- */
.header { background: #fff; height: 112px; position: relative; z-index: 50; }
.header .wp { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.header .logo img { width: 180px; height: 59px; object-fit: contain; }
.header-right { display: flex; align-items: center; }
.nav > ul { display: flex; gap: 30px; }
.nav > ul > li { position: relative; }
.nav > ul > li > a { display: block; line-height: 40px; font-size: 21px; color: #212121; }
.nav > ul > li:hover > a, .nav > ul > li.active > a { color: var(--primary); }
.nav ul ul { position: absolute; left: 0; top: 100%; background: #fff; width: 240px; padding: 10px 7px; border-radius: 6px; box-shadow: 0 6px 20px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .25s; z-index: 60; }
.nav > ul > li:hover ul { opacity: 1; visibility: visible; transform: translateY(0); }
.nav ul ul li a { display: block; padding: 9px 20px 9px 10px; font-size: 16px; line-height: 21px; color: #333; border-radius: 4px; text-transform: capitalize; }
.nav ul ul li a:hover { background: var(--primary); color: #fff; }
.header .quote { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: var(--primary); color: #fff; font-size: 13px; font-weight: 500; margin-left: 40px; }
.header .quote:hover { background: var(--dark); }
.header .mo-menu-btn { display: none; background: none; border: 0; font-size: 28px; color: var(--navy); }

/* 移动端侧滑菜单 */
.mo-leftmenu { position: fixed; top: 0; left: 0; bottom: 0; width: 300px; max-width: 85vw; background: #fff; z-index: 200; overflow-y: auto; box-shadow: 4px 0 20px rgba(0,0,0,.2); }
.mo-leftmenu .tit { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: var(--navy); color: #fff; }
.mo-leftmenu .tit h6 { font-size: 16px; font-weight: 600; }
.mo-leftmenu .tit .close { background: none; border: 0; color: #fff; font-size: 22px; }
.mo-leftmenu > ul > li { border-bottom: 1px solid var(--line); position: relative; }
.mo-leftmenu > ul > li > a { display: block; padding: 14px 20px; font-size: 16px; color: #212121; font-weight: 600; }
.mo-leftmenu .sub-toggle { position: absolute; right: 8px; top: 8px; background: none; border: 0; font-size: 22px; color: #666; padding: 6px; }
.mo-leftmenu ul ul { display: none; background: #f7f7f7; padding: 6px 0; }
.mo-leftmenu li.open ul { display: block; }
.mo-leftmenu ul ul li a { display: flex; align-items: center; gap: 8px; padding: 10px 20px 10px 28px; font-size: 14px; color: #444; }
.menu-mask { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 190; }

/* ---------------- 首页：轮播 ---------------- */
.slider { position: relative; overflow: hidden; }
.slider-track { display: flex; transition: transform .5s ease; will-change: transform; }
.slider .slide { flex: 0 0 100%; min-width: 0; }
.slider.dragging .slider-track { transition: none; }
.slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 25px; }
.slider-dots button { width: 40px; height: 4px; border: 0; background: #d8d8d8; padding: 0; border-radius: 2px; }
.slider-dots button.on { background: var(--primary); }
.banner { background: var(--navy); }
.banner .slide img { display: block; width: 100%; height: auto; aspect-ratio: 1920 / 859; object-fit: cover; }
.banner .slider-dots { position: absolute; left: 0; right: 0; bottom: 30px; margin: 0; }
.banner .slider-dots button { background: rgba(255,255,255,.6); }
.banner .slider-dots button.on { background: var(--primary); }

/* ---------------- 首页：Hot product ---------------- */
.featured { background: var(--gray-bg); padding: 70px 0; }
.featured .tit { text-align: center; }
.featured .tit h3, .foot-form .txt h5, .main-products h3 { font-size: 48px; font-weight: 700; text-transform: uppercase; color: var(--black); line-height: 1.1; }
.featured .tit p { font-size: 15px; font-weight: 300; color: var(--black); margin-top: 25px; }
.featured .list { margin-top: 40px; }
.featured .slide { flex-basis: calc((100% - 32px) / 3); margin-right: 16px; }
.featured .pic { display: block; position: relative; background: #fff; overflow: hidden; }
.featured .pic img { display: block; width: 100%; aspect-ratio: 389 / 328; object-fit: cover; transition: transform .4s; }
.featured .pic:hover img { transform: scale(1.04); }
.featured .fun-btn { display: none; }
.featured h5 { background: #fff; padding: 15px; text-align: center; font-size: 18px; font-weight: 400; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid var(--line); }
.featured h5 a:hover { color: var(--primary); }

/* ---------------- 首页：About ---------------- */
.company-intro { display: flex; align-items: center; padding: 40px 0; background: #fff; }
.company-intro .video { position: relative; display: block; width: 50%; flex: 0 0 50%; }
.company-intro .video img { display: block; width: 100%; aspect-ratio: 720 / 490; object-fit: cover; }
.play { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; border-radius: 50%; background: rgba(18,41,137,.85); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; transition: transform .2s; }
.play svg { fill: #fff; }
a:hover > .play { transform: scale(1.08); }
.company-intro .txt { padding: 0 50px; flex: 1; }
.company-intro .txt em, .foot-form .txt em { display: inline-block; font-style: normal; font-size: 17px; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 8px; }
.company-intro .txt h5 { font-size: 42px; font-weight: 700; text-transform: uppercase; color: #020202; line-height: 1.2; margin-top: 30px; }
.company-intro .txt .t { font-size: 17px; line-height: 30px; color: #1d1d1d; margin-top: 30px; }
.more, .company-intro .more { display: inline-block; min-width: 160px; height: 50px; line-height: 50px; padding: 0 20px; text-align: center; background: var(--dark); color: #fff; font-size: 17px; margin-top: 40px; }
.more:hover { background: var(--primary); }

/* ---------------- 首页：Our Products ---------------- */
.home-categories { padding: 70px 0; }
.home-categories .tit { text-align: center; }
.home-categories .tit h3 { display: inline-block; font-size: 30px; font-weight: 700; color: var(--title); padding-bottom: 8px; border-bottom: 2px solid var(--title); line-height: 1.4; }
.home-categories .tab ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; }
.home-categories .tab li { font-size: 17px; font-weight: 600; line-height: 45px; padding: 0 20px; margin: 0 5px 10px; border: 1px solid #999; border-radius: 5px; color: #333; background: #fff; cursor: pointer; transition: all .2s; }
.home-categories .tab li:hover, .home-categories .tab li.on { background: #999; color: #fff; }
.home-categories .list { margin-top: 30px; }
.home-categories .context ul { display: flex; flex-wrap: wrap; }
.home-categories .context li { width: 25%; padding: 10px; text-align: center; }
.home-categories .context .pic { display: block; border: 2px solid #f5f5f5; position: relative; overflow: hidden; }
.home-categories .context .pic img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .4s; }
.home-categories .context .pic:hover img { transform: scale(1.05); }
.home-categories .context .pic .t { display: none; }
.home-categories .context h6 { margin-top: 15px; padding: 0 5px; }
.home-categories .context h6 a { font-size: 18px; font-weight: 600; color: var(--title); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.home-categories .context h6 a:hover { color: var(--primary); }

/* ---------------- 首页：Main product ---------------- */
.main-products { padding: 60px 0 30px; }
.main-products h3 { font-size: 50px; text-align: center; color: #000; }
.main-products ul { display: flex; flex-wrap: wrap; margin: 0 -6px; }
.main-products li { width: 25%; padding: 0 6px; margin-top: 30px; text-align: center; }
.main-products .pic { display: block; }
.main-products .pic img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; }
.main-products p { margin-top: 10px; min-height: 62px; }
.main-products p a { font-size: 22px; font-weight: 700; color: #000; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.main-products .more { min-width: 0; height: auto; line-height: 1.4; padding: 6px 40px; border-radius: 8px; background: var(--primary); font-size: 18px; margin-top: 12px; }

/* ---------------- 页脚上方留言 ---------------- */
.foot-form { background: #f6f6f6; padding: 60px 0; }
.foot-form .wp { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.foot-form .txt h5 { margin-top: 20px; max-width: 500px; }
.foot-form .invite-form { position: relative; width: 600px; max-width: 100%; }
.foot-form .submit_text { width: 100%; height: 70px; border: 0; background: #fff; padding: 0 170px 0 20px; font-size: 17px; font-weight: 300; color: #111; outline: none; }
.foot-form .submit_btn { position: absolute; right: 0; top: 10px; width: 150px; height: 50px; border: 0; background: var(--dark); color: #fff; font-size: 16px; font-weight: 300; }
.foot-form .submit_btn:hover { background: var(--primary); }

/* ---------------- 页脚 ---------------- */
.footer { padding: 70px 0; color: rgba(255,255,255,.73); background: #14196a radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08), transparent 60%); }
.footer .wp { display: flex; gap: 10px; }
.footer .foot-contact { width: 200px; flex: 0 0 200px; }
.footer .foot-about { width: 250px; flex: 0 0 250px; }
.footer .foot-products { flex: 1; }
.footer h5 { position: relative; font-size: 22px; font-weight: 600; color: #fff; padding-left: 30px; margin-bottom: 20px; line-height: 24px; }
.footer h5::before { content: ""; position: absolute; left: 4px; top: 6px; width: 12px; height: 12px; background: #6d7be6; transform: rotate(45deg); }
.footer h6 { font-size: 17px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.footer p { font-size: 15px; line-height: 24px; margin-bottom: 14px; }
.footer p a:hover, .footer li a:hover { color: #fff; }
.footer .cols { display: flex; gap: 20px; }
.footer .cols ul { flex: 1; }
.footer li { font-size: 15px; line-height: 27px; margin-bottom: 6px; }
.footer li a { display: flex; align-items: center; gap: 8px; }
.footer li .ico { font-size: 12px; flex: 0 0 auto; }
.copyright { padding: 20px 0; }
.copyright .wp { display: flex; align-items: center; gap: 30px; }
.copyright img { width: 150px; height: 60px; object-fit: contain; }
.copyright p { flex: 1; font-size: 16px; color: #090909; }
.copyright p a:hover { color: var(--primary); }
.copyright .share { display: flex; gap: 10px; }
.copyright .share a { width: 45px; height: 45px; border-radius: 4px; background: #e2e2e2; color: var(--dark); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; }
.copyright .share a:hover { background: var(--dark); color: #fff; }
.footbar { display: none; position: fixed; left: 0; right: 0; bottom: 0; height: 50px; background: var(--dark); z-index: 100; }
.footbar ul { display: flex; height: 100%; }
.footbar li { flex: 1; }
.footbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 11px; gap: 2px; }
.footbar .ico { font-size: 20px; }
.wa-float { position: fixed; right: 20px; bottom: 30px; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32px; box-shadow: 0 6px 18px rgba(0,0,0,.25); z-index: 120; }
.wa-float:hover { transform: scale(1.06); }

/* 视频弹窗 */
.video-modal { position: fixed; inset: 0; background: rgba(0,0,0,.8); z-index: 300; display: flex; align-items: center; justify-content: center; padding: 20px; }
.video-modal-box { position: relative; width: 960px; max-width: 100%; }
.video-modal .frame { aspect-ratio: 16 / 9; background: #000; }
.video-modal .frame iframe, .video-modal .frame img { width: 100%; height: 100%; border: 0; object-fit: contain; }
.video-modal .close { position: absolute; right: 0; top: -44px; background: none; border: 0; color: #fff; font-size: 30px; }

/* ---------------- 内页横幅 ---------------- */
.sidebanner { position: relative; height: 315px; background: var(--navy); overflow: hidden; }
.sidebanner > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sidebanner .txt { position: absolute; inset: 0; display: flex; align-items: center; }
.sidebanner h2 { font-size: 36px; font-weight: 700; color: #fff; line-height: 50px; }
.sidebanner p { font-size: 15px; color: #fff; margin-top: 15px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sidebanner p a { color: #fff; }
.sidebanner p a:hover { text-decoration: underline; }

/* ---------------- 列表页 / 分类页 ---------------- */
.main { padding: 80px 0 50px; }
.rtit h1, .page-h1 { font-size: 36px; font-weight: 700; color: var(--title); line-height: 1.2; margin-bottom: 40px; }
.main-left { float: left; width: 300px; }
.main-right { margin-left: 330px; }
.sidemenu { margin-bottom: 18px; }
.sidemenu h3 { font-size: 17px; font-weight: 700; text-transform: uppercase; color: #212121; line-height: 54px; border-bottom: 2px solid var(--navy); }
.sidemenu > ul > li { border-bottom: 1px solid var(--line); }
.sidemenu > ul > li > h5 { position: relative; font-size: 17px; font-weight: 400; line-height: 20px; }
.sidemenu > ul > li > h5 > a { display: block; padding: 18px 50px 18px 0; color: var(--navy); text-transform: capitalize; }
.sidemenu > ul > li > h5 > a:hover, .sidemenu > ul > li.active > h5 > a { color: var(--primary); font-weight: 600; }
.sidemenu .toggle { position: absolute; right: 0; top: 14px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #999; cursor: pointer; transition: transform .2s; }
.sidemenu li.open > h5 .toggle { transform: rotate(180deg); }
.sidemenu ul ul { display: none; padding: 0 0 15px; }
.sidemenu li.open > h5 + ul, .sidemenu li.open ul { display: block; }
.sidemenu ul ul li a { display: block; padding: 0 0 0 15px; font-size: 14px; line-height: 20px; margin: 6px 0; color: #666; text-transform: capitalize; }
.sidemenu ul ul li a:hover, .sidemenu ul ul li.active a { color: var(--primary); }
.pro-tit { margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.pro-tit h2 { font-size: 17px; font-weight: 700; text-transform: uppercase; color: #212121; line-height: 54px; }
.prolist ul { display: flex; flex-wrap: wrap; margin-left: -18px; }
.prolist li { width: calc(33.333% - 18px); margin: 0 0 20px 18px; text-align: center; }
.prolist .ddpic { border: 1px solid #f3f3f3; }
.prolist .ddpic img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; padding: 2px; border: 1px solid #d9d9d9; background: #fff; transition: opacity .2s; }
.prolist .pic:hover img { opacity: .85; }
.prolist h6 { margin-top: 15px; padding: 0 10px; }
.prolist h6 a { font-size: 17px; line-height: 26px; color: #181818; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prolist h6 a:hover { color: var(--primary); }
.empty { padding: 40px 0; color: #999; font-size: 15px; }
.pagesize { text-align: center; margin-top: 40px; clear: both; }
.pagesize a, .pagesize span { display: inline-block; min-width: 34px; padding: 8px 13px; margin: 0 2px; font-size: 15px; line-height: 16px; text-align: center; color: #fff; background: #cecece; border: 1px solid #cecece; }
.pagesize a:hover, .pagesize a.on { background: var(--primary); border-color: var(--primary); }
.pagesize span.dots { background: none; border: 0; color: #666; }
.pagesize span.disabled { opacity: .5; }

/* ---------------- 产品详情 ---------------- */
.pro_view { display: flex; gap: 45px; }
.pro_img { width: 430px; flex: 0 0 430px; }
.pro_img img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; border: 1px solid #f3f3f3; background: #fff; }
.pro_view_inner { flex: 1; min-width: 0; }
.pro_view_inner h1 { font-size: 23px; font-weight: 700; color: var(--title); line-height: 46px; }
.pro_intro { font-size: 15px; line-height: 1.8; color: #555; margin-top: 10px; }
.pro_intro:empty { display: none; }
.pro_btn { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.pro_btn a.book { display: inline-block; width: 142px; height: 40px; line-height: 40px; text-align: center; background: var(--dark); color: #fff; font-size: 14px; font-weight: 700; }
.pro_btn a.book:hover { background: var(--primary); }
.pro_btn a.wa { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; background: #25d366; color: #fff; font-size: 14px; font-weight: 700; }
.pro_btn a.wa .ico { font-size: 20px; }
.pro_tab_box { margin-top: 30px; border-bottom: 1px solid var(--line); }
.pro_tab ul { display: flex; justify-content: center; gap: 50px; }
.pro_tab li a { display: block; font-size: 15px; line-height: 48px; color: #333; position: relative; }
.pro_tab li.active a::after, .pro_tab li a:hover::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--primary); }
.pro_text { margin-top: 30px; }
.pro-scroll { padding: 30px 0; }
.pro-pics { margin-bottom: 30px; }
.pro-pics .view { width: 500px; max-width: 100%; margin: 0 auto; }
.pro-pics .view img { display: block; width: 100%; max-height: 410px; object-fit: contain; }
.pro-pics .preview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 50px; }
.pro-pics .thumb { width: calc(25% - 6px); padding: 0; background: none; border: 0; }
.pro-pics .thumb img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; padding: 2px; border: 1px solid #ddd; }
.pro-pics .thumb.on img, .pro-pics .thumb:hover img { border-color: var(--primary); }
.pro-overview { font-size: 15px; line-height: 1.8; color: #333; overflow-wrap: anywhere; }
.pro-overview img { display: block; max-width: 100%; height: auto; margin: 6px auto; }
.pro-overview h1, .pro-overview h2, .pro-overview h3, .pro-overview h4, .pro-overview h5 { margin: 24px 0 12px; color: var(--title); line-height: 1.3; }
.pro-overview h5 { font-size: 22px; }
.pro-overview p { margin: 0 0 12px; }
.pro-overview table { width: 100% !important; border-collapse: collapse; margin: 12px 0; }
.pro-overview td, .pro-overview th { border: 1px solid #ddd; padding: 8px 10px; font-size: 14px; vertical-align: top; }
.pro-overview ul { list-style: disc; padding-left: 20px; margin: 0 0 12px; }
.pro-overview .flex-layout-h { display: flex; flex-wrap: wrap; gap: 10px; }
.pro-overview .flex-layout-h > * { flex: 1 1 200px; min-width: 0; }
.pro-inquiry { border: 1px solid #ccc; padding: 55px 60px 28px; }
.pro-inquiry h4 { font-size: 26px; font-weight: 700; color: var(--title); text-align: center; margin-bottom: 40px; }
.inquirbox .row { display: flex; gap: 20px; margin-bottom: 15px; }
.inquirbox .col { flex: 1; min-width: 0; }
.inquirbox .col.center { text-align: center; }
.inquirbox em { display: block; font-style: normal; font-size: 14px; color: #333; margin-bottom: 8px; }
.inquirbox em i { color: #e33; font-style: normal; }
.inquirbox input, .inquirbox textarea { width: 100%; background: #fafafa; border: 1px solid var(--line); border-radius: 4px; padding: 13px 20px; font-size: 15px; line-height: 22px; color: #666; outline: none; }
.inquirbox input { height: 50px; }
.inquirbox input:focus, .inquirbox textarea:focus { border-color: var(--primary); background: #fff; }
.inquirbox .submit { display: inline-block; min-width: 160px; height: 42px; line-height: 42px; padding: 0 20px; border: 0; background: var(--primary); color: #fff; font-size: 17px; font-weight: 700; }
.inquirbox .submit:hover { background: var(--dark); }
.form-msg { text-align: center; margin-top: 12px; font-size: 14px; color: var(--primary); }
.rela-pro { padding: 30px 0; }
.rela-pro .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.rela-pro .tit h5 { font-size: 22px; font-weight: 700; color: var(--title); }
.rela-pro .page { display: flex; gap: 8px; }
.rela-pro .page button { width: 36px; height: 36px; border: 1px solid #ddd; background: #fff; color: #333; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; }
.rela-pro .page button:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
.rela-pro .slide { flex-basis: calc((100% - 32px) / 3); margin-right: 16px; }
.rela-pro .pic { display: block; position: relative; overflow: hidden; }
.rela-pro .pic img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid #f0f0f0; }
.rela-pro .pic .t { padding: 10px 0 0; }
.rela-pro .pic .t p { font-size: 14px; font-weight: 700; line-height: 1.5; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rela-pro .pic:hover .t p { color: var(--primary); }

/* ---------------- 关于我们 ---------------- */
.about { padding: 100px 0; }
.about .box { display: flex; align-items: flex-start; gap: 70px; }
.about .txt { flex: 1; }
.about .txt h1 { font-size: 36px; font-weight: 700; color: var(--title); line-height: 1; }
.about .txt .t { margin-top: 30px; }
.about .txt .t p { font-size: 18px; line-height: 36px; color: #666; margin-bottom: 10px; }
.about .pic { position: relative; width: 600px; flex: 0 0 600px; }
.about .pic > img { display: block; width: 100%; }
.about .v-box { position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%); width: 492px; max-width: 90%; background: #fff; padding: 30px 38px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.about .v { display: flex; align-items: center; gap: 20px; }
.about .v h5 { font-size: 20px; font-weight: 400; color: #666; flex: 1; }
.about .v hr { width: 1px; height: 50px; border: 0; background: #ddd; margin: 0; }
.about .v a img { width: 56px; height: 56px; }
.about .stats { display: flex; margin-top: 100px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about .stats li { flex: 1; padding: 32px 20px; text-align: center; border-right: 1px solid var(--line); }
.about .stats li:last-child { border-right: 0; }
.about .stats h5 { font-size: 46px; font-weight: 700; color: var(--navy); line-height: 1; }
.about .stats p { font-size: 20px; line-height: 30px; margin-top: 13px; }
.about2 { padding: 100px 0; background: #fafafa; }
.about2 .wp { display: flex; align-items: flex-start; }
.about2 .tit { width: 325px; flex: 0 0 325px; background: var(--navy); padding: 40px 44px 100px; color: #fff; }
.about2 .tips { text-align: center; }
.about2 .tips em { display: block; width: 40px; height: 3px; background: #fff; margin: 0 auto; }
.about2 .tips span { display: block; font-size: 76px; font-weight: 700; line-height: 1.3; margin-top: 10px; }
.about2 .tips p { font-size: 20px; line-height: 36px; margin-top: 4px; }
.about2 .list { flex: 1; margin-left: 70px; }
.about2 .list h3 { font-size: 36px; font-weight: 700; color: var(--title); letter-spacing: 1px; margin-bottom: 30px; }
.about2 .list ul { display: flex; flex-wrap: wrap; }
.about2 .list li { width: 33.333%; padding: 0 20px 20px 0; position: relative; }
.about2 .list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--navy); }
.about2 .list li a { display: block; margin-left: 12px; font-size: 18px; line-height: 21px; color: #212121; }
.about2 .list li a:hover { color: var(--primary); }
.about3 { padding: 100px 0; }
.about3 li { display: flex; align-items: center; gap: 75px; margin-bottom: 60px; }
.about3 li:nth-child(even) { flex-direction: row-reverse; }
.about3 li .txt { flex: 1; padding-left: 30px; border-left: 4px solid var(--navy); }
.about3 li .txt h5 { font-size: 36px; font-weight: 700; color: var(--title); line-height: 1; margin-bottom: 20px; }
.about3 li .txt p { font-size: 20px; line-height: 36px; color: #777; }
.about3 li .pic { width: 512px; flex: 0 0 512px; }
.about3 li .pic img { display: block; width: 468px; max-width: 100%; margin: 0 auto; }
.index-tit { text-align: center; margin-bottom: 50px; }
.index-tit h3 { font-size: 36px; font-weight: 700; color: var(--title); line-height: 1; }
.index-tit p { font-size: 20px; line-height: 36px; color: #666; margin-top: 35px; }
.quality { background: #f8f8f8; padding: 100px 0; }
.quality .slide { flex-basis: calc((100% - 116px) / 3); margin-right: 58px; position: relative; }
.quality .slide img { display: block; width: 100%; aspect-ratio: 361 / 342; object-fit: cover; }
.quality .slide h6 { font-size: 24px; font-weight: 700; color: #fff; text-align: center; padding: 30px 15px; background: var(--navy); }
.quality .slide .t { position: absolute; inset: 0; background: rgba(17,20,125,.56); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 35px; opacity: 0; transition: opacity .3s; }
.quality .slide:hover .t { opacity: 1; }
.quality .slide .t h5 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.quality .slide .t p { font-size: 16px; line-height: 1.6; }
.cert-list { padding: 85px 0; }
.cert-list .slide { flex-basis: calc((100% - 60px) / 3); margin-right: 30px; padding: 17px; }
.cert-list .slide img { display: block; width: 100%; aspect-ratio: 344 / 480; object-fit: contain; box-shadow: 0 4px 20px rgba(0,0,0,.12); background: #fff; }

/* ---------------- 联系我们 ---------------- */
.contact-info > ul { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.contact-info > ul > li { width: 25%; padding: 0 20px 20px 0; }
.contact-info h5 { font-size: 20px; font-weight: 700; color: var(--title); }
.contact-info h4 { font-size: 20px; font-weight: 700; color: var(--navy); margin-top: 24px; }
.contact-info em { display: block; font-style: normal; font-size: 13px; color: #999; text-transform: uppercase; margin: 6px 0; }
.contact-info p { font-size: 16px; color: #333; line-height: 1.6; }
.contact-info p a:hover { color: var(--primary); }
.contact-info p img { width: 130px; }
.contact-info .map { margin-top: 30px; }
.contact-info .map iframe { display: block; width: 100%; height: 450px; border: 0; }
.contact-inquiry { margin-top: 60px; }
.contact-inquiry h5 { font-size: 26px; font-weight: 700; color: var(--title); margin-bottom: 30px; }

/* ---------------- 视频 ---------------- */
.video-list ul { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.video-list li { width: 25%; padding: 0 12px 30px; }
.video-list .v { display: block; position: relative; overflow: hidden; }
.video-list .v img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .4s; }
.video-list .v:hover img { transform: scale(1.05); }
.video-list .v .play { width: 56px; height: 56px; margin: -28px 0 0 -28px; font-size: 26px; }
.video-list .t h5 { font-size: 16px; font-weight: 600; color: #333; line-height: 1.5; margin-top: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------------- 新闻 ---------------- */
.flex-wrap { display: flex; gap: 40px; align-items: flex-start; }
.news-left { flex: 1; min-width: 0; }
.news-right { width: 340px; flex: 0 0 340px; }
.news-list-top { display: flex; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.news-list-top .pic { width: 400px; flex: 0 0 400px; }
.news-list-top .pic img, .newslist .pic img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.news-page .newslist li { display: flex; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.news-page .newslist .pic { width: 300px; flex: 0 0 300px; }
.news-page .txt { flex: 1; min-width: 0; }
.news-page .txt h5 { font-size: 20px; font-weight: 700; color: var(--title); line-height: 1.4; }
.news-page .txt h5 a:hover { color: var(--primary); }
.news-page .txt em { display: block; font-style: normal; font-size: 14px; color: #999; margin: 10px 0; }
.news-page .txt p { font-size: 15px; line-height: 1.7; color: #666; }
.news-page .txt .more { min-width: 0; height: auto; line-height: 1.4; background: none; color: var(--primary); padding: 0; margin-top: 12px; font-weight: 600; }
.news-page .txt .more:hover { text-decoration: underline; }
.side-search form { display: flex; }
.side-search input { flex: 1; height: 44px; border: 1px solid #ddd; padding: 0 12px; font-size: 14px; outline: none; }
.side-search button { width: 50px; border: 0; background: var(--primary); color: #fff; font-size: 18px; }
.side-news-list { margin-top: 30px; }
.side-news-list h4, .blog-content-nav h4 { font-size: 18px; font-weight: 700; color: var(--title); padding-bottom: 10px; border-bottom: 2px solid var(--navy); margin-bottom: 15px; }
.side-news-list li { padding: 10px 0; border-bottom: 1px dashed var(--line); }
.side-news-list h5 { font-size: 14px; font-weight: 600; color: #333; line-height: 1.5; }
.side-news-list h5 a:hover { color: var(--primary); }
.side-news-list p { font-size: 13px; color: #999; margin-top: 4px; }
.side-pro { margin-top: 30px; text-align: center; }
.side-pro .pic img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--line); }
.side-pro .more { margin-top: 15px; width: 100%; }
.news-top a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #666; margin-bottom: 20px; }
.news-top a:hover { color: var(--primary); }
.newsnr h1 { font-size: 30px; font-weight: 700; color: var(--title); line-height: 1.3; }
.artInfo { font-size: 14px; color: #999; margin: 15px 0 25px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.myart { font-size: 16px; line-height: 1.9; color: #444; overflow-wrap: anywhere; }
.myart p { margin-bottom: 14px; }
.myart img { max-width: 100%; height: auto; }
.myart .jgg_726 ul { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 20px; }
.myart .jgg_726 li { width: calc(33.333% - 8px); }
.myart .jgg_726 img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* ---------------- Blog ---------------- */
.blog-list-page .newslist li { display: flex; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.blog-list-page .newslist .pic { width: 380px; flex: 0 0 380px; }
.blog-list-page .newslist .t { flex: 1; min-width: 0; }
.blog-list-page .newslist h5 { font-size: 22px; font-weight: 700; color: var(--title); line-height: 1.4; }
.blog-list-page .newslist h5 a:hover { color: var(--primary); }
.blog-list-page .newslist span { display: block; font-size: 14px; color: #999; margin: 10px 0; }
.blog-list-page .newslist p { font-size: 15px; line-height: 1.7; color: #666; }
.blog-list-page .newslist .more { min-width: 0; height: auto; line-height: 1.4; padding: 0; background: none; color: var(--primary); font-size: 14px; font-weight: 700; margin-top: 12px; }
.blog-nr h1 { font-size: 32px; font-weight: 700; color: var(--title); line-height: 1.3; }
.blog-nr .tips { font-size: 14px; color: #999; margin: 15px 0 25px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.blog-top { margin-bottom: 30px; }
.blog-top img { display: block; max-width: 100%; max-height: 520px; margin: 0 auto; }
.blog-content { display: flex; gap: 40px; align-items: flex-start; }
.blog-content-left { flex: 1; min-width: 0; font-size: 16px; line-height: 1.9; color: #444; overflow-wrap: anywhere; }
.blog-content-left p { margin-bottom: 14px; }
.blog-content-left h2 { font-size: 24px; font-weight: 700; color: var(--title); margin: 30px 0 14px; scroll-margin-top: 20px; }
.blog-content-left h3 { font-size: 20px; font-weight: 700; color: var(--title); margin: 24px 0 12px; }
.blog-content-left img { max-width: 100%; height: auto; }
.blog-content-left a { color: var(--primary); }
.blog-content-left ul { list-style: disc; padding-left: 22px; margin-bottom: 14px; }
.blog-content-left table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.blog-content-left td, .blog-content-left th { border: 1px solid #ddd; padding: 8px; }
.blog-content-right { width: 300px; flex: 0 0 300px; position: sticky; top: 20px; }
.blog-nav li a { display: block; font-size: 14px; color: #333; padding: 6px 0; line-height: 1.5; }
.blog-nav li a:hover { color: var(--primary); }

/* ---------------- 关键词落地页 ---------------- */
.keyword-page .wp1200 { width: var(--wp); max-width: 100%; margin: 0 auto; }
.keyword-page .show-list-1 { padding: 70px 0 40px; }
.keyword-page .show-list-1 .tit h1 { font-size: 36px; font-weight: 700; color: var(--title); text-transform: capitalize; margin-bottom: 20px; }
.keyword-page .show-list-1 .t p, .keyword-page .show-list-3 p { font-size: 16px; line-height: 1.9; color: #666; margin-bottom: 12px; }
.keyword-page .show-list-1 .list { margin-top: 40px; }
.keyword-page .show-list-1 .list ul { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.keyword-page .show-list-1 .list li { width: 25%; padding: 0 10px 20px; }
.keyword-page .show-list-1 .box { border: 1px solid var(--line); height: 100%; }
.keyword-page .show-list-1 .box .pic img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.keyword-page .show-list-1 .box .txt, .keyword-page .show-list-1 .box h6, .keyword-page .show-list-1 .box p { padding: 10px 12px; font-size: 15px; font-weight: 600; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.keyword-page .show-list-1 .box a:hover { color: var(--primary); }
.keyword-page .show-list-3 { padding: 40px 0; }
.keyword-page .show-list-3 h2, .keyword-page .show-list-5 h2, .keyword-page .show-list-6 h2 { font-size: 30px; font-weight: 700; color: var(--title); margin-bottom: 20px; }
.keyword-page .show-list-4 { padding: 40px 0; background: #f8f8f8; }
.keyword-page .show-list-4 li { display: flex; align-items: center; gap: 50px; margin-bottom: 40px; }
.keyword-page .show-list-4 li:nth-child(even) { flex-direction: row-reverse; }
.keyword-page .show-list-4 .pic { width: 40%; flex: 0 0 40%; }
.keyword-page .show-list-4 .pic img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.keyword-page .show-list-4 h2 { font-size: 26px; font-weight: 700; color: var(--title); margin-bottom: 15px; }
.keyword-page .show-list-4 p { font-size: 16px; line-height: 1.9; color: #666; }
.keyword-page .show-list-5 { padding: 60px 0; }
.keyword-page .show-list-5 h2 { text-align: center; margin-bottom: 40px; }
.keyword-page .show-list-5 ul { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.keyword-page .show-list-5 li { width: 50%; padding: 0 12px 24px; }
.keyword-page .show-list-5 .box { background: #f6f6f6; padding: 30px; height: 100%; border-top: 3px solid var(--navy); }
.keyword-page .show-list-5 h4 { font-size: 22px; font-weight: 700; color: var(--title); margin-bottom: 12px; }
.keyword-page .show-list-5 p { font-size: 15px; line-height: 1.8; color: #666; }
.keyword-page .show-list-6 { padding: 40px 0 60px; }
.keyword-page .show-list-6 ul { display: flex; flex-wrap: wrap; gap: 10px; }
.keyword-page .show-list-6 li a { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; border-radius: 20px; font-size: 14px; color: #333; }
.keyword-page .show-list-6 li a:hover { border-color: var(--primary); color: var(--primary); }
.keyword-page .show-list-2 { background: var(--navy); color: #fff; padding: 60px 0; text-align: center; }
.keyword-page .show-list-2 h2 { font-size: 28px; font-weight: 700; line-height: 1.4; margin-bottom: 25px; }
.keyword-page .show-list-2 .more { background: #fff; color: var(--navy); margin-top: 0; }

/* ---------------- 其他页面 ---------------- */
.simple-page h1 { font-size: 36px; font-weight: 700; color: var(--title); margin-bottom: 30px; }
.simple-page p { font-size: 16px; line-height: 1.9; margin-bottom: 14px; }
.simple-page a { color: var(--primary); }
.notfound { text-align: center; padding: 80px 0; }
.notfound h1 { font-size: 90px; color: var(--navy); }
.notfound .more { color: #fff; margin: 20px 6px 0; }
.search-page h1 { font-size: 36px; font-weight: 700; color: var(--title); margin-bottom: 20px; }
.search-form { display: flex; gap: 10px; margin-bottom: 40px; }
.search-form input { flex: 1; height: 48px; border: 1px solid #ddd; padding: 0 15px; font-size: 16px; outline: none; }
.search-form button { padding: 0 30px; border: 0; background: var(--primary); color: #fff; font-size: 16px; }
.search-page .prolist li { width: calc(25% - 18px); }

/* ---------------- 响应式 ---------------- */
@media (max-width: 1240px) {
  .wp, .keyword-page .wp1200, .search-box .box { width: 100%; padding-left: 15px; padding-right: 15px; }
  .nav > ul { gap: 18px; }
  .nav > ul > li > a { font-size: 17px; }
  .header .quote { margin-left: 20px; width: 130px; font-size: 12px; }
}
@media (max-width: 1000px) {
  body { padding-bottom: 50px; }
  .sitetop .email { display: none; }
  .sitetop .mo-menu-btn, .sitetop .mo-search-btn { display: inline-flex; font-size: 26px; }
  .sitetop .search-btn, .sitetop .line, .sitetop .share { display: none; }
  .header { height: 90px; }
  .header .wp { justify-content: center; }
  .header .logo img { width: 150px; height: auto; }
  .header-right { display: none; }
  .footbar { display: block; }
  .wa-float { bottom: 70px; right: 12px; width: 48px; height: 48px; font-size: 26px; }
  .featured .tit h3, .foot-form .txt h5, .main-products h3 { font-size: 32px; }
  .featured .slide, .rela-pro .slide, .quality .slide, .cert-list .slide { flex-basis: calc((100% - 16px) / 2); margin-right: 16px; }
  .company-intro { flex-direction: column; padding: 30px 15px; }
  .company-intro .video { width: 100%; flex-basis: auto; }
  .company-intro .txt { padding: 25px 0 0; }
  .company-intro .txt h5 { font-size: 30px; }
  .home-categories .context li, .main-products li, .video-list li { width: 50%; }
  .main-products p a { font-size: 18px; }
  .foot-form .wp { flex-direction: column; align-items: stretch; }
  .footer .wp { flex-wrap: wrap; gap: 30px; }
  .footer .foot-contact, .footer .foot-about { flex-basis: calc(50% - 15px); width: auto; }
  .footer .foot-products { flex-basis: 100%; }
  .copyright .wp { flex-direction: column; text-align: center; gap: 15px; }
  .sidebanner { height: 200px; }
  .sidebanner h2 { font-size: 26px; line-height: 1.3; }
  .main { padding: 40px 0 30px; }
  .main-left { float: none; width: 100%; margin-bottom: 25px; }
  .main-right { margin-left: 0; }
  .sidemenu > ul { display: flex; flex-wrap: wrap; gap: 8px; }
  .sidemenu > ul > li { border: 1px solid #ddd; border-radius: 4px; }
  .sidemenu > ul > li > h5 > a { padding: 8px 12px; font-size: 14px; }
  .sidemenu .toggle, .sidemenu ul ul { display: none !important; }
  .sidemenu h3 { display: none; }
  .rtit h1, .page-h1 { font-size: 26px; margin-bottom: 20px; }
  .prolist li, .search-page .prolist li { width: calc(50% - 18px); }
  .pro_view { flex-direction: column; gap: 20px; }
  .pro_img { width: 100%; flex-basis: auto; }
  .pro_view_inner h1 { font-size: 20px; line-height: 1.4; }
  .pro_tab ul { gap: 25px; }
  .pro-pics .thumb { width: calc(25% - 6px); }
  .pro-inquiry { padding: 30px 20px 20px; }
  .inquirbox .row { flex-direction: column; gap: 12px; }
  .about, .about2, .about3, .quality, .cert-list { padding: 50px 0; }
  .about .box { flex-direction: column; gap: 30px; }
  .about .pic { width: 100%; flex-basis: auto; margin-bottom: 70px; }
  .about .txt h1 { font-size: 28px; }
  .about .stats { flex-wrap: wrap; margin-top: 30px; }
  .about .stats li { flex-basis: 50%; border-bottom: 1px solid var(--line); }
  .about .stats h5 { font-size: 32px; }
  .about2 .wp { flex-direction: column; }
  .about2 .tit { width: 100%; flex-basis: auto; padding: 30px; }
  .about2 .list { margin: 30px 0 0; }
  .about2 .list li { width: 100%; }
  .about3 li, .about3 li:nth-child(even) { flex-direction: column; gap: 25px; margin-bottom: 40px; }
  .about3 li .pic { width: 100%; flex-basis: auto; }
  .about3 li .txt h5, .index-tit h3, .about2 .list h3 { font-size: 26px; }
  .about3 li .txt p, .index-tit p { font-size: 16px; line-height: 1.7; }
  .contact-info > ul > li { width: 50%; }
  .flex-wrap, .blog-content { flex-direction: column; }
  .news-right, .blog-content-right { width: 100%; flex-basis: auto; position: static; }
  .news-list-top, .news-page .newslist li, .blog-list-page .newslist li { flex-direction: column; gap: 15px; }
  .news-list-top .pic, .news-page .newslist .pic, .blog-list-page .newslist .pic { width: 100%; flex-basis: auto; }
  .newsnr h1, .blog-nr h1 { font-size: 22px; }
  .keyword-page .show-list-1 .list li, .keyword-page .show-list-5 li { width: 50%; }
  .keyword-page .show-list-4 li, .keyword-page .show-list-4 li:nth-child(even) { flex-direction: column; gap: 20px; }
  .keyword-page .show-list-4 .pic { width: 100%; flex-basis: auto; }
  .keyword-page .show-list-1 .tit h1 { font-size: 26px; }
}
@media (max-width: 600px) {
  .featured .slide, .rela-pro .slide, .quality .slide, .cert-list .slide { flex-basis: 100%; margin-right: 0; }
  .home-categories .context li { width: 50%; padding: 6px; }
  .home-categories .context h6 a { font-size: 14px; }
  .main-products li { width: 50%; }
  .keyword-page .show-list-1 .list li, .keyword-page .show-list-5 li { width: 100%; }
  .myart .jgg_726 li { width: calc(50% - 6px); }
  .contact-info > ul > li { width: 100%; }
  .pro-pics .thumb { width: calc(33.333% - 6px); }
  .video-list li { width: 100%; }
}