@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0;}
body,button,input,select,textarea {	 font-family:"Source Han Sans SC",sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #404040;  }
a:hover {color: #df0011;text-decoration: none;	}
img {border: 0px;vertical-align: middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #666666;	background: #fff;	margin: 0 auto;font-size: 16px !important; overflow-x:hidden !important;}
.hide {	display: none;}
.clear {	clear: both;}
.w{width:100%;height:40px;}
.center{ text-align:center;}
.pic100 img{width:100%;}
.w100{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
/* 渐进换原图时不要随着 transition:all 闪一下 */
img.js-img-upgrade {transition:none !important;}
.fl{float:left;}
.fr{float:right;}
.pad60{padding:40px 0;}
.overflow{ overflow:hidden;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.white a,.white{ color:#fff;}
.blue{color:#0177d5;}
.w100{width:100%;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top10{margin-top:10px;}
.top30{ margin-top:30px;}
.top60{ margin-top:60px;}
.red{color: #ff283c;}
.bg-gray {
  background-color: #443e39;
}
.box {
  padding: 40px 0;
}
* {	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.container{width:1360px;margin: auto;}
html,body {	
  width: 100%;
  color: #666;
  font-size: 16px;
  font-family:"Source Han Sans SC",sans-serif;
}
/* JS 可用时，在首帧前暗藏待入场元素；剧本实现后由 scrolla 逐个显示。 */
.motion-js .animate { visibility: hidden; }
.motion-js.motion-fallback .animate { visibility: visible; }
@media (prefers-reduced-motion: reduce) {
  .motion-js .animate { visibility: visible; }
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{
zoom:1;
}
@media (max-width:1600px) {
.container{width:1360px}
}	
@media (max-width:1366px) {
.container{width:1200px}
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}

.top {
  height:80px;
  padding:20px 0 10px;
  box-sizing:border-box;
  background: rgba(255, 255, 255, .89);
  z-index: 1000;
}
.top > .container {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  height:50px;
}
.top > .container > .clear {display:none;}
.logo {width: 58px;margin: -7px 0 0 0;float:none;line-height:0;}
.logo img {display:block;width:100%;height:auto;}
nav.site-nav {display:contents;}
.nav {margin-top: 0;float:none;}
.nav > li {padding: 0 18px;display: inline-block; position:relative;font-size:18px;}
.nav > li > a {display: block;position: relative;padding: 0 10px 20px;}
.nav > li:after{ background-color:#d4d4d4;content:''; display:inline-block;right:0;top:2px;width:1px;height:20px; position:absolute;}
.nav > li:first-child:before{ background-color:#d4d4d4;content:''; display:inline-block;left:0;top:2px;width:1px;height:20px; position:absolute;}
.nav > li > a:after{width:0;height:2px; background-color:#df0011;content:'';position: absolute;bottom: 0; right:0;width: 0; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.nav > li:hover > a:after,.nav > li > a.cur:after{width:100%;left:0;right:auto;}
.nav > li.cur > a,.nav > li:hover {color: #df0011;}
.nav > li div{min-width: 140px;width: auto;position: absolute;top:100%;left: 0;display: none;padding-top:10px;z-index:30;}
.nav > li:hover div{display: block;}
.nav > li div a{display:block;background:rgba(255, 255, 255, 0.95);margin-top:1px;padding:6px 14px;font-size:14px;color:#555657;text-align:center;white-space:nowrap;}
.nav > li div a:hover {background-color: #df0011;color: #fff;}
.sub-menu-nav { overflow:hidden;
  padding-top: 20px;
  display: none;
}
.sub-menu-nav ul li { width: 31.333%; margin: 3px 1%;float: left;}
.sub-menu-nav ul li a{ padding:8px 0;display:block; text-align: center;}
.sub-menu-nav ul li a:hover,.sub-menu-nav ul li.active a,.sub-menu-nav ul li a.active{
  background-color: #d00f1c;
  color: #fff;
}

.banner {width: 100%;}
/* 宽度跟屏幕走，高度跟原图比例走。Owl 包一层后仍要 height:auto，不然 HTML height 会把图纵向拉变形。 */
.banner img {display:block;width:100%;height:auto;}
/* 首张 Banner 不期待 Owl 初始化：先占位并显示，后续轮播图由 lazyOwl 按需加载。 */
.banner #owl-demo {display:block;}
.banner #owl-demo > .item {display:none;}
.banner #owl-demo .item,
.banner #owl-demo > .item:first-child {
  aspect-ratio:1907 / 919;
  overflow:hidden;
  background:#f5f5f5;
}
.banner #owl-demo > .item:first-child {display:block;}
.banner #owl-demo .owl-wrapper .item {display:block;}
#owl-demo .item a{ display:block;width:100%;}
#owl-demo .owl-pagination{ position:absolute;width:100%;bottom:30px;left:0; text-align:center;}
#owl-demo .owl-pagination .owl-page{width:12px;height:12px; background-color: #fff; border-radius: 50%; display:inline-block;margin:0 5px;}
#owl-demo .owl-pagination .owl-page.active{width: 25px; background-color: #c7000a; border-radius:7px; }
#owl-demo .owl-prev{width:44px;height:66px; background: url(/static/images/banner_left.png) no-repeat; left:-32px;top:50%;margin-top:-22px;}
#owl-demo .owl-next{width:44px;height:66px; background: url(/static/images/banner_right.png) no-repeat; right:-32px;top:50%;margin-top:-22px;}
#owl-demo:hover .owl-prev{left:0px; }
#owl-demo:hover .owl-next{right:0px;}
#owl-demo:hover .owl-prev:hover,#owl-demo:hover .owl-next:hover{ opacity:1;}
.owl-theme .owl-controls .owl-buttons div{ 
  position:absolute; 
  font-size:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.owl-buttons {
  display: none;
}
.about{width:55%;}
.about-video {width:39%; background-color:#fff; box-shadow:0 0 10px #ccc; cursor:pointer;}
.about-video .videoicon{ position:absolute;width:100%; text-align:center;left:50%;top:33%;width:auto;margin-left:-42px;border-radius:50%;-webkit-animation: zhuan3 7s linear infinite;
    animation: zhuan3 7s linear infinite;}
.about-video dd{font-size:12px; overflow:hidden;padding:0 20px;line-height:44px;}
.about-video dd h5{ float:right;font-size:18px;}
.about-video:hover .videoicon{ box-shadow:0 0 12px #1b1b1b;transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
@-webkit-keyframes zhuan3 { 0% { transform: rotate(-50deg);} 50% { transform: rotate(50deg);}100% { transform: rotate(-50deg);}}
@keyframes zhuan3{0% { transform: rotate(-50deg);} 50% { transform: rotate(50deg);}100% { transform: rotate(-50deg);}}
.title-box {
  color: #464646;
  border-bottom: 1px solid #d9d9d9;
}
.title-box h2 {
  float: left;
}
.title {font-size:26px;color: #333;font-weight:700;}
.title > a {color: inherit; display: inline;}
.title > a:hover {color: #df0011;}
/* 若仍有 a 包裹整块标题：收缩为文字宽，预防整行空缺可点 */
a:has(> .title),
a:has(> h1.title),
a:has(> h2.title) {
  display: inline-block;
  max-width: 100%;
}
a > .title,
a > h1.title,
a > h2.title {
  display: block;
  width: fit-content;
  max-width: 100%;
}
.title span{
  width: 50px;
  height: 2px;
  display: block;
  background-color: #df0011;margin-top:20px;
}
.h_aboutC{ margin-top:40px;}
.breadcrumb {
  float: right;
  list-style: none;
  border-radius: 4px;
  padding-top:15px;
}
.breadcrumb img {
  float: left;
  margin: 8px 10px 0 0;
}
.breadcrumb>li {
  display: inline-block;
  line-height: 35px;
}
.breadcrumb a {
  color: #464646;
}
.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #464646;
  content: "/\00a0"
}
.breadcrumb>.active {
  color: #464646;
}
.about-info {line-height: 1.7;}
.about-info h3,.gsjj h3{font-size:28px;line-height:1.35;color:#333;font-weight:700;}
.about-info .summary{height: 180px;overflow: hidden;margin-top:30px;font-size: 14px;line-height: 1.7;color:#666;}
.about-info .summary img{ position:absolute;right:5px;bottom:0;}
.about-info ul{ margin-top:30px; overflow:hidden;border:1px solid #dcdcdc;}
.about-info ul li{ float:left;width:50%;padding:13px 15px;border-right:1px solid #dcdcdc;}
.about-info ul li:last-child{ border-right:0;}
.about-info ul li div{ width:calc(100% - 62px);float:right;font-size:18px;line-height: 24px;}
.about-info ul li div img{float:left;}
.about-info ul li div p{ font-size:12px;}
.more-btn {
  margin-top: 40px;
  text-align: center;
  line-height: 45px;
  display: block;
  width: 130px;
  border: 1px solid #afafaf;
  border-radius: 10px 0 10px 0;
}
.news {
  width: 70%;
  display: inline-block;
}
.shop {
  width: 25%;
  float: right;
}
.shop a {
  margin-top: 40px;
  display: block;
}
.shop img {
  width: 100%;
}
.shop a:last-child {
  margin-top: 15px;
}
.news-box {
  margin-top: 40px;
}
.news-headline {
  width: 45%;
  display: inline-block;
}
.news-headline img {
  width: 100%;
}
.news-headline h2 {
  font-size: 1.125em;
  color: #404040;
  line-height: 50px;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-headline p{
  color: #666;
  font-size: 14px;
  line-height:1.7;
}
.news-list {
  width: 50%;
  float: right;
}
.news-list li {
  float: left;
  width: 100%;
  line-height: 48px;
  border-bottom: 1px solid #f2f2f2;
}
.news-list li a {
  width: 85%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list li span{
  float: right;
}
.product {
  margin-top: 30px;
  font-size: 0;
}
.product-item-info{
  width: 97%;
  position: absolute;
  bottom: 1.5%;
  left: 1.5%;
  font-size: 16px;
  padding: 25px 30px;
  background:rgba(255, 255, 255, .7)
}
.product-item img {
  width: 100%;
}
.product-item-info h2 {
  font-size: 1.5em;
}
.product-item-info p {
  height: 50px;
  overflow: hidden;
  font-size: 0.8em;
  line-height: 25px;
}
.product-item-info a.more-btn {
  margin-top: 15px;
  line-height: 40px;
  display: block;
  width: 120px;
  color: #303030;
}
.product-item-info:hover {
  color: #fff;
  background-color: #df0011;
}
.product-item-info:hover a {
  color: #fff;
}
.footer  {
  /* Figma 底部 1920×320：内容区顶/底约 50px */
  padding: 50px 0;
  position: relative;
  background-color:#f7f7f7;
  box-sizing: border-box;
}
.footer-inner {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0;
}
.footer-nav {
  display:flex;
  flex:1 1 auto;
  flex-wrap:nowrap;
  justify-content:space-between;
  gap:0;
  min-width:0;
  /* Figma Group 13 width 986，列间距约 64 */
  max-width: 986px;
  padding-top: 0;
}
.footer dl{
  margin:0;
  padding:0;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  margin-right:0;
  display:block;
  vertical-align: top;
}
.footer dl:last-child {margin-right:0;}
.footer dl dt {margin-bottom: 14px;font-size:20px;line-height:28px;color: #404040;font-weight:700;}
.footer dl dt a {color:#404040;}
.footer dl dd {line-height:28px;font-size: 14px;margin:0;color:#404040;}
.footer dl dd a {display: block;color:#404040;}
.footer dl dd a:hover,.footer dl dt a:hover {color:#df0011;}

.footer-aside {
  flex:0 0 256px;
  width:256px;
  padding-top:4px;
}
.footer-phone {
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-bottom:14px;
}
.footer-phone-icon {width:20px;height:20px;margin-top:2px;flex:0 0 20px;}
.footer-phone-text span {
  display:block;
  font-size:14px;
  line-height:14px;
  color:#333;
  margin-bottom:4px;
}
.footer-phone-text a {
  display:block;
  font-size:28px;
  line-height:36px;
  font-weight:700;
  color:#df0011;
  letter-spacing: 0;
}
.footer-social {margin-bottom:18px;}
.footer-shop {margin-bottom:0;}
.footer-social p,.footer-shop p {
  margin:0 0 6px;
  font-size:14px;
  line-height:21px;
  color:#333;
}
.footer-icons {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  align-items:center;
}
.footer-icon {
  position:relative;
  display:inline-flex;
  width:36px;
  height:36px;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex:0 0 36px;
}
.footer-icon img {
  width:36px;
  height:36px;
  display:block;
  border-radius:50%;
}
.footer-icon-inset {
  background:#fff;
  overflow:hidden;
}
.footer-icon-inset img {
  width:22px;
  height:22px;
  border-radius:0;
}
.footer-icon-qr {
  overflow:visible;
  cursor:pointer;
}
.footer-qr {
  display:none;
  position:absolute;
  left:50%;
  bottom:44px;
  transform:translateX(-50%);
  width:110px;
  padding:6px;
  background:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  border-radius:4px;
  z-index:5;
}
.footer-qr img {width:100%;height:auto;border-radius:0;}
.footer-icon-qr:hover .footer-qr {display:block;}

.top-btn {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -32px;
  left: 47%;
  background-color: #fff;
  border-radius: 50%;
}
.top-btn a {
  display: block;
  text-align: center;
  color: #df0010;
}
.top-btn a span {
  display:block;   
  width: 20px;    
  height: 20px;
  margin: 12px 0 0 20px;
  border-top: 4px solid #df0011;     
  border-right: 4px solid #df0011; 
  transform: rotate(-45deg);
}
.privacy-doc {
  margin: 32px 0 40px;
  color: #666;
  line-height: 1.7;
  font-size: 14px;
  max-width: none;
  width: 100%;
}
.privacy-doc h1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #222;
}
.privacy-doc h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 28px 0 10px;
  color: #222;
}
.privacy-doc p { margin: 0 0 12px; }
.privacy-updated {
  color: #888;
  font-size: 13px;
  margin-bottom: 20px !important;
}
.copy {
  padding: 20px 0;
  color: #fff;
  background-color: #df0011;
  font-size:12px;
  line-height:1.5;
  text-align:right;
  position:relative;
}
.copy .container {
  white-space: normal;
}
.copy a,
.copy span {
  color:#fff;
  display:inline;
  margin:0 8px 0 0;
}
.copy a.copy-privacy {
  text-decoration: underline;
}
.copy a:hover {color:#fff;text-decoration:underline;}
/*关于mg冰球突破*/
.banner-inside {
  position: relative;
 text-align: center;
 background: url(/static/images/banner_n.jpg) no-repeat top center fixed;
 background-size: 100%;
 height:400px;
}
.banner-inside img{
  width: 100%;
}
.inside-title {
  width: 100%;
  position: absolute;
  top: 35%;
  color: #fff;
}
.inside-title h2 {
  width: 100%;
  font-size: 2.25em;
}
.left-box {width:177px;float: left;}

.left-box h1 span {
  margin-bottom: -2px;
}
.left-box ul li{
  line-height:32px;
  border-bottom: 1px solid #d9d9d9;
  float:left; 
  width:100%;
}

.left-box ul li>a {
  padding-left: 25px; display:block;
  width:100%;
}
.left-box ul li div{ display:none;}
.left-box ul li div a{display: block;padding: 0 0 0 26px;border-bottom: 1px solid #ededed;font-weight: 400;   font-size: 15px;line-height: 32px;}
.left-box ul li div a:last-child{ border:0;} 
.left-box ul li div a.hover,.left-box ul li div a.cur{color:#f00;}
.left-box ul li.cur div{ display:block;}
.left-box > ul > li.active > a,.left-box > ul > li:hover>a,.left-box > ul > li.cur>a {
  color: #fff;
  cursor:pointer;
  background:#df0011;
}
.left-box > ul > li:hover>a{color:#fff;}
.left-box ul li span {
  padding-left: 25px;
  color: #393430;
}
.left-box > ul li.active span {
   color: #fff;
  background:#df0011;
}
.left-box .sub-menu .active > a {
  color: #df0011;
}
.left-box .sub-menu li {
  border-bottom: 1px solid #ededed;
  /*border-bottom: 0;*/
   float:left;
  width:100%;
}

.left-box .sub-menu li a {
  padding-left: 35px;
  float:left;
  width:100%;
}
.right-box {
  float: right;
  width: calc(100% - 230px);
  padding-bottom: 30px;
}
.right-box > h2 {
  color: #464646;
  border-bottom: 1px solid #d9d9d9;
}
.right-box h2 span {
  margin-bottom: -2px;
}
.inside-box {
  padding: 50px 0;
  line-height: 30px;
}

.ir-page .left-box .title {margin:0;}
.ir-page .left-box .title span {margin-top:24px;}
.ir-page .left-box > ul {margin-top:18px;}
.ir-page .left-box ul li > a {color:#333;}
.ir-page .left-box > ul > li.active > a,
.ir-page .left-box > ul > li:hover > a,
.ir-page .left-box > ul > li.cur > a {color:#fff;}
.ir-page .container.pad60 {padding-top:40px;padding-bottom:40px;}
.ir-page .ir-main {padding-top:24px;}
.ir-page .ir-main:has(.ir-filter) {padding-top:0;}
.ir-page .ir-main > h1 {
  margin: 0 0 28px;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.45;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.ir-page .ir-article {color:#333;}
/* 面包屑形状见 typography.css（全局） */

.investor-list {
  width: 100%;
  position: relative;
  z-index: 1;
}
.investor-list > ul {margin:0;padding:0;list-style:none;}
.investor-list > ul li {
  display:flex;
  align-items:center;
  width: 100%;
  float: none;
  height:51px;
  min-height:51px;
  line-height: 51px;
  border-bottom: 1px solid #ededed;
  box-sizing:border-box;
}
.investor-list > ul li:first-child {border-top:1px solid #ededed;}
.investor-list > ul li .ir-ico {
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin-right:10px;
  line-height:0;
}
.investor-list > ul li .ir-ico img {
  display:block;
  width:16px;
  height:16px;
}
.investor-list > ul li .ir-tag {
  flex:0 0 auto;
  width:auto;
  min-width:0;
  max-width:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  margin-right:0;
  padding:0 6px;
  font-size:12px;
  line-height:12px;
  font-style:normal;
  font-weight:400;
  color:#df0011;
  border:1px solid #df0011;
  border-radius:11px;
  box-sizing:border-box;
  text-align:center;
  white-space:nowrap;
  justify-self:start;
  align-self:center;
}
/* 定期汇报：标签列定宽左对齐，标签区域到标题间隙 12px，标题起点对齐 */
.investor-list > ul li:has(> .ir-tag) {
  display:grid;
  grid-template-columns:90px minmax(0, 1fr) 82px;
  column-gap:12px;
  align-items:center;
}
.investor-list > ul li:has(> .ir-tag) h3 {
  flex:none;
  min-width:0;
}
.investor-list > ul li:has(> .ir-tag) a.ir-date,
.investor-list > ul li:has(> .ir-tag) > a.ir-date {
  flex:none;
  margin-left:0;
}
.investor-list > ul li span {
  float: none;
  padding-right: 0;
}
.investor-list > ul li h3 {
  float: none;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-size:16px;
  font-weight:400;
  line-height:51px;
}
.investor-list > ul li h3 a {
  display:block;
  float:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#333;
}
.investor-list > ul li h3 a:hover {color:#df0011;}
.investor-list > ul li a.ir-date,
.investor-list > ul li > a {
  float: none;
  flex:0 0 82px;
  margin-left:16px;
  text-align:right;
  font-size:14px;
  color:#999;
  line-height:51px;
}
.investor-list > ul li a.ir-date:hover {color:#df0011;}
.ir-data-source {
  margin:24px 0 0;
  padding:0;
  font-size:13px;
  line-height:22px;
  color:#999;
}

.investor-info {
  margin-top: 18px;
  padding: 21px;
  line-height: 30px;
  font-size: 0.8em;
  border: 1px solid #afafaf;
  background-color: #fafafa;
  float:left;
  width:100%;
  box-sizing:border-box;
  color:#666;
}
.investor-info p {margin:0;}

.ir-filter {
  display:flex;
  align-items:center;
  height:68px;
  margin:0;
  padding:16px 0;
  box-sizing:border-box;
  position:relative;
  z-index:200;
  overflow:visible;
}
.ir-filter-select {
  position:relative;
  width:216px;
  z-index:201;
  overflow:visible;
}
.ir-filter-select select {
  width:100%;
  height:36px;
  padding:0 36px 0 9px;
  border:1px solid #ededed;
  border-radius:0;
  background:#fff;
  font-size:14px;
  line-height:14px;
  color:#333;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.ir-filter-select:after {
  content:'';
  position:absolute;
  right:9px;
  top:50%;
  width:18px;
  height:18px;
  margin-top:-9px;
  background:url(/static/images/ir/icon-chevron.svg) center/18px no-repeat;
  pointer-events:none;
}

.ir-section-title {
  margin:0 0 20px;
  font-size:24px;
  line-height:32px;
  font-weight:500;
  color:#333;
}
.ir-contact-grid {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:26px;
}
.ir-contact-card {
  width:calc(50% - 13px);
  max-width:552px;
  box-sizing:border-box;
  min-height:308px;
  background:#f9f9f9;
  overflow:hidden;
}
.ir-contact-card h3 {
  margin:0;
  padding:0 30px;
  height:54px;
  font-size:20px;
  line-height:54px;
  font-weight:500; /* Figma: Source Han Sans CN Medium，非 Bold */
  color:#fff;
  background:#df0011;
}
.ir-contact-card dl {
  margin:0;
  padding:16px 30px 24px;
}
.ir-contact-card dl > div {
  display:flex;
  align-items:flex-start;
  min-height:44px;
}
.ir-contact-card dt {
  position:relative;
  flex:0 0 auto;
  width:2em;
  margin:0;
  padding:0 20px 0 0;
  font-size:16px;
  line-height:44px;
  font-weight:500;
  color:#333;
  white-space:nowrap;
  box-sizing:content-box;
}
.ir-contact-card dt:after {
  content:'';
  position:absolute;
  right:0;
  top:13px;
  width:1px;
  height:18px;
  background:#df0011;
}
.ir-contact-card dd {
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:11px 0 11px 20px;
  font-size:16px;
  line-height:22px;
  font-weight:500;
  color:#333;
  word-break:break-all;
}
.ir-contact-card dd a {color:#333;}
.ir-contact-card dd a:hover {color:#df0011;}

.ir-survey {margin-top:40px;}
.ir-survey-layout {
  display:flex;
  align-items:stretch;
  gap:14px;
}
.ir-survey-main {
  flex:1 1 58%;
  min-width:0;
  box-sizing:border-box;
  padding:30px;
  background:#f9f9f9;
}
.ir-survey-aside {
  flex:0 0 40%;
  max-width:450px;
  width:40%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.ir-survey-notice-panel {
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:30px;
  background:#f9f9f9;
}
.ir-survey-block {margin:0 0 14px;}
.ir-survey-block:last-child {margin-bottom:0;}
.ir-survey-h {
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  padding-bottom:9px;
  border-bottom:1px solid #f0f0f0;
  font-size:16px;
  line-height:24px;
  font-weight:500;
  letter-spacing:.4px;
  color:#333;
}
.ir-survey-ico {
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.ir-survey-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
}
.ir-survey-row[hidden],
.ir-time-fields[hidden] {
  display:none !important;
}
.ir-survey-row:last-child {margin-bottom:0;}
.ir-survey-row-meeting {align-items:center;}
.ir-meeting-opts {
  flex:1 1 calc(50% - 4px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  height:40px;
  padding:0 8px;
  min-width:200px;
}
.ir-survey-grid2 {
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
}
.ir-inline {
  position:relative;
  display:flex;
  align-items:center;
  width:calc(50% - 6px);
  height:40px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid #ededed;
  background:#fff;
  font-family:var(--font-sans, "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif);
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
}
.ir-inline-half {
  flex:1 1 calc(50% - 4px);
  width:auto;
  min-width:200px;
  height:40px;
  padding:0 12px;
}
.ir-inline-full {width:100%;}
.ir-inline-split {gap:20px;}
.ir-inline-area {
  align-items:flex-start;
  flex-direction:column;
  gap:6px;
  height:auto;
  min-height:72px;
  padding:10px 12px;
}
.ir-inline-lab {
  flex:0 0 auto;
  white-space:nowrap;
  color:#404040;
  font-family:inherit;
  font-size:14px;
  line-height:20px;
  font-weight:400;
}
.ir-star {color:#df0010;font-style:normal;margin-right:2px;font-weight:400;}
.ir-inline input[type=text],
.ir-inline input[type=email],
.ir-inline input[type=tel],
.ir-inline input[type=date],
.ir-inline input[type=time],
.ir-inline input[type=datetime-local],
.ir-inline select,
.ir-inline textarea {
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-sizing:border-box;
  font-family:inherit;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
}
/* WebKit 日期/功夫内部字段字号与左侧标签对齐 */
.ir-inline input[type=date]::-webkit-datetime-edit,
.ir-inline input[type=date]::-webkit-datetime-edit-fields-wrapper,
.ir-inline input[type=date]::-webkit-datetime-edit-text,
.ir-inline input[type=date]::-webkit-datetime-edit-year-field,
.ir-inline input[type=date]::-webkit-datetime-edit-month-field,
.ir-inline input[type=date]::-webkit-datetime-edit-day-field,
.ir-inline input[type=time]::-webkit-datetime-edit,
.ir-inline input[type=time]::-webkit-datetime-edit-fields-wrapper,
.ir-inline input[type=time]::-webkit-datetime-edit-text,
.ir-inline input[type=time]::-webkit-datetime-edit-hour-field,
.ir-inline input[type=time]::-webkit-datetime-edit-minute-field,
.ir-inline input[type=time]::-webkit-datetime-edit-ampm-field {
  font-family:inherit;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
}
/* 日期/功夫分段选中：覆盖系统蓝 Highlight → 主题红底 + 白字 */
.ir-inline input[type=date]::-webkit-datetime-edit-year-field:focus,
.ir-inline input[type=date]::-webkit-datetime-edit-month-field:focus,
.ir-inline input[type=date]::-webkit-datetime-edit-day-field:focus,
.ir-inline input[type=time]::-webkit-datetime-edit-hour-field:focus,
.ir-inline input[type=time]::-webkit-datetime-edit-minute-field:focus,
.ir-inline input[type=time]::-webkit-datetime-edit-second-field:focus,
.ir-inline input[type=time]::-webkit-datetime-edit-ampm-field:focus,
.ir-inline input[type=datetime-local]::-webkit-datetime-edit-year-field:focus,
.ir-inline input[type=datetime-local]::-webkit-datetime-edit-month-field:focus,
.ir-inline input[type=datetime-local]::-webkit-datetime-edit-day-field:focus,
.ir-inline input[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,
.ir-inline input[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,
.ir-page .ir-survey input[type=date]::-webkit-datetime-edit-year-field:focus,
.ir-page .ir-survey input[type=date]::-webkit-datetime-edit-month-field:focus,
.ir-page .ir-survey input[type=date]::-webkit-datetime-edit-day-field:focus,
.ir-page .ir-survey input[type=time]::-webkit-datetime-edit-hour-field:focus,
.ir-page .ir-survey input[type=time]::-webkit-datetime-edit-minute-field:focus,
.ir-page .ir-survey input[type=time]::-webkit-datetime-edit-second-field:focus,
.ir-page .ir-survey input[type=time]::-webkit-datetime-edit-ampm-field:focus {
  background-color:#df0011 !important;
  background:#df0011 !important;
  color:#fff !important;
  outline:none !important;
  -webkit-text-fill-color:#fff !important;
}
.ir-inline input[type=date]::selection,
.ir-inline input[type=time]::selection,
.ir-inline input[type=datetime-local]::selection,
.ir-inline input[type=date]::-webkit-datetime-edit-year-field::selection,
.ir-inline input[type=date]::-webkit-datetime-edit-month-field::selection,
.ir-inline input[type=date]::-webkit-datetime-edit-day-field::selection,
.ir-inline input[type=time]::-webkit-datetime-edit-hour-field::selection,
.ir-inline input[type=time]::-webkit-datetime-edit-minute-field::selection {
  background:#df0011 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.ir-inline input[type=date],
.ir-inline input[type=time],
.ir-inline input[type=datetime-local],
.ir-page .ir-survey input[type=date],
.ir-page .ir-survey input[type=time] {
  accent-color:#df0011 !important;
  color-scheme:light;
  caret-color:#df0011;
  cursor:pointer;
  position:relative;
}
/* 整块可点开日期/功夫面板（不用只点右侧幼图标） */
.ir-inline input[type=date]::-webkit-calendar-picker-indicator,
.ir-inline input[type=time]::-webkit-calendar-picker-indicator,
.ir-inline input[type=datetime-local]::-webkit-calendar-picker-indicator {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  cursor:pointer;
  opacity:0;
}
.ir-inline select {
  /* 由 custom-select 收受展示 */
  cursor:pointer;
}
.ir-inline-area textarea {
  height:auto;
  min-height:40px;
  resize:vertical;
  line-height:22px;
}
.ir-inline input::placeholder,
.ir-inline textarea::placeholder {
  color:#999;
  font-size:14px;
  font-weight:400;
  opacity:1;
}
.ir-phone-prefix {
  flex:0 0 auto;
  color:#404040;
  font-size:14px;
  line-height:20px;
  font-weight:400;
}
.ir-boxcheck,
.ir-radio {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-family:var(--font-sans, "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif);
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
  cursor:pointer;
  user-select:none;
}
.ir-boxcheck input,
.ir-radio input {
  position:absolute;
  left:0;
  top:0;
  width:18px;
  height:18px;
  margin:0;
  opacity:0;
  cursor:pointer;
}
.ir-boxcheck-ui {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  box-sizing:border-box;
  border:1px solid #919191;
  background:#fff;
  flex:0 0 18px;
  overflow:hidden;
}
.ir-boxcheck-ui img {
  display:none;
  width:14px;
  height:14px;
}
.ir-boxcheck input:checked + .ir-boxcheck-ui {
  border-color:transparent;
  background:#df0010;
}
.ir-boxcheck input:checked + .ir-boxcheck-ui img {display:block;}
.ir-boxcheck input:checked ~ em {color:#df0010;}
.ir-boxcheck em,
.ir-radio em {font-style:normal;font-size:14px;line-height:20px;font-weight:400;}
.ir-radio input {
  width:14px;
  height:14px;
}
.ir-radio-ui {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  box-sizing:border-box;
  border:1px solid #6b7280;
  border-radius:50%;
  background:#fff;
  flex:0 0 12px;
}
.ir-radio input:checked + .ir-radio-ui {
  width:14px;
  height:14px;
  flex-basis:14px;
  border:2px solid #df0010;
  background:#df0010;
  box-shadow:inset 0 0 0 3px #fff;
}
.ir-yesno {
  justify-content:space-between;
  gap:12px;
}
.ir-yesno .ir-inline-lab {
  flex:1 1 auto;
  white-space:nowrap;
  max-width:none;
  min-width:0;
}
.ir-yesno-opts {display:flex;align-items:center;gap:7px;flex:0 0 auto;}
.ir-card-upload {
  justify-content:space-between;
  border-radius:0;
}
.ir-upload-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  padding:0 10px;
  background:#df0010;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  cursor:pointer;
}
.ir-upload-btn input {display:none;}
.ir-upload-tip {
  flex:1 1 100%;
  width:100%;
  margin:-2px 0 0;
  padding:0 2px;
  box-sizing:border-box;
  font-family:var(--font-sans, "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif);
  font-size:12px;
  line-height:18px;
  font-weight:400;
  color:#999;
}
.ir-survey-notice {
  flex:1 1 auto;
  min-height:180px;
  max-height:360px;
  overflow:auto;
  margin:0 0 8px;
  padding-right:6px;
  font-size:12px;
  line-height:20px;
  color:#333;
  text-align:justify;
}
.ir-agree-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding-top:9px;
  border-top:1px solid #ededed;
}
.ir-agree {
  /* 与左侧会议类型勾选共用 .ir-boxcheck 形状，红底/对号尺寸一致 */
  color:#404040;
}
.ir-agree input:checked ~ em {color:#404040;}
.ir-agree-tip {font-size:12px;line-height:18px;color:#919191;white-space:nowrap;}
.ir-survey-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:13px 0 0;
  border-top:1px solid #f9f9f9;
}
.ir-survey-reset {
  height:32px;
  padding:0 17px;
  border:1px solid #919191;
  background:#fff;
  color:#404040;
  font-size:12px;
  line-height:16px;
  cursor:pointer;
}
.ir-survey-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:30px;
  padding:6px 24px;
  border:0;
  background:#df0010;
  color:#fff;
  font-size:12px;
  line-height:1;
  box-sizing:border-box;
  cursor:pointer;
}
.ir-survey-submit img {
  display:block;
  width:14px;
  height:14px;
  flex:0 0 14px;
  margin:0;
}
.ir-survey-submit span {
  display:inline-flex;
  align-items:center;
  height:18px;
  line-height:16px;
  font-size:12px;
  color:#fff;
}
.ir-survey-submit:disabled {opacity:.6;cursor:default;}
.ir-survey-msg {margin:10px 0 0;font-size:12px;text-align:right;}

@media (max-width: 991px) {
  .ir-contact-card {width:100%;max-width:none;}
  .ir-survey-layout {display:block;}
  .ir-survey-aside {width:100%;max-width:none;margin-top:14px;}
  .ir-inline,
  .ir-yesno,
  .ir-meeting-opts,
  .ir-inline-half {width:100%;}
  .ir-inline,
  .ir-inline-half {
    height:auto;
    min-height:44px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .ir-inline-split {
    flex-wrap:wrap;
    align-items:center;
    gap:8px 16px;
  }
  .ir-inline-lab {
    white-space:normal;
    line-height:18px;
  }
  .ir-inline input[type=text],
  .ir-inline input[type=email],
  .ir-inline input[type=tel],
  .ir-inline input[type=date],
  .ir-inline input[type=time],
  .ir-inline input[type=datetime-local],
  .ir-inline select,
  .ir-inline textarea {
    height:auto;
    min-height:22px;
    font-size:14px;
    line-height:22px;
  }
  .ir-inline input[type=date]::-webkit-datetime-edit,
  .ir-inline input[type=date]::-webkit-datetime-edit-fields-wrapper,
  .ir-inline input[type=date]::-webkit-datetime-edit-text,
  .ir-inline input[type=date]::-webkit-datetime-edit-year-field,
  .ir-inline input[type=date]::-webkit-datetime-edit-month-field,
  .ir-inline input[type=date]::-webkit-datetime-edit-day-field,
  .ir-inline input[type=time]::-webkit-datetime-edit,
  .ir-inline input[type=time]::-webkit-datetime-edit-fields-wrapper,
  .ir-inline input[type=time]::-webkit-datetime-edit-text,
  .ir-inline input[type=time]::-webkit-datetime-edit-hour-field,
  .ir-inline input[type=time]::-webkit-datetime-edit-minute-field,
  .ir-inline input[type=time]::-webkit-datetime-edit-ampm-field {
    font-size:14px;
    line-height:22px;
  }
  .ir-inline select {
    min-height:24px;
  }
  .ir-yesno {
    height:auto;
    min-height:44px;
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .ir-survey-row-meeting {flex-direction:column;align-items:stretch;gap:10px;}
  .ir-meeting-opts {justify-content:flex-start;gap:24px;}
  .ir-agree-row {flex-wrap:wrap;}
}

.pagelist {margin:40px 0 0;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{ display:block;padding:0 15px;height:40px;line-height:40px;border:1px solid #696969; }
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{border-color:#c7000a;  background-color:#c7000a;color:#fff;}
.ir-page .pagelist {text-align:center;}
.ir-page .pagelist li {margin:0 3px;}
.ir-page .pagelist li a,
.ir-page .pagelist li span {
  min-width:41px;
  height:41px;
  padding:0 16px;
  line-height:39px;
  box-sizing:border-box;
  border:1px solid #dcdcdc;
  color:#333;
  font-size:14px;
}
.ir-page .pagelist li a:hover,
.ir-page .pagelist li a.cur,
.ir-page .pagelist li.active span {
  border-color:#df0011;
  background-color:#df0011;
  color:#fff;
}

.invest_m_mess{ width:80%; border:1px solid #CCC; margin:0 auto; line-height:40px; padding:15px;text-align:center; }
.invest_mess_tit{  float:left;width:25%; border-right:1px dashed #CCC; padding-right:30px;}
.invest_mess_con{  float:left;width:70%; padding-left:30px;}
.invest_mess_con i{float:left; width:32%; font-style:normal; }

/*新闻*/
.news-content dl{
  color: #919191;
}
.news-content dl img {
  width: 34%;
  float: left;
  margin-right: 3%;
}
.news-content dl dt{
  width: 63%;
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
}
.news-content dl a {
  color: inherit;
}
.news-content dl a:hover dt {
  color: #df0011;
}
.news-content dl dd{
  width: 63%;
  height: 110px;
  overflow: hidden;
  float: left;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}
.news-content dl p {
  width: 63%;
  float: left;
  margin-top: 10px;
  line-height: 40px;
  font-size: 0.8em;
  border-top: 1px dashed #f2f2f2;
}
.news-content-list {
  padding: 30px 0;
}
.news-content-item {
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.news-content-item .time {
  width: 15%;
  padding-right: 5%;
  font-size: 2em;
  color: #8f8f8f;
  vertical-align: top;
  text-align: center;
  display: inline-block;
}
.news-content-item .time span{
  font-size: 0.5em;
  display: block;
}
.news-content-item .info {
  width: 84%;
  display: inline-block;
}
.news-content-item .info h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
}
.news-content-item .info h2 a {
  color: #333;
}
.news-content-item .info h2 a:hover {
  color: #df0011;
}
.news-content-item .info p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
  line-height:1.7;
}
.news-info > h1,
.news-info > h3 {
  padding: 20px 0;
  font-size: 1.5em;
  text-align: center;
}
.information-box {
  padding-bottom: 25px;
  text-align: center;
  color: #999;
  border-bottom: 1px solid #ededed;
}
.protime span{ display:inline-block;margin:0 10px;}
.specific-content {
  padding: 30px 0;
  line-height:30px;
}
.context-sensitive {
  padding: 30px;
  background-color: #f9f9f9;
}
.context-sensitive ul {
  width:84%;
  display: inline-block;
}
.context-sensitive ul li {
  line-height: 35px;
}
.return-btn {
  width: 15%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  /* margin-top: 20px; */
  line-height: 35px;
  color: #fff;
  background-color: #d00f1c;
  transition: background-color .2s ease;
}
.return-btn:hover,
.return-btn:focus {
  color: #fff;
  background-color: #b50c18;
  text-decoration: none;
}
/*人才发展*/
.step-box {
  padding: 30px 0;
}
.step-item {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.step-item:nth-child(odd) {
  background-color: #f9f9f9;
}
.step-item:hover {
  color: #fff;
  background-color: #df0011;
}
.step-item img {
  width: 27%;
  float: left;
  margin: 0 25px;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
}
.step-item h2 {
  width: 50%;
  float: left;
  margin-top: 30px;
  font-size: 1.5em;
}
.step-item p {
  width: 50%;
  float: left;
  margin-top: 5px;
}
/*员工活动*/
.staff-activites {
  padding: 30px 0 0;
}
.staff-activites ul li {
  width: 49%;
  padding: 20px 0;
  display: inline-block;
}
.staff-activites ul li:nth-child(even) {
  float: right;
}
.staff-activites ul li h2 {
  margin-top: 10px;
  font-size: 1.375em;
  line-height: 55px;
  height: 55px;
  overflow: hidden;
}
.staff-activites ul li p {
  font-size: 0.8em;
}
/*产品*/
.product-box >ul {
	margin-top:20px;
}
.product-box >ul li {
  display: inline-block;
  width: 31%;
  margin: 30px 3% 0 0;
}
.product-box >ul li>a{ display:block;  border: 1px solid #eeeeee;}
.product-box >ul li img {
  width: 100%;
 
}
.product-box >ul li p a{
  display: block;
  padding-top: 10px;
  color: #919191;
}
.product-box >ul li:nth-child(3n) {
  margin-right: 0;
}

/*大事记*/
.memorabilia {
  position: relative;
  margin-top: 50px;
  background: url(/static/images/bg_line.jpg) repeat-y top center;
}
.memorabilia-item {
  width: 440px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ededed;
}
.memorabilia-item img {
  width: 100%;
}
.memorabilia-item:nth-child(even) {
  float: right;
  text-align: left;
}
.memorabilia-item:nth-child(odd) {
  float: left;
  text-align: right;
}
.memorabilia-item:nth-child(2) {
  margin-top: 70px;
}
.memorabilia-item h2 {
  color: #000;
  font-size: 2em;
}
.memorabilia-item h2 span {
  display: block;
  width: 0;
  height: 0;
  margin-top: 5px;
  border:17px solid transparent;
}
.memorabilia-item:nth-child(even) span {
  float: left;
  margin-left: -55px;
  border-right-color:#ededed;
}
.memorabilia-item:nth-child(odd) span {
  float: right;
  margin-right: -55px;
  border-left-color:#ededed;
}
.memorabilia-item h2 i {
  width: 10px;
  height: 10px;
  margin-top: 17px;
  border-radius: 50%;
  display: inline-block;
  background-color: #c7000a;
}
.memorabilia-item:nth-child(even) i {
  float: left;
  margin-left: -29.5%;
}
.memorabilia-item:nth-child(odd) i {
  float: right;
  margin-right: -29.5%;
}
.memorabilia-item p {
  padding: 5px 0 10px 0;
}

/*宣讲行程*/
#menu li ul.sub-menu {
  display: none;
}
.preach-box {
  width: 100%;
  padding: 50px 0;
}
.preach-list {
  width: 100%;
}
.time-line {
  width: 175px;
  float: left;
  position: relative;
}
.time-line h2 {
  width: 116px;
  float: left;
  border-radius: 5px 0 0 5px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #df0011;
}
.time-line span {
  display: block;
  float: left;
  width: 0;
  height: 0;
  border:19px solid transparent;
  border-left-color:#df0011;
}
.time-line i {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 0;
  display: block;
  border-radius: 50%;
  background-color: #df0011;
  z-index: 100;
}
.preach-info {
  float: left;
  width: 82%;
  padding: 0 35px;
  margin-left: -5px;
  border-left: 1px solid #afafaf;
  z-index: 0;
}
.preach-item {
  width: 30%;
  margin-right: 2%;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: inline-block;
  border-bottom: 1px dashed #afafaf;
}
.preach-item h3 {
  height: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25em;
  line-height: 45px;
  padding-bottom: 10px;
}
.preach-item p {
  color: #919191;
}
/*职位搜索*/
.process-box {
  padding-top: 50px;
}
.process-box ul {
  width: 1056px;
  margin-top: 70px;
  border-top: 2px solid #afafaf;
}
.process-box ul li{
  margin-left: 30px;
  margin-top: -60px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.process-box ul li:first-child {
  margin-left: 0;
}
.process-box ul li p {
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  background-color: #afafaf;
}
.process-box ul li p img {
  width: 68%;
  margin-top: 30px;
}
.process-box ul li span {
  height: 40px;
  display: block;
  margin-top: 10px;
}
.search-box {
  padding: 40px 50px;
  margin-top: 50px;
  border: 1px solid #ededed;
  background-color: #f9f9f9;
}
.search-box dl dt {
  display: inline-block;
}
.search-box dl dd {
  display: inline-block;
}
.search-box dl dd select {
  width: 230px;
  height: 35px;
  color: #919191;
  border: 1px solid #afafaf;
  background-color: #fff;
}
.search-box dl dd a {
  width: 150px;
  line-height: 35px;
  text-align: center;
  display: block;
  color: #fff;
  background-color: #df0010;
}
.job-list {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.job-list thead {
  background-color: #eee;
}
.job-list td {
  padding: 0 5px;
  line-height: 45px;
  border-right: 1px solid #fff;
}
.job-list tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
/*学哥学姐说*/
.said-box {
  padding-top: 50px;
}
.swiper-container {
  width: 100%;
  height: 100%;
  padding: 0 30px;
}

.said-box .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.said-box .swiper-slide a {
  width: 115px;
  height: 115px;
  line-height: 115px;
  background-color: #fff;
  border:1px solid #df0010;
  border-radius: 50%;
}
.said-box .swiper-slide a:hover {
  color: #fff;
  background-color: #df0010;
}
.swiper-button-next, .swiper-button-prev {
  color: #df0010;
}
.line {
  width: 80%;
  height: 2px;
  position: absolute;
  top: 55px;
  left: 100px;
  background-color: #dfdfdf;
}
.said-box .swiper-slide-active a{
  color: #fff;
  background-color: #df0010;
}
.said-list {
  padding-top: 40px;
}
.said-list ul li {
  float: left;
  padding: 30px;
}
.said-list ul li .left {
  width: 14%;
  float: left;
  text-align:center;

}
.said-list ul li  img{ width:100%; border-radius: 50%; padding-bottom:8px;}
.said-list ul li .right {
  float: left;
  width: 84%;
  line-height: 1.7;
  margin: 10px 0 0 20px;
  font-size: 14px;
  color: #666;
}
.said-list ul li:nth-child(odd){
  background-color: #fef7f8;
}
/*联系mg冰球突破*/
.map {
  width: 840px;
  float: left;
  height:670px;
}
/*.map img {
  width: 100%;
}*/
.contacts {
  width: 480px;
  float: right;
  height:670px;
  padding: 20px;
  overflow-y: auto;
  background: #f7f7f7;
  font-family:"Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-synthesis:none;
}
.contacts ul li{
 padding: 10px 0;
 line-height:26px;
}
.contacts ul li:hover{
  color: #000;
  cursor: pointer;
}
.sub-ul02{padding-left: 7%;}
.sub-ul03 ul { padding-left: 10%;}
.sub-ul04{    padding-left: 11%;}
.sub-ul05{    padding-left: 6%;}
@media (max-width: 760px) {
  .swiper-button-next {
    right: 20px;
    /*transform: rotate(90deg);*/
  }

  .swiper-button-prev {
    left: 20px;
    /*transform: rotate(90deg);*/
  }
}
.nav-menu-icon {
  display: none;
  float: right;
  width: 30px;
  margin-top: 7px;
}
.nav-menu-icon img {
  width: 100%;
}
.nav-menu-list {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #c7000a;
  display: none;
  z-index: 10000;
}
.nav-menu-list ul li {
  padding:0 5%;
  line-height: 45px;
  border-bottom: 1px solid #dd0e18;
}
.nav-menu-list ul li a {
  color: #fff;
  display: block;
}
.nav-menu-list ul li:last-child {
  text-align: center;
}
.banners{ display:none;}
.nav-menu-list ul li div{ display:none;background-color: #a5000b;padding:0 0 8px 16px;}
.nav-menu-list ul li div a{font-size:14px;line-height:36px;border:0;opacity:.95;}
.nav-menu-list ul li > a.on:after{content:'';float:right;margin-top:18px;border:5px solid transparent;border-top-color:#fff;}
.nav-menu-list ul li > a.on.open:after{margin-top:12px;border-top-color:transparent;border-bottom-color:#fff;}
.nav-menu-list ul{overflow-y: scroll;height: 100%;padding-bottom:60px;}

@media (max-width:1360px) and (min-width:992px) {
  .footer-inner {flex-wrap:wrap;}
  .footer-nav {flex-wrap:wrap;width:100%;}
  .footer dl {margin:0 28px 20px 0;}
  .footer-aside {flex:1 1 100%;width:100%;display:flex;flex-wrap:wrap;gap:20px 40px;padding-top:10px;border-top:1px solid #e8e8e8;}
  .footer-phone,.footer-social,.footer-shop {margin-bottom:0;}
  .nav > li {padding:0 12px;font-size:16px;}
}

.contacts ul li h2{
  font-weight: 700;
  color: #222;
  font-size: 17px;
  font-family:inherit;
  font-synthesis:none;
}
.right-box > h2{color: #df0011;}
.product-box >ul li p .tit{width:calc(100% - 100px);}
.product-box >ul li p .buylink{width: 64px;font-size: 13px;color: #fff; background-color: #df0011; padding: 4px 5px;border-radius: 5px;margin: 6px 0 0 0; text-align:center;}
.product-box >ul li p .buylink:hover{ background-color:#ab0512;}
.product-box >ul{ overflow:hidden;}
.product-box >ul li { margin-right: 3%;display: block;float: left;}
.left-box ul li a{color:#555657;}
.left-box ul li ul li a{font-weight: 400;}
.left-box>ul { margin-top:20px;}
.product-item a{ display:block; overflow:hidden; position:relative;margin: 0 10px;}
.product-item a:hover img,.productlist dl:hover dt img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
.product-item a h5{opacity: 0.9; text-align:center;width:96%;left:2%;height:90px; background:url(/static/images/active_bg1.png) no-repeat;background-size: 100% 100%;font-size:23px;color:#fff; position:absolute;bottom:-90px;line-height:110px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; z-index:1;}
.product-item a:hover h5{bottom:8px;}
.product-item a img{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
/* 首页产品展示：与产品列表统一展示框，预防原图比例不一导致凹凸不齐 */
.h_productcontent .product-item a {
  height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-sizing:border-box;
}
.h_productcontent .product-item img,
.h_productcontent.pic100 .product-item img {
  width:auto !important;
  height:auto !important;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.product-box li a{ display:block;}
.product-box li a:hover img{opacity: 0.5;
    -webkit-transform: translate3d(0,0,0) scale(1.1) translate(0,0);
    transform: translate3d(0,0,0) scale(1.1) translate(0,0);}
.left-box ul li{ position:relative;}
.left-box ul li>span{ width:55px; position:absolute;right:0;top:-12px;display:inline-block; background:url(/static/images/x1.png) no-repeat; background-size:200%; overflow:hidden; cursor:pointer;}
.left-box ul li>span a{ display:block;height:55px;}
.left-box ul li.active>span,.left-box ul li:hover>span,.left-box ul li.cur>span{background:url(/static/images/x1.png) no-repeat; background-size:200%; background-position:-55px 0;}

#menu li>a{ position:relative;}
  	#menu li>a span{ width:55px;height:55px; position:absolute;right:0;top:-12px;display:inline-block; background:url(/static/images/x1.png) no-repeat; background-size:200%; overflow:hidden; cursor:pointer;}
#menu li>a:hover span,#menu li.active>a span{background:url(/static/images/x1.png) no-repeat; background-size:200%; background-position:-55px 0;}

/*made by wangxue*/
.pageheader{ position:fixed;top:0;left:0; z-index:1;}
.pagetop{ display:none !important; }
.pagetop a{ display:inline-block;margin-left:40px;}
.pagetop a img{ display:inline-block; vertical-align:middle;margin:0 5px;}
.pageheader.scroll .pagetop{ display:none;}
.pageheader.scroll .logo{margin:-7px 0 0 0;}
.pageheader.scroll .top{height:80px;padding:20px 0 10px; background-color:#fff; box-shadow:0 0 10px #ccc;animation: fadedown 400ms ease both;  -webkit-animation: fadedown 400ms ease both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}
.pageheader.scroll .nav{margin-top: 0;}
.pageheader.scroll .nav > li > a{padding: 0 10px 20px;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.h_jianzheng{ background:url(/static/images/bg1.jpg) no-repeat center center; background-size:cover;}
.h_jianzheng h2{ font-size:35px;margin-bottom:10px;}
.h_jianzheng ul{ margin-top:30px;text-align: justify;text-justify: distribute-all-lines;text-align-last: justify;}
.h_jianzheng li{ display:inline-block;margin:10px 0;}
.h_jianzheng li p{ margin-top:14px;text-align: center;text-justify: auto;text-align-last: center;}
.h_jianzheng li span,.numberul li span{ font-size:45px;}
.h_producttab,.h_newtab{ position:absolute;right:0;top:-104px;border-bottom:1px solid #dcdcdc;}
/* 首页新闻仅一个分类时不展示右侧 tab */
.h_new .h_newtab{ display:none !important;}
.h_producttab a,.h_newtab a{padding:0 10px 15px; position:relative; display:inline-block;color:#808080;}
.h_producttab a:after,.h_newtab a:after{content:''; display:inline-block; height:2px;width:60%;bottom:0;left:20%; background-color:#fff; position:absolute;}
.h_producttab a.on,.h_newtab a.on{color:#808080;}
.h_producttab a.on:after,.h_newtab a.on:after{background-color:#df0010;}
.h_productcontent,.h_newcontent{ margin-top:60px;}
.h_productcontentlist,.h_newcontentlist{ display:none;}
.h_productcontentlist .customNavigation .prev{position:absolute;left:-35px;top:44%;width:35px;cursor:pointer;}
.h_productcontentlist .customNavigation .next{position:absolute;right:-35px;top:44%;width:35px;cursor:pointer;}
.h_newcontentlist .left{ width:34%;}
.h_newcontentlist .right{ width:60%;}
.h_newcontentlist .right p{ font-size:12px;color:#666;margin-top:10px;line-height:1.7;}
.h_newcontentlist .left li a{display:block;padding:10px 0;border-bottom:1px solid #dcdcdc; position:relative;color:#666;}
.h_newcontentlist .left li:last-child a{border:0;}
.h_newcontentlist .left h5{ font-size:18px;color:#333;}
.h_newcontentlist .left time{ display:block;margin:10px 0;color:#666;line-height:1.7;}
.h_newcontentlist .left p{ font-size:14px;line-height:1.7;height:72px; overflow:hidden;color:#666;}
.h_newcontentlist .left img{ position:absolute;right:0;bottom:14px;background-color: #fff;padding-left: 10px;}
.footer{ background-color:#f7f7f7;}
.codefoot{margin-right:1.5% !important;}
.h_video{ position:fixed;width:100%;height:100%; z-index:9; background-color:rgba(0,0,0,0.7);top:0;left:0; text-align:center; display:none;}
.h_videoC{margin-top:20vh;}
.h_videoC iframe{height: 60vh;width: 60%;}
.h_videoC a{width: 30px;height:30px;line-height:23px;  display:inline-block; color:#fff;font-size:50px; position:absolute;right:20%;top:-10vh;}
.h_videoC a:hover{transform:rotate(180deg);transform-origin:center;
-ms-transform:rotate(180deg);-ms-transform-origin:center;	/* IE 9 */
-moz-transform:rotate(180deg);-moz-transform-origin:center; 	/* Firefox */
-webkit-transform:rotate(180deg);-webkit-transform-origin:center; /* Safari 和 Chrome */
-o-transform:rotate(180deg);-o-transform-origin:center; }
.site {margin-top: 17px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;color:#808080;font-size:14px; position:relative; text-align:left;}
.site.text-right {text-align:left;}
.site a{color:#808080;}
.site a:hover{color:#df0011;}
.site:after{content:''; display:inline-block;width:30px;height: 2px;background-color: #df0011; position:absolute;left:0;right:auto;bottom:0;}
.gsjj{ margin-top:20px;line-height: 1.7;}
.numberul{ background-color:#05215a;color:#fff;padding:60px 5px;text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;}
.numberul li{display: inline-block;margin:0 1%;}
.numberul li p{text-align:center; text-justify:auto; text-align-last:center;}
.numberulbottom {margin-top:10px; font-size:12px;}
.numberulbottom img{ display:inline-block; margin-right:10px;}
.numberulbottom p{ font-size:18px;}
.gsjjpic,.culturepic,.productlist dl div{ box-shadow:0 0 10px #a5a5a5;}
.culture img,.gsjj img{ max-width:100%;}
.culture,.culture ul,.culture ul li,.culturetitle,.cultureword {text-align:left;}
.culture .text-center {text-align:left;}
.culture ul li{margin:30px 0 50px;}
.culturetitle{font-size:28px; font-weight:700;color:#333;line-height:1.25;}
.culturetitle p{font-size:16px;font-weight:400;color:#666;line-height:1.7;}
.culturetitle div{ position:relative; border-top:1px solid #dcdcdc;margin:10px 0 20px;}
.culturetitle div:after{ position:absolute;left:24px;margin-left:0;top:-5px; width:8px;height:8px; border-right:1px solid #e31f2e;border-bottom:1px solid #e31f2e;content:''; display:inline-block;transform:rotate(45deg);
-ms-transform:rotate(45deg);	/* IE 9 */
-moz-transform:rotate(45deg);	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); background-color:#fff;}
.culturepic p{ text-align:left;padding:10px; font-size:12px;color:#666;line-height:1.7;}
.culturepic p span{ float:right;}
.cultureword{margin-top:20px;line-height:1.7;color:#666;font-size:16px;}
.cultureword span{margin:0 10px;display:inline-block;}
.honor,.honor2,.develop{ margin-top:30px;}
.honor .culturetitle{margin-bottom:30px;}
.honor dl{width:31.33%;margin:15px 1%;float:left;}
.honor dl a{ display:block;box-shadow: 0 0 10px #a5a5a5; overflow:hidden;}
.honor dl dd{ padding:10px 15px;line-height:1.7;height:65px; overflow:hidden; position:relative; z-index:1;}
.honor dl a:hover{ border-radius:0;}
.honor dl dd:after,.productlist dl dd:after{width:0;height:100%; position:absolute;top:0;right:0; background-color:#df0011; content:''; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; z-index:-1;}
.honor dl a:hover dd:after,.productlist dl:hover dd:after{ left:0;width:100%;right:auto;}
.honor dl a:hover dd{color:#fff;}
.honor dl a:hover dt img{transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9);   -moz-transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);}
.honormore{margin-top:20px;font-size:17px;}
.honormore img{ display:inline-block; vertical-align:middle;margin-left:10px;}
.honor2 dl{margin-bottom:20px;}
.honor2 dl a{ display:block; overflow:hidden; background-color:#f7f7f7;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;line-height:30px;padding:0 20px;font-size:14px;}
.honor2 dl dt{width:40%;float:left;}
.honor2 dl dd{width:60%;float:right;}
.honor2 dl a:hover{ background-color:#e31f2e;color:#fff;}
.productlist dl dd{ background-color:#f8f8f8;padding:13px 15px; overflow:hidden; position:relative; z-index:1;}
.productlist dl dd h5{width:calc(100% - 71px);float:left;color:#666;font-size:16px;margin-top:10px;}
.productlist dl dd img{float:right;}
.productlist dl{margin-bottom:50px;}
.productlist{ margin-top:53px;}
.pagelist li span{cursor: no-drop;}
.productlist dl:hover dd h5 a{color:#fff; }
.productlist dl:hover dd img{ z-index:1; position:relative;}

.developicon1{ position:absolute;left:50%;margin-left:-12px; top:0;}
.develop:after{content:''; display:inline-block; width:1px;height:100%; background-color:#df0111; position:absolute;left:50%;top:23px;}
.develop{padding-top:10px;}
.developlist{float:right;width:43%;margin-bottom:130px; position:relative;}
.developlist ul{position:relative;}
.developlist:nth-child(even){float:left;width:43%; text-align:right;}
.developlist li img{ width:100%;}
.developlist h2{font-size:29px;font-weight:700;color:#000;margin:0 15px;margin-bottom:50px;}
.developlist h2 p{font-weight:400;font-size:20px;color: #666;}
.developline:before{width:1px;height:100%;top:13px;left:43%; content:''; background-color:#dcdcdc; display:inline-block; position:absolute;}
.developline:after{ width:1px;height:100%;top:13px;right:43%; content:''; background-color:#dcdcdc; display:inline-block; position:absolute;}
.developlist li{box-shadow:0 0 7px #a5a5a5;margin:14px 0;}
.developlist li div{padding:10px;}
.developlist li div h5{font-size:29px;color:#000;line-height: 26px;}
.developlist li div p{margin-top:10px;font-size:14px;}
.developlist li div:after{ width:16px;height:16px; display:inline-block; background:url(/static/images/icon10.png) no-repeat; content:''; position:absolute;right:10px;top:10px;}
.developlist:nth-child(even) li div:after{background:url(/static/images/icon6.png) no-repeat;left:10px;right:auto;top:10px;}
.developlist:nth-child(2){margin-top:335px;}
.developlist:nth-child(5){margin-top:423px;}
.developlist:nth-child(6){margin-top:120px;}
.developlist:nth-child(8){margin-top:83px;}
.developlist:nth-child(9){margin-top:547px;}
.developlist:nth-child(10){margin-top:170px;}
.developlist:last-child{margin-top:170px;}
.developlist:last-child li{ padding:14px 20px 27px;font-size:30px;}
.developlist ul:after{width:8px;height:13px; content:''; display:inline-block; background:url(/static/images/icon13.png) no-repeat; position:absolute;left:-15%;top:17px;}
.developlist:nth-child(even) ul:after{background:url(/static/images/icon14.png) no-repeat;left:auto;right:-15%;}
.developlist h2:after{width:16px;height:16px; background-color:#df0010; content:''; display:inline-block;border-radius:50%; position:absolute;top:13px;left:-18%;}
.developlist:nth-child(even) h2:after{left:auto;right:-18.5%;}
.developlist:first-child h2:after{ display:none;}
.copy a{ color:#fff;}
.phoneshow{ display:none;}
	

@media (max-width:1366px) {
  .nav {
    padding-right: 20px;
  }
  .nav > li {
    padding: 0 25px;
  }
  .news-list li {
    line-height: 43px;
  }
 
  .product-box >ul li {
    margin-right: 2.5%;
  }
  .news-content dl p {
    margin-top: 0;
  }
  .map {
    width: 770px;
  }
  .contacts {
    width:400px;
  }
  .contacts .swiper-slide {
    padding: 20px 30px;
  }
  .process-box ul {
    width: 896px;
  }
  .process-box ul li {
    margin-left: 15px;
    margin-top: -55px;
  }
  .process-box ul li p {
    width: 110px;
    height: 110px;
  }
  .search-box dl dd select {
    width: 180px;
  }
  .preach-info {
    width: 81%;
    padding: 0 15px;
  }
  .swiper-container {
    width: 96%;
    padding: 0 20px;
  }
  .said-list ul li p {
    width: 80%;
  }
  .memorabilia-item {
    width: 400px;
  }
  .memorabilia-item:nth-child(odd) i {
    margin-right: -21.5%;
  }
  .memorabilia-item:nth-child(even) i {
    margin-left: -21.5%;
  }
  .about-info .summary,.about-info ul{margin-top: 20px;}
  .about-video{margin-top: 12px;}
  .h_newcontentlist .left p {height: 50px;}
}

@media (max-width:1199px) {
  .nav li {
    padding: 0 10px;
  }
  .nav li:last-child {
    padding-right: 0;
  }
  .more-btn {
    margin-top: 20px;
  }
  .news-list li {
    line-height: 38px;
  }
  .footer dl { margin-right:24px;}
  .footer dl:last-child {margin-right:0;}
  .footer-inner {gap:16px;}
  .footer-aside {flex:0 0 220px;width:220px;}
  .footer-phone-text a {font-size:20px;}
  .nav > li {padding: 0 10px;font-size:16px;}
  .nav > li > a {padding: 0 6px 22px;}
  .copy p {
    font-size: 0.8em;
    margin-right: 10px;
  }

  .news-content-item .time {
    width: 20%;
  }
  .news-content-item .info {
    width: 78%;
  }
  .news-content dl dt {
    font-size: 1.3em;
  }
  .news-content dl dd {
    height: 80px;
    padding-top: 3px;
    overflow: hidden;
    line-height: 1.7;
  }
  .news-content dl p {
    line-height: 30px;
  }
  .map {
    width: 660px;
	height:492px;
  }
  .contacts {
    width:300px;
  }
  .contacts .swiper-slide {
    height: 490px;
    padding: 0px 20px;
  }
  .contacts .swiper-slide p {
    font-size: 0.8em;
  }
  .contacts .swiper-slide .item {
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .process-box ul {
    width: 687px;
    margin-top: 50px;
  }
  .process-box ul li {
    margin-left:9px;
    margin-top: -45px;
  }
  .process-box ul li p {
    width: 85px;
    height: 85px;
  }
  .process-box ul li p img {
    margin-top: 20px;
  }
  .search-box dl dd select {
    width: 120px;
  }
  .search-box dl dd a {
    width: 100px;
  }
  .preach-info {
    width: 75%;
  }
  .preach-item {
    width: 47%;
  }
  .said-list ul li p {
    width: 73%;
    margin-top: 0;
  }
  .line {
    left: 90px;
    width: 75%;
  }
  .numberul li span {font-size: 34px;}
  .honor2 dl dd {width: 77%;}
  .honor2 dl dt {width: 23%;}
  .nav > li:nth-child(2) div a{padding: 4px 0 4px 19px;}
  .about-info .summary {height: 115px;}
  .about-info .summary, .about-info ul { margin-top: 23px;}
  .h_newcontentlist .right {margin-top: 25px;}
  .h_productcontent, .h_newcontent {margin-top: 40px;}
  .h_producttab, .h_newtab {top: -82px;}
}
@media(max-width:991px){
	.breadcrumb,.pagetop,.site{ display:none;}
  .top {
    padding: 15px 10px;
    background-color: #df0011;
  }
  .logo {
    width: 56px;
  }
  .nav {
    display: none;
  }
  .title-box {
    display: none;
  }
  .sub-menu-nav {
    display: block;
  }
  .nav-menu-icon {
    display: block;
    margin-left: auto;
  }
  .subnav {
    display: none;
  }
  .about {
    width: 100%;
    margin-right: 0;
  }
  .about-video {
    width: 100%;
    margin-top: 30px;
  }
  .news {
    width: 100%;
    padding: 0 10px;
  }
  .shop {
    width: 100%;
    margin-top: 30px;
    padding: 0 10px;
  }
  .shop a {
    width: 49%;
    display: inline-block;
  }
  .shop a:last-child {
    margin-left: 1%;
  }
  .product-title,.product {
    padding: 0 10px;
  }
  .product-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .news-headline {
    width: 100%;
  }
  .news-list {
    width: 100%;
    margin-top: 30px;
  }
  .footer {
    display: block;
    padding: 28px 16px 20px;
  }
  .footer-inner {
    display:block;
  }
  .footer-nav {
    display:none !important;
  }
  .footer dl {
    margin:0;
    width:auto;
  }
  .footer dl dt {
    font-size:16px;
    line-height:24px;
    margin-bottom:8px;
  }
  .footer dl dd {
    line-height:24px;
    font-size:13px;
  }
  .footer-aside {
    width:100%;
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  .footer-phone-text a {font-size:22px;}
  .copy {
    text-align:left;
    padding:14px 16px;
    white-space:normal;
  }
  .copy .container {
    white-space:normal;
  }
  .copy .container a,
  .copy .container span {
    display:inline;
  }
  .left-box {
    display: none;
  }
 
  .inside-title {
    top: 28%;
  }
  .banner-inside {
 height:190px;
}
  .product-box >ul li {
    width: 48%;
    margin-right: 1.5%;
  }
  .product-box >ul li:nth-child(3n) {
    margin-right: 1.5%;
  }
  .product-box >ul li:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  .title {
    font-size: 1.5em;
  }
  .map {
    display: none;
  }
  .contacts {
    width:100%;
  }
  .contacts .swiper-slide .item {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .said-box .swiper-slide a {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .contacts .swiper-slide {
    height: auto;
  }
  .contacts {
    padding-bottom: 30px;
  }
  .line {
    width: 70%;
    top: 50px;
  }
  .said-list ul li p {
    width: 83%;
    margin-top: 0;
  }
  .copy select{ display:none;}
  .inside-box img,.specific-content img{ width: 100%;}
  .investor-list > ul li h3{ width: 92%;}
  /*.investor-list > ul li a{ float: left; width: 95%;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }*/
  .dis{ display: none;}
  .box {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .step-box {
    padding: 0;
  }
  .step-item {
    padding: 5px;
  }
  .step-item img {
    width: 100%;
    margin: 0;
    border: 0;
  }
  .step-item h2 {
    width: 100%;
    margin-top: 10px;
    font-size: 1.125em;
  }
  .step-item p {
    width: 100%;
  }
  .search-box {
    padding: 5px;
  }
  .memorabilia {
    margin-top: 0;
    background-image: none;
  }
  .memorabilia-item {
    width: 100%;
    margin-top: 10px;
  }
  .memorabilia-item:nth-child(2) {
    margin-top: 0;
  }
  .memorabilia-item h2 span {
    display: none;
  }
  .memorabilia-item h2 i {
    display: none;
  }
  .memorabilia-item:nth-child(odd) {
    text-align: left;
  }
  .context-sensitive {
    padding: 5px;
  }
  .context-sensitive ul {
    width: 80%;
  }
  .return-btn {
    width: 15%;
    line-height: 20px;
    padding: 10px 2%;
  }
  .right-box{width:100%;}
  .pageheader.scroll .pagetop{ display:none;}
  .pageheader .logo{margin:0 0 0 0;}
  .pageheader.scroll .logo{margin:0;}
  .pageheader.scroll .top{padding:5px 10px; background-color:#df0011; box-shadow:0 0 10px #ccc;animation: fadedown 400ms ease both; -webkit-animation: fadedown 400ms ease both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}
  .pageheader.scroll .top > .container{height:100%;align-items:center;}
  .pageheader.scroll .nav-menu-icon{margin-top:0;}
  .otherbanner1,.banner{margin-top:73px;}
  .honor dl {width: 48%;}
  .about-info .summary {height: auto;}
  .h_jianzheng li span, .numberul li span {font-size: 34px;}
  .h_newcontentlist .right{float:none;width:100%;}
  .h_newcontentlist .left{float:none;margin-top:30px;width:100%;}
  .develop {margin-top:0;}
  .invest_m_mess{ width:98%; border:1px solid #CCC; margin:0 auto; line-height:40px; padding:15px;text-align:center; }
.invest_mess_tit{  float:left;width:100%; border:0; padding:0; border-bottom:1px dashed #CCC;}
.invest_mess_con{  float:left;width:100%; padding:0;}
.invest_mess_con i{float:left; width:50%; font-style:normal; }
 
}
@media(max-width:767px){
  .inside-title {
    top: 25%;
  }
  .inside-title h2 {
    font-size: 1.5em;
  }
  .news-content dl img {
    width: 100%;
  }
  .news-content dl dt {
    width: 100%;
    margin-top: 30px;
  }
  .news-content dl dd {
    width: 100%;
    height: auto;
    padding: 10px 0;
  }
  .news-content dl p {
    width: 100%;
  }
  .process-box {
    display: none;
  }
  .preach-info {
    width: 70%;
  }
  .preach-item {
    width: 100%;
  }
  .line {
    width: 50%;
    left: 30%;
  }
  .said-list ul li p {
    width: 80%;
  }
  .swiper-wrapper {
  }
  .search-box .ddsumbit:after{ display:none;}
  .sub-menu-nav {padding: 20px 10px 0;}
  .search-box dl dd {display: block; margin: 5px 0; position:relative;}
  .search-box dl dd select {width: 100%;border: 1px solid #dcdcdc;background-color: #fff;color:#919191;font-size: 14px;-webkit-appearance: none;padding: 0 10px;}
  .search-box dl dd:after{content:''; display:inline-block; position:absolute;right:10px;top:15px; border-top:5px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;}
  .search-box dl dd .ui-select:after,
  .search-box dl dd:has(.ui-select):after{display:none;}
  .job-list {width: 670px;font-size: 13px;}
  .jobtable{width: 100%;overflow: scroll;}
  .contacts{height: auto;}
  .said-list ul li {padding: 30px 20px;}
  .said-list ul li .left,.said-list ul li .right,.said-list ul li .right p{ width: 100%;}
  .said-list ul li .left{ text-align:left;}
  .said-list ul li img{width: 43px;}
  .said-list ul li .left p{width: auto; display: inline-block; margin-left: 9px;}
  .said-list ul li .right{margin: 10px 0 0 0;}
  .staff-activites ul li h2 { font-size: 14px; line-height: 22px; height: 44px;}
  .staff-activites ul li {padding: 6px 0;}
  .said-box { padding-top: 20px;}
  .product-box >ul li p .buylink{float: left;}
  .product-box >ul li p .tit { width: 100%;}
  .wx_public,.h_about,.h_product,.h_new {padding:40px 20px;}
  .culture ul li {margin: 0 0 30px;}
  .culture ul li:last-child{margin-bottom:0;}
  .copy{text-align: center;}
  .right-box{padding-bottom:0;}
  .numberul li,.h_jianzheng li{width: 50%;float: left;display: block;margin: 10px 0;}
  .numberul {padding: 35px 5px;text-align: center;text-justify:center;text-align-last: center;}
  .gsjj,.honor, .honor2{margin-top: 0;}
  .honor dl dd{    font-size: 14px;}
  .h_jianzheng ul{text-align: center;text-justify: center;text-align-last: center;}
  .h_jianzheng h2 {font-size: 28px;}
  .h_jianzheng img{width:50%;}
  .h_producttab, .h_newtab {position: initial;margin-top: 30px;}
  .h_producttab a, .h_newtab a {padding: 0 10px 7px;margin: 0 0 12px;}
  .h_productcontentlist .customNavigation .prev {left: -17px;width: 22px;top: 59%;}
  .h_productcontentlist .customNavigation .next {right: -17px;width: 22px;top: 59%;}
  .product-item a h5 {font-size: 17px;line-height: 84px;height: 65px;}
  .productlist{margin-top:0;}
  .productlist dl {margin-bottom: 22px;padding:0 5px;}
  .productlist dl dd {padding: 13px 10px;}
  .productlist dl dd img {width: 30px;}
  .productlist dl dd h5 {width: calc(100% - 37px);font-size: 14px;margin-top: 6px;}
  .wx_productlist{padding: 40px 9px;}
  .developline{ display:none;}
  .developlist,.developlist:nth-child(even){float:none;}
  .developicon1 {left: 0;margin-left: -10px;top: 0;width: 20px;}
  .develop:after {left: 0;top: 19px;}
  .developlist h2 {font-size: 24px;}
  .developlist h2 p {font-size: 15px;}
  .developlist,.developlist:nth-child(even){width: 95%;margin:0 0 30px 5%;}
  .developlist h2 {margin-bottom: 25px;}
  .developlist li div h5 {font-size: 20px;}
  .developlist li div p {margin-top: 3px;}
  .developlist:nth-child(even){ text-align:left;}  		.developlist:nth-child(2),.developlist:nth-child(5),.developlist:nth-child(6),.developlist:nth-child(8),.developlist:nth-child(9),.developlist:nth-child(10){margin-top: 0;}
  .developlist ul:after {left: -4%;}
  .developlist:nth-child(even) ul:after {background: url(/static/images/icon13.png) no-repeat;left:-4%;right:auto;}
  .developlist:nth-child(even) li div:after{right: 10px;left: auto;background: url(/static/images/icon10.png) no-repeat;}
  .developlist:last-child {margin-top: 30px;}
  .copy span{ display:inline-block;margin:0 10px;}
  #owl-demo .owl-pagination{bottom: 6px;}
  #owl-demo .owl-pagination .owl-page,#owl-demo .owl-pagination .owl-page.active{width: 8px;height:8px;}
  .honor2 dl dd {width: 100%;}
  .honor2 dl dt {width: 100%; font-size:16px;font-weight: 700;}
  .protime span{ font-size:14px;margin: 0 6px;}
  .news-content,.staff-activites{ padding:10px 12px;}
  .news-info{padding:0 12px;}
  .news-info > h1,
  .news-info > h3 {font-size: 1.1em;}
  .h_newC .h_newtab{position: absolute;margin-top:0;top: -69px;border: 0;}
  .h_producttab{ overflow-x:scroll;height:28px;overflow-y: hidden;}
  .h_producttabC{white-space: nowrap;}
  .phoneshow{ display:block;}
  .webshow{ display:none;}
}

@media(max-width:640px){
  .shop a {
    width: 100%;
  }
  .shop a:last-child {
    margin-left: 0;
  }
  .inside-title {
    top: 20%;
  }
	.news-content-item .time {
    display: none;
  }
  .news-content-item .info {
    width: 100%;
  }
  .preach-info {
    width: 65%;
  }
  .pagelist li a, .pagelist li span { padding: 0 7px; height: 27px; font-size: 12px; line-height: 27px;margin: 2px 0;}
  .otherbanner1{ overflow:hidden;}
  .culturetitle {font-size: 22px;}
  .culturetitle p {font-size: 14px;}
  .culture,.gsjj{font-size:15px;}
  .cultureword,.gsjj{line-height: 1.7;}
  .numberul li span,.h_jianzheng li span{font-size: 24px;}
  .investor-list > ul li {
    height:auto;
    min-height:0;
    flex-wrap:wrap;
    align-items:flex-start;
    padding:12px 0;
    line-height:24px;
  }
  .investor-list > ul li .ir-ico {
    margin-top:4px;
  }
  .investor-list > ul li .ir-tag {
    margin-top:1px;
    flex:0 0 auto;
    width:auto;
    min-width:0;
    max-width:none;
    padding:0 6px;
    font-size:12px;
  }
  .investor-list > ul li:has(> .ir-tag) {
    grid-template-columns:90px minmax(0, 1fr);
    column-gap:12px;
    row-gap:6px;
  }
  .investor-list > ul li:has(> .ir-tag) h3 {
    width:auto;
    flex:none;
    grid-column:2;
    line-height:24px;
    font-size:14px;
  }
  .investor-list > ul li:has(> .ir-tag) a.ir-date,
  .investor-list > ul li:has(> .ir-tag) > a.ir-date {
    grid-column:2;
    width:auto;
    max-width:none;
    margin:0;
    text-align:left;
    line-height:20px;
  }
  .investor-list > ul li h3 {
    width:calc(100% - 108px);
    flex:1 1 calc(100% - 108px);
    line-height:24px;
    font-size:14px;
  }
  .investor-list > ul li h3 a {
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:24px;
  }
  .investor-list > ul li a.ir-date,
  .investor-list > ul li > a.ir-date {
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    margin:6px 0 0 26px;
    text-align:left;
    line-height:20px;
    float:none;
  }
  .ir-contact-card {width:100%;}
  .ir-filter {display:block;height:auto;}
  .ir-filter-select {width:100%;max-width:280px;margin-top:8px;}
  .ir-page .ir-main {padding-top:24px;}
  .ir-page .ir-main > h1 {font-size:1.25em;margin-bottom:20px;}
}
@media(max-width:510px){
  .preach-box {
    padding: 10px 0;
  }
  .preach-item {
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  .time-line {
    display: none;
  }
	.preach-info {
    width: 100%;
    border-left:0;
  }
  .preach-item h3 {
    height: auto;
    padding-bottom: 0;
  }
  .line {
    display: none;
  }
  .numberul li span,.h_jianzheng li span{font-size: 17px;}
  .about-info h3, .gsjj h3 {font-size: 23px;}
  .about-video dd h5 {font-size: 15px;}
  .h_jianzheng li p {margin-top: 8px;}
  .productlist dl div {box-shadow: 0 0 8px #e2dbdb;}
}
@media(max-width:420px){
  .said-list ul li p {
    width: 75%;
  }
  .numberulbottom p {font-size: 15px;}
  .about-info ul li img{width:30px;}
  .about-info ul li {padding:10px 10px 10px 5px;}
  .about-info ul li div {width: calc(100% - 36px);}
  .about-info ul li div p {transform: scale(0.8,0.8);width: 150%;margin: -3px 0 0 -18%;}
  .about-video .videoicon {width: 60px;margin-left: -30px;}
  .productlist dl dd img {width: 25px;}
  .productlist dl dd h5 {width: calc(100% - 29px);margin-top: 2px;}
}

/* —— 贸易合作（Figma 还原） —— */
.biz-page .left-box .title {margin:0;}
.biz-page .left-box .title span {margin-top:24px;}
.biz-page .left-box > ul {margin-top:18px;}
/* 贸易合作 banner 与全站内页统一比例，仅保留主体构图地位 */
.biz-banner img {
  object-position:center 55%;
}

.biz-article {color:#666;line-height:1.7;font-size:15px;}
.biz-kicker {letter-spacing:2px;font-size:12px;color:#888;margin:0 0 8px;}
.biz-article h1 {font-size:28px;line-height:1.3;margin:0 0 16px;color:#333;}
.biz-lead {color:#666;margin:0 0 28px;}
.biz-cards {display:block;}
.biz-card {display:block;border:1px solid #eee;padding:24px 22px;margin:0 0 16px;color:#333;text-decoration:none;background:#fff;}
.biz-card:hover {border-color:#df0011;color:#333;}
.biz-card-num {display:block;color:#df0011;font-size:12px;letter-spacing:1px;margin-bottom:8px;}
.biz-card h2 {font-size:20px;margin:0 0 10px;}
.biz-card p {margin:0 0 12px;color:#666;}
.biz-card-more {color:#df0011;font-size:14px;}
.biz-faq {margin-top:36px;padding-top:20px;border-top:1px solid #eee;}
.biz-faq h2 {font-size:20px;margin:0 0 16px;}
.biz-faq-item {margin:0 0 16px;}
.biz-faq-item h3 {font-size:16px;margin:0 0 6px;}
.biz-cta {margin-top:28px;padding:14px 16px;background:#f7f7f7;}
.biz-cta a {color:#df0011;}

.biz-detail {color:#333;padding-top:24px;}
.biz-head {margin:0 0 30px;}
.biz-head h1 {font-size:32px;line-height:40px;font-weight:700;color:#333;margin:0 0 6px;}
.biz-sub {font-size:14px;line-height:1.7;color:#666;margin:0;}
.biz-intro {font-size:16px;line-height:24px;color:#333;margin:14px 0 0;}

.biz-metrics {
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0;
  padding:24px 0;
  margin:0 0 8px;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.biz-metric {
  flex:1 1 0;
  min-width:0;
  text-align:center;
  padding:0 24px;
  box-sizing:border-box;
}
.biz-metric + .biz-metric {
  border-left:1px solid #e5e7eb;
}
.biz-metric-label {font-size:14px;line-height:16px;font-weight:500;color:#333;margin:0 0 8px;}
.biz-metric-value {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:40px;
  margin:4px 0 8px;
  color:#df0011;
}
.biz-metric-value strong {
  font-size:46px;
  line-height:40px;
  font-weight:700;
  letter-spacing:-0.9px;
}
.biz-metric-value span {
  font-size:14px;
  line-height:20px;
  font-weight:400;
  margin:0 0 2px 4px;
}
.biz-metric-desc {font-size:12px;line-height:16px;color:#666;}
.biz-metrics-oem .biz-metric-desc {font-size:14px;}
.biz-legal {
  font-size:14px;
  line-height:18px;
  color:#999;
  margin:17px 0 8px;
  padding-top:0;
}

.biz-block {
  padding:24px 0 16px;
  border-bottom:1px solid #e5e7eb;
  margin:0;
}
.biz-block-first {padding-top:8px;}
.biz-block-last {border-bottom:0;padding-bottom:0;}
.biz-block h2 {
  font-size:20px;
  line-height:28px;
  font-weight:700;
  color:#333;
  margin:0 0 12px;
}
.biz-block h3 {
  font-size:16px;
  line-height:21px;
  font-weight:500;
  color:#333;
  margin:16px 0 8px;
}
.biz-block p {
  font-size:16px;
  line-height:24px;
  color:#333;
  margin:0 0 12px;
}
.biz-block p strong {font-weight:500;}
.biz-aside {margin-top:4px !important;margin-bottom:8px !important;}
.biz-note {margin-top:16px !important;}

.biz-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 4px;
}
.biz-tags span {
  display:inline-block;
  background:#f3f4f6;
  color:#666;
  font-size:14px;
  line-height:16px;
  padding:6px 14px;
  border-radius:0;
}
.biz-tags-lg span {font-size:16px;line-height:18px;}
.biz-block .biz-tags + .biz-aside,
.biz-block h3 + .biz-tags {margin-top:12px;}

.biz-block-last .biz-table {margin-top:0;}
.biz-block .biz-table {margin-top:0;}
.biz-block p + .biz-table {margin-top:0;}
.biz-block-last > p {margin-bottom:20px;}

.biz-timeline {
  list-style:none;
  margin:24px 0 8px;
  padding:0;
  display:flex;
  position:relative;
}
.biz-timeline:before {
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  top:7px;
  height:1.5px;
  background:#df0011;
}
.biz-timeline > li {
  flex:1 1 0;
  position:relative;
  padding:24px 12px 0 0;
  min-height:110px;
}
.biz-dot {
  position:absolute;
  left:0;
  top:0;
  width:14px;
  height:14px;
  border:2px solid #df0011;
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
}
.biz-dot:after {
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  margin:-3px 0 0 -3px;
  background:#df0011;
  border-radius:50%;
}
.biz-step-title {
  font-size:16px;
  line-height:21px;
  font-weight:500;
  color:#333;
  margin:0 0 8px;
}
.biz-step-time {
  font-size:14px;
  line-height:16px;
  color:#333;
}
.biz-step-time em {
  font-style:normal;
  color:#333;
  font-weight:500;
}
.biz-step-note {
  font-size:14px;
  line-height:18px;
  color:#999;
  margin-top:8px;
}
.biz-timeline-5 .biz-step-note {color:#df0011;}

/* 零食量贩渠路服务：深色标签 + 表格行间距 */
.biz-table {
  margin:0;
  padding:0;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.biz-table > div {
  display:flex;
  align-items:flex-start;
  margin:0;
  padding:16px 0;
  box-sizing:border-box;
}
.biz-table > div + div {
  border-top:1px solid #f3f4f6;
  padding-top:17px;
}
.biz-table dt {
  flex:0 0 176px;
  width:176px;
  font-size:16px;
  line-height:16px;
  font-weight:500;
  color:#333;
  margin:0;
  padding:0;
}
.biz-table dd {
  flex:1 1 auto;
  margin:0;
  padding:0 0 0 8px;
  font-size:16px;
  line-height:18px;
  color:#333;
}

/* OEM 质控：红色标签 */
.biz-qc {margin:8px 0 0;padding:0;}
.biz-qc > div {
  display:flex;
  align-items:flex-start;
  margin:0 0 24px;
}
.biz-qc > div:last-child {margin-bottom:0;}
.biz-qc dt {
  flex:0 0 112px;
  width:112px;
  font-size:16px;
  line-height:24px;
  font-weight:500;
  color:#df0011;
  margin:0;
  padding-top:1.5px;
}
.biz-qc dd {
  flex:1 1 auto;
  margin:0;
  font-size:16px;
  line-height:24px;
  color:#333;
}

@media (max-width: 991px) {
  .biz-metrics {flex-wrap:wrap;gap:20px 0;}
  .biz-metric {flex:1 1 45%;border-left:0 !important;}
  .biz-metric:nth-child(n+3) {border-top:1px solid #e5e7eb;padding-top:20px;}
}
@media (max-width: 767px) {
  .biz-article h1,.biz-head h1 {font-size:24px;line-height:1.3;}
  .left-box .title {margin-bottom:10px;}
  .biz-metric {flex:1 1 100%;padding:16px 12px;border-left:0 !important;border-top:1px solid #e5e7eb;}
  .biz-metric:first-child {border-top:0;padding-top:0;}
  .biz-metric-value strong {font-size:36px;line-height:36px;}
  .biz-table > div,.biz-qc > div {display:block;}
  .biz-table dt,.biz-qc dt {width:auto;margin-bottom:8px;}
  .biz-table dd {padding-left:0;}
  /* 「从本地出产到逐日新鲜投递」功夫轴：手机竖排，竖线衔接，预防横向撑破 */
  .biz-timeline,
  .biz-timeline-3,
  .biz-timeline-5 {
    flex-direction:column;
    min-width:0;
    overflow:visible;
    padding:0 0 0 22px;
    margin:20px 0 8px;
  }
  .biz-timeline:before {
    left:6px;
    right:auto;
    top:8px;
    bottom:8px;
    width:1.5px;
    height:auto;
  }
  .biz-timeline > li {
    flex:none;
    width:100%;
    min-height:0;
    padding:0 0 18px 14px;
  }
  .biz-timeline > li:last-child {padding-bottom:0;}
  .biz-dot {left:-22px;top:3px;}
}

/* —— 面包百科 / 常见问题（Figma 还原） —— */
.wiki-page .left-box .title,
.faq-page .left-box .title {margin:0;}
.wiki-page .left-box .title span,
.faq-page .left-box .title span {margin-top:24px;}
.wiki-page .left-box > ul,
.faq-page .left-box > ul {margin-top:18px;}

.wiki-grid {
  display:flex;
  flex-wrap:wrap;
  margin:20px -6px 0;
}
.wiki-card {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:calc(25% - 12px);
  margin:0 6px 20px;
  min-height:174px;
  padding:17px 17px 0;
  box-sizing:border-box;
  border:1px solid #e8e8e8;
  background:#fff;
  color:#333;
  text-decoration:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.wiki-card:hover,
.wiki-card:focus {
  border-color:#df0011;
  color:#333;
  text-decoration:none;
  box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.wiki-card-body h3 {
  margin:0 0 8px;
  font-size:16px;
  line-height:1.45;
  font-weight:700;
  color:#333;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wiki-card-body p {
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#666;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wiki-card-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  padding:10px 0 12px;
  border-top:1px solid #eee;
  font-size:12px;
  line-height:22px;
  color:#999;
}
.wiki-card-arrow {
  display:inline-block;
  width:16px;
  height:16px;
  position:relative;
  flex:0 0 16px;
}
.wiki-card-arrow:before,
.wiki-card-arrow:after {
  content:'';
  position:absolute;
  background:#999;
  transition:background .2s ease;
}
.wiki-card-arrow:before {
  left:2px;
  top:7px;
  width:10px;
  height:2px;
}
.wiki-card-arrow:after {
  right:2px;
  top:4px;
  width:8px;
  height:8px;
  border-top:2px solid #999;
  border-right:2px solid #999;
  background:transparent;
  transform:rotate(45deg);
  box-sizing:border-box;
}
.wiki-card:hover .wiki-card-arrow:before {background:#df0011;}
.wiki-card:hover .wiki-card-arrow:after {border-color:#df0011;}

.faq-list {margin-top:20px;}
.faq-item {
  border:1px solid #e8e8e8;
  background:#fff;
  margin:0 0 8px;
}
.faq-q {
  display:flex;
  align-items:flex-start;
  width:100%;
  margin:0;
  padding:16px 18px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
  outline:none;
}
.faq-badge {
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin:3px 10px 0 0;
  border-radius:50%;
  background:#df0011;
  color:#fff;
  font-size:11px;
  line-height:18px;
  text-align:center;
  font-style:normal;
  font-weight:500;
}
.faq-badge-a {background:#333;}
.faq-q-text {
  flex:1 1 auto;
  font-size:16px;
  line-height:1.45;
  color:#333;
  font-weight:500;
  padding-right:12px;
}
.faq-chevron {
  flex:0 0 10px;
  width:10px;
  height:10px;
  margin-top:7px;
  border-right:2px solid #999;
  border-bottom:2px solid #999;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.faq-item.open .faq-chevron {
  margin-top:10px;
  transform:rotate(-135deg);
}
.faq-a {
  display:none;
  padding:0 18px 18px 18px;
  border-top:1px solid #f0f0f0;
}
.faq-item.open .faq-a {
  display:flex;
  align-items:flex-start;
  padding-top:14px;
}
.faq-a-body {
  flex:1 1 auto;
  font-size:14px;
  line-height:1.7;
  color:#666;
}
.faq-a-body p {margin:0 0 8px;}
.faq-a-body p:last-child {margin-bottom:0;}

@media (max-width: 1199px) {
  .wiki-card {width:calc(33.333% - 12px);}
}
@media (max-width: 991px) {
  .wiki-card {width:calc(50% - 12px);}
}
@media (max-width: 767px) {
  .wiki-card {width:calc(100% - 12px);min-height:0;}
  .faq-q {padding:14px;}
  .faq-q-text {font-size:14px;line-height:1.45;}
  .faq-a {padding-left:14px;padding-right:14px;}
}

/* —— 人才发展（Figma 还原） —— */
.talent-page .left-box .title {margin:0;}
.talent-page .left-box .title span {margin-top:24px;}
.talent-page .left-box > ul {margin-top:18px;}
.talent-page .left-box ul li > a {color:#333;}
.talent-page .left-box > ul > li.active > a,
.talent-page .left-box > ul > li:hover > a,
.talent-page .left-box > ul > li.cur > a {color:#fff;}
.talent-page .container.pad60 {padding-top:40px;padding-bottom:40px;}
.talent-page .talent-main {padding-top:24px;}
/* 面包屑：上级灰，当前页红 */
/* 面包屑形状见 typography.css（全局） */
.talent-article {color:#333;}
.talent-head {margin:0 0 30px;}
.talent-head h1 {font-size:32px;line-height:36px;font-weight:700;color:#333;margin:0;}
.talent-sub {font-size:14px;line-height:1.7;color:#666;margin:4px 0 0;}
.talent-kicker {font-size:12px;line-height:17px;letter-spacing:1px;color:#df0011;margin:0 0 6px;}
.talent-join-block h1 {font-size:24px;line-height:32px;font-weight:700;color:#333;margin:0 0 6px;}
.talent-join-block h2 {font-size:24px;line-height:32px;font-weight:700;color:#333;margin:0 0 6px;}
.talent-lead {font-size:15px;line-height:1.7;color:#666;margin:0 0 32px;max-width:896px;}
.talent-join-career {margin-top:30px;}

.talent-dept-list {
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
}
.talent-dept {
  display:grid;
  grid-template-columns:minmax(150px, 120px) minmax(0, 1fr);
  column-gap:32px;
  row-gap:16px;
  align-items:start;
  padding:0 0 30px;
  margin:0 0 30px;
  border-bottom:1px solid #dcdcdc;
}
.talent-dept:last-child {
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.talent-dept-meta {min-width:0;}
.talent-dept-name {
  margin:0;
  font-size:20px;
  line-height:28px;
  font-weight:700;
  color:#df0011;
}
.talent-dept-slogan {
  margin:0;
  font-size:14px;
  line-height:28px;
  font-weight:400;
  color:#666666;
}
.talent-dept-copy {min-width:0;}
.talent-dept-copy p {
  font-size:16px;
  line-height:24px;
  color:#333;
  margin:0 0 16px;
}
.talent-dept-copy p:last-child {margin-bottom:0;}
/* 兼容旧「标题｜标语」横排结构，预防形状断裂 */
.talent-dept-title {
  margin:0;
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.talent-dept-title .talent-dept-name {display:inline;color:#df0011;}
.talent-dept-title .talent-dept-sep {color:#df0011;margin:0 4px;font-weight:400;}
.talent-dept-title .talent-dept-slogan {display:inline;color:#666;font-size:14px;font-weight:400;}

.talent-photos {display:flex;flex-wrap:wrap;gap:20px 10px;}
.talent-photo {
  display:block;
  width:calc(50% - 5px);
  overflow:hidden;
  background:transparent;
  color:#333;
  text-decoration:none !important;
}
.talent-photo-img {
  display:block;
  overflow:hidden;
  background:#f0f0f0;
  line-height:0;
  border-radius:12px;
}
.talent-photo img {
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
  border-radius:12px;
}
.talent-photo:hover img {transform:scale(1.03);}
.talent-photo-title {
  margin:12px 0 0;
  font-size:18px;
  line-height:28px;
  font-weight:500;
  color:#333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.talent-photo:hover .talent-photo-title {color:#df0011;}

.talent-welfare {display:flex;flex-wrap:wrap;gap:25px 24px;}
.talent-welfare-card {
  width:calc(50% - 12px);
  box-sizing:border-box;
  min-height:144px;
  padding:25px;
  border:0;
  border-radius:0;
  background:#fafafa;
}
.talent-welfare-title {display:flex;align-items:center;margin:0 0 12px;}
.talent-welfare-title h3 {margin:0;font-size:18px;line-height:24px;font-weight:500;color:#333;}
.talent-welfare-card p {margin:0;font-size:14px;line-height:1.7;color:#666;}
.talent-ico {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  margin-right:12px;
  border-radius:50%;
  /* Figma Background: #FDF2F2 circle, red stroke glyph */
  background:#fdf2f2;
  flex:0 0 36px;
}
.talent-ico img,
.talent-ico svg {display:block;width:20px;height:20px;}

.talent-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:114px;
  padding:31px 32px;
  background:#fff5f5;
  box-sizing:border-box;
}
.talent-quote {
  position:relative;
  font-size:20px;
  line-height:28px;
  color:#df0011;
  margin:0 0 8px;
  font-weight:500;
  border:0;
  border-left:0;
}

.talent-cta-desc {margin:0;font-size:14px;line-height:16px;color:#666;}
.talent-cta-btn {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:144px;
  height:48px;
  padding:0 24px 0 32px;
  background:#df0011;
  color:#fff !important;
  font-size:14px;
  line-height:20px;
  text-decoration:none !important;
  box-sizing:border-box;
}
.talent-cta-btn:hover {opacity:.92;color:#fff !important;}
.talent-cta-arrow {
  display:block;
  width:16px;
  height:16px;
  flex:0 0 16px;
}
.talent-cta-btn i {display:none;}

@media (max-width: 991px) {
  .talent-dept {
    grid-template-columns:1fr;
    gap:12px;
  }
  .talent-photo img {height:220px;}
}
@media (max-width: 767px) {
  .talent-page .talent-main {padding-top:24px;}
  .talent-head h1 {font-size:24px;line-height:1.3;}
  .talent-join-block h1,.talent-join-block h2 {font-size:22px;line-height:1.3;}
  .talent-welfare {gap:12px;}
  .talent-welfare-card,.talent-photo {width:100%;}
  .talent-photos {gap:16px 8px;}
  .talent-cta {display:block;padding:20px;min-height:0;}
  .talent-cta-btn {margin-top:18px;width:100%;padding:0 20px;box-sizing:border-box;}
  .talent-photo img {height:180px;}
  .talent-photo-title {font-size:16px;line-height:24px;}
  .talent-dept {padding-bottom:24px;margin-bottom:24px;}
}

/* ========== 联系mg冰球突破 / 品质专线 ========== */
.contact-page .left-box .title {
  margin:0;
  line-height:1.2;
}
.contact-page .left-box .title span {margin-top:24px;}
.contact-page .left-box > ul {margin-top:18px;}
/* 面包屑形状见 typography.css（全局） */
.contact-page .site:after {
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:-1px;
  width:30px;
  height:2px;
  background:#df0011;
}
.contact-main {padding-top:24px;}
.contact-head {
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin:0 0 30px;
}
.contact-head h1 {
  margin:0;
  font-size:24px;
  line-height:1;
  font-weight:700;
  color:#333;
}
.contact-head p {
  margin:0;
  font-size:14px;
  line-height:1;
  color:#666;
}
.contact-form {width:100%;}
.contact-fields {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.contact-field {
  width:calc(50% - 8px);
  box-sizing:border-box;
}
.contact-field.is-full {width:100%;}
.contact-label {
  display:block;
  margin:0 0 4px;
  font-size:14px;
  line-height:20px;
  color:#404040;
  font-weight:400;
}
.contact-star {color:#df0011;font-style:normal;margin-left:2px;}
.contact-input {
  display:block;
  width:100%;
  height:40px;
  box-sizing:border-box;
  padding:0 13px;
  border:1px solid #e4e2e1;
  background:#fff;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
  outline:none;
  border-radius:0;
  appearance:none;
  -webkit-appearance:none;
}
.contact-input::placeholder {color:#999;font-size:14px;font-weight:400;}
.contact-select-wrap {position:relative;}
.contact-select-wrap:after {
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:18px;
  height:18px;
  margin-top:-9px;
  background:url(/static/images/contact/chevron.svg?v=2) no-repeat center;
  background-size:18px 18px;
  pointer-events:none;
}
.contact-select {
  height:36px;
  padding-right:36px;
  cursor:pointer;
  color:#404040;
}
.contact-select:invalid {color:#999;}
.contact-select-wrap .ui-select {
  width:100%;
}
.contact-textarea {
  height:84px;
  padding:12px 13px;
  resize:vertical;
  line-height:20px;
}
.contact-radios {
  display:flex;
  align-items:center;
  gap:106px;
  min-height:36px;
}
.contact-radio {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
  cursor:pointer;
  user-select:none;
}
.contact-radio input {
  position:absolute;
  opacity:0;
  width:18px;
  height:18px;
  margin:0;
}
.contact-radio-ui {
  display:block;
  width:18px;
  height:18px;
  box-sizing:border-box;
  border:1px solid #919191;
  border-radius:0;
  background:#fff;
  flex:0 0 18px;
}
.contact-radio input:checked + .contact-radio-ui {
  border-color:transparent;
  background:#df0010 url(/static/images/contact/radio-on.svg) no-repeat center;
  background-size:14px 14px;
}
.contact-radio input:checked ~ span:last-child {color:#df0010;}
.contact-radio:nth-child(2) {gap:6px;}
.contact-checks {
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
}
.contact-check {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#404040;
  cursor:pointer;
}
.contact-upload {
  position:relative;
  box-sizing:border-box;
  min-height:93px;
  padding:17px 16px;
  border:1px dashed #d0d0d0;
  background:#fff;
  text-align:center;
  cursor:pointer;
  transition:border-color .2s, background .2s;
}
.contact-upload.is-drag,
.contact-upload:hover {border-color:#df0011;background:#fff8f8;}
.contact-upload input[type=file] {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
  z-index:2;
  font-size:0;
}
.contact-upload-ico {
  display:block;
  margin:0 auto 4px;
  position:relative;
  z-index:1;
  pointer-events:none;
}
.contact-upload-main {
  margin:0;
  font-size:12px;
  line-height:18px;
  color:#333;
  position:relative;
  z-index:1;
  pointer-events:none;
}
.contact-upload-tip {
  margin:2px 0 0;
  font-size:12px;
  line-height:16px;
  color:#999;
  position:relative;
  z-index:1;
  pointer-events:none;
}
.contact-upload-list {
  display:none;
  margin-top:12px;
  text-align:left;
  position:relative;
  z-index:3;
}
.contact-upload-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 0;
  border-top:1px solid #f0f0f0;
  font-size:12px;
  color:#333;
}
.contact-upload-item button {
  border:0;
  background:none;
  color:#df0011;
  cursor:pointer;
  font-size:12px;
  padding:0;
}
.contact-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:16px;
  min-height:46px;
}
.contact-agree {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-size:12px;
  line-height:18px;
  font-weight:400;
  color:#404040;
  cursor:pointer;
  user-select:none;
}
.contact-agree input {
  width:16px;
  height:16px;
  margin:0;
  accent-color:#df0011;
}
.contact-submit {
  flex:0 0 auto;
  min-width:120px;
  height:38px;
  padding:0 32px;
  border:0;
  background:#df0011;
  color:#fff;
  font-size:14px;
  line-height:22px;
  font-weight:400;
  cursor:pointer;
  transition:opacity .2s;
}
.contact-submit:hover {opacity:.9;}
.contact-submit:disabled {opacity:.55;cursor:not-allowed;}
.contact-msg {
  margin:12px 0 0;
  font-size:13px;
  line-height:1.4;
}
.contact-msg.is-ok {color:#1a7f37;}
.contact-msg.is-err {color:#df0011;}
.contact-empty {margin:0;color:#999;font-size:14px;}

@media (max-width: 991px) {
  .contact-field {width:100%;}
  .contact-radios {gap:40px;}
  .contact-actions {flex-wrap:wrap;}
  .contact-submit {width:100%;}
}
@media (max-width: 767px) {
  .contact-head {flex-wrap:wrap;gap:8px;}
  .contact-head h1 {font-size:22px;}
  .contact-page .site:after {left:0;right:auto;}
}

/* ========== 企业荣誉（设计稿文字+花环） ========== */
.honor-awards {margin-top:20px;}
.honor-grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}
.honor-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:140px;
  padding:16px;
  box-sizing:border-box;
  background:#fff;
}
.honor-laurel {
  flex:0 0 34px;
  width:34px;
  height:72px;
  display:block;
}
.honor-laurel img {
  display:block;
  width:34px;
  height:72px;
  object-fit:contain;
}
.honor-laurel-l {
  transform:scaleX(-1);
}
.honor-card-body {
  flex:1 1 auto;
  min-width:0;
  text-align:center;
}
.honor-card-body h3 {
  margin:0 0 6px;
  font-size:16px;
  font-weight:500;
  line-height:1.2;
  color:#222;
}
.honor-card-body p {
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#666;
}
@media (max-width: 991px) {
  .honor-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767px) {
  .honor-grid {grid-template-columns:1fr;}
  .honor-card {min-height:120px;padding:12px;}
}

/* ========== mg冰球突破简介（设计稿 SECTION 01–04） ========== */
.about-page .left-box .title {margin:0;}
.about-page .left-box .title span {margin-top:24px;}
.about-page .left-box > ul {margin-top:18px;}
/* 面包屑形状见 typography.css（全局） */
.about-page .site:after {
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:0;
  width:30px;
  height:2px;
  background:#df0011;
}
.about-page .gsjj {margin-top:0;line-height:1.7;}
.about-page .gsjj img {max-width:100%;}
.about-page .gsjj .about-panel-media-frame img,
.about-page .gsjj .about-kicker-icon img,
.about-page .gsjj .about-stat-icon img,
.about-page .gsjj .about-foot-left img,
.about-page .gsjj .about-mission-badge img,
.about-page .gsjj .about-mission-tags img {max-width:none;}

.about-intro {
  display:flex;
  flex-direction:column;
  gap:20px;
  padding-top:32px;
  color:#333;
}
.about-intro-head {margin:0;}
.about-intro-head h1 {
  margin:0;
  font-size:32px;
  line-height:48px;
  font-weight:700;
  color:#333;
}

.about-kicker {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font-size:12px;
  line-height:16px;
  font-weight:500;
  letter-spacing:1.2px;
  color:#df0011;
  text-transform:uppercase;
}
.about-kicker-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:0;
  background:rgba(223,0,17,0.1);
  flex:0 0 32px;
}
.about-kicker-icon img {display:block;width:16px;height:16px;}

.about-panel {
  border:1px solid #dcdcdc;
  background:#fff;
  overflow:hidden;
  margin:0;
}
.about-panel-hero {
  display:grid;
  grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);
  align-items:stretch;
}
.about-panel-main {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:32px;
  padding:30px;
  box-sizing:border-box;
  min-width:0;
  min-height:593px;
}
.about-panel-top {
  display:flex;
  flex-direction:column;
  gap:24px;
  min-width:0;
}
.about-panel-main h2,
.about-card h2 {
  margin:0;
  font-size:24px;
  line-height:1.35;
  font-weight:700;
  color:#333;
}
.about-copy {font-size:16px;line-height:1.7;color:#666;text-align:justify;}
.about-copy p {margin:0 0 20px;}
.about-copy p:last-child {margin-bottom:0;}
.about-copy-fixed {margin:0;padding-top:4px;color:#666;line-height:1.7;}

.about-stats {
  margin:0;
  padding:0;
  min-width:0;
}
.about-stats-row {
  display:flex;
  gap:16px;
  justify-content:center;
  padding-top:33px;
  border-top:1px solid #f3f4f6;
}
.about-stats-row-2 {
  padding-top:32px;
  border-top:0;
}
.about-stat {
  display:flex;
  align-items:center;
  gap:12px;
  width:calc(50% - 8px);
  min-width:0;
}
.about-stat-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:10px;
  box-sizing:border-box;
  border-radius:50%;
  background:rgba(223,0,17,0.1);
  flex:0 0 40px;
}
.about-stat-icon img {display:block;width:20px;height:20px;}
.about-stat-text {display:flex;flex-direction:column;min-width:0;}
.about-stat-text em {
  font-style:normal;
  font-size:12px;
  line-height:16px;
  color:#999;
}
.about-stat-text strong {
  font-size:16px;
  line-height:24px;
  font-weight:500;
  color:#333;
}

.about-panel-media {
  position:relative;
  height:100%;
  min-height:593px;
  background:#f5f5f5;
  overflow:hidden;
}
.about-panel-media-frame {
  position:absolute;
  inset:0;
  overflow:hidden;
}
.about-panel-media-frame img {
  position:absolute;
  top:0;
  left:-60.77%;
  width:221.55%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
}
.about-media-caption {
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:1;
  margin:0;
  padding:13px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:12px;
  background:rgba(0,0,0,0.3);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#fff;
  font-size:12px;
  line-height:16px;
}

.about-duo {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin:0;
  align-items:stretch;
}
.about-card {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid #dcdcdc;
  background:#fff;
  padding:31px;
  box-sizing:border-box;
  box-shadow:0 1px 1px rgba(0,0,0,0.05);
  min-width:0;
  overflow:hidden;
}
.about-card-body {
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0;
  flex:1 1 auto;
}
.about-card-media {
  position:relative;
  margin:0;
  border:1px solid #efe5dc;
  overflow:hidden;
  background:#f7f3ef;
}
.about-card-media > img {
  display:block;
  width:100%;
  height:267px;
  object-fit:cover;
}
.about-card-media > img.about-rd-img {
  height:133.07%;
  max-height:none;
  width:100%;
  object-fit:cover;
  object-position:center 16%;
  position:relative;
  top:0;
  height:267px;
}
.about-card-caption {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:16px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:12px;
  line-height:16px;
  background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  box-sizing:border-box;
}
.about-dot {
  width:8px;
  height:8px;
  border-radius:9999px;
  flex:0 0 8px;
}
.about-dot-green {background:#34d399;}
.about-dot-red {background:#df0011;}
.about-card-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:24px;
  padding-top:21px;
  border-top:1px solid #dcdcdc;
  font-size:12px;
  line-height:16px;
  color:#999;
}
.about-card-foot-muted {color:#666;}
.about-foot-left {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.about-foot-left img {width:16px;height:16px;display:block;flex:0 0 16px;}
.about-foot-right {color:#df0011;white-space:nowrap;}

.about-mission {
  position:relative;
  overflow:hidden;
  padding:48px 128px;
  box-sizing:border-box;
  color:#333333;
  text-align:center;
  border: 1px solid #dcdcdc;
}

.about-mission-inner {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  max-width:896px;
  margin:0 auto;
  width:100%;
}
.about-mission-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:4px 12px;
  border-radius:9999px;
  background:rgba(255,255,255,0.1);
  font-size:12px;
  line-height:16px;
  font-weight:500;
  letter-spacing:1.2px;
  color:#fcd34d;
  text-transform:uppercase;
}
.about-mission-badge img {width:14px;height:14px;display:block;}
.about-mission h2 {
  margin:0;
  font-size:48px;
  line-height:48px;
  font-weight:700;
  letter-spacing:1.2px;
  color:#fef3c7;
}
.about-mission-inner > p {
  margin:0;
  padding-bottom:8px;
  font-size:16px;
  line-height:28px;
  text-align:center;
}
.about-mission-tags {
  list-style:none;
  margin:0;
  padding:33px 0 0;
  border-top:1px solid rgba(255,255,255,0.1);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px 32px;
  width:100%;
}
.about-mission-tags li {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  line-height:16px;
  color:#333333;
}
.about-mission-tags img {width:16px;height:16px;display:block;}

@media (max-width: 991px) {
  .about-intro-head h1 {font-size:26px;line-height:36px;}
  .about-panel-hero {
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .about-panel-media {min-height:320px;height:320px;}
  .about-panel-main {height:auto;}
  .about-duo {grid-template-columns:1fr;gap:20px;}
  .about-mission {padding:40px 28px;}
  .about-mission h2 {font-size:36px;line-height:40px;}
}
@media (max-width: 767px) {
  .about-page .site:after {left:0;right:auto;}
  .about-intro {padding-top:20px;}
  .about-intro-head h1 {font-size:22px;line-height:32px;}
  .about-panel-main,
  .about-card {padding:20px;}
  .about-panel-main h2,
  .about-card h2 {font-size:20px;line-height:28px;}
  .about-stats-row {flex-direction:column;gap:20px;}
  .about-stat {width:100%;}
  .about-card-media > img,
  .about-card-media > img.about-rd-img {height:200px;}
  .about-card-foot {flex-direction:column;align-items:flex-start;}
  .about-foot-right {white-space:normal;}
  .about-mission {padding:32px 16px;}
  .about-mission h2 {font-size:28px;line-height:34px;}
  .about-mission-inner > p {font-size:14px;line-height:24px;}
  .about-mission-tags {gap:12px 16px;padding-top:24px;}
  .about-panel-media-frame img {
    left:0;
    width:100%;
  }
}

@keyframes about-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}
.about-page .about-intro-head,
.about-page .about-panel,
.about-page .about-card,
.about-page .about-mission,
.culture ul li,
.honor-card {
  animation: about-rise .65s ease both;
}
.about-page .about-card:nth-child(2) { animation-delay: .12s; }
.about-page .about-mission { animation-delay: .18s; }
.culture ul li:nth-child(2) { animation-delay: .08s; }
.culture ul li:nth-child(3) { animation-delay: .16s; }
.honor-card:nth-child(2) { animation-delay: .06s; }
.honor-card:nth-child(3) { animation-delay: .12s; }
.honor-card:nth-child(4) { animation-delay: .18s; }
.honor-card:nth-child(5) { animation-delay: .24s; }
.honor-card:nth-child(6) { animation-delay: .3s; }
.honor-card:nth-child(7) { animation-delay: .36s; }
.about-page .about-card,
.honor-card {
  transition: transform .25s ease, box-shadow .25s ease;
}
.about-page .about-card:hover,
.honor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.history-viewport { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  .about-page .about-intro-head,
  .about-page .about-panel,
  .about-page .about-card,
  .about-page .about-mission,
  .culture ul li,
  .honor-card {
    animation: none;
  }
  .about-page .about-card:hover,
  .honor-card:hover { transform: none; }
}

/* ========== 发展过程（横向功夫画卷） ========== */
.history-intro {color:#666;}
.history-page .right-box {
  overflow: visible;
}
.history-page .develop {
  margin-top:0;
  padding-top:24px;
  overflow: visible;
}
.history-page .develop:after,
.history-page .developicon1,
.history-page .developline {display:none !important;}
.history-page .history-viewport {
  margin: 0 -8px;
  padding: 0 8px;
}
.history-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 20px;
}
.history-toolbar h1 {
  margin:0;
  font-size:32px;
  line-height:1.25;
  font-weight:700;
  color:#333;
  letter-spacing:-1.2px;
}
.history-controls {display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.history-pills {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border-radius:9999px;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.05);
}
.history-pills button {
  border:0;
  background:transparent;
  color:#666;
  font-size:13px;
  line-height:16px;
  padding:8px 16px;
  border-radius:9999px;
  cursor:pointer;
}
.history-pills button.is-active {
  background:#df0011;
  color:#fff;
  box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.history-arrows {display:inline-flex;gap:4px;}
.history-arrow {
  width:44px;
  height:44px;
  border:0;
  border-radius:9999px;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.05);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
}
.history-arrow img {width:16px;height:16px;display:block;}
.history-arrow.is-accent {
  background:#df0011;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
}
.history-arrow:hover {opacity:.92;}

.history-viewport {
  overflow-x:auto;
  overflow-y:hidden;
  cursor:grab;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.history-viewport::-webkit-scrollbar {display:none;}
.history-viewport.is-dragging {cursor:grabbing;user-select:none;}
.history-stage {
  position:relative;
  height:560px;
  min-width:100%;
  padding-top:56px;
  box-sizing:border-box;
}
.history-eras {
  position:absolute;
  left:0;
  top:0;
  height:40px;
  width:100%;
  pointer-events:none;
}
.history-era {
  position:absolute;
  top:0;
  display:inline-flex;
  align-items:center;
  gap:16px;
  white-space:nowrap;
  border-radius:9999px;
  padding:8px 24px;
  box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.history-era-founding {left:0;background:#ffe9e4;}
.history-era-ipo {left:3920px;background:#ffdbcf;}
.history-era-dot {
  width:12px;
  height:12px;
  border-radius:50%;
  background:#df0011;
  flex:0 0 12px;
}
.history-era-trend {
  width:20px;
  height:13px;
  display:block;
  flex:0 0 20px;
}
.history-era strong {
  font-size:20px;
  line-height:24px;
  font-weight:500;
  color:#333;
}
.history-era em {
  font-style:normal;
  font-size:12px;
  line-height:16px;
  letter-spacing:.96px;
  border-radius:9999px;
  padding:2px 8px;
}
.history-era-founding em {
  color:#666;
  background:#fff;
}
.history-era-ipo em {
  color:#fff;
  background:#df0011;
}
.history-era-spacer {
  position:absolute;
  left:460px;
  top:19px;
  width:3420px;
  height:2px;
  background:linear-gradient(90deg,#e3bfb2 0%,#fe932c 50%,#a43700 100%);
}
.history-rail {
  position:absolute;
  left:0;
  right:244px;
  top:300px;
  height:4px;
  margin-top:-2px;
  background:#e3bfb2;
  border-radius:9999px;
}
.history-rail-progress {
  position:absolute;
  left:0;
  top:300px;
  height:4px;
  margin-top:-2px;
  width:0;
  background:#df0011;
  border-radius:9999px;
  max-width:calc(100% - 244px);
  pointer-events:none;
  z-index:1;
}

.history-card {
  position:absolute;
  top:300px;
  z-index:2;
}
.history-card--above {transform:translateY(calc(-50% - 48.5px));}
.history-card--below {transform:translateY(calc(-50% + 48.5px));}
.history-card--ipo {transform:translateY(calc(-50% + 64px));}
.history-card--future {transform:translateY(calc(-50% + 40px));}
.history-card-body {
  position:relative;
  width:100%;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.05);
  padding:16px;
  box-sizing:border-box;
  z-index:1;
}
.history-card-body--ipo {padding:24px;}
.history-card-head {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 8px;
}
.history-card-head strong {
  font-size:28px;
  line-height:28px;
  font-weight:500;
  color:#df0011;
  letter-spacing:-0.28px;
}
.history-badge {
  display:inline-block;
  padding:2px 8px;
  border-radius:9999px;
  background:#df0011;
  color:#fff;
  font-size:12px;
  line-height:16px;
  letter-spacing:.96px;
}
.history-code {
  margin-left:auto;
  font-size:12px;
  line-height:16px;
  color:#df0011;
  letter-spacing:.6px;
}
.history-card-media {
  width:100%;
  height:175px;
  overflow:hidden;
  margin:0 0 8px;
  background:#f7f7f7;
  cursor:zoom-in;
}
.history-card-body--ipo .history-card-media {height:200px;}
.history-card-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.history-lightbox {
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
  box-sizing:border-box;
  background:rgba(0,0,0,.78);
}
.history-lightbox[hidden] {display:none !important;}
.history-lightbox-img {
  max-width:min(1200px, 92vw);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  box-shadow:0 8px 40px rgba(0,0,0,.35);
}
.history-lightbox-close {
  position:absolute;
  top:16px;
  right:20px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:36px;
  line-height:40px;
  cursor:pointer;
}
body.history-lightbox-open {overflow:hidden;}
.history-card-body > p {
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#666;
}
.history-stem {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  width:40px;
  z-index:3;
}
.history-card--above .history-stem {top:100%;}
.history-card--below .history-stem {
  bottom:100%;
  flex-direction:column-reverse;
}
.history-card--ipo .history-stem,
.history-card--future .history-stem {
  bottom:100%;
  flex-direction:column;
}
.history-stem-line {
  width:2px;
  height:40px;
  background:#df0011;
  display:block;
  flex:0 0 40px;
}
.history-stem-dot {
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
}
.history-stem-dot i {
  width:16px;
  height:16px;
  border-radius:50%;
  background:#df0011;
  display:block;
}
.history-stem--ipo .history-stem-dot {
  width:40px;
  height:40px;
  flex-basis:40px;
  background:#df0011;
  box-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
}
.history-stem--ipo .history-stem-dot img {
  width:15px;
  height:12px;
  display:block;
}
.history-stem--future .history-stem-dot {
  background:#df0011;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
}
.history-stem--future .history-stem-dot img {
  width:12px;
  height:12px;
  display:block;
}

.history-era-pillar {
  position:absolute;
  top:300px;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:1;
  width:auto;
  padding:0 16px;
  pointer-events:none;
}
.history-era-pillar-bar {
  display:block;
  width:4px;
  height:256px;
  border-radius:9999px;
  background:linear-gradient(180deg,#a43700 0%,#fe932c 50%,#a43700 100%);
}
.history-era-pillar-label {
  margin-top:-8px;
  background:#df0011;
  color:#fff;
  font-size:12px;
  line-height:16px;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:6px 16px;
  border-radius:9999px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  white-space:nowrap;
}

.history-end {
  position:absolute;
  top:300px;
  transform:translateY(-50%);
  width:260px;
  text-align:center;
  z-index:2;
  box-sizing:border-box;
  padding:24px 16px;
  background:linear-gradient(147deg,#a43700 0%,#cd4700 100%);
  color:#fff;
}
.history-end img {
  display:block;
  width:64px;
  height:60px;
  margin:0 auto 8px;
  object-fit:contain;
}
.history-end strong {
  display:block;
  font-size:24px;
  line-height:32px;
  font-weight:500;
  color:#fff;
}
.history-end p {
  margin:7px 0 0;
  font-size:14px;
  line-height:22px;
  color:#fff;
  opacity:.9;
  font-weight:400;
}

.history-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:16px;
}
.history-hint {
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  line-height:16px;
  letter-spacing:.96px;
  color:#999;
}
.history-hint img {width:13px;height:11px;}
.history-scrub {
  display:inline-flex;
  align-items:center;
  gap:16px;
  font-size:12px;
  min-width:320px;
}
.history-scrub-start {
  color:#df0011;
  font-weight:500;
  letter-spacing:.96px;
}
.history-scrub-end {
  color:#241916;
  font-weight:500;
  letter-spacing:.96px;
}
.history-scrub-track {
  position:relative;
  flex:1 1 auto;
  width:140px;
  height:8px;
  background:#f3ded9;
  border-radius:9999px;
  overflow:hidden;
}
.history-scrub-track i {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:24px;
  background:#df0011;
  border-radius:9999px;
  display:block;
}

@media (max-width: 991px) {
  .history-toolbar h1 {font-size:26px;line-height:1.25;}
  .history-stage {height:560px;}
  .history-rail,
  .history-rail-progress {top:300px;}
  .history-card,
  .history-end,
  .history-era-pillar {top:300px;}
  .history-card-head strong {font-size:22px;line-height:1.25;}
  .history-card-media {height:140px;}
  .history-era strong {font-size:16px;line-height:1.35;}
}
@media (max-width: 767px) {
  .history-page .develop {padding-top:20px;}
  .history-toolbar {align-items:flex-start;}
  .history-toolbar h1 {font-size:22px;line-height:1.25;}
  .history-pills {width:100%;}
  .history-pills button {flex:1 1 auto;text-align:center;padding:8px 10px;}
  .history-card-body > p {font-size:14px;line-height:1.7;}
  .history-foot {align-items:flex-start;}
  .history-scrub {width:100%;min-width:0;}
  .history-scrub-track {flex:1 1 auto;width:auto;}
  .history-era-pillar {display:none;}
}

/* ===== 产品中心列表 / 详情（对齐 Figma 45:631 / 48:2） ===== */
.product-page .left-box .title {margin:0;}
.product-page .left-box .title span {margin-top:24px;}
.product-page .left-box > ul {margin-top:18px;}
.product-list-title {
  margin: 24px 0 20px;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #333;
}
/* 列表主标题：侧栏「产品中心」已为 div，右侧栏目名作为唯一可见 H1 */
.product-page .product-list-title,
.wiki-page .product-list-title,
.faq-page .product-list-title {
  display: block;
}
.product-channel-filters {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin:0;
  flex-wrap:wrap;
}
.product-channel-tab {
  display:inline-block;
  min-width:72px;
  height:32px;
  line-height:30px;
  padding:0 16px;
  text-align:center;
  font-size:14px;
  color:#666;
  border:1px solid #dcdcdc;
  margin-left:-1px;
  background:#fff;
  text-decoration:none;
}
.product-channel-tab:first-child {margin-left:0;}
.product-channel-tab:hover {color:#df0011;border-color:#df0011;position:relative;z-index:1;}
.product-channel-tab.is-active {
  color:#fff;
  background:#df0011;
  border-color:#df0011;
  position:relative;
  z-index:1;
}
.productlist-grid {
  margin-top:20px !important;
  display:flex;
  flex-wrap:wrap;
  margin-left:-6px;
  margin-right:-6px;
}
.productlist-grid .product-card {
  width:25%;
  padding:0 6px;
  margin-bottom:20px !important;
  float:none;
}
.productlist-grid .product-card dd h5 {
  margin-top:0 !important;
  width:calc(100% - 28px) !important;
}
.productlist-grid .product-card dd img,
.productlist-grid .product-buy img {
  width:16px !important;
  height:16px !important;
}
.productlist-grid .product-card > div {
  box-shadow:none !important;
  background:#fff;
  overflow:hidden;
  border:1px solid #e4e2e1;
  border-radius:0;
  padding:17px;
}
.productlist-grid .product-card dt {
  height:240px;
  padding:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.productlist-grid .product-card dt a {
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}
.productlist-grid .product-card dt img {
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transition:transform .3s ease;
}
.productlist-grid .product-card:hover dt img {transform:scale(1.08);}
.productlist-grid .product-card dd {
  background:transparent !important;
  padding:13px 0 0;
  overflow:hidden;
  position:relative;
  z-index:1;
  min-height:0;
  border-top:1px solid #f6f3f2;
}
.productlist-grid .product-card dd:after {display:none;}
.productlist-grid .product-card:hover > div {border-color:#df0011;}
.productlist-grid .product-card dd h5 {
  width:calc(100% - 24px) !important;
  float:left;
  color:#222;
  font-size:16px;
  margin:0 !important;
  line-height:19px;
  font-weight:500;
  position:relative;
  z-index:1;
}
.productlist-grid .product-card dd h5 a {color:inherit;}
.productlist-grid .product-card:hover dd h5,
.productlist-grid .product-card:hover dd h5 a {color:#df0011;}
.productlist-grid .product-buy {
  float:right;
  position:relative;
  z-index:1;
  width:16px;
  height:16px;
  display:block;
}
.productlist-grid .product-buy img {width:16px;height:16px;display:block;}
.productlist-grid .product-buy-disabled {opacity:.35;cursor:default;}
.productlist-grid .pagelist {width:100%;margin-top:20px;}

/* 详情 */
.product-detail {
  display:flex;
  gap:40px;
  margin-top:28px;
  align-items:flex-start;
}
.product-detail-gallery {width:448px;flex-shrink:0;}
.product-detail-main {
  width:448px;
  min-height:420px;
  height:auto;
  box-sizing:border-box;
  padding:17px;
  border:1px solid #e4e2e1;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow:none;
}
.product-detail-main img {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.product-detail-thumbs {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
}
.product-thumb-track {
  display:flex;
  gap:6px;
  flex:1;
  overflow:hidden;
}
.product-thumb {
  width:68px;
  height:68px;
  padding:5px;
  border:1px solid #e4e2e1;
  border-radius:0;
  background:#fff;
  box-sizing:border-box;
  cursor:pointer;
}
.product-thumb.is-active {border-color:#d32f2f;}
.product-thumb:hover {border-color:#d32f2f;}
.product-thumb img {width:100%;height:100%;object-fit:contain;display:block;}
.product-thumb-nav {
  width:32px;
  height:64px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  flex-shrink:0;
}
.product-thumb-nav img {width:16px;height:16px;display:block;margin:0 auto;}
.product-detail-info {flex:1;min-width:0;}
.product-detail-head {
  width:100%;
  border-bottom:1px solid #e5e7eb;
  padding-bottom:17px;
}
.product-detail-info h1 {
  font-size:30px;
  line-height:36px;
  letter-spacing:-0.75px;
  color:#333;
  margin:0;
  font-weight:700;
}
.product-detail-slogan {
  margin:12px 0 0;
  padding:8px 16px;
  background:rgba(223,0,17,.05);
  color:#df0011;
  font-size:14px;
  line-height:20px;
  letter-spacing:.35px;
  font-weight:400;
}
.product-detail-panel {
  display:flex;
  margin-top:20px;
  border:1px solid #e5e7eb;
  border-radius:0;
  background:#fcfeff;
  min-height:128px;
  padding:16px;
  box-sizing:border-box;
}
.product-detail-panel-col {
  padding:0;
  box-sizing:border-box;
}
.product-detail-sells {
  width:33.333%;
  border-right:1px solid #e5e7eb;
  padding-right:17px;
}
.product-detail-reasons {width:66.667%;padding-left:8px;}
.product-detail-panel-col h2 {
  font-size:16px;
  line-height:16px;
  letter-spacing:.6px;
  margin:0 0 14px;
  color:#333;
  font-weight:500;
  border:0;
}
.product-detail-panel-col ul {margin:0;padding:0;list-style:none;}
.product-detail-panel-col li {
  position:relative;
  padding-left:10px;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.7;
  color:#333;
  font-weight:400;
}
.product-detail-reasons li {
  margin-bottom:12px;
}
.product-detail-panel-col li:before {
  content:'';
  position:absolute;
  left:0;
  top:0.55em;
  width:4px;
  height:4px;
  border-radius:8px;
  background:#d32f2f;
}
.product-detail-specs {
  display:flex;
  gap:12px;
  margin-top:20px;
}
.product-spec-card {
  width:207px;
  flex:0 0 207px;
  border:1px solid #e4e2e1;
  border-radius:0;
  box-shadow:none;
  text-align:center;
  padding:13px 11px;
  box-sizing:border-box;
  background:#fff;
}
.product-spec-label {
  font-size:12px;
  color:#999;
  line-height:16px;
  letter-spacing:.55px;
  border-bottom:1px solid #f3f4f6;
  padding-bottom:4px;
  font-weight:400;
}
.product-spec-value {font-size:14px;line-height:24px;color:#333;font-weight:400;margin-top:4px;word-break:break-all;}

@media (max-width: 1199px) {
  .productlist-grid .product-card {width:33.333%;}
  .product-detail {flex-wrap:wrap;gap:24px;}
  .product-detail-gallery {width:100%;max-width:448px;}
}
@media (max-width: 991px) {
  .productlist-grid .product-card {width:50%;}
  .product-channel-filters {justify-content:flex-end;}
  .product-list-title {font-size:22px;margin:24px 0 14px;}
  .product-detail-sells,
  .product-detail-reasons {width:100%;}
  .product-detail-sells {border-right:0;border-bottom:1px solid #dcdcdc;}
  .product-detail-panel {flex-direction:column;}
}
@media (max-width: 767px) {
  .productlist-grid .product-card {width:50%;}
  .productlist-grid .product-card dt {height:180px;padding:10px;}
  .h_productcontent .product-item a {height:180px;}
  .product-detail {gap:16px;margin-top:16px;}
  .product-detail-gallery {width:100%;max-width:none;}
  .product-detail-main {
    width:100%;
    min-height:0;
    height:auto;
    padding:12px;
  }
  .product-detail-main img {
    width:100%;
    height:auto;
    max-height:min(70vh, 520px);
    object-fit:contain;
  }
  .product-detail-info h1 {font-size:22px;line-height:1.35;}
  .product-detail-slogan {font-size:13px;padding:8px 12px;}
  .product-detail-panel {padding:14px;min-height:0;}
  .product-detail-sells {
    padding-right:0;
    padding-bottom:12px;
    margin-bottom:4px;
  }
  .product-detail-reasons {padding-left:0;}
  .product-detail-specs {
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
  }
  .product-spec-card {
    width:auto;
    flex:1 1 0;
    min-width:0;
    padding:10px 8px;
  }
  .product-spec-value {font-size:13px;line-height:1.4;}
  .product-channel-tab {min-width:56px;padding:0 10px;font-size:13px;}
}

/* ========== #2 全站入场动画统一 ========== */
.animate {
  visibility: hidden;
}
.animate.animated {
  visibility: visible;
}
/* 首页视频角标：减弱无限摆动（原 7s 大幅扭捏） */
.about-video .videoicon {
  -webkit-animation: zhuan3 12s ease-in-out infinite;
  animation: zhuan3 12s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .animate {
    visibility: visible !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  .about-video .videoicon,
  .pageheader.scroll .top {
    -webkit-animation: none !important;
    animation: none !important;
  }
}

/* 内页 Banner 全站统一比例（含贸易合作），预防有的高有的矮。 */
.otherbanner1 {
  aspect-ratio: 24 / 5;
  height: auto;
  max-height: none;
  overflow: hidden;
  background: #f3f3f3;
}
.otherbanner1.animate,
.otherbanner1.animate.animated {
  visibility: visible !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.otherbanner1 > img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}
/* fixed 布景在移动端会增长沉绘开销，内页无需视差成效。 */
.banner-inside {
  background-attachment: scroll !important;
  background-size: cover;
}
@media (max-width: 767px) {
  .otherbanner1 {
    aspect-ratio: 3 / 1;
  }
}

/* —— 面包百科详情（Excel 2026-10-12 / 参考稿） —— */
.wiki-detail-article > .wiki-detail-title {
  margin:28px 0 18px;
  padding:0;
  color:#222;
  font-size:30px;
  line-height:1.4;
  font-weight:700;
  text-align:left;
}
.wiki-detail-article .wiki-specific-content {
  padding:0 0 36px;
  color:#444;
  font-size:15px;
  line-height:1.9;
}
.wiki-article-body {max-width:920px;}
.wiki-article-body .wiki-lead {
  margin:0 0 18px;
  color:#555;
  line-height:1.9;
}
.wiki-article-body .wiki-lead[data-continuation="1"] {margin-top:-8px;}
.wiki-points {
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.wiki-points li {
  position:relative;
  margin:0 0 9px;
  padding-left:18px;
  color:#333;
  line-height:1.85;
}
.wiki-points li:before {
  content:'';
  position:absolute;
  left:2px;
  top:.78em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#df0011;
}
.wiki-label-section {margin-top:32px;}
.wiki-label-grid {
  border-top:1px solid #e7e7e7;
  border-bottom:1px solid #e7e7e7;
}
.wiki-label-row {
  display:flex;
  align-items:flex-start;
  min-height:48px;
  padding:12px 0;
  border-top:1px solid #f0f0f0;
}
.wiki-label-row:first-child {border-top:0;}
.wiki-label-row span {
  flex:0 0 92px;
  color:#777;
  font-size:13px;
  line-height:24px;
}
.wiki-label-row strong {
  flex:1 1 auto;
  color:#c91420;
  font-size:14px;
  line-height:24px;
  font-weight:500;
}
.wiki-label-row strong a,
.wiki-label-row strong a:visited,
.wiki-label-row strong a:hover,
.wiki-label-row strong a:focus,
.wiki-label-row strong a:active {
  color:inherit;
  font:inherit;
  text-decoration:none;
}
@media (max-width:767px) {
  .wiki-detail-article > .wiki-detail-title {margin-top:20px;font-size:23px;line-height:1.45;}
  .wiki-detail-article .wiki-specific-content {font-size:14px;line-height:1.8;}
  .wiki-label-section {margin-top:24px;}
  .wiki-label-row {display:block;}
  .wiki-label-row span {display:block;margin-bottom:3px;}
  .wiki-label-row strong {display:block;}
}
<!--耗时1793168899.1267秒-->