html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑"; overflow-x: hidden;  }
body::-webkit-scrollbar { width:2px; }

body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #0874d9;}
.top{
	height:110px;
	
	width:100%;
	color:#b2c7df; margin:0px auto; padding:0px auto;
    }

/* === 文字清晰度与细腻度优化 === */

/* === 企业网站字体清晰度优化 === */
html,body,div,p,span,a,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,label,input,textarea,select,button{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
  font-size:16px;
  line-height:1.6;
  color:#374151;
  font-optical-sizing:auto;
}
.page-main {
  padding-top: var(--header-height);
}
h1,h2,h3,h4,h5,h6{color:#111827;font-weight:700;line-height:1.3;margin:0 0 16px 0;letter-spacing:-0.2px}
h1{font-size:36px;font-weight:800}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:18px}
h5,h6{font-size:16px;font-weight:600}
p{margin:0 0 16px 0;font-weight:450;letter-spacing:0.1px}
small,.text-muted{font-size:14px;color:#6b7280;line-height:1.5;font-weight:400}
a{color:#2563eb;text-decoration:none;transition:color .2s ease;-webkit-font-smoothing:antialiased}
a:hover{color:#1d4ed8;text-decoration:underline}
code,pre,kbd,samp{font-family:"SF Mono","Fira Code",Consolas,Monaco,"Liberation Mono","Courier New",monospace;font-size:14px;line-height:1.5;color:#1f2937}
button,.btn{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0.2px;cursor:pointer}
nav,.nav-item{font-size:15px;font-weight:500;letter-spacing:0.1px;color:#4b5563}
@media screen and (max-width:1024px){body{font-size:15px}h1{font-size:30px}h2{font-size:24px}}
@media screen and (max-width:768px){body{font-size:14px;line-height:1.55}h1{font-size:26px}h2{font-size:20px}p{letter-spacing:0.05px}}
/* === 企业网站字体清晰度优化 === */

/* 头部菜单导航开始 */

.pr_css {
	BORDER-RIGHT: #d5d5d5 1px solid;  BORDER-LEFT: #d5d5d5 1px solid; BORDER-BOTTOM: #d5d5d5 1px solid;  BORDER-top: #d5d5d5 1px solid; background-color:#ffffff;
}
.head_logo{ width:100%; height:110px; margin:0px auto; background-color:#f4f4f4;}
ul,li,img,a,p,span,h4,h5,h6{ padding:0px; margin:0px; text-decoration:none; border:none; list-style:none;}
.banner{ width:1003px; height:375px; clear:both; margin:0px auto; padding:0px auto; text-align:center;}
.head_logo_left{float:left; width:750px; height:110px;}
.head_logo_right{width:450px; float:right; height:110px; }
.head_lan{ width:800px; height:40px; line-height:40px;}
.head_info{ width:1200px; height:110px; margin:0 auto;}
.head_menu{ width:100%; margin:0 auto; height:70px;background-color:#26b458;}
.head_ad{ width:100%; height:375px; margin:0 auto;}
A:link   {font-size:12px;color: #000;;text-decoration: none;}
A:visited{font-size:12px;color: #000;;text-decoration: none;}
A:hover  {font-size:12px;color: #ff3300;;text-decoration: none;}
A:active {font-size:12px;color: #ff3300;;text-decoration: none;}
.page_intro{ width:980px; height:600px; margin:0 auto;}
.page_map{ width:1200px; height:900px; margin:0 auto;}
.menu_nav {  width:1200px; height:70px; margin: 0 auto;  line-height:70px; }

.menu {
	WIDTH: 1200px;position:relative;z-index:9999;line-height:70px;
}
.menu UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;position:relative;
}
.menu UL LI {
	POSITION: relative; FLOAT: left;position:relative;
}
.menu UL LI A { display:block; 
text-align:center; 
text-decoration:none; 
width:180px; 
height:70px; 
color:#fff; 
font-size:18px;

border-width:1px 2px 0 0;
FONT-FAMILY: "微软雅黑";
/*background:#c9c9a7;*/ 
line-height:70px;
position:relative; 

}
.menu UL LI A:visited { TEXT-ALIGN: center; LINE-HEIGHT: 70px; width:180px;; DISPLAY: block; FONT-FAMILY: "微软雅黑"; HEIGHT: 60px; COLOR: #fff; FONT-SIZE: 16px;   TEXT-DECORATION: none;
}
.menu UL LI UL {DISPLAY: none}
.menu UL LI:hover A { COLOR: #fffff; background-color:#f68b33;}
.menu UL LI:hover UL {POSITION: absolute; WIDTH: 110px; DISPLAY: block; TOP:50px; LEFT: 0px; }
.menu UL LI:hover UL LI A {	DISPLAY: block;  COLOR: #fff;BACKGROUND: url(images/navSon.png) repeat-y 0px 0px; OVERFLOW: hidden;FONT-FAMILY: "微软雅黑"; font-size:12px;LINE-HEIGHT: 30px; height:78px; z-index:9999;}
.menu UL LI:hover UL LI A:hover { COLOR: #fff; FONT-FAMILY: "微软雅黑"; font-size:12px; LINE-HEIGHT: 30px; height:30px;z-index:9999;BACKGROUND: url(images/navSon-1.png) repeat-y 0px 0px;}
.menu .ddd A { clear:both;WIDTH: 105px;BORDER-RIGHT: #fff 0px solid}
.menu .ddd A:visited { clear:both;WIDTH: 105px;BORDER-RIGHT: #000 0px solid;}
.menu .ddd UL LI:hover UL LI A {DISPLAY: block; BACKGROUND: #ff6600; COLOR: #fff; FONT-SIZE: 12px;WIDTH: 105px;}
.menu .ddd UL LI:hover A { COLOR: #fff}
.menu .ddd UL LI A {	DISPLAY: block;  COLOR: #fff;BACKGROUND: url(images/navSon.png) repeat-y 0px 0px; OVERFLOW: hidden;font-family:"宋体"; font-size:12px;LINE-HEIGHT: 29px; height:29px;
}
.menu .ddd UL LI A:visited {clear:both;TEXT-ALIGN: center;LINE-HEIGHT: 30px; WIDTH: 105px; DISPLAY: block;  COLOR: #fff;BACKGROUND: url(images/navSon.png) repeat-y 0px 0px; OVERFLOW: hidden;font-family:"宋体"; font-size:12px;LINE-HEIGHT: 29px; height:29px;
}
.pp A {
	WIDTH: 105px; DISPLAY: block; BACKGROUND: url(images/index_22.jpg); HEIGHT: 33px; FONT-SIZE: 14px; CURSOR: pointer
}
.pp A:hover {
	WIDTH: 105px; DISPLAY: block; BACKGROUND: url(images/index_23.jpg); HEIGHT: 33px; COLOR: #ffffff; FONT-SIZE: 14px
}
.menu_nav_line{ width:1px; height:70px;  background-image:url(images/menu_line.png);  text-indent:-9999px;}

/*头部菜单导航结束*/
/*首页广告样式*/
.head_ad{ width:100%; height:610px; margin:0 auto; background-image: url(AD/1.png);}
/*首页广告样式结束*/
/*首页品牌展示*/
.head_line{ width:100%; height:10px; margin:0 auto; }
.head_band{ width:100%; height:350px; margin:0 auto; background-color:#f5f5f5;}
.head_ss{ width:100%; height:70px; margin:0 auto; }
/*首页品牌展示结束*/
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}
/**首页产品版块**/
.head_prtit{ width:1200px; height:70px; margin:0 auto; padding-top:40px;}
.head_prclass{ width:1200px; height:90px; margin:0 auto;padding-top:40px; }
A.main_pr:link {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #212529; FONT-SIZE: 14px;
}
A.main_pr:visited {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #212529; FONT-SIZE: 14px;}
A.main_pr:hover {
	TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #ffffff; FONT-SIZE: 14px;
}
A.main_pr:active {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #ffffff; FONT-SIZE: 14px;
}
A.main_pr_1:link {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #333333; FONT-SIZE: 14px;
}
A.main_pr_1:visited {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #333333; FONT-SIZE: 14px;}
A.main_pr_1:hover {
	TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #333333; FONT-SIZE: 14px;
}
A.main_pr_1:active {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #333333; FONT-SIZE: 14px;
}

A.main_pr_name:link {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #888888; FONT-SIZE: 14px;
}
A.main_pr_name:visited {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #888888; FONT-SIZE: 14px;}
A.main_pr_name:hover {
	TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #888888; FONT-SIZE: 14px;
}
A.main_pr_name:active {
	 TEXT-DECORATION: none;FONT-FAMILY: "微软雅黑"; COLOR: #888888; FONT-SIZE: 14px;
}



/**首页产品版块**/

/**底部版块**/
.home_bottom{ width:100%; height:320px; margin:0 auto; background-color:#0054a5;}

.home_bq{ width:100%; height:60px; margin:0 auto; BORDER-TOP: #f5f5f5 1px solid;}
/**底部版块**/

/**公司简介版块**/
.HOME_about_Center{ width:100%; height:520px; margin:0 auto;background-color:#FFFFFF; }
.HOME_abouttitle{ width:1200px;; height:100px; margin:0 auto;}
.HOME_about{ width:1200px; height:400px; margin:0 auto; background-color:#FFFFFF; font-size:14px; line-height:25px;}
.HOME_intro{ width:1200px;; height:80px; margin:0 auto;}
.HOME_about_intro{ width:100%; height:450px; margin:0 auto; background:url(images/about_bg.jpg) no-repeat;background-size:100% 100%;
background-attachment:fixed; }

.idx_about {
  text-align: center;
}

.idx_about h2 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 28px;
}

.idx_about p {
  line-height: 30px;
}

.idx_about .ab_title {
  font-size: 24px;
  margin: 50px 0 60px;
  color: #d7000f;
}

.idx_about .about_video {
  margin-top: 40px;
  cursor: pointer;
}

.idx_about .increase_grow {
  margin: 60px 0;
}

.idx_about .increase_grow ul {
  overflow: hidden;
  max-width: 780px;
  margin: 0 auto;
}

.idx_about .increase_grow ul li {
  float: left;
  display: block;
  padding: 0 56px;
  width: 33.333%;
  box-sizing: border-box;
}

.idx_about .increase_grow ul li.chlid {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}

.idx_about .increase_grow ul li .bignum span,
.idx_about .increase_grow ul li i {
  font-family: bebasregular;
  line-height: 50px;
  font-size: 60px;
  color: #444444;
}

.idx_about .increase_grow ul li .bignum {
  margin-bottom: 20px;
  text-align: center;
}

.idx_about .increase_grow ul li p {
  font-size: 20px;
  white-space: nowrap;
}

.idx_about .increase_grow ul li p i {
  line-height: 20px;
  vertical-align: 18px;
  margin-left: 5px;
}
.pub_title_en {
  text-align: center;
  font-family: 'GOTHAMRND-LIGHT';
  color: #000000;
  line-height: 45px;
  font-size: 60px;
  width: 80%;
  margin: 0 auto 23px;
  
}

.pub_title_zh {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: #333333;
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.pub_title_link {
  width: 60px;
  height: 2px;
  background-color: #e60012;
  margin: 23px auto 32px;
}
  .pub_title_en {
    font-size: 50px;
    margin-bottom: 18px;
  }

  .pub_title_zh {
    font-size: 26px;
  }
 .pub-more {
  display: block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  border: solid 1px #0054a5;
  color: #0054a5;
  font-size:30px;
 
  margin: 0 auto;
  text-align:center;
  transition: all .3s;
}

.pub-more i.arr_next {
  background: #0054a5;
 font-size:30px;
  background-size: 100% auto;
}

.pub-more:hover {
  background: #0054a5;
  color: #fff;
  font-size:24px;
  transition: all .3s;
  text-decoration: none;
}

.pub-more:hover i.arr_next {

  background-size: 100% auto;
  transition: all .3s;
  font-size:24px;
}

.pub-more2 {
  width: 114px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 16px;
  background-color: #0054a5;
  border-radius: 3px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

/**公司简介版块**/
/**解决方案版块**/
.HOME_case_Center{ width:100%; height:390px; margin:0 auto; background:url(images/about_bg.jpg) no-repeat;background-size:100% 100%;
background-attachment:fixed; }

.HOME_casetitle{ width:1200px;; height:100px; margin:0 auto;}
.HOME_case{ width:1200px; height:580px; margin:0 auto; }
.HOME_case_line{ width:100%; height:2px; background-color:#ffffff;}
.HOME_case_tt{ width:1200px; height:10px; margin:0 auto;}
/**解决方案版块**/

/*内页BANNER CSS */
.page_about{ width:100%; height:270px; margin:0 auto; background-image:url(Images/page_about.jpg);}
.page_cont{ width:100%; height:670px; margin:0 auto; background-image:url(Images/page_cont.jpg);}
.page_news{ width:100%; height:270px; margin:0 auto; background-image:url(Images/page_news.jpg);}
.page_products{ width:100%; height:270px; margin:0 auto; background-image:url(Images/page_products.jpg);}
.page_Solu{ width:100%; height:270px; margin:0 auto; background-image:url(Images/page_Solu.jpg);}
.page_font{ line-height:35px;padding-left:10px; padding-right:10px; font-size:14px; font-family:MicrosoftYaHei; }
.page_about_tb{border-top:1px solid #f1f1f1;}
.page_title{border-bottom:1px solid #f1f1f1; line-height:40px;}
.main_pr_tt{ background-color:#026db3; font-size:14px; color:#FFFFFF; text-align:center; width:200px;}
.image-container {
  position: relative;
  width:100%;
  height:600px;
  margin:0 auto;
  background-image:url(Images/about_page.png);
 
}
.image-contact {
  position: relative;
  width:100%;
  height:600px;
  margin:0 auto;
  background-image:url(Images/contact_bg.jpg);
 
}
.image-service {
  position: relative;
  width:100%;
  height:600px;
  margin:0 auto;
  background-image:url(Images/page_service.png);
 
}
.image-products {
  position: relative;
  width:100%;
  height:600px;
  margin:0 auto;
  background-image:url(Images/page_products.png);
 
}
.overlay {
  position: relative;
  top:530px;
  left:0px;
  width: 1200px;
  height:70px;
  
  BORDER-bottom: #efefef 3px solid;

  z-index: 1; /* 设置层级关系，确保div层在图片上方 */
  margin:0 auto;
  background-color:#ffffff;
 
  
}

#d1 span{ width:97px; height:68px; float:left; line-height:68px; text-align:center; }
#d2 span{ width:80px; height:68px; float:left; line-height:68px;  justify-content: center;align-items: center; display: flex; }

.page_cont{ width:1200px; height:850px; margin:0 auto;}

/*内页BANNER CSS */
/*首页新闻图片 CSS */
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(images/02.png)}
.curimg{background-image:url(images/01.png)}
/*首页新闻图片 CSS */
/*分页 CSS */
DIV.badoo {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; font-size:16px;
}
DIV.badoo A {
 BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; 
 BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none;FONT-SIZE: 16px; 
}
DIV.badoo A:hover {
 BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid;FONT-SIZE:16px;
}
DIV.badoo A:active {
 BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid;FONT-SIZE:16px;
}
DIV.badoo SPAN.current {
 BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16;FONT-SIZE:16px;
}
DIV.badoo SPAN.disabled {
 DISPLAY: none;FONT-SIZE:16px;
}
/*分页 CSS */

.contactus-csstd {
	BORDER-RIGHT: #d9d9d9 1px solid;  BORDER-LEFT: #d9d9d9 1px solid; BORDER-BOTTOM: #d9d9d9 1px solid;  BORDER-top: #d9d9d9 1px solid; background-color:#f0f0f0; width:380px; height:190px; font-size:18px; color:#666666;}
.contactus-map{width:1200px; height:400px; margin: 0 auto;}
.ss_bg{background:url(images/ss_bg.jpg) no-repeat top left;}
.ss{width:170px; height:18px; background-color:#fefff8; line-height:18px; border:0px; font-size:12px; color:#858282;}


/*导航菜单开始*/
.container { width: 1400px; margin: 0 auto;}
.logo { position: relative;}
.logo img {transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; height: 120px; display: flex; padding: 0 45px; justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height:96px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .header .logo img { opacity: 0;}
.small-header .header .logo img:nth-child(2) { opacity: 1;}
.small-header .header .nav li h2 a { line-height:96px;}
.small-header .header dl { top:96px;}
.headerRight { display: flex; gap: 55px;}
.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333; }
.header:hover .langChose h2,.small-header .header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
.header:hover .searchEnter,.small-header .header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
.header:hover .logo img { opacity: 0;} 
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header .nav li h2 a:hover { color: #0874d9;}
.nav>ul{gap: 74px; display: flex; justify-content: center; align-items: center;}
.menuBtn { display: none;}
.nav li h2 { position: relative;}
.nav li h2::after { content: ''; height: 2px; position: absolute;bottom:50%; left: 50%; transform: translate(-50%,23px); transition: all 0.5s; width: 0; background: #0874d9;}
.nav li:hover h2::after { width:50px;}
.nav li h2 a { transition: all 0.5s; line-height: 120px; white-space: nowrap; font-size: 18px; color: #ffffff;}
.header .nav li.cur h2 a { color: #0874d9;}
.nav li { position: relative;}
.nav li dl { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0 0 10px 10px; box-sizing: border-box; display: none; width:166px; background: #ffffff; position: absolute;  padding: 17px 0 20px; left: 50%; transform: translateX(-50%); top: 120px;}
.nav li dt {text-align: center; font-size:20px; line-height:42px;}
.nav li dt:last-child { border: none;}
.nav li dt a { display: block;  font-size:16px;}
.nav li dt:hover>a { color: #0874d9; }

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start; align-items: center;}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #0874d9;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #0874d9;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #0874d9;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #0874d9;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: 22px; height: 22px;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 {white-space: nowrap; transition: all 0.5s; line-height: 120px; position: relative;cursor: pointer; color: #ffffff; padding-left: 34px; position: relative;  background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 18px;}
.langChose { position: relative;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 0 0 4px 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top:120px; left: 50%; transform: translateX(-50%);}
.langChose dt a{ transition: all .5s; line-height:2; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { color: #0874d9;}
.small-header .langChose h2 { line-height: 96px;}
.langChose.cur>dl { display: block;}
.header .langChose:hover h2{background: url(../images/earthon.png) left center no-repeat; color: #0874d9;}
.header .searchEnter:hover { background: url(../images/searchon.png) center no-repeat;}
.productSubs {box-shadow:0 0 10px rgba(0,0,0,0.2); display: none; border-radius: 0 0 10px 10px; width: 580px; position: absolute; top:120px; left: 50%; margin-left: -290px; padding: 30px 16px 35px 35px; background: #ffffff;}
.small-header .productSubs { top: 96px;}
.subMenu h3 { position: relative; cursor: pointer; font-size: 17px; color: #555555; line-height: 1; margin-bottom:27.5px;}
.subMenu h3:last-child { margin-bottom: 0;}
.subMenu { padding-bottom: 16px; width: 191px; border-right: 1px solid #e2e2e2;}
.subMenu .productSlide.cur h3::after { content: ''; transition: all 0.3s; position: absolute; right: -1px; height:0; transition: all 0.3s; width: 1px; background: #0874d9;}
.subMenu .productSlide.cur h3::after { height: 100%;}
.subMenu .productSlide.cur h3,.subMenu .productSlide.cur h3 a { font-weight: bold;}
.secondList { display: none; bottom: 35px; position: absolute; right: 15px; padding-right: 22px; overflow-y: auto; width: 305px; top: 30px;}
.listSlide { margin-bottom: 16px; background: #f4f4f4; padding: 4px 18px 4px 26px; border-radius: 5px;  }
.listSlide h4 { position: relative; cursor: pointer; line-height: 46px; font-size: 17px; color: #333333; display: flex; justify-content: space-between;align-items: center;}
.listSlide h4 i { display: block; transform: rotate(180deg); background: url(../images/upArr.png) center no-repeat; transition: all 0.5s; width: 14px; height: 8px;}
.listSlide h4.act i { transform: rotate(0deg);}
.listSlide h4::after { content: ''; bottom:5px;  position: absolute; height: 2px; width: 0; background: #0874d9;transition: all .5s;}
.listSlide h4.act::after { width: 34px;}
.hideSub { display: none;}
.hideSub p a{ transition: all 0.3s; line-height: 1.5; font-size: 15px; color: #555555;}
.hideSub p { padding: 5px 0;}
.hideSub p a:hover { color: #0874d9;}
.productSlide:last-child h3 { margin-bottom: 0;}
.listSlide:last-child { margin-bottom: 0;}
.productSlide.cur .secondList { display: block;}
.secondTit { font-size: 17px; color: #0874d9;}
.linkSlide a { display: flex; justify-content: space-between; align-items: center;}
.linkPic { height: 52px; display: flex; justify-content: center; align-items: center; width: 83px;}
.linkPic img { display: block; max-height: 100%;}
.linkSlide { margin-top: 10px; padding: 15px 15px 15px 0; background: #f4f4f4;}
.linkText { flex: 1;}
.linkText h5 { margin-bottom: 8px; line-height: 1; font-size: 16px; color: #333333;}
.linkText h5 span.colorBlue { color: #0874d9;}
.linkText h5 span.colorPouple { color: #b732b2;}
.linkText h5 span.colorRed { color: #f84241;}
.linkText p { font-size: 16px; color: #555555; opacity: ;}
/*导航菜单结束*/


/*网站banner开始*/
.stickyBox { position: sticky; left: 0; top: 0; width: 100%;}
.coverPic {  background: #ffffff; position: relative; flex-direction: column;  width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index:21;}
.coverPic h2 { line-height: 1.15; font-weight: bold; font-size: 3.125vw; position: absolute; left: 0; top: 58.54vh; text-align: center; width: 100%;}
.coverPic.act { pointer-events: all;}
.coverPic a { font-size: 16px; color: #0874d9;}
.coverLogo img { display: block; margin: 0 auto; width: 30.88vw;}
.coverLogo { position: absolute; top: 26.9vh; width: 100%; left: 0;}
.coverPic p { position: absolute; left: 0; width: 100%; text-align: center; top: 76.36vh;}
.scrollBox { height:250vh; position: relative; z-index: 20;}
.banner { width: 100%; height: 100vh;}
.banner img{ display: block; height: 100%; width: 100%; object-fit: cover;}
.banner .swiper { width:100%; height: 100%;}
.banner .swiper-slide-active { z-index: 2;}

.banner .swiper-pagination { left: 0; bottom: 4.4vw; width: 100%;}
.banner .swiper-pagination span { position: relative; opacity: 1; transition: all 0.3s; box-sizing: border-box; background: #ffffff; outline: none; width: 10px; height: 10px; margin:0 21px!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #0874d9;}
.banner .swiper-pagination span::after { content: ''; position: absolute; left: 50%; top:50%; box-sizing: border-box; width: 40px; height: 40px; border-radius: 50%;
border: 1px solid #0874d9; transform: translate(-50%,-50%) scale(0);}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after {transform: translate(-50%,-50%) scale(1); transition: all 0.5s;}
.bannerText { position: absolute; width: 1600px; max-width: 92%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bannerText h2 { font-size: 2.91vw; color: #ffffff; line-height: 1.25;}
.bannerText h2 span { color: #0874d9;}
.bannerText h3 { font-size: 2.91vw; color: #ffffff; line-height: 1.25;}
.bannerText p { margin-bottom: 68px; font-size: 1.354vw; color: #ffffff; margin-top: 56px;}
/*网站banner结束*/
/* 内页关于我们样式 */
.menuChose { line-height: 70px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: center; gap: 72px;}
.menuChose a { position: relative; display: block; font-size: 16px; color: #222222;}
.menuChose a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s;height: 2px; bottom: -1px; width: 0; background:#0874d9 ;}
.menuChose a.cur::after,.menuChose a:hover::after { width: 100%;}
.menuChose a.cur,.menuChose a:hover { color: #0874d9;}
.indeideBanner { position: relative;}
.indeideBanner img { display: block; width: 100%;}
.inBannerText { position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%);}
.inBannerText h2 { font-size: 2.91vw; color: #ffffff; line-height: 1; margin-bottom: 25px;}
.inBannerText p { font-size: 18px; color: #ffffff;}
/* 内页关于我们样式 */
/* 代理分销品牌样式 */
 .product-text {
    border-radius: 8px;
    width: 1400px;
    /* 1. 删除 height: 600px; 让内容自动决定高度 */
    margin: 0 auto;
    border: 1px solid #d9e3ec;
    text-align: center;
    
    display: flex;
    flex-direction: column; /* 强制改为列布局，保证内容靠顶排列 */
    align-items: center;    /* 水平居中 */
    /* 2. 将垂直对齐改为 flex-start，即靠顶对齐 */
    justify-content: flex-start; 
    
    /* 3. 可选：给顶部加一点内边距，防止内容紧贴边框 */
    padding-top: 40px;
	padding-bottom:60px;
  }

  .product-info-box {
    display: flex;
    align-items: center;
    width: 90%;
    padding: 20px 40px;
    border-bottom: 1px solid #CCCCCC;
  }

  .product-logo {
    width: 300px;
    flex-shrink: 0;
    text-align: center;
  }

  .product-logo img {
    max-width: 100%;
    height: auto;
  }

  .product-desc {
    flex: 1;
    padding-left: 20px;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
  }
  
  /* 代理分销品牌样式 */
  
  
  /* 公司简介内页切换代码 */  

    .menuChose a {
        text-decoration: none;
        color: #333;
        padding: 10px 20px;
        display: inline-block;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }
    .menuChose a.cur {
        color: #007bff; /* 蓝色高亮 */
        border-bottom: 2px solid #007bff; /* 底部蓝色线条 */
    }
	
	  /* 公司简介内页切换代码 */  
	  
	  

 
    /* ================================================================
       公司简介版块 .xt（蓝色调·全div版）—— 追加到 aboutus.aspx 头部 <style> 末尾
       全部选择器以 .xt 开头，与企业文化 .xc 互不冲突；
       后台「公司介绍」内容只贴 <div class="xt">…</div> 的 HTML
       ================================================================ */
/* ============ 公司简介版块（全部 div 结构，样式全部以 .xt 开头，不污染全站） ============ */
.xt{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.xt *{margin:0;padding:0;box-sizing:border-box}
.xt .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.xt .blk{padding:72px 0}
.xt .p{text-align:justify}
.xt .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.xt .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.xt .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.xt .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .big .bl{color:var(--blue);font-weight:700}
.xt .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.xt .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 图文行：左照片 / 右段落+分隔线+标签 ---------- */
.xt .media{display:grid;grid-template-columns:420px 1fr;gap:64px;margin-top:56px;align-items:stretch}
.xt .photo{position:relative;min-height:440px;border-radius:6px;overflow:hidden;
  background:url("../images/about.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.xt .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.88))}
.xt .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.xt .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.xt .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .rule{height:1px;background:var(--line);margin:26px 0 22px}
.xt .tags{display:flex;flex-wrap:wrap;gap:12px}
.xt .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.xt .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

/* ---------- 深蓝数据带 ---------- */
.xt .band{background:var(--blue-band);color:#fff}
.xt .band .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:56px;padding-bottom:56px}
.xt .band .s{padding:6px 30px;position:relative}
.xt .band .s+.s::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:rgba(255,255,255,.22)}
.xt .band .n{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,46px);font-weight:700;letter-spacing:.02em}
.xt .band .u{display:inline;font-size:16px;color:var(--cyan);margin-left:4px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400}
.xt .band .cap{display:block;margin-top:8px;font-size:14.5px;color:#c9dcf3;letter-spacing:.14em;font-weight:300}

/* ---------- 02 授权品牌区（浅灰底） ---------- */
.xt .brands-sec{background:var(--cloud)}
.xt .chips{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:52px}
.xt .chips .c{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px 10px;text-align:center;transition:.2s}
.xt .chips .c:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(10,61,124,.12);border-color:var(--blue)}
.xt .chips .cn{display:block;font-size:17px;color:var(--ink);letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .chips .en{display:block;margin-top:4px;font-size:12.5px;color:#93a2b6;letter-spacing:.1em;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 03 三卡 ---------- */
.xt .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.xt .cd{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:34px 30px 40px;transition:.2s}
.xt .cd:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12)}
.xt .cd.hot{border:1px solid var(--blue);box-shadow:0 10px 30px rgba(8,116,217,.14)}
.xt .cd .lbl{font-size:12.5px;color:var(--blue);letter-spacing:.14em;font-weight:700;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .cd .ttl{font-size:21px;color:var(--ink);letter-spacing:.08em;margin:20px 0 14px;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xt .cd .p{font-size:15px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300}
.xt .cd .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .xt .grid2,.xt .media{grid-template-columns:1fr;gap:32px}
  .xt .head-copy{padding-top:0}
  .xt .photo{min-height:300px}
  .xt .band .wrap{grid-template-columns:repeat(2,1fr);gap:30px 0;padding-top:44px;padding-bottom:44px}
  .xt .band .s:nth-child(3)::before{content:none}
  .xt .chips{grid-template-columns:repeat(3,1fr)}
  .xt .cards{grid-template-columns:1fr}
  .xt .blk{padding:52px 0}
}
@media (max-width:560px){
  .xt .band .wrap{grid-template-columns:1fr}
  .xt .band .s+.s::before{content:none}
  .xt .band .s{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .xt .band .s:last-child{border-bottom:none}
  .xt .chips{grid-template-columns:repeat(2,1fr)}
}




    /* ================================================================
       企业文化版块 .xc（蓝色调·全div版）—— 追加到 aboutus.aspx 头部 <style> 末尾
       全部选择器以 .xc 开头，与公司介绍 .xt 互不冲突；
       后台「企业文化」内容只贴 <div class="xc">…</div> 的 HTML
       ================================================================ */
/* ============ 企业文化版块（全部 div 结构，样式全部以 .xc 开头，与 .xt 互不冲突） ============ */
.xc{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.xc *{margin:0;padding:0;box-sizing:border-box}
.xc .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.xc .blk{padding:72px 0}
.xc .p{text-align:justify}
.xc .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.xc .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.xc .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.xc .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .big .bl{color:var(--blue);font-weight:700}
.xc .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.xc .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 图文行：左照片 / 右段落+分隔线+标签 ---------- */
.xc .media{display:grid;grid-template-columns:420px 1fr;gap:64px;margin-top:56px;align-items:stretch}
.xc .photo{position:relative;min-height:440px;border-radius:6px;overflow:hidden;
  background:url("../images/handshake.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.xc .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.88))}
.xc .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.xc .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.xc .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .rule{height:1px;background:var(--line);margin:26px 0 22px}
.xc .tags{display:flex;flex-wrap:wrap;gap:12px}
.xc .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.xc .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

/* ---------- 深蓝数据带 ---------- */
.xc .band{background:var(--blue-band);color:#fff}
.xc .band .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:56px;padding-bottom:56px}
.xc .band .s{padding:6px 30px;position:relative}
.xc .band .s+.s::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:rgba(255,255,255,.22)}
.xc .band .n{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,46px);font-weight:700;letter-spacing:.02em}
.xc .band .u{display:inline;font-size:16px;color:var(--cyan);margin-left:4px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400}
.xc .band .cap{display:block;margin-top:8px;font-size:14.5px;color:#c9dcf3;letter-spacing:.14em;font-weight:300}

/* ---------- 02 理念卡片区（浅灰底） ---------- */
.xc .cards-sec{background:var(--cloud)}
.xc .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.xc .cd{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:34px 30px 40px;transition:.2s;position:relative}
.xc .cd:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12)}
.xc .cd.hot{border:1px solid var(--blue);box-shadow:0 10px 30px rgba(8,116,217,.14)}
.xc .cd .lbl{font-size:12.5px;color:var(--blue);letter-spacing:.14em;font-weight:700;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .cd .ttl{font-size:21px;color:var(--ink);letter-spacing:.08em;margin:20px 0 14px;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .cd .p{font-size:15px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300}
.xc .cd .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 03 团队作风（白底四列） ---------- */
.xc .motto{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px}
.xc .mo{text-align:left;border-top:3px solid var(--blue);padding:22px 6px 0}
.xc .mo .k{font-size:13px;color:var(--muted);letter-spacing:.3em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .mo .v{display:block;font-size:19px;color:var(--ink);letter-spacing:.06em;margin:8px 0 6px;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.xc .mo .sub{font-size:12.5px;color:#93a2b6;letter-spacing:.12em;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .xc .grid2,.xc .media{grid-template-columns:1fr;gap:32px}
  .xc .head-copy{padding-top:0}
  .xc .photo{min-height:300px}
  .xc .band .wrap{grid-template-columns:repeat(2,1fr);gap:30px 0;padding-top:44px;padding-bottom:44px}
  .xc .band .s:nth-child(3)::before{content:none}
  .xc .cards,.xc .motto{grid-template-columns:1fr}
  .xc .blk{padding:52px 0}
}
@media (max-width:560px){
  .xc .band .wrap{grid-template-columns:1fr}
  .xc .band .s+.s::before{content:none}
  .xc .band .s{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .xc .band .s:last-child{border-bottom:none}
}

    /* ================================================================
       发展历程版块 .lc（蓝色调·全div版）—— 追加到 aboutus.aspx 头部 <style> 末尾
       全部选择器以 .lc 开头，与 .xt / .xc 互不冲突；
       后台「发展历程」内容只贴 <div class="lc">…</div> 的 HTML
       ================================================================ */
/* ============ 发展历程版块（全部 div 结构，样式全部以 .lc 开头，与 .xt/.xc 互不冲突） ============ */
.lc{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.lc *{margin:0;padding:0;box-sizing:border-box}
.lc .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lc .blk{padding:72px 0}
.lc .p{text-align:justify}
.lc .inl{display:inline}

/* ---------- 版块头 ---------- */
.lc .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.lc .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.lc .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.lc .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.lc .big .bl{color:var(--blue);font-weight:700}
.lc .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}

/* ---------- 时间轴 ---------- */
.lc .tl{margin-top:64px;position:relative;padding-left:220px}
.lc .tl::before{content:"";position:absolute;left:190px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--blue),rgba(8,116,217,.15))}
.lc .row{position:relative;padding:0 0 52px 44px}
.lc .row:last-child{padding-bottom:0}
.lc .row .yr{position:absolute;left:-220px;top:0;width:150px;text-align:right;
  font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:.02em}
.lc .row .yr .en{display:block;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:12px;font-weight:400;color:#93a2b6;letter-spacing:.24em;margin-top:6px}
.lc .row .dot{position:absolute;left:-38px;top:12px;width:18px;height:18px;border-radius:50%;
  background:var(--paper);border:4px solid var(--blue);box-shadow:0 0 0 5px rgba(8,116,217,.14)}
.lc .row.hot .dot{background:var(--blue);box-shadow:0 0 0 5px rgba(8,116,217,.22)}
.lc .row .card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:26px 30px;transition:.2s;box-shadow:0 2px 10px rgba(10,61,124,.05)}
.lc .row .card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,61,124,.12);border-color:var(--blue)}
.lc .row .tag{display:inline-block;font-size:12px;color:var(--blue);border:1px solid #bcd6f0;border-radius:3px;padding:2px 10px;letter-spacing:.14em;margin-bottom:12px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.lc .row .ttl{font-size:20px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin-bottom:8px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.lc .row .ttl .b{display:inline;color:var(--blue-deep);font-weight:700}
.lc .row .desc{font-size:15px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300}
.lc .row .desc .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 深蓝展望带 ---------- */
.lc .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.lc .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.lc .band .wrap{position:relative;padding:64px 24px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.lc .band .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:12px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.lc .band .t2{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif;line-height:1.6}
.lc .band .t2 .cy{display:inline;color:var(--cyan);font-weight:700}
.lc .band .nums{display:flex;gap:44px}
.lc .band .ns{text-align:center}
.lc .band .ns .n{font-family:Georgia,serif;font-size:38px;font-weight:700}
.lc .band .ns .n .u{display:inline;font-size:15px;color:var(--cyan);margin-left:3px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400}
.lc .band .ns .cap{display:block;margin-top:4px;font-size:13px;color:#c9dcf3;letter-spacing:.14em}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .lc .grid2{grid-template-columns:1fr;gap:24px}
  .lc .head-copy{padding-top:0}
  .lc .tl{padding-left:34px}
  .lc .tl::before{left:8px}
  .lc .row{padding-left:36px}
  .lc .row .yr{position:static;width:auto;text-align:left;font-size:30px;margin-bottom:10px}
  .lc .row .yr .en{display:inline;margin-left:12px}
  .lc .row .dot{left:-33px;top:8px}
  .lc .band .wrap{grid-template-columns:1fr;padding:48px 24px}
  .lc .band .nums{gap:28px}
  .lc .blk{padding:52px 0}
}
@media (max-width:560px){
  .lc .band .nums{flex-wrap:wrap}
}


    /* ================================================================
       祥泰微产品系列版块 .pp（蓝色调·全div版）—— 追加到 products.html 头部 <style> 末尾
       全部选择器以 .pp 开头，与 .xt / .xc / .lc / .ry 互不冲突；
       后台正文只贴 <div class="pp">…</div> 的 HTML
       ================================================================ */
/* ============ 祥泰微产品系列版块（全部 div 结构，样式全部以 .pp 开头，与 .xt/.xc/.lc/.ry 互不冲突） ============ */
.pp{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.pp *{margin:0;padding:0;box-sizing:border-box}
.pp .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.pp .blk{padding:72px 0}
.pp .p{text-align:justify}
.pp .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.pp .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.pp .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.pp .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .big .bl{display:inline;color:var(--blue);font-weight:700}
.pp .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.pp .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 产品详情行：左图 / 右详情 ---------- */
.pp .pd{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:64px;align-items:stretch}
.pp .pd.rev{grid-template-columns:1fr 420px}
.pp .pd.rev .thumb{order:2}
.pp .pd.rev .info{order:1}
.pp .thumb{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:center/cover no-repeat,linear-gradient(160deg,#eef4fb,#dfeaf6 55%,#cfe0f2)}
.pp .pd:nth-of-type(1) .thumb{background-image:url("../images/prod_resistor.jpg")}
.pp .pd:nth-of-type(2) .thumb{background-image:url("../images/prod_mlcc.jpg")}
.pp .pd:nth-of-type(3) .thumb{background-image:url("../images/prod_inductor.jpg")}
.pp .pd:nth-of-type(4) .thumb{background-image:url("../images/prod_diode.jpg")}
.pp .thumb .no{position:absolute;top:20px;left:24px;font-family:Georgia,"Times New Roman",serif;font-size:64px;font-weight:700;
  color:rgba(255,255,255,.85);line-height:1;text-shadow:0 4px 14px rgba(10,61,124,.25)}
.pp .thumb .en{position:absolute;bottom:20px;left:24px;font-size:12px;color:rgba(255,255,255,.9);letter-spacing:.28em;text-transform:uppercase;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;text-shadow:0 2px 8px rgba(10,61,124,.4)}
.pp .info .lbl{font-size:12.5px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .info .ttl{font-size:27px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:8px 0 4px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .info .ttl .en2{display:inline;font-size:14px;color:#93a2b6;letter-spacing:.14em;margin-left:12px;font-weight:400;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .info .desc{font-size:15.5px;color:#3d4c66;line-height:2.1;letter-spacing:.05em;font-weight:300;margin:14px 0 20px}
.pp .info .desc .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* 子系列列表 */
.pp .sub{display:grid;gap:10px;margin-bottom:20px}
.pp .sub .r{display:grid;grid-template-columns:118px 1fr;gap:16px;background:var(--cloud);border:1px solid var(--line);border-radius:6px;padding:12px 16px;align-items:baseline}
.pp .sub .k{font-size:14px;color:var(--blue);font-weight:700;letter-spacing:.04em;font-family:"Microsoft YaHei","微软雅黑",sans-serif;white-space:nowrap}
.pp .sub .v{font-size:14px;color:#4a5a72;line-height:1.8;letter-spacing:.04em;font-weight:300}

/* 规格表 */
.pp .spec{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:20px}
.pp .spec .h{display:grid;grid-template-columns:repeat(3,1fr);background:var(--blue-band);color:#fff}
.pp .spec .h div{padding:10px 14px;font-size:13px;letter-spacing:.12em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;border-right:1px solid rgba(255,255,255,.16)}
.pp .spec .h div:last-child{border-right:none}
.pp .spec .b{display:grid;grid-template-columns:repeat(3,1fr)}
.pp .spec .b div{padding:10px 14px;font-size:13.5px;color:#3d4c66;letter-spacing:.04em;font-weight:300;border-top:1px solid var(--line);border-right:1px solid var(--line);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .spec .b div:nth-child(3n){border-right:none}

/* 应用标签 */
.pp .apps{display:flex;flex-wrap:wrap;gap:10px}
.pp .apps .t{font-size:13.5px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:5px 14px;letter-spacing:.06em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.pp .apps .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}
.pp .apps .lb{font-size:13.5px;color:#93a2b6;letter-spacing:.14em;align-self:center;margin-right:4px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 深蓝订购信息带 ---------- */
.pp .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.pp .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.pp .band .wrap{position:relative;padding:64px 24px}
.pp .band .hd{text-align:center;margin-bottom:40px}
.pp .band .hd .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .band .hd .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .band .hd .t2 .cy{display:inline;color:var(--cyan)}
.pp .band .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pp .band .st{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:26px 22px;position:relative}
.pp .band .st .sn{font-family:Georgia,serif;font-size:15px;color:var(--cyan);font-weight:700;letter-spacing:.1em}
.pp .band .st .tt{font-size:18px;font-weight:700;letter-spacing:.1em;margin:10px 0 6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.pp .band .st .ds{font-size:13.5px;color:#c9dcf3;line-height:1.9;letter-spacing:.05em;font-weight:300}
.pp .band .st+.st::before{content:"";position:absolute;left:-13px;top:42%;width:6px;height:6px;transform:rotate(45deg);background:var(--cyan)}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .pp .grid2{grid-template-columns:1fr;gap:24px}
  .pp .head-copy{padding-top:0}
  .pp .pd,.pp .pd.rev{grid-template-columns:1fr;gap:28px;margin-top:48px}
  .pp .pd.rev .thumb{order:0}
  .pp .pd.rev .info{order:1}
  .pp .thumb{min-height:280px}
  .pp .band .steps{grid-template-columns:repeat(2,1fr)}
  .pp .band .st+.st::before{content:none}
  .pp .blk{padding:52px 0}
}
@media (max-width:560px){
  .pp .spec .h,.pp .spec .b{grid-template-columns:1fr 1fr}
  .pp .spec .b div:nth-child(3n){border-right:1px solid var(--line)}
  .pp .spec .b div:nth-child(2n){border-right:none}
  .pp .sub .r{grid-template-columns:1fr;gap:2px}
  .pp .band .steps{grid-template-columns:1fr}
}

    /* ================================================================
       祥泰微品牌介绍版块 .bd（蓝色调·全div版）—— 追加到品牌介绍页头部 <style> 末尾
       全部选择器以 .bd 开头，与 .xt/.xc/.lc/.ry/.pp/.ct 互不冲突；
       后台正文只贴 <div class="bd">…</div> 的 HTML
       ================================================================ */
/* ============ 祥泰微品牌介绍版块（全部 div 结构，样式全部以 .bd 开头，与 .xt/.xc/.lc/.ry/.pp/.ct 互不冲突） ============ */
.bd{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.bd *{margin:0;padding:0;box-sizing:border-box}
.bd .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.bd .blk{padding:72px 0}
.bd .p{text-align:justify}
.bd .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.bd .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.bd .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.bd .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .big .bl{display:inline;color:var(--blue);font-weight:700}
.bd .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.bd .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 品牌图文行：左品牌图 / 右问答 ---------- */
.bd .media{display:grid;grid-template-columns:420px 1fr;gap:64px;margin-top:56px;align-items:stretch}
.bd .photo{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:url("../images/brand_logo.png") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.bd .photo .mk{position:absolute;top:26px;left:26px;display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:10px 16px;backdrop-filter:blur(4px)}
.bd .photo .mk .zi{width:42px;height:42px;border-radius:8px;background:linear-gradient(140deg,#fff,#dfeaf6);color:var(--blue-deep);
  display:grid;place-items:center;font-size:23px;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .photo .mk .nm{color:#fff;font-size:16px;font-weight:700;letter-spacing:.06em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .photo .mk .nm .en{display:block;font-size:11px;font-weight:400;color:#bcd6f0;letter-spacing:.2em}
.bd .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:74px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.9))}
.bd .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.bd .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.bd .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .rule{height:1px;background:var(--line);margin:26px 0 22px}
.bd .tags{display:flex;flex-wrap:wrap;gap:12px}
.bd .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.bd .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

/* ---------- 品牌历程四节点（浅灰底） ---------- */
.bd .story-sec{background:var(--cloud)}
.bd .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.bd .st{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 26px;position:relative;transition:.2s}
.bd .st:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12);border-color:var(--blue)}
.bd .st .yr{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;color:var(--blue);line-height:1}
.bd .st .yr .en{display:block;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:11px;color:#93a2b6;letter-spacing:.24em;margin-top:6px;font-weight:400}
.bd .st .tt{font-size:17.5px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:16px 0 8px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .st .ds{font-size:14px;color:#4a5a72;line-height:1.95;letter-spacing:.05em;font-weight:300}
.bd .st+.st::before{content:"";position:absolute;left:-14px;top:36px;width:6px;height:6px;transform:rotate(45deg);background:var(--blue);opacity:.55}

/* ---------- 品质体系三卡 ---------- */
.bd .qs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.bd .qc{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px 30px 38px;transition:.2s;position:relative;overflow:hidden}
.bd .qc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,61,124,.13)}
.bd .qc.hot{border:1px solid var(--blue);box-shadow:0 10px 30px rgba(8,116,217,.14)}
.bd .qc::after{content:"";position:absolute;right:-28px;bottom:-28px;width:96px;height:96px;border-radius:50%;border:12px solid rgba(8,116,217,.07)}
.bd .qc .lbl{font-size:12.5px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .qc .ttl{font-size:21px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:14px 0 10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .qc .p{font-size:14.5px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300}
.bd .qc .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 深蓝品牌承诺带 ---------- */
.bd .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.bd .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.bd .band .wrap{position:relative;padding:64px 24px;text-align:center}
.bd .band .slog{font-size:clamp(24px,3.2vw,34px);font-weight:700;letter-spacing:.14em;font-family:"Microsoft YaHei","微软雅黑",sans-serif;line-height:1.7}
.bd .band .slog .cy{display:inline;color:var(--cyan)}
.bd .band .en{margin-top:10px;font-size:12.5px;letter-spacing:.4em;color:#9dc3e8;text-transform:uppercase;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.bd .band .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;max-width:900px;margin-left:auto;margin-right:auto}
.bd .band .ns{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:22px 12px}
.bd .band .ns .n{font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1.2}
.bd .band .ns .n .u{display:inline;font-size:14px;color:var(--cyan);margin-left:3px;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400}
.bd .band .ns .cap{display:block;margin-top:6px;font-size:13px;color:#c9dcf3;letter-spacing:.14em}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .bd .grid2{grid-template-columns:1fr;gap:24px}
  .bd .head-copy{padding-top:0}
  .bd .media{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .bd .photo{min-height:300px}
  .bd .steps{grid-template-columns:repeat(2,1fr)}
  .bd .st+.st::before{content:none}
  .bd .qs{grid-template-columns:1fr}
  .bd .band .nums{grid-template-columns:repeat(2,1fr)}
  .bd .blk{padding:52px 0}
}
@media (max-width:560px){
  .bd .steps{grid-template-columns:1fr}
  .bd .band .nums{grid-template-columns:1fr;max-width:300px}
}

    /* ================================================================
       行业应用·家用电器版块 .ah（蓝色调·全div版）—— 追加到对应页面头部 <style> 末尾
       全部选择器以 .ah 开头，与其他版块互不冲突；
       后台正文只贴 <div class="ah">…</div> 的 HTML
       ================================================================ */
/* ============ 家用电器应用版块（全部 div 结构，样式全部以 .ah 开头，与其他版块互不冲突） ============ */
.ah{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ah *{margin:0;padding:0;box-sizing:border-box}
.ah .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ah .blk{padding:72px 0}
.ah .p{text-align:justify}
.ah .inl{display:inline}

.ah .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.ah .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.ah .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .big .bl{display:inline;color:var(--blue);font-weight:700}
.ah .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.ah .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

.ah .media{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:56px;align-items:stretch}
.ah .photo{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:url("../images/app_home.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.ah .photo .chip{position:absolute;top:22px;left:22px;display:inline-block;padding:8px 16px;border-radius:6px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);
  color:#fff;font-size:13px;letter-spacing:.2em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:74px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.9))}
.ah .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.ah .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.ah .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .rule{height:1px;background:var(--line);margin:24px 0 20px}
.ah .tags{display:flex;flex-wrap:wrap;gap:12px}
.ah .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.ah .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

.ah .sys-sec{background:var(--cloud)}
.ah .sys{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.ah .sy{display:grid;grid-template-columns:86px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;transition:.2s;gap:22px}
.ah .sy:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12);border-color:var(--blue)}
.ah .sy .mk{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:700;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;box-shadow:0 8px 18px rgba(8,116,217,.28)}
.ah .sy:nth-child(1) .mk{background:linear-gradient(140deg,#0874d9,#0a3d7c)}
.ah .sy:nth-child(2) .mk{background:linear-gradient(140deg,#12c2e9,#0e7490)}
.ah .sy:nth-child(3) .mk{background:linear-gradient(140deg,#f6b93b,#d97706)}
.ah .sy:nth-child(4) .mk{background:linear-gradient(140deg,#12d67a,#059248)}
.ah .sy .lbl{font-size:12px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .sy .ttl{font-size:20px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:6px 0 10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .sy .ds{font-size:14.5px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300;margin-bottom:12px}
.ah .sy .ds .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .sy .use{display:flex;flex-wrap:wrap;gap:8px}
.ah .sy .use .u{font-size:12.5px;color:var(--muted);background:var(--cloud);border:1px solid var(--line);border-radius:3px;padding:3px 10px;letter-spacing:.04em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

.ah .tbl{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px;box-shadow:0 4px 18px rgba(10,61,124,.06)}
.ah .tr{display:grid;grid-template-columns:180px 220px 1fr;align-items:stretch}
.ah .tr+.tr{border-top:1px solid #eef2f7}
.ah .tr.hd{background:linear-gradient(120deg,#0a3d7c,#0a4da2)}
.ah .tr.hd .c{color:#fff;font-size:14px;font-weight:700;letter-spacing:.14em;padding:16px 22px;border-right:1px solid rgba(255,255,255,.14);
  font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .tr.hd .c:last-child{border-right:none}
.ah .tr .c{padding:16px 22px;font-size:14.5px;color:#3d4c66;line-height:1.8;letter-spacing:.04em;font-weight:300;border-right:1px solid #f0f4f9}
.ah .tr .c:last-child{border-right:none}
.ah .tr .c.cat{color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:15px}
.ah .tr .c.ser{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .tr:hover .c{background:#f7fbff}
.ah .tr.hd:hover .c{background:transparent}

.ah .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.ah .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.ah .band .wrap{position:relative;padding:64px 24px}
.ah .band .hd{text-align:center;margin-bottom:40px}
.ah .band .hd .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .band .hd .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .band .hd .t2 .cy{display:inline;color:var(--cyan)}
.ah .band .qs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ah .band .qi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:26px 22px}
.ah .band .qi .qn{font-family:Georgia,serif;font-size:15px;color:var(--cyan);font-weight:700;letter-spacing:.1em}
.ah .band .qi .qt{font-size:17.5px;font-weight:700;letter-spacing:.1em;margin:10px 0 6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ah .band .qi .qd{font-size:13.5px;color:#c9dcf3;line-height:1.9;letter-spacing:.05em;font-weight:300}

@media (max-width:960px){
  .ah .grid2{grid-template-columns:1fr;gap:24px}
  .ah .head-copy{padding-top:0}
  .ah .media{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .ah .photo{min-height:300px}
  .ah .sys{grid-template-columns:1fr}
  .ah .tr{grid-template-columns:1fr 1fr}
  .ah .tr .c:nth-child(3){grid-column:1/-1;border-top:1px dashed #e8edf3}
  .ah .tr.hd .c:nth-child(3){display:none}
  .ah .band .qs{grid-template-columns:repeat(2,1fr)}
  .ah .blk{padding:52px 0}
}
@media (max-width:560px){
  .ah .sy{grid-template-columns:1fr}
  .ah .band .qs{grid-template-columns:1fr}
}

    /* ================================================================
       行业应用·汽车行业版块 .ap（蓝色调·全div版）—— 追加到 applications.aspx 头部 <style> 末尾
       全部选择器以 .ap 开头，与 .xt/.xc/.lc/.ry/.pp/.ct/.bd 互不冲突；
       后台正文只贴 <div class="ap">…</div> 的 HTML
       ================================================================ */
/* ============ 汽车行业应用版块（全部 div 结构，样式全部以 .ap 开头，与其他版块互不冲突） ============ */
.ap{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ap *{margin:0;padding:0;box-sizing:border-box}
.ap .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ap .blk{padding:72px 0}
.ap .p{text-align:justify}
.ap .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.ap .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.ap .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.ap .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .big .bl{display:inline;color:var(--blue);font-weight:700}
.ap .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.ap .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 图文行：左大图 / 右正文 ---------- */
.ap .media{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:56px;align-items:stretch}
.ap .photo{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:url("../images/app_auto.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.ap .photo .chip{position:absolute;top:22px;left:22px;display:inline-block;padding:8px 16px;border-radius:6px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);
  color:#fff;font-size:13px;letter-spacing:.2em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:74px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.9))}
.ap .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.ap .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.ap .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .rule{height:1px;background:var(--line);margin:24px 0 20px}
.ap .tags{display:flex;flex-wrap:wrap;gap:12px}
.ap .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.ap .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

/* ---------- 应用系统四大卡（浅灰底） ---------- */
.ap .sys-sec{background:var(--cloud)}
.ap .sys{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.ap .sy{display:grid;grid-template-columns:86px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;transition:.2s;gap:22px}
.ap .sy:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12);border-color:var(--blue)}
.ap .sy .mk{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:700;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;box-shadow:0 8px 18px rgba(8,116,217,.28)}
.ap .sy:nth-child(1) .mk{background:linear-gradient(140deg,#0874d9,#0a3d7c)}
.ap .sy:nth-child(2) .mk{background:linear-gradient(140deg,#12c2e9,#0e7490)}
.ap .sy:nth-child(3) .mk{background:linear-gradient(140deg,#f6b93b,#d97706)}
.ap .sy:nth-child(4) .mk{background:linear-gradient(140deg,#12d67a,#059248)}
.ap .sy .lbl{font-size:12px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .sy .ttl{font-size:20px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:6px 0 10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .sy .ds{font-size:14.5px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300;margin-bottom:12px}
.ap .sy .ds .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .sy .use{display:flex;flex-wrap:wrap;gap:8px}
.ap .sy .use .u{font-size:12.5px;color:var(--muted);background:var(--cloud);border:1px solid var(--line);border-radius:3px;padding:3px 10px;letter-spacing:.04em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* ---------- 推荐料号对照表（白底） ---------- */
.ap .tbl{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px;box-shadow:0 4px 18px rgba(10,61,124,.06)}
.ap .tr{display:grid;grid-template-columns:180px 220px 1fr;align-items:stretch}
.ap .tr+.tr{border-top:1px solid #eef2f7}
.ap .tr.hd{background:linear-gradient(120deg,#0a3d7c,#0a4da2)}
.ap .tr.hd .c{color:#fff;font-size:14px;font-weight:700;letter-spacing:.14em;padding:16px 22px;border-right:1px solid rgba(255,255,255,.14);
  font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .tr.hd .c:last-child{border-right:none}
.ap .tr .c{padding:16px 22px;font-size:14.5px;color:#3d4c66;line-height:1.8;letter-spacing:.04em;font-weight:300;border-right:1px solid #f0f4f9}
.ap .tr .c:last-child{border-right:none}
.ap .tr .c.cat{color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:15px}
.ap .tr .c.ser{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .tr:hover .c:not(.hd) { background:#f7fbff }

/* ---------- 车规可靠性深蓝带 ---------- */
.ap .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.ap .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.ap .band .wrap{position:relative;padding:64px 24px}
.ap .band .hd{text-align:center;margin-bottom:40px}
.ap .band .hd .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .band .hd .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .band .hd .t2 .cy{display:inline;color:var(--cyan)}
.ap .band .qs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ap .band .qi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:26px 22px}
.ap .band .qi .qn{font-family:Georgia,serif;font-size:15px;color:var(--cyan);font-weight:700;letter-spacing:.1em}
.ap .band .qi .qt{font-size:17.5px;font-weight:700;letter-spacing:.1em;margin:10px 0 6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ap .band .qi .qd{font-size:13.5px;color:#c9dcf3;line-height:1.9;letter-spacing:.05em;font-weight:300}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .ap .grid2{grid-template-columns:1fr;gap:24px}
  .ap .head-copy{padding-top:0}
  .ap .media{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .ap .photo{min-height:300px}
  .ap .sys{grid-template-columns:1fr}
  .ap .tr{grid-template-columns:1fr 1fr}
  .ap .tr .c:nth-child(3){grid-column:1/-1;border-top:1px dashed #e8edf3}
  .ap .tr.hd .c:nth-child(3){display:none}
  .ap .band .qs{grid-template-columns:repeat(2,1fr)}
  .ap .blk{padding:52px 0}
}
@media (max-width:560px){
  .ap .sy{grid-template-columns:1fr}
  .ap .band .qs{grid-template-columns:1fr}
}

    /* ================================================================
       行业应用-通讯行业版块 .at（蓝色调·全div版）—— 追加到对应页面头部 <style> 末尾
       全部选择器以 .at 开头，与其他版块互不冲突；
       后台正文只贴 <div class="at">…</div> 的 HTML
       ================================================================ */
/* ============ 通讯行业应用版块（全部 div 结构，样式全部以 .at 开头，与其他版块互不冲突） ============ */
.at{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.at *{margin:0;padding:0;box-sizing:border-box}
.at .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.at .blk{padding:72px 0}
.at .p{text-align:justify}
.at .inl{display:inline}

.at .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.at .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.at .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .big .bl{display:inline;color:var(--blue);font-weight:700}
.at .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.at .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

.at .media{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:56px;align-items:stretch}
.at .photo{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:url("../images/app_telecom.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.at .photo .chip{position:absolute;top:22px;left:22px;display:inline-block;padding:8px 16px;border-radius:6px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);
  color:#fff;font-size:13px;letter-spacing:.2em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:74px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.9))}
.at .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.at .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.at .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .rule{height:1px;background:var(--line);margin:24px 0 20px}
.at .tags{display:flex;flex-wrap:wrap;gap:12px}
.at .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.at .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

.at .sys-sec{background:var(--cloud)}
.at .sys{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.at .sy{display:grid;grid-template-columns:86px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;transition:.2s;gap:22px}
.at .sy:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12);border-color:var(--blue)}
.at .sy .mk{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:700;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;box-shadow:0 8px 18px rgba(8,116,217,.28)}
.at .sy:nth-child(1) .mk{background:linear-gradient(140deg,#0874d9,#0a3d7c)}
.at .sy:nth-child(2) .mk{background:linear-gradient(140deg,#12c2e9,#0e7490)}
.at .sy:nth-child(3) .mk{background:linear-gradient(140deg,#f6b93b,#d97706)}
.at .sy:nth-child(4) .mk{background:linear-gradient(140deg,#12d67a,#059248)}
.at .sy .lbl{font-size:12px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .sy .ttl{font-size:20px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:6px 0 10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .sy .ds{font-size:14.5px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300;margin-bottom:12px}
.at .sy .ds .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .sy .use{display:flex;flex-wrap:wrap;gap:8px}
.at .sy .use .u{font-size:12.5px;color:var(--muted);background:var(--cloud);border:1px solid var(--line);border-radius:3px;padding:3px 10px;letter-spacing:.04em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

.at .tbl{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px;box-shadow:0 4px 18px rgba(10,61,124,.06)}
.at .tr{display:grid;grid-template-columns:180px 220px 1fr;align-items:stretch}
.at .tr+.tr{border-top:1px solid #eef2f7}
.at .tr.hd{background:linear-gradient(120deg,#0a3d7c,#0a4da2)}
.at .tr.hd .c{color:#fff;font-size:14px;font-weight:700;letter-spacing:.14em;padding:16px 22px;border-right:1px solid rgba(255,255,255,.14);
  font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .tr.hd .c:last-child{border-right:none}
.at .tr .c{padding:16px 22px;font-size:14.5px;color:#3d4c66;line-height:1.8;letter-spacing:.04em;font-weight:300;border-right:1px solid #f0f4f9}
.at .tr .c:last-child{border-right:none}
.at .tr .c.cat{color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:15px}
.at .tr .c.ser{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .tr:hover .c{background:#f7fbff}
.at .tr.hd:hover .c{background:transparent}

.at .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.at .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.at .band .wrap{position:relative;padding:64px 24px}
.at .band .hd{text-align:center;margin-bottom:40px}
.at .band .hd .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .band .hd .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .band .hd .t2 .cy{display:inline;color:var(--cyan)}
.at .band .qs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.at .band .qi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:26px 22px}
.at .band .qi .qn{font-family:Georgia,serif;font-size:15px;color:var(--cyan);font-weight:700;letter-spacing:.1em}
.at .band .qi .qt{font-size:17.5px;font-weight:700;letter-spacing:.1em;margin:10px 0 6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.at .band .qi .qd{font-size:13.5px;color:#c9dcf3;line-height:1.9;letter-spacing:.05em;font-weight:300}

@media (max-width:960px){
  .at .grid2{grid-template-columns:1fr;gap:24px}
  .at .head-copy{padding-top:0}
  .at .media{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .at .photo{min-height:300px}
  .at .sys{grid-template-columns:1fr}
  .at .tr{grid-template-columns:1fr 1fr}
  .at .tr .c:nth-child(3){grid-column:1/-1;border-top:1px dashed #e8edf3}
  .at .tr.hd .c:nth-child(3){display:none}
  .at .band .qs{grid-template-columns:repeat(2,1fr)}
  .at .blk{padding:52px 0}
}
@media (max-width:560px){
  .at .sy{grid-template-columns:1fr}
  .at .band .qs{grid-template-columns:1fr}
}

    /* ================================================================
       行业应用-网络光纤版块 .af（蓝色调·全div版）—— 追加到对应页面头部 <style> 末尾
       全部选择器以 .af 开头，与其他版块互不冲突；
       后台正文只贴 <div class="af">…</div> 的 HTML
       ================================================================ */
/* ============ 网络光纤应用版块（全部 div 结构，样式全部以 .af 开头，与其他版块互不冲突） ============ */
.af{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.af *{margin:0;padding:0;box-sizing:border-box}
.af .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.af .blk{padding:72px 0}
.af .p{text-align:justify}
.af .inl{display:inline}

.af .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.af .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.af .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .big .bl{display:inline;color:var(--blue);font-weight:700}
.af .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.af .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

.af .media{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:56px;align-items:stretch}
.af .photo{position:relative;min-height:460px;border-radius:6px;overflow:hidden;
  background:url("../images/app_fiber.jpg") center/cover no-repeat,
  linear-gradient(150deg,#0a3d7c,#0874d9 60%,#0a4da2)}
.af .photo .chip{position:absolute;top:22px;left:22px;display:inline-block;padding:8px 16px;border-radius:6px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);
  color:#fff;font-size:13px;letter-spacing:.2em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .photo .cap{position:absolute;left:0;right:0;bottom:0;padding:74px 26px 24px;color:#fff;
  background:linear-gradient(transparent,rgba(6,32,66,.9))}
.af .photo .cap .n{display:block;font-size:20px;letter-spacing:.06em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .photo .cap .s{display:block;margin-top:6px;font-size:13.5px;color:#c9dcf3;letter-spacing:.1em;font-weight:300}
.af .media-copy .p{font-size:16px;color:#3d4c66;line-height:2.15;letter-spacing:.06em;font-weight:300;margin-bottom:18px}
.af .media-copy .kw{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .media-copy .b{display:inline;color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .rule{height:1px;background:var(--line);margin:24px 0 20px}
.af .tags{display:flex;flex-wrap:wrap;gap:12px}
.af .tags .t{font-size:14px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:6px 16px;letter-spacing:.08em;
  background:var(--paper);font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:400;transition:.18s}
.af .tags .t:hover{background:#eaf4fd;border-color:var(--blue);transform:translateY(-2px)}

.af .sys-sec{background:var(--cloud)}
.af .sys{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.af .sy{display:grid;grid-template-columns:86px 1fr;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;transition:.2s;gap:22px}
.af .sy:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,61,124,.12);border-color:var(--blue)}
.af .sy .mk{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:700;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;box-shadow:0 8px 18px rgba(8,116,217,.28)}
.af .sy:nth-child(1) .mk{background:linear-gradient(140deg,#0874d9,#0a3d7c)}
.af .sy:nth-child(2) .mk{background:linear-gradient(140deg,#12c2e9,#0e7490)}
.af .sy:nth-child(3) .mk{background:linear-gradient(140deg,#f6b93b,#d97706)}
.af .sy:nth-child(4) .mk{background:linear-gradient(140deg,#12d67a,#059248)}
.af .sy .lbl{font-size:12px;color:var(--blue);letter-spacing:.16em;font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .sy .ttl{font-size:20px;color:var(--ink);font-weight:700;letter-spacing:.06em;margin:6px 0 10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .sy .ds{font-size:14.5px;color:#4a5a72;line-height:2;letter-spacing:.05em;font-weight:300;margin-bottom:12px}
.af .sy .ds .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .sy .use{display:flex;flex-wrap:wrap;gap:8px}
.af .sy .use .u{font-size:12.5px;color:var(--muted);background:var(--cloud);border:1px solid var(--line);border-radius:3px;padding:3px 10px;letter-spacing:.04em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

.af .tbl{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px;box-shadow:0 4px 18px rgba(10,61,124,.06)}
.af .tr{display:grid;grid-template-columns:180px 220px 1fr;align-items:stretch}
.af .tr+.tr{border-top:1px solid #eef2f7}
.af .tr.hd{background:linear-gradient(120deg,#0a3d7c,#0a4da2)}
.af .tr.hd .c{color:#fff;font-size:14px;font-weight:700;letter-spacing:.14em;padding:16px 22px;border-right:1px solid rgba(255,255,255,.14);
  font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .tr.hd .c:last-child{border-right:none}
.af .tr .c{padding:16px 22px;font-size:14.5px;color:#3d4c66;line-height:1.8;letter-spacing:.04em;font-weight:300;border-right:1px solid #f0f4f9}
.af .tr .c:last-child{border-right:none}
.af .tr .c.cat{color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:15px}
.af .tr .c.ser{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .tr:hover .c{background:#f7fbff}
.af .tr.hd:hover .c{background:transparent}

.af .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.af .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.af .band .wrap{position:relative;padding:64px 24px}
.af .band .hd{text-align:center;margin-bottom:40px}
.af .band .hd .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .band .hd .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .band .hd .t2 .cy{display:inline;color:var(--cyan)}
.af .band .qs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.af .band .qi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:26px 22px}
.af .band .qi .qn{font-family:Georgia,serif;font-size:15px;color:var(--cyan);font-weight:700;letter-spacing:.1em}
.af .band .qi .qt{font-size:17.5px;font-weight:700;letter-spacing:.1em;margin:10px 0 6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.af .band .qi .qd{font-size:13.5px;color:#c9dcf3;line-height:1.9;letter-spacing:.05em;font-weight:300}

@media (max-width:960px){
  .af .grid2{grid-template-columns:1fr;gap:24px}
  .af .head-copy{padding-top:0}
  .af .media{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .af .photo{min-height:300px}
  .af .sys{grid-template-columns:1fr}
  .af .tr{grid-template-columns:1fr 1fr}
  .af .tr .c:nth-child(3){grid-column:1/-1;border-top:1px dashed #e8edf3}
  .af .tr.hd .c:nth-child(3){display:none}
  .af .band .qs{grid-template-columns:repeat(2,1fr)}
  .af .blk{padding:52px 0}
}
@media (max-width:560px){
  .af .sy{grid-template-columns:1fr}
  .af .band .qs{grid-template-columns:1fr}
}

    /* ================================================================
       联系我们版块 .ct（蓝色调·全div版）—— 追加到 contactus.aspx 头部 <style> 末尾
       全部选择器以 .ct 开头，与 .xt / .xc / .lc / .ry / .pp 互不冲突；
       后台正文只贴 <div class="ct">…</div> 的 HTML
       ================================================================ */
/* ============ 联系我们版块（全部 div 结构，样式全部以 .ct 开头，与 .xt/.xc/.lc/.ry/.pp 互不冲突） ============ */
.ct{--blue:#0874d9;--blue-deep:#0a3d7c;--blue-band:#0a4da2;--cyan:#4dd7e8;
  --ink:#111923;--muted:#5c6b7f;--line:#dce3ea;--cloud:#f4f7fa;--paper:#fff;
  font-family:"Microsoft YaHei Light","Microsoft YaHei UI Light","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);line-height:1.9;font-size:17px;background:var(--paper);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ct *{margin:0;padding:0;box-sizing:border-box}
.ct .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ct .blk{padding:72px 0}
.ct .p{text-align:justify}
.ct .inl{display:inline}

/* ---------- 版块头：左眉题+大标题 / 右引言 ---------- */
.ct .grid2{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:start}
.ct .eyebrow{font-size:15px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .eyebrow .no{color:var(--blue);font-weight:700;margin-right:6px;display:inline}
.ct .big{font-size:clamp(30px,3.4vw,40px);line-height:1.4;font-weight:700;letter-spacing:.04em;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .big .bl{display:inline;color:var(--blue);font-weight:700}
.ct .head-copy{font-size:16.5px;color:#3d4c66;line-height:2.1;letter-spacing:.06em;font-weight:300;padding-top:34px}
.ct .head-copy .b{color:var(--ink);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif;display:inline}

/* ---------- 联系方式四卡 ---------- */
.ct .info4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.ct .ic{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 26px;transition:.2s;position:relative;overflow:hidden}
.ct .ic:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(10,61,124,.13);border-color:var(--blue)}
.ct .ic::after{content:"";position:absolute;right:-26px;bottom:-26px;width:90px;height:90px;border-radius:50%;border:12px solid rgba(8,116,217,.07)}
.ct .ic .mk{width:48px;height:48px;border-radius:10px;margin-bottom:16px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:24px 24px;transition:.2s}
.ct .ic:hover .mk{transform:scale(1.06)}
.ct .ic .k{font-size:13px;color:#93a2b6;letter-spacing:.24em;margin-bottom:6px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .ic .v{font-size:18px;color:var(--ink);font-weight:700;letter-spacing:.03em;font-family:"Microsoft YaHei","微软雅黑",sans-serif;line-height:1.6;word-break:break-all}
.ct .ic .s{display:block;margin-top:4px;font-size:12.5px;color:var(--muted);letter-spacing:.06em;font-weight:300}

/* ---------- 微信咨询双卡 ---------- */
.ct .form-sec{background:var(--cloud)}
.ct .fb{display:grid;grid-template-columns:420px 420px;gap:28px;margin-top:56px;justify-content:center;align-items:stretch}
.ct .timecard{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:30px 34px;display:flex;flex-direction:column;justify-content:center}

















/* 侧栏：微信卡 + 服务时间卡 */
.ct .wxcard{background:linear-gradient(150deg,var(--blue-deep),var(--blue-band) 60%,var(--blue));border-radius:10px;color:#fff;
  padding:30px 28px;text-align:center;box-shadow:0 14px 32px rgba(10,61,124,.25)}
.ct .wxcard .t{font-size:17px;font-weight:700;letter-spacing:.14em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .wxcard .en{font-size:11px;letter-spacing:.3em;color:#bcd6f0;text-transform:uppercase;margin:4px 0 18px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .wxcard .qr{width:168px;height:168px;margin:0 auto;border-radius:10px;background:url("images/wx.png") center/contain no-repeat #fff,
  linear-gradient(160deg,#eef4fb,#dfeaf6);box-shadow:0 8px 20px rgba(6,32,66,.35)}
.ct .wxcard .cap{margin-top:14px;font-size:13px;color:#dbe9f8;letter-spacing:.12em;font-weight:300}

.ct .timecard .t{font-size:16px;font-weight:700;letter-spacing:.12em;color:var(--ink);margin-bottom:14px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .tr{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--line);gap:14px}
.ct .tr:last-child{border-bottom:none}
.ct .tr .k{font-size:13.5px;color:var(--muted);letter-spacing:.08em;white-space:nowrap;font-weight:300}
.ct .tr .v{font-size:14px;color:var(--ink);font-weight:700;letter-spacing:.04em;text-align:right;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .tr .v .cy{color:var(--blue);font-weight:700}

/* ---------- 地址与地图 ---------- */
.ct .map-sec{background:var(--paper)}
.ct .mp{display:grid;grid-template-columns:420px 1fr;gap:56px;margin-top:56px;align-items:stretch}
.ct .addr{display:flex;flex-direction:column;justify-content:center}
.ct .addr .k{font-size:13px;color:#93a2b6;letter-spacing:.24em;margin-bottom:8px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .addr .t{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.05em;line-height:1.7;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .addr .t .bl{color:var(--blue)}
.ct .addr .d{font-size:15.5px;color:#3d4c66;line-height:2.1;letter-spacing:.05em;font-weight:300;margin-top:16px}
.ct .addr .d .b{display:inline;color:var(--blue-deep);font-weight:700;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .addr .tips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ct .addr .tips .t{font-size:13px;color:var(--blue);border:1px solid #bcd6f0;border-radius:4px;padding:5px 13px;letter-spacing:.06em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .map{position:relative;min-height:360px;border-radius:10px;overflow:hidden;
  background:url("images/map.jpg") center/cover no-repeat,var(--cloud)}
.ct .map .grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(8,116,217,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(8,116,217,.10) 1px,transparent 1px);
  background-size:48px 48px}
.ct .map .road1{position:absolute;left:-10%;right:-10%;top:58%;height:10px;transform:rotate(-8deg);background:rgba(8,116,217,.16);border-radius:5px}
.ct .map .road2{position:absolute;top:-10%;bottom:-10%;left:38%;width:10px;transform:rotate(14deg);background:rgba(8,116,217,.12);border-radius:5px}
.ct .map .pin{position:absolute;left:50%;top:44%;transform:translate(-50%,-100%);text-align:center;z-index:2}
.ct .map .pin .dot{width:22px;height:22px;margin:0 auto;border-radius:50%;background:var(--blue);border:5px solid #fff;box-shadow:0 6px 16px rgba(10,61,124,.4)}
.ct .map .pin .ring{width:70px;height:22px;margin:-6px auto 0;border-radius:50%;background:radial-gradient(rgba(8,116,217,.28),transparent 70%)}
.ct .map .pin .lab{position:relative;display:inline-block;margin-top:6px;background:var(--blue-deep);color:#fff;font-size:12.5px;letter-spacing:.12em;padding:6px 14px;border-radius:4px;white-space:nowrap;
  font-family:"Microsoft YaHei","微软雅黑",sans-serif;box-shadow:0 8px 18px rgba(10,61,124,.35)}
.ct .map .pin .lab::after{content:"";position:absolute;left:50%;top:-5px;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:var(--blue-deep)}
.ct .map .corner{position:absolute;right:18px;bottom:16px;font-size:12px;color:#7d95b3;letter-spacing:.14em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}

/* 联系卡图标（SVG 内嵌，正文保持纯 div） */
/* 四卡图标分色 */
.ct .ic:nth-child(1) .mk{background-color:#0874d9;background-image:linear-gradient(140deg,%230874d9,#0a3d7c),none;box-shadow:0 8px 18px rgba(8,116,217,.32)}
.ct .ic:nth-child(2) .mk{background-color:#0aa9c2;background-image:linear-gradient(140deg,#12c2e9,#0e7490),none;box-shadow:0 8px 18px rgba(18,194,233,.32)}
.ct .ic:nth-child(3) .mk{background-color:#07c160;background-image:linear-gradient(140deg,#12d67a,#059248),none;box-shadow:0 8px 18px rgba(7,193,96,.32)}
.ct .ic:nth-child(4) .mk{background-color:#e8930c;background-image:linear-gradient(140deg,#f6b93b,#d97706),none;box-shadow:0 8px 18px rgba(232,147,12,.32)}

.ct .ic .mk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:24px 24px}
.ct .ic:nth-child(2) .mk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.ct .ic:nth-child(3) .mk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3Cpath d='M8.5 10.5h.01M12.5 10.5h.01M16.5 10.5h.01' stroke-width='2.4'/%3E%3C/svg%3E")}
.ct .ic:nth-child(4) .mk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}

/* ---------- 深蓝承诺带 ---------- */
.ct .band{background:var(--blue-band);color:#fff;position:relative;overflow:hidden}
.ct .band::before{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(77,215,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(77,215,232,.25) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}
.ct .band .wrap{position:relative;padding:60px 24px;text-align:center}
.ct .band .t1{font-size:12.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-bottom:12px;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .band .t2{font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:.1em;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
.ct .band .t2 .cy{display:inline;color:var(--cyan)}
.ct .band .line{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;margin-top:28px}
.ct .band .li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#dbe9f8;letter-spacing:.08em;font-weight:300}
.ct .band .li::before{content:"";width:8px;height:8px;flex-shrink:0;transform:rotate(45deg);background:var(--cyan)}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .ct .grid2{grid-template-columns:1fr;gap:24px}
  .ct .head-copy{padding-top:0}
  .ct .info4{grid-template-columns:repeat(2,1fr)}
  
  .ct .mp{grid-template-columns:1fr;gap:32px}
  .ct .map{min-height:300px}
  .ct .blk{padding:52px 0}
}
@media (max-width:560px){
  .ct .info4{grid-template-columns:1fr}
  
  
}