/* 全局重置与基础 */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, ol, li, form, input, button, table, tbody, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; outline: none; }
img { max-width: 100%; height: auto; display: block; vertical-align: middle; }
textarea,input, button { font-family: inherit; outline: none; }

/* 公共工具类 */
.w1400 { width: 1600px; max-width: 95%; margin: 0 auto; }
.w1200 { width: 1200px; max-width: 95%; margin: 0 auto; }
.clearfix::after { content: ""; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
.pdt80 { padding-top: 80px; padding-bottom: 80px; }

/* 统一标题 */
.sy_bt { text-align: center; margin-bottom: 50px; }
.sy_bt .ml1 { font-size: 36px; font-weight: 700; color: #111111; margin-bottom: 12px; line-height: 1.2; }
.sy_bt .ml2 { font-size: 16px; color: #666666; line-height: 1.6; }
.sy_bt.white .ml1 { color: #ffffff; }
.sy_bt.white .ml2 { color: rgba(255,255,255,0.75); }

/* 统一更多按钮 */
.gd { display: inline-block; }
.more_an {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  padding: 0 28px;
  border: 1px solid #111111;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.more_an .more_an_wz { margin-right: 8px; }
.more_an i { font-size: 12px; }
.more_an:hover { background: #111111; color: #ffffff; }
.more_an.blue { border-color: #0066ff; color: #0066ff; }
.more_an.blue:hover { background: #0066ff; color: #ffffff; }
.more_an.white { border-color: #ffffff; color: #ffffff; }
.more_an.white:hover { background: #ffffff; color: #111111; }

/* 顶部信息条 */
.topbar_bg { background: #111111; color: #ffffff; font-size: 13px; padding: 5px 0; }
.topbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.topbar_l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 25px; }
.topbar_l a, .topbar_l span { color: rgba(255,255,255,0.85); -webkit-transition: 0.5s; transition: 0.5s;display: flex;align-items: center;align-content: center;}
.topbar_l a:hover { color: #0066ff; }
.topbar_l i { margin-right: 6px; }
.topbar_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 22px; }
.topbar_r a { color: rgba(255,255,255,0.85); font-size: 14px; -webkit-transition: 0.5s; transition: 0.5s; }
.topbar_r a:hover { color: #0066ff; }

/* 微信二维码悬浮（顶部/底部通用） */
.wx_item { position: relative; }
.wx_item > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; }
.wx_item > a i { font-size: 16px; }
.topbar_r .wx_item > a { color: rgba(255,255,255,0.85); }
.topbar_r .wx_item:hover > a { color: #0066ff; }
.wx_qr {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(18px);
          transform: translateX(-50%) translateY(18px);
  width: 148px;
  padding: 10px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 12px 35px rgba(0,0,0,0.18);
          box-shadow: 0 12px 35px rgba(0,0,0,0.18);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 1002;
  -webkit-transition: 0.4s;
          transition: 0.4s;
}
.wx_item:hover .wx_qr {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(12px);
          transform: translateX(-50%) translateY(12px);
}
.wx_qr::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wx_qr img { width: 128px; height: 128px; display: block; margin: 0 auto; }
.wx_qr p { font-size: 12px; color: #333333; margin-top: 8px; line-height: 1.4; font-weight: 600; }

/* 主导航 */
.top_bg { background: #ffffff; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.05); box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: -webkit-sticky; position: sticky; top: 0; z-index: 999; }
.top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 70px; }
.logo { display: block; height: 30px; }
.logo img { height: 100%; width: auto; }

.nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; }
.nav > li { position: relative; }
.nav > li > a {
  display: block;
  padding: 0 22px;
  line-height: 70px;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.nav > li:hover > a, .nav > li > a.on { color: #0066ff; }
.nav > li .arrow { font-size: 12px; margin-left: 4px; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; }
.nav > li:hover .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* 下拉菜单 */
.nav_sub {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(15px);
          transform: translateX(-50%) translateY(15px);
  background: #ffffff;
  min-width: 260px;
  padding: 12px 0;
  -webkit-box-shadow: 0 10px 35px rgba(0,0,0,0.12);
          box-shadow: 0 10px 35px rgba(0,0,0,0.12);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
          transition: 0.5s;
  border-top: 2px solid #0066ff;
}
.nav > li:hover .nav_sub { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
.nav_sub li a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.nav_sub li a:hover { background: #f5f6f8; color: #0066ff; padding-left: 24px; }

/* 头部右侧工具 */
.top_tools { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 18px; }
.lang { position: relative; }
.lang_tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #111111;
  gap: 4px;
}
.lang_tit i { font-size: 18px; }
.lang_sub {
  position: absolute;
  top: 36px;
  right: -15px;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 25px rgba(0,0,0,0.1);
          box-shadow: 0 6px 25px rgba(0,0,0,0.1);
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.lang:hover .lang_sub { opacity: 1; visibility: visible; }
.lang_sub a { display: block; padding: 10px 20px; font-size: 14px; color: #111111; -webkit-transition: 0.5s; transition: 0.5s;white-space: nowrap; }
.lang_sub a:hover { background: #f5f6f8; color: #0066ff; }

.search_box { position: relative; }
.search_box .search_btn { background: transparent; border: none; font-size: 20px; color: #111111; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
.search_box .search_btn:hover { color: #0066ff; }
.search_box .search_input {
  position: absolute;
  top: 44px;
  right: 0;
  width: 280px;
  padding: 12px 18px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 25px rgba(0,0,0,0.08);
          box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.search_box:hover .search_input, .search_box.active .search_input { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.consult_btn {
  display: inline-block;
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  background: #0066ff;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.consult_btn:hover { background: #111111; }

.mobile_menu_btn { display: none; width: 32px; height: 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; cursor: pointer; }
.mobile_menu_btn span { display: block; width: 24px; height: 2px; background: #111111; -webkit-transition: 0.5s; transition: 0.5s; }

/* Banner */
.sy_banner_bg { position: relative; overflow: hidden; }
.sy_banner {}
.sy_banner .swiper-slide { position: relative; }
.sy_banner .banner_img {height: calc(100vh - 105px);}
.sy_banner .banner_img img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.sy_banner .swiper-pagination { bottom: 30px; }
.sy_banner .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255,255,255,0.5); opacity: 1; }
.sy_banner .swiper-pagination-bullet-active { background: #0066ff; width: 30px; border-radius: 5px; }
.sy_banner .swiper-button-next, .sy_banner .swiper-button-prev { color: #ffffff; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; background: rgba(0,0,0,0.2); -webkit-transition: 0.5s; transition: 0.5s; }
.sy_banner .swiper-button-prev:after, .sy_banner .swiper-button-next:after{font-size: 20px;}
.sy_banner .swiper-button-next:hover, .sy_banner .swiper-button-prev:hover { background: #000; border-color: #000; }

/* 首页关于我们 */
.sy_about_bg { background:url(../img/sy_about_bg.jpg) center center / cover no-repeat;background-attachment: fixed; }
.sy_about { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 70px; }
.sy_about_img { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow: hidden; border-radius: 4px; }
.sy_about_img img { width: 100%; -webkit-transition: 0.8s; transition: 0.8s; }
.sy_about_img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.sy_about_text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.sy_about_text .sy_bt { text-align: left; margin-bottom: 30px; }
.sy_about_text .sy_bt .ml2 { text-align: left; }
.sy_about_text .desc { font-size: 16px; color: #fff; line-height: 1.9; margin-bottom: 25px; }
.sy_about_text .features { margin-bottom: 30px; }
.sy_about_text .features li { position: relative; padding-left: 24px; font-size: 15px; color: #fff; margin-bottom: 12px; }
.sy_about_text .features li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #0066ff; border-radius: 50%; }

/* 首页产品 */
.sy_products_bg {}
.sy_products_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.sy_products_item {
  background: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05);
          box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  -webkit-transition: 0.5s;
          transition: 0.5s;
          display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;align-items: center;
    align-content: center;
    padding: 20px 0;
}
.sy_products_item:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.12);
          box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}
.sy_products_item .img {overflow: hidden; background: #f5f6f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.sy_products_item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.8s; transition: 0.8s; }
.sy_products_item:hover .img img { -webkit-transform: scale(1.08); transform: scale(1.08); }
.sy_products_item .txt { padding: 22px;display: flex;justify-content: center;}
.sy_products_item .txt h3 { font-size: 20px; font-weight: bold; color: #111111; margin-bottom: 10px; line-height: 1.4; }
.sy_products_item .txt p{font-size: 14px;color: #666666;line-height: 1.6;margin-bottom: 5px;position: relative;padding-left:10px;}
.sy_products_item .txt p:before{content:"";width:6px;height:6px;background:#0066ff;border-radius:50%;position:absolute;left:0;top:8px;}
.sy_products_item .txt .link { font-size: 14px; color: #0066ff; font-weight: 600; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; -webkit-transition: 0.5s; transition: 0.5s; }
.sy_products_item .txt .link i{font-size: 12px;}
.sy_products_item .txt .link:hover { gap: 12px; }

/* 首页优势 */
.sy_advantage_bg { background:url(../img/sy_advantage_bg.jpg) center center / cover no-repeat;background-attachment: fixed;}
.sy_advantage_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.sy_advantage_item {
  text-align: center;
  padding: 40px 25px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.sy_advantage_item:hover { background: rgba(255,255,255,0.07); -webkit-transform: translateY(-5px); transform: translateY(-5px); border-color: rgba(0,102,255,0.4); }
.sy_advantage_item .icon { width: 70px; height: 70px; margin: 0 auto 22px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.sy_advantage_item .icon i { font-size: 30px; color: #0066ff; }
.sy_advantage_item h3 { font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px; }
.sy_advantage_item p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; }

/* ===================== 首页应用 ===================== */
.sy_application_bg {
	position: relative;
}
.sy_application {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.sy_app_item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	aspect-ratio: 4 / 3;
}
.sy_app_item img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform .8s ease;
}
.sy_app_item:hover img { transform: scale(1.1); }
.sy_app_mask {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 36px 32px;
	transition: all .4s;
  z-index: 1;
}
.sy_app_item:after {
  content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.2) 60%, rgba(0,0,0,.2) 100%);
  opacity: 0;
	transition: all .4s;
}
.sy_app_item:hover:after {
	opacity: 1;
}
.sy_app_mask .num {
	font-size: 52px;
	font-weight: 700;
	color: rgba(255,255,255,.2);
	font-family: Arial;
	line-height: 1;
	margin-bottom: 12px;
	transition: all .4s;
}
.sy_app_item:hover .sy_app_mask .num { color: rgba(255,255,255,.4); }
.sy_app_mask h4 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 12px;
}
.sy_app_mask p {
	font-size: 14px;
	color: rgba(255,255,255,.85);
	line-height: 1.8;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all .5s ease;
}
.sy_app_item:hover .sy_app_mask p {
	max-height: 100px;
	opacity: 1;
	margin-top: 8px;
}
.sy_app_mask .arr {
	display: inline-block;
	width: 40px; height: 2px;
	background: #fff;
	margin-top: 18px;
	position: relative;
	transition: all .4s;
}
.sy_app_mask .arr::after {
	content: "";
	position: absolute;
	right: 0; top: -4px;
	width: 10px; height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
.sy_app_item:hover .sy_app_mask .arr { width: 60px; }

/* 首页新闻 */
.sy_news_bg { background: #f5f6f8; }
.sy_news_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.sy_news_item {
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05);
          box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.sy_news_item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 15px 35px rgba(0,0,0,0.1); box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
.sy_news_item .img { height: 280px; overflow: hidden;display: block; }
.sy_news_item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.8s; transition: 0.8s; }
.sy_news_item:hover .img img { -webkit-transform: scale(1.08); transform: scale(1.08); }
.sy_news_item .txt { padding: 25px; }
.sy_news_item .date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 13px; color: #888888; }
.sy_news_item .date span.day { font-size: 24px; font-weight: 700; color: #0066ff; }
.sy_news_item h3 { font-size: 18px; font-weight: 700; color: #111111; margin-bottom: 12px; line-height: 1.4; -webkit-transition: 0.5s; transition: 0.5s; }
.sy_news_item:hover h3 { color: #0066ff; }
.sy_news_item .intro { font-size: 14px; color: #666666; line-height: 1.7; height: 70px; overflow: hidden; }

/* 首页联系/CTA */
.sy_contact_bg { background: #111; color: #ffffff; }
.sy_contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; }
.sy_contact_text { max-width: 800px; }
.sy_contact_text h2 { font-size: 34px; font-weight: 700; margin-bottom: 15px; }
.sy_contact_text p { font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.7; }
.sy_contact_info { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 25px; padding-top: 25px;border-top: 1px solid rgba(255,255,255,.1);padding-bottom: 25px;border-bottom: 1px solid rgba(255,255,255,.1);}
.sy_contact_info li {display: flex; align-items: center; gap: 10px; font-size: 14px; }
.sy_contact_info li i,.sy_contact_info li em { font-size: 22px; width: 40px;height: 40px;display: flex;align-items: center;align-content: center;justify-content: center;text-align: center;background:rgba(255,255,255,.1);border-radius: 5px;}
.sy_contact_info li p {flex: 1;width: 100%;overflow: hidden;}
.sy_contact_info li p span{display: block;font-size: 13px;opacity: 0.5;}

/* Footer */
.footer_bg { background: #111111; color: #ffffff; padding-top: 50px; }
.footer { display: grid; grid-template-columns: 1fr 1fr 1fr 1.5fr; gap: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer_col h3 { font-size: 18px; font-weight: 700; margin-bottom: 25px; color: #ffffff; }
.footer_col .footer_logo {display: block; height: 30px; margin-bottom: 20px; }
.footer_col .footer_logo img { height: 100%; width: auto; }
.footer_col p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.9; margin-bottom: 15px; }
.footer_col ul li { margin-bottom: 12px; }
.footer_col ul li a { font-size: 14px; color: rgba(255,255,255,0.65); -webkit-transition: 0.5s; transition: 0.5s; }
.footer_col ul li a:hover { color: #0066ff; padding-left: 6px; }
.footer_col .contact_info li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; }
.footer_col .contact_info li i { color: #0066ff; margin-top: 3px; }
.footer_col .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.footer_col .social a { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #ffffff;-webkit-transition: 0.5s; transition: 0.5s; }
.footer_col .social a i{font-size: 18px;}
.footer_col .social a:hover { background: #0066ff; border-color: #0066ff; }
/* 底部微信项改为 图标+文字 胶囊（与顶部一致） */
.footer_col .social .wx_item > a {
  width: auto;
  height: auto;
  padding: 9px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.85);
}
.footer_col .social .wx_item > a i { font-size: 16px; }
.footer_col .social .wx_item > a:hover { background: #0066ff; border-color: #0066ff; color: #ffffff; }
/* 底部微信二维码向上弹出 */
.footer_col .social .wx_item .wx_qr {
  top: auto;
  bottom: 100%;
  -webkit-transform: translateX(-50%) translateY(-18px);
          transform: translateX(-50%) translateY(-18px);
}
.footer_col .social .wx_item:hover .wx_qr {
  -webkit-transform: translateX(-50%) translateY(-12px);
          transform: translateX(-50%) translateY(-12px);
}
.footer_col .social .wx_item .wx_qr::before {
  top: auto;
  bottom: -6px;
}

.copyright_bg { background: #111111; padding: 25px 0; text-align: center; }
.copyright { font-size: 13px; color: rgba(255,255,255,0.5); }
.copyright a { color: rgba(255,255,255,0.5); -webkit-transition: 0.5s; transition: 0.5s; }
.copyright a:hover { color: #0066ff; }

/* ===================== 内页通用 ===================== */
.sub_banner {
  position: relative;
  height: 340px;
  background: #111 url(../img/bat1.jpg) center center / cover no-repeat;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  overflow: hidden;
}
.sub_banner::before { content: ""; position: absolute; inset: 0; background: rgba(17,17,17,0.4); }
.sub_banner .w1400 { position: relative; z-index: 1; }
.sub_banner .crumb { font-size: 14px; color: rgba(255,255,255,0.78); margin-bottom: 14px; }
.sub_banner .crumb a { color: rgba(255,255,255,0.78); -webkit-transition: 0.5s; transition: 0.5s; }
.sub_banner .crumb a:hover { color: #0066ff; }
.sub_banner .crumb i { margin: 0 3px; font-size: 16px; }
.sub_banner h1 { font-size: 40px; font-weight: 700; color: #ffffff; line-height: 1.2; }

/* 分页（占位，后端实现） */
.pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 50px; }
.pagination a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 42px; height: 36px; padding: 0 14px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 14px; color: #333333; -webkit-transition: 0.5s; transition: 0.5s; }
.pagination a i{font-size: 12px;}
.pagination a:hover { border-color: #0066ff; color: #0066ff; }
.pagination a.on { background: #0066ff; border-color: #0066ff; color: #ffffff; }
.pagination a.disabled { color: #bbbbbb; cursor: not-allowed; border-color: #eeeeee; }
.pagination a.disabled:hover { color: #bbbbbb; border-color: #eeeeee; }

/* ===================== 关于我们 ===================== */
.about_intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 60px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.about_intro_img { -webkit-box-flex: 0; -webkit-flex: 0 0 46%; -ms-flex: 0 0 46%; flex: 0 0 46%; border-radius: 6px; overflow: hidden; }
.about_intro_img img { width: 100%; -webkit-transition: 0.8s; transition: 0.8s; }
.about_intro_img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.about_intro_text h2 { font-size: 30px; font-weight: 700; color: #111111; margin-bottom: 20px; }
.about_intro_text p { font-size: 15px; color: #555555; line-height: 1.9; margin-bottom: 16px; }
.about_honor_bg {  }
.about_honor_list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; }
.about_honor_item { background: #ffffff; border-radius: 6px; overflow: hidden; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.05); -webkit-transition: 0.5s; transition: 0.5s; }
.about_honor_item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 15px 35px rgba(0,0,0,0.1); box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
.about_honor_item .cert_link { position: relative; display: block; cursor: zoom-in; overflow: hidden; }
.about_honor_item .cert_link img { width: 100%; height: 300px; object-fit: contain; background: #f5f6f8; -webkit-transition: 0.5s; transition: 0.5s; }
.about_honor_item .cert_link:hover img { -webkit-transform: scale(1.06); transform: scale(1.06); }
.about_honor_item .zoom_ic { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%; background: rgba(0,102,255,0.92); color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-transition: 0.4s; transition: 0.4s; }
.about_honor_item .cert_link:hover .zoom_ic { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.about_honor_item .txt { padding: 16px 18px; }
.about_honor_item .txt h4 { font-size: 16px; color: #111111; font-weight: 700; }
.about_adv_list_bg{background: #f5f6f8;}
.about_adv_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.about_adv_item { text-align: center; padding: 40px 25px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 6px; -webkit-transition: 0.5s; transition: 0.5s; }
.about_adv_item:hover { border-color: #0066ff; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.about_adv_item .icon { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: rgba(0,102,255,0.08); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.about_adv_item .icon i { font-size: 28px; color: #0066ff; }
.about_adv_item h3 { font-size: 18px; color: #111111; margin-bottom: 10px; }
.about_adv_item p { font-size: 14px; color: #666666; line-height: 1.7; }

/* ===================== 产品列表 ===================== */
.products_filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; }
.products_filter a { display: inline-block; padding: 9px 22px; border: 1px solid #e5e5e5; border-radius: 30px; font-size: 14px; color: #333333; -webkit-transition: 0.5s; transition: 0.5s; }
.products_filter a:hover, .products_filter a.on { background: #0066ff; border-color: #0066ff; color: #ffffff; }
.products_list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
.products_card {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;background: #ffffff;border-radius: 6px;overflow: hidden;-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.05);box-shadow: 0 4px 15px rgba(0,0,0,0.05);-webkit-transition: 0.5s;transition: 0.5s;align-content: center;align-items: center;}
.products_card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.12); box-shadow: 0 15px 40px rgba(0,0,0,0.12); }
.products_card .img {padding: 0 80px;overflow: hidden;/* background: #f5f6f8; */display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.products_card .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: 0.8s; transition: 0.8s; }
.products_card:hover .img img { -webkit-transform: scale(1.08); transform: scale(1.08); }
.products_card .txt { padding: 22px; }
.products_card .txt h3 { font-size: 18px; color: #111111; font-weight: 700; margin-bottom: 10px; }
.products_card .txt .meta { font-size: 13px; color: #888888; margin-bottom: 14px; }
.products_card .txt .meta p{font-size: 14px;color: #666666;line-height: 1.6;margin-bottom: 5px;position: relative;padding-left:10px;}
.products_card .txt .meta p:before{content:"";width:6px;height:6px;background:#0066ff;border-radius:50%;position:absolute;left:0;top:8px;}
.products_card .txt .link { font-size: 14px; color: #0066ff; font-weight: 600; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; -webkit-transition: 0.5s; transition: 0.5s; }
.products_card .txt .link i{font-size: 12px;}
.products_card .txt .link:hover { gap: 12px; }

/* ===================== 产品详情 ===================== */
.products_detail { display: grid; grid-template-columns: minmax(0, 560px) 1fr; gap: 50px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; }
.products_gallery { min-width: 0; }
.products_gallery .main_img { border: 1px solid #eeeeee; border-radius: 6px; overflow: hidden; margin-bottom: 15px; background: #f5f6f8; }
.products_gallery .main_img img { width: 100%;object-fit: cover; }
.products_gallery .thumbs_wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; }
.products_gallery .thumbs { display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 4px; }
.products_gallery .thumbs::-webkit-scrollbar { height: 4px; }
.products_gallery .thumbs::-webkit-scrollbar-thumb { background: #c9ced6; border-radius: 4px; }
.products_gallery .thumbs img { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; width: 90px; height: 90px; object-fit: cover; border: 1px solid #eeeeee; border-radius: 4px; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; }
.products_gallery .thumbs img:hover, .products_gallery .thumbs img.on { border-color: #0066ff; }
.products_gallery .thumb_arrow { -webkit-box-flex: 0; -webkit-flex: 0 0 28px; -ms-flex: 0 0 28px; flex: 0 0 28px; width: 28px; height: 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #eeeeee; background: #ffffff; border-radius: 4px; cursor: pointer; color: #333333; -webkit-transition: 0.3s; transition: 0.3s; }
.products_gallery .thumb_arrow:hover { background: #0066ff; border-color: #0066ff; color: #ffffff; }
.products_info { min-width: 0; }
.products_info h1 { font-size: 30px; font-weight: 700; color: #111111; margin-bottom: 14px; }
.products_info .price { font-size: 24px; color: #0066ff; font-weight: 700; margin-bottom: 18px; }
.products_info .desc { font-size: 15px; color: #555555; line-height: 1.9; margin-bottom: 80px; }
.products_info .desc p{font-size: 14px;color: #666666;line-height: 1.6;margin-bottom: 5px;position: relative;padding-left:10px;}
.products_info .desc p:before{content:"";width:6px;height:6px;background:#0066ff;border-radius:50%;position:absolute;left:0;top:8px;}
.products_info .specs { width: 100%; border-collapse: collapse; margin-bottom: 28px; }
.products_info .specs td { padding: 12px 16px; border: 1px solid #eeeeee; font-size: 14px; }
.products_info .specs td:first-child { background: #f5f6f8; color: #333333; font-weight: 600; width: 38%; }
.products_info .specs td:last-child { color: #555555; }
.products_btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 14px; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.products_btns .btn { display: inline-flex; height: 48px; padding: 0 28px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; font-size: 14px; font-weight: 600; -webkit-transition: 0.5s; transition: 0.5s; }
.products_btns .btn_inquiry { background: #0066ff; color: #ffffff; }
.products_btns .btn_inquiry:hover { background: #111111; }
.products_btns .btn_dz { background: #111111; color: #ffffff; }
.products_btns .btn_dz:hover { background: #0066ff; }
.products_content { margin-top: 60px; }
.products_content h2 { font-size: 24px; font-weight: 700; color: #111111; margin-bottom: 20px; padding-left: 14px; border-left: 4px solid #0066ff; }
.products_content p { font-size: 15px; color: #555555; line-height: 1.9; margin-bottom: 16px; }
.products_content img { width: 100%;}
.products_pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-top: 45px; padding-top: 30px; border-top: 1px solid #eeeeee; }
.products_pager a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; max-width: 48%; -webkit-transition: 0.4s; transition: 0.4s; }
.products_pager .pager_next { margin-left: auto; text-align: right; }
.products_pager .txt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.products_pager .txt em { font-style: normal; font-size: 12px; color: #999999; margin-bottom: 4px; }
.products_pager .txt b { font-size: 15px; color: #333333; font-weight: 600; -webkit-transition: 0.4s; transition: 0.4s; }
.products_pager a:hover .txt b { color: #0066ff; }
.products_pager .arr { -webkit-box-flex: 0; -webkit-flex: 0 0 34px; -ms-flex: 0 0 34px; flex: 0 0 34px; width: 34px; height: 34px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #e2e2e2; border-radius: 50%; color: #333333; -webkit-transition: 0.4s; transition: 0.4s; }
.products_pager a:hover .arr { background: #0066ff; border-color: #0066ff; color: #ffffff; }
.products_related_bg { background: #f5f6f8; }

/* ===================== OEM&ODM 定制表单 ===================== */
.dz_layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 40px; }
.dz_form { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.dz_aside { -webkit-box-flex: 0; -webkit-flex: 0 0 320px; -ms-flex: 0 0 320px; flex: 0 0 320px; }
.dz_section { margin-bottom: 35px; }
.dz_section .sec_tit { font-size: 18px; font-weight: 700; color: #111111; margin-bottom: 18px; padding-left: 14px; border-left: 4px solid #0066ff; }
.dz_group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; }
.dz_check { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 14px; color: #333333; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; }
.dz_check input { width: 16px; height: 16px; accent-color: #0066ff; cursor: pointer; }
.dz_check:hover { border-color: #0066ff; }
.dz_check.active { border-color: #0066ff; background: rgba(0,102,255,0.06); color: #0066ff; }
.dz_field { margin-bottom: 18px; }
.dz_field label { display: block; font-size: 14px; color: #333333; font-weight: 600; margin-bottom: 8px; }
.dz_field input, .dz_field textarea, .dz_field select { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 14px; color: #333333; -webkit-transition: 0.4s; transition: 0.4s; }
.dz_field input:focus, .dz_field textarea:focus, .dz_field select:focus { border-color: #0066ff; }
.dz_field textarea { resize: vertical; min-height: 110px; }
.dz_submit { width: 100%; height: 52px; background: #0066ff; color: #ffffff; font-size: 16px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
.dz_submit:hover { background: #111111; }
.dz_aside .card { background: #f5f6f8; border-radius: 6px; padding: 30px; margin-bottom: 25px; }
.dz_aside .card h3 { font-size: 18px; color: #111111; font-weight: 700; margin-bottom: 16px; }
.dz_aside .card p { font-size: 14px; color: #555555; line-height: 24px; margin-bottom: 10px; display: flex;}
.dz_aside .card p i { color: #0066ff; margin-right: 8px;font-size: 20px; }
.dz_tip { font-size: 13px; color: #999999; margin-top: 10px; line-height: 1.6; }

/* OEM&ODM 定制表（严格按照「便携多联屏OEM&ODM定制表.xlsx」：定制项目 | 可选配置） */
.dz_table { border: 1px solid #eeeeee; border-radius: 6px; overflow: hidden; }
.dz_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eeeeee; }
.dz_row:last-child { border-bottom: none; }
.dz_row .dz_label { -webkit-box-flex: 0; -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; padding: 18px 20px; background: #fafbfc; font-size: 15px; font-weight: 600; color: #222222; border-right: 1px solid #eeeeee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.dz_row .dz_opts { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 18px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.dz_row.dz_th { background: #0066ff; }
.dz_row.dz_th .dz_label { background: #0066ff; color: #ffffff; border-right-color: rgba(255,255,255,0.2); }
.dz_row.dz_th .dz_opts { color: #ffffff; font-weight: 600; font-size: 15px; }
.dz_text { font-size: 14px; color: #555555; line-height: 1.7; }
.dz_row .dz_opts input[type="text"], .dz_row .dz_opts input[type="email"] { width: 100%; max-width: 420px; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 14px; color: #333333; -webkit-transition: 0.4s; transition: 0.4s; }
.dz_row .dz_opts input[type="text"]:focus, .dz_row .dz_opts input[type="email"]:focus { border-color: #0066ff; }
.dz_row.dz_sec_row { background: #f0f5ff; }
.dz_row.dz_sec_row .dz_label { background: #f0f5ff; color: #0066ff; border-right-color: #e0e8f5; }
.dz_row.dz_submit_row { border-bottom: none; }
.dz_row.dz_submit_row .dz_opts { display: block; }
.dz_submit { width: auto; min-width: 220px; height: 52px; padding: 0 40px; background: #0066ff; color: #ffffff; font-size: 16px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
.dz_submit:hover { background: #111111; }

/* ===================== 新闻详情 ===================== */
.news_detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 45px; }
.news_main { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.news_main .meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; font-size: 14px; color: #888888; margin-bottom: 20px; }
.news_main .meta span i { color: #0066ff; margin-right: 6px; }
.news_main h1 { font-size: 30px; font-weight: 700; color: #111111; line-height: 1.4; margin-bottom: 20px; }
.news_main .article p { font-size: 15px; color: #555555; line-height: 1.9; margin-bottom: 16px; }
.news_main .article img { width: 100%; border-radius: 6px; margin: 16px 0; }
.news_main .back { margin-top: 30px; }
.news_side { -webkit-box-flex: 0; -webkit-flex: 0 0 320px; -ms-flex: 0 0 320px; flex: 0 0 320px; }
.news_side .side_tit { font-size: 18px; font-weight: 700; color: #111111; margin-bottom: 18px; padding-left: 14px; border-left: 4px solid #0066ff; }
.news_side_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 14px; margin-bottom: 18px; }
.news_side_item img { width: 90px; height: 70px; object-fit: cover; border-radius: 4px; }
.news_side_item .t { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.news_side_item .t h4 { font-size: 14px; color: #333333; font-weight: 600; line-height: 1.5; margin-bottom: 6px; -webkit-transition: 0.4s; transition: 0.4s; }
.news_side_item:hover .t h4 { color: #0066ff; }
.news_side_item .t .d { font-size: 12px; color: #999999; }

/* ===================== 下载 ===================== */
.download_list { border: 1px solid #eeeeee; border-radius: 6px; overflow: hidden; }
.download_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 18px; padding: 20px 24px; border-bottom: 1px solid #eeeeee; -webkit-transition: 0.4s; transition: 0.4s; }
.download_row:last-child { border-bottom: none; }
.download_row:hover { background: #f5f6f8; }
.download_row .ico { width: 48px; height: 48px; border-radius: 8px; background: rgba(0,102,255,0.08); color: #0066ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; }
.download_row .ico i{font-size: 26px; }
.download_row .info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.download_row .info h4 { font-size: 16px; color: #111111; font-weight: 600; margin-bottom: 4px; }
.download_row .info p { font-size: 13px; color: #888888; }
.download_row .ver { font-size: 13px; color: #666666; margin-right: 10px; }
.download_row .btn { display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; height: 40px; padding: 0 20px; background: #0066ff; color: #ffffff; border-radius: 4px; font-size: 14px; font-weight: 600; -webkit-transition: 0.4s; transition: 0.4s; white-space: nowrap; }
.download_row .btn:hover { background: #111111; }

/* ===================== 视频列表 ===================== */
.video_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.video_item { position: relative; border-radius: 6px; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.08); box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
.video_item img { width: 100%; height: 320px; object-fit: cover; -webkit-transition: 0.6s; transition: 0.6s; }
.video_item:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); }
.video_item .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(0,102,255,0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.4s; transition: 0.4s; }
.video_item .play i { color: #ffffff; font-size: 26px; margin-left: 4px; }
.video_item:hover .play { background: #0066ff; -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
.video_item .cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 18px; background: -webkit-linear-gradient(to top, rgba(0,0,0,0.82), transparent); background: linear-gradient(to top, rgba(0,0,0,0.82), transparent); }
.video_item .cap h4 { font-size: 16px; color: #ffffff; font-weight: 600;text-align: center;}

/* ===================== 联系我们 ===================== */
.contact_layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 50px; }
.contact_info_col { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; }
.contact_info_col h2 { font-size: 28px; font-weight: 700; color: #111111; margin-bottom: 18px; }
.contact_info_col > p { font-size: 15px; color: #555555; line-height: 1.9; margin-bottom: 30px; }
.contact_list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid #eeeeee; }
.contact_list li .i { width: 48px; height: 48px; border-radius: 8px; background: rgba(0,102,255,0.08); color: #0066ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.contact_list li .i i,.contact_list li .i em{font-size: 26px; }
.contact_list li .t { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.contact_list li .t span { display: block; font-size: 13px; color: #999999; margin-bottom: 4px; }
.contact_list li .t p { font-size: 15px; color: #333333; font-weight: 600; }
.contact_form_col { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #f5f6f8; border-radius: 8px; padding: 35px; }
.contact_form_col h3 { font-size: 20px; color: #111111; font-weight: 700; margin-bottom: 22px; }
.contact_form .field { margin-bottom: 18px; }
.contact_form .field label { display: block; font-size: 14px; color: #333333; font-weight: 600; margin-bottom: 8px; }
.contact_form .field input, .contact_form .field textarea { width: 100%; padding: 12px 16px; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 14px; -webkit-transition: 0.4s; transition: 0.4s; }
.contact_form .field input:focus, .contact_form .field textarea:focus { border-color: #0066ff; }
.contact_form .field textarea { resize: vertical; min-height: 220px; }
.contact_form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact_form .submit { width: 100%; height: 50px; background: #0066ff; color: #ffffff; font-size: 16px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
.contact_form .submit:hover { background: #111111; }
.contact_map { margin-top: 0; }
.contact_map iframe { width: 100%; height: 380px; border: none; border-radius: 8px; }