body {
	font-family: "微软雅黑";
	font-size:14px;
	color:#000;
	background:#fff;
    background-size:100% auto;
 

}


a:link {
 font-family:"微软雅黑"; text-decoration:none;
}
a:hover { cursor: pointer!important;}
a {  cursor: pointer!important;}

img { width: 100%;}
input {
	padding:0; margin:0;
	border:0;
}
.clear { clear:both;}
b {
	font-weight:normal;
	}

* { padding:0; margin:0;
  border:0;
  -webkit-tap-highlight-color: transparent;
}

/* html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
 @media screen and (min-width:320px) {
html { font-size: 0.625rem; -webkit-text-size-adjust: none; }
@media screen and (min-width:400px) {
html { font-size: 0.75rem; }
}
@media screen and (min-width:480px) {
html { font-size: 0.875rem; }
}
@media screen and (min-width:560px) {
html { font-size: 1rem; }
}
@media screen and (min-width:600px) {
html { font-size: 1.125rem; }
}
@media screen and (min-width:640px) {
html { font-size: 1.25rem; }
}
} */

/* 默认：手机 */
html { font-size: 12px;
}

/* 平板 */
@media (min-width: 768px) { html { font-size: 12px; }
}
/* 桌面 */
@media (min-width: 1200px) { html { font-size: 16px; }
}

@media (min-width: 1600px) { html { font-size: 18px; }
}

/* 所有文字使用 rem 单位 */
body { font-size: 1rem;  /* 16px */
}

h1 {font-size: 3.5rem;  }
h2 {font-size: 2.5rem; }
h3 {font-size: 2rem; }
h4 {font-size: 1.8rem; }
h5 {font-size: 1.4rem; }
h6 {font-size: 1rem; }
p { line-height: 1.5; font-size: 0.9rem;}
@media (max-width: 900px) {
    h1 {font-size: 2.5rem;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.8rem; }
    h4 {font-size: 1.2rem;}
    h5 {font-size: 1rem;}
    h6 {font-size: 0.7rem; }
    p { line-height: 1.5; font-size: 1.1rem;}
}


.c1200 { width: 90%; max-width: 1200px; padding: 5%; margin: auto;}
.nopading_t_b { padding-top: 0!important;padding-bottom: 0!important}
.nav_mode { position:  fixed;  width: 100%; top:0; z-index: 99; color: #fff; background:  rgba(0,0,0, .8); }
.nav_body { display: flex; max-width: 1200px;  margin: auto; align-items: center; justify-content: space-between;}
.nav_wrap { list-style: none;}
.logo { width: 40px; padding: 0.3rem 0;}	
.nav_wrap { color: #fff;}

/* ----- 导航导航导航导航导航 ----- */
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 1.5rem; margin-top: 2rem;}
.card { background: #f8fafc; padding: 1.5rem; border-radius: 20px; transition: 0.2s;}
.navbar { position: fixed; top: 0; z-index: 1000;background: rgba(192, 43, 48, 0.8);transition: transform 0.6s ease;width: 100%;}
.nav_body {  display: flex; max-width: 1200px; margin: 0 auto;  align-items: center; justify-content: space-between; padding: 0.5rem 2rem; gap: 1rem;}
.logo { height: 2.5rem; width: auto; object-fit: contain; display: block; flex-shrink: 0;}
.nav_wrap { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 0.5rem;}
.nav_wrap li { position: relative; display: inline-block; font-size: 1rem; margin: 0 0.8rem; padding: 0.4rem 0;}
.nav_wrap li a.main_nav { color: #fff; padding: 0.7rem 0; display: inline-block; font-size: 16px; transition: 0.4s cubic-bezier(0.68, 0.15, 0.265, 1.15); text-decoration: none; cursor: pointer; position: relative;}
.nav_wrap li a:hover { color: #c02b30;}
.nav_wrap li a.main_nav::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #c02b30; transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.68, 0.15, 0.265, 1.15);}
.nav_wrap li:hover a.main_nav::after { transform: scaleX(1);}
.nav_wrap li div.sub1_nav { display: none; position: absolute; top: 42px; background: rgba(0, 0, 0, 0.92); backdrop-filter: blur(8px); padding: 1rem; margin-top: 0.3rem; left: 50%; transform: translateX(-50%); min-width: 180px; z-index: 1001; flex-direction: column; white-space: nowrap; box-shadow: 0 12px 28px rgba(0,0,0,0.3);}
.nav_wrap li div.sub1_nav a { display: block;  font-size:14px; margin: 1.3rem 0; white-space: nowrap; color: #fff; text-decoration: none; transition: 0.2s cubic-bezier(0.68, 0.15, 0.265, 1.15);}
.sub2_nav { margin-top: 6px; padding-left: 10px; border-left: 1px solid #c02b30;}
.sub2_nav a { color: #bdbdbd !important; margin: 6px 0;}
.nav_wrap li div.sub1_nav a:hover { color: #c02b30 !important;}
@media (max-width: 900px) { .nav_body { padding: 0.6rem 1rem; position: relative; } /* 手机菜单 - 侧滑面板 */.navbar { background: rgba(192, 43, 48, 0.8);}
.nav_wrap { position: fixed; top: 0; right: -100%; width: 65%; max-width: 200px; height: 100vh; background: #0a0a0c; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 5rem 1.5rem 2rem; gap: 0; transition: right 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1); z-index: 2000; overflow-y: auto; display: flex !important; margin: 0;  box-shadow: -5px 0 25px rgba(0,0,0,0.5); pointer-events: auto; }
.nav_wrap.active { right: 0; } .nav_wrap li { display: block; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.08); pointer-events: auto; }
.nav_wrap li a.main_nav { display: block; padding: 0.9rem 0; font-size: 16px; width: 100%; color: #ffffff; font-weight: 500; pointer-events: auto; cursor: pointer; }
.nav_wrap li a.main_nav::after { display: none; }
.nav_wrap li div.sub1_nav { position: relative; top: 0; left: 0; transform: translateX(0); background: #1a1a1e; margin-top: 0; margin-bottom: 12px; padding: 0.8rem 1rem; width: 100%; white-space: normal; display: none; box-shadow: none; backdrop-filter: none; pointer-events: auto; }
.nav_wrap li div.sub1_nav a { white-space: normal; padding: 8px 0; color: #e0e0e0;  display: block; pointer-events: auto; cursor: pointer; }
.sub2_nav { padding-left: 12px; margin-top: 8px; border-left: 1px solid #c02b30; }
.sub2_nav a { color: #b0b0b0 !important; font-size: 13px; } /* 汉堡按钮 */
.menu-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 44px; height: 44px; background: rgba(255,255,255,0.1); border: none;  cursor: pointer; z-index: 2001; gap: 5px; position: relative; }
.menu-toggle span { width: 22px; height: 2px; background: white; border-radius: 2px; transition: 0.25s ease; }
.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* 注意：移除了遮罩层 .mobile-overlay，改用点击document关闭 */
body.menu-open { overflow: hidden; }}
@media (min-width: 901px) { .menu-toggle { display: none; }}
.nav_wrap li div.sub1_nav a.nohover {color: #fff !important;}



.banner_title { position: absolute; text-align: center; top: 35%; width: 100%; z-index: 2; color: #fff; }
.banner_title h5 { margin-top: 1.2rem; font-size: 2rem;}
.mode_topbanner { font-size: 0; background: #000;}
.mode_intro { padding:  5%; background: url(../img/index_intro_left_bg.jpg) no-repeat left top ; background-size: 30vw auto; padding-bottom: 5rem;}
.intro_content { position: absolute; color: #fff; padding-top: 22vw; width: 90%; max-width: 1200px; padding: 5%; padding-bottom: 0; margin: auto; left: 50%; transform: translateX(-50%); bottom: -5rem;}
.intro_content p{ color: #fff; margin-top: 1.5rem;}
.intro_data { display: grid; gap: 5%; grid-template-columns: 1fr 1.5fr 1fr 1.5fr; margin-top: 5vw; list-style: none; background: rgba(243, 243, 243, 1); color: #c02b30; padding: 5%;}
.intro_data strong { display: flex; font-size: 3rem; line-height: 3rem; font-weight: normal;}
.intro_data strong b { font-size: 1rem; font-weight: bold; line-height: 1rem; }
.intro_data span { display: block; font-size: 1rem; color: #333; margin-top: 0.5rem;}
.intro_content h4{ margin-bottom: 30px; }
.pos_relative { position: relative;}
@media (max-width: 900px) {
    .intro_data { gap: 5%; grid-template-columns: 1fr 1.5fr; margin-top: 5vw; padding: 5%;}
    .intro_data strong {font-size: 2.5rem; line-height: 2rem; font-weight: bold; }
    .intro_data li { margin: 1.2rem 0;}
    .mode_topbanner h1{  font-size: 2rem;}
    .mode_topbanner h5{  font-size: 1.4rem;}
}


.map_point { position: absolute;  z-index: 3; font-size: 0.9rem; font-weight: bold;}
.map_point img{ position: absolute; width: 3rem;}
.map_point  a { display: inline-block; background: #000; color: #fff; font-size: 14px; padding: 0.5rem 1rem; margin-top: 5%; transition: 0.3s ease;  font-weight: normal;}
.map_point  p { font-size: 0.8rem; white-space: nowrap; font-weight: normal;}
.map_us { left: 17%; top: 50%; text-align: right;}
.map_us img { top: 90%; right: -50%;}
.map_it { left: 36%; top: 55%; text-align: right;}
.map_it img { right: -70%; top: -5%;}
.map_cn { right: 15%; top: 67%;}
.map_cn img { left: -45%; top: -50%;}
.map_cn_h { position: absolute; top:0; z-index: 4; }

.map_point_cn { position: absolute;  z-index: 6; font-size: 0.9rem; font-weight: bold;}
.map_point_cn img{ position: absolute; width: 2.4rem;}
.map_point_cn a { display: inline-block; background: #000; color: #fff; font-size: 14px; padding: 0.5rem 1rem; margin-top: 5%; transition: 0.3s ease;  font-weight: normal;}
.map_point_cn p { font-size: 0.8rem; white-space: nowrap; font-weight: normal;}
.map_cn_gx { right: 60%; top: 85%; text-align: right;}
.map_cn_gx img { top: 0%; right: -50%;}
.map_cn_hk { left: 55%; bottom: -4%; text-align: left;}
.map_cn_hk img { top: -100%; left: 30%;}
.map_cn_sh { left: 68%; top: 65%; text-align: left;}
.map_cn_sh img { top: 30%; left: -40%;}
.map_country_title { margin-bottom: 1rem;}
.map_country { display: grid; grid-template-columns: 1fr 1fr; list-style: none;}
.map_country li  { margin-bottom: 1rem;}
.map_country li span{ display: inline-block; margin-right: 5px; font-size: 1rem;}
.map_country li strong{ display: block; font-size: 1.1rem; color:#c02b30; padding-left: 1rem; height: 1.1rem; line-height: 1.1rem; margin-bottom: 0.5rem; border-left: 6px solid #c02b30;}
@media (max-width: 900px) {
  .map_point { font-size: 0.9rem;}
  .map_point img{ width: 2.5rem;}
  .map_us { left: 1%; top: 35%;}
  .map_us img { top: 130%; right: 0%;}
  .map_it { left:35%; top: 70%; }
  .map_it img { right: 40%; top: -100%;}
  .map_cn { left: 55%; top: 0; bottom: 74%; }
  .map_cn img { left: 45%; top: 180%;}
  .map_point_rel { padding: 10vw 0; margin: 10vw 0;}
  .map_cn_h {   padding-top: 10vw; background:#fff;}

  .map_cn_gx { right: 50%;  top: 35%; text-align: right;}
  .map_cn_gx img { top: 120%; right: 0%;}
  .map_cn_hk { left: 55%; bottom: -4%; text-align: left;}
  .map_cn_hk img { top: -100%; left: 0%;}
  .map_cn_sh { left: 62%; top: 10%; text-align: left;}
  .map_cn_sh img { top: 110%; left: 0%;}
  .map_point_cn p,.map_point p { font-size:1rem; }
  .map_point_cn div div,.map_point div div { font-size: 1.3rem;}

}
.map {position: relative;width: 100%;height: 37vw;overflow: hidden;border-radius: 12px;}
.map img {width: 100%;height: auto;object-fit: cover;display: block;}
/* 灰色层 - 始终显示 */
.map-gray {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* 方案4B：多重渐变效果（光晕 + 边缘羽化） */
.map-color-glow {position: absolute;
 top: 0; left: 0; width: 100%; height: 100%; -webkit-mask:
  radial-gradient( ellipse 39% 59% at var(--x, -5%) 50%, black 0%, black 2%, rgba(0,0,0,0.4) 80%, transparent 100% );
  mask: radial-gradient( ellipse 39% 59% at var(--x, -5%) 50%, black 0%, black 2%, rgba(0,0,0,0.4) 80%, transparent 100% );
	animation: scanUltraSmooth 4s linear infinite;

}

@keyframes scanUltraSmooth { /* 入场阶段：快速进入画面 (0%-2%) */ 0% { --x: -25%; opacity: 0.85; } 2% { --x: 0%; opacity: 1; }  /* 主体移动阶段：匀速前进 (2%-20%) */ 5% { --x: 12%; } 8% { --x: 28%; } 11% { --x: 44%; } 14% { --x: 60%; } 17% { --x: 76%; } 20% { --x: 92%; }  /* 开始移出阶段 (20%-26%) */ 23% { --x: 108%; opacity: 0.98; }  /* 继续移出阶段 (26%-32%) */ 29% { --x: 124%; opacity: 0.92; }  /* 最终移出阶段 (32%-38%) */ 35% { --x: 144%; opacity: 0.88; } 38% { --x: 160%; opacity: 0.85; }  /* 延迟阶段：保持最终状态 (38%-100%) */ 100% { --x: 160%; opacity: 0.85; }
}
/* 支持 CSS @property 实现更平滑的动画 */
@property --x { syntax: '<percentage>'; inherits: false; initial-value: -5%;
}




.mode_mxgp { padding:5%; background: url(../img/index_mxgp_bg.jpg) no-repeat center center ; background-size: 100% 100%; margin-top: 5rem;}
.mxgp_content {  width: 90%; max-width: 1200px; padding: 5%;   margin: auto; font-size: 0; }
.mxgp_m1 { display:grid; grid-template-columns: 0.645fr 0.356fr; }
.mxgp_m2 { display:grid; grid-template-columns: 0.355fr 0.29fr 0.356fr; }
.mxgp_img1,.mxgp_img2,.mxgp_img3,.mxgp_img4,.mxgp_img5 { position: relative; overflow: hidden;}
.mxgp_img1 h6,.mxgp_img2 h6,.mxgp_img3 h6,.mxgp_img4 h6,.mxgp_img5 h6 { color: #fff; padding: 5%; position: absolute;  font-size: 14px; z-index: 99;}

.mxgp_img1 h6 {bottom: 0%; font-size: 1.5rem; padding-left: 3rem; width: 80%;}
.mxgp_img1 strong { display: flex; font-size: 0.8rem; align-items: center;}
.mxgp_img1 strong b { display: block; width: 100%;}
.mxgp_img1 strong a { flex-shrink: 1; color: #fff; width: 25%; text-align: center; background: #c02b30; display: block; padding: .6rem 1rem; font-weight: normal; transition: 0.4s ease;}
.mxgp_img4 h6 {  bottom: 50%; transform: translateY(50%); padding-left: 10%; padding-right: 10%; font-size: 0.9rem; line-height: 1.5; text-align: justify; text-justify: inter-word; /* 针对某些浏览器确保单词之间对齐 */ } 
.mxgp_img2 h6,.mxgp_img3 h6,.mxgp_img5 h6 { bottom: 5%; font-size: 1.5rem; padding-left: 2rem; }
.mySwiper_international { width: 100%; height: 100%;}
.swiper_wrap { position: relative;}
.swiper_wrap_body { position: absolute; width: 100%; height: 100%;  color: #fff;}
/* 镜头缓慢推进并缩回 */
.scale_tj { -webkit-animation: scale_tj 10s linear infinite; -webkit-transform-origin:center center; } 
@-webkit-keyframes scale_tj {
  0% { transform: scale(1);}
  50% { transform: scale(1.12);}
  100% { transform: scale(1);}
}
.mySwiper_international div.swiper-pagination,.mySwiper_global  div.swiper-pagination,.mySwiper_platform div.swiper-pagination{ right: 4%!important; top: unset; left: unset; bottom: 13%; width: 50%; text-align: right;}
.swiper-pagination-bullet { background: rgba(243, 243, 243, 1); opacity: 1; width: 1rem; border-radius:0!important; height: 4px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background:#c02b30; width: 1.5rem;}
.mySwiper_news div.swiper-pagination {  bottom: 0%;}
@media (max-width: 900px) {
  .mode_mxgp { padding:0%; background: url(../img/index_mxgp_bg.jpg) no-repeat center center ; background-size: cover; }
  .mxgp_m1 { display:grid; grid-template-columns: 1fr; gap: 0.5rem; }
  .mxgp_m2 { display:grid; grid-template-columns: 1fr; gap: 0.5rem; height:150vw; overflow: hidden; margin-top: 0.5rem;}
  .mxgp_img1 h6,.mxgp_img2 h6,.mxgp_img3 h6,.mxgp_img5 h6 {padding-left: 5%;font-size: 2rem; }
  .mxgp_img4 h6 { font-size: 14px; padding:  5%;}

  .mxgp_img1 h6 { width: 90%; }
  .mxgp_img1 strong { font-size:1.3rem;}
  .mxgp_img1 strong b { display: block; width: 100%;}
  .mxgp_img1 strong a { flex-shrink: 1; color: #fff; width: 65%; margin-left: 5%; text-align: center; background: #c02b30; display: block; padding: .6rem 1rem; font-weight: normal; transition: 0.4s ease;}
}








.mode_brand { background: url(../img/index_brand_left.png) no-repeat; background-size: 25% auto; }
.brand_mode {  width: 90%; max-width: 1200px; padding: 5%; margin: auto;}
.brand_mode h6 { margin: 3% 0 1% 0;}
.brand_logo_ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1%; list-style: none; font-size: 0; align-items: flex-end; }
.brand_logo_ul div.c {  grid-column: 3 / -1; padding-top: 1rem; font-weight: bold; padding-left: 10%;}

.brand_title p{ margin-top: 2rem;}
.brand_logo_ul li { position: relative; overflow: hidden; border-radius: 6px;}
.brand_logo_ul li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0;  z-index: 1;  transition: transform 0.4s ease;}

.brand_logo_ul li.brand_logo_li1::after  { background: url(../img/index_brand1.jpg) no-repeat; background-size: cover; }
.brand_logo_ul li.brand_logo_li2::after  { background: url(../img/index_brand2.jpg) no-repeat; background-size: cover;}
.brand_logo_ul li.brand_logo_li3::after  { background: url(../img/index_brand3.jpg) no-repeat; background-size: cover;}
.brand_logo_ul li.brand_logo_li4::after  { background: url(../img/index_brand4.jpg) no-repeat; background-size: cover;}
.brand_logo_ul li.brand_logo_li5::after  { background: url(../img/index_brand5.jpg) no-repeat; background-size: cover;}
.brand_logo_ul li.brand_logo_li6::after  { background: url(../img/index_brand6.jpg) no-repeat; background-size: cover;}
.brand_logo_ul li:hover::after {transform: scale(1.1);}
.brand_logo_ul li img.b_logo { position: absolute; width: 100%; height: 100%; z-index: 3;  }
.brand_logo_ul li img.b_red { position: absolute;; opacity: 0; transition: 0.3s ease; position: absolute; z-index: 2;}
.brand_logo_ul li:hover img.b_red  { opacity: 1; }
.brand_logo_ul li a { opacity: 0; position: absolute; transition: 0.3s ease; font-size: 0.7rem; z-index: 5; color: #fff; background: #000; display: inline-block; padding: 0.5rem; width: 50%; text-align: center; bottom: 15%; left: 50%; transform: translateX(-50%);}
.brand_logo_ul li:hover a {opacity: 1; }
@media (max-width: 900px) {
  .brand_mode {  grid-template-columns: 1fr; gap: 5%;}
  .brand_mode div.brand_title h2 { font-size: 2.6rem!important; padding-top: 3rem;}
  .brand_title p{ margin-top: 2rem; font-size: 1.3rem;}
  .brand_logo_ul { grid-template-columns: 1fr 1fr ; gap: 1%; }
  .brand_logo_ul div.c {  grid-column:1/ -1; padding-top: 0.6rem;  padding-left: 5%;}
  .brand_mode h6 { margin: 9% 0 4% 0; font-size: 1.3rem;}
  
}






.mode_product { padding-top: 5rem;}
.swiper_con { display: grid;  grid-template-columns: 1fr 1fr; position: relative;}
.banner_left { position: relative;  background: #e6e6e6;}
.index_product_swiper1_toukui { position: absolute; width: 50%; right: 0; margin-top: 5vw;}
.index_product_swiper1_toukui img.index_product_swiper1_shadow { position: absolute; bottom: 0; left: 0; width: 100%; height: auto;}

.index_product_swiper1_right { padding: 10%; text-align: left; }
.index_product_swiper1_right h1 { margin-top: 1rem; font-size: 2.8rem;}
.index_product_swiper1_right h6 { width:90%; font-weight: normal; color: #000;  margin: 1rem 0; margin-bottom: 2.5rem; font-size: 0.95rem; line-height: 1.6;}
.index_product_swiper1_right img.index_product_swiper1_logo { width: 15rem; margin-top: 2rem;}
.index_product_swiper1_right ul {display: grid; grid-template-columns: 1fr 1fr; gap: 3%; list-style: none; width: 100%;}
.index_product_swiper1_right ul li {  margin: 0.2rem 0; padding: 0.5rem 0; padding-left: 3.6rem; font-size: 0.7rem; }
.index_product_swiper1_right ul li strong{ font-size: 1rem; font-weight: normal; display: inline-block; }

.swiper_just1 div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/just1_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_just1 div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/just1_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_just1 div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/just1_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_just1 div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/just1_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }

.swiper_cardo div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/cardo_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_cardo div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/cardo_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_cardo div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/cardo_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_cardo div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/cardo_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }

.swiper_origine div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/origine_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_origine div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/origine_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_origine div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/origine_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_origine div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/origine_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }

.swiper_tanked div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/tanked_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_tanked div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/tanked_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_tanked div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/tanked_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_tanked div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/tanked_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }

.swiper_torc div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/torc_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_torc div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/torc_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_torc div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/torc_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_torc div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/torc_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }

.swiper_scorpionEXO div div.index_product_swiper1_right ul li:nth-child(1) { background: url(../img/index_product/scorpionEXO_ico1.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_scorpionEXO div div.index_product_swiper1_right ul li:nth-child(2) { background: url(../img/index_product/scorpionEXO_ico2.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_scorpionEXO div div.index_product_swiper1_right ul li:nth-child(3) { background: url(../img/index_product/scorpionEXO_ico3.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_scorpionEXO div div.index_product_swiper1_right ul li:nth-child(4) { background: url(../img/index_product/scorpionEXO_ico4.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.swiper_scorpionEXO div div.index_product_swiper1_right ul li:nth-child(5) { background: url(../img/index_product/scorpionEXO_ico5.png) no-repeat 0 0.4rem; background-size: 2.6rem auto; }
.banner_right { display: grid; align-items: center;}
.swiper_just1 div.banner_right,.swiper_origine div.banner_right { background: url(../img/index_product/line1.jpg) no-repeat bottom right; background-color: #e6e6e6; background-size: 100% auto;}
.swiper_cardo div.banner_right,.swiper_torc div.banner_right,.swiper_scorpionEXO div.banner_right { background: url(../img/index_product/line2.jpg) no-repeat bottom right; background-color: #e6e6e6; background-size: 100% auto;}
.swiper_tanked div.banner_right { background: url(../img/index_product/line3.jpg) no-repeat bottom right; background-color: #e6e6e6; background-size: 100% auto;}

.swiper_next_indexP_pos { top: 45%; left: 3%; }
.swiper_prev_indexP_pos { top: 45%; right: 3%;}

@media (max-width: 900px) {
  .swiper_con { display: grid;  grid-template-columns: 1fr; position: relative;}
  .index_product_swiper1_right { padding: 5%; }
  .index_product_swiper1_right h1 { margin-top: 1.3rem; font-size: 2.5rem;}
  .index_product_swiper1_right h6 { width: 100%; font-size: 13px;}
  .index_product_swiper1_right img.index_product_swiper1_tips { width: 100%; margin-top: 10%; padding-bottom: 20vw;}
  .banner_right  { height: 90vw; padding-bottom: 20vw;}
  .bottom_nav_ul ul { font-size: 1.2rem; display: grid; grid-template-columns:  repeat(3, 1fr); margin-bottom: 1.3rem; border-top: 1px solid #D8D8D8; }
  .bottom_nav_ul ul li.c {  grid-column: 1 / -1;  font-size: 1.5rem; grid-row: 1; padding-top: 1rem; font-weight: bold;}
  .swiper_scorpionEXO div div.index_product_swiper1_right h1 { font-size: 2rem;}
}


.mode_news { padding: 5%;}
.index_news_title { position: absolute; text-align: center; width: 100%; color: #fff; top: 50%; transform: translateY(-50%);}
.index_news_title a { color: #fff; background: #c02b30; padding: 0.6rem 1.5rem; margin-top:4rem; display: inline-block;  transition: 0.3s ease;}
.index_news_wrap { max-width: 1200px; list-style: none; margin: auto; display: grid; gap: 0.7%; grid-template-columns: 1fr 1fr 1fr 1fr; text-align: left; font-size: 0; padding-bottom: 2rem}
.index_news_wrap li { background: #F4F5F7; transition: 0.4s ease;}
.index_news_wrap li:hover { background: #fff; box-shadow: 0 0 20px rgba(0,0,0, .1); transform:scale(1.01);}
.index_news_wrap li:hover h6,.index_news_wrap li:hover span{ color: #c02b30;}
.index_news_wrap li
.index_news_info { padding: 5%;}
.index_news_info b { font-size: 12px ;  background: #D8D8D8; color: #6B6B6B; padding:5px 10px; margin-bottom: 10px; display: inline-block;}
.index_news_info h6 { font-size: 1.1rem; margin: 1rem 0; line-height: 1.6rem; height: 3.2rem; overflow: hidden;  transition: 0.4s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 控制显示行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.index_news_info div { display: flex; font-size: 12px; justify-content: space-between; align-items: center;}
.index_news_info a { color: #6B6B6B; background: #000; color: #fff; padding: 5px 10px; transition: 0.3s ease; }

.btn_more { background: #000; color: #fff;}
.index_news_list { position: relative; top: -3rem; background: none;}
.mySwiper_news div.swiper-slide { background: none;}
@media (max-width: 900px) {
  .index_news_wrap { gap: 2%; grid-template-columns: 1fr 1fr;}
  .mode_news { padding: 0%; margin-top: 5%;}
  .index_news_list { padding:3%; top: -18vw;}
  .index_news_list div.mySwiper_news { padding-bottom: 5vw;}
  .index_news_title {  color: #fff; top: 40%; transform: translateY(-50%);}
  .index_news_title a {  margin-top:1.4rem; font-size: 1.4rem;}
}



.mode_park { background: url(../img/park.jpg) no-repeat; background-size:  100% auto; color: #fff; overflow: hidden;}
.index_park_con { display: grid; grid-template-columns: 1fr 1fr; width: 90%; max-width: 1200px; margin: auto; padding:10% 5%; gap: 5%;}

.park_left h2 { margin-bottom: 3rem;}
.park_left p { font-size: 0.8rem; margin-top: 1.5rem; margin-bottom: 2rem;}
.index_park_line { width: 100%; background: #fff; height: 2px; opacity: 0.5; margin-bottom: 3rem;}
.park_right_info { background: #fff; color: #000; padding: 5%;}
.park_right_info_addr { display: grid; grid-template-columns: 1fr 1fr; background: #D8D8D8;}
.park_right_info_addr span { padding: 10px 5px; font-size: 0.8rem; text-align: center;}
.park_right_info_addr span.cur { background: #000; color: #fff;}
.park_right { font-size: 0 ;}
.park_addr { margin-top: 30px;}
.park_addr p { font-size: 0.7rem; color: #666666;}
.park_addr h6 { font-size: 0.8rem; margin-bottom: 0.6rem; font-weight: normal;}
a.btn_index_park_more { display: inline-block; background: #c02b30; color: #fff; padding: 0.6rem 1.2rem; font-size: 0.7rem; transition: 0.3s ease; margin-top: 0.5rem; }
.park_addr2 { display: none;}
@media (max-width: 900px) {
  .mode_park { background: url(../img/park.jpg) no-repeat; background-size: 170% auto; background-color: #000; padding-bottom: 10vw;}
  .index_park_con { grid-template-columns: 1fr;}
  .park_left h2 { font-size: 2rem; margin-bottom: 1rem; padding-top: 3rem;}
  .index_park_line { width: 100%; height: 1px; margin-bottom: 1rem;}
  .park_left p { margin-top: .5rem; margin-bottom: 3.2rem; font-size: 1.2rem;}
  .park_left h5 { font-size: 1.2rem;}
  a.btn_index_park_more { font-size: 1.3rem;}
  .park_right_info_addr span { padding: 10px 5px; font-size: 1rem; text-align: center;}
  .park_addr p { font-size: 1.1rem; }
  .park_addr h6 { font-size: 1.2rem;}
}


.mode_bottom_nav { width: 90%; padding:3% 5%;   margin: auto; background-color: #f3f3f3;}
.bottom_nav_con {display: grid; grid-template-columns: 5fr 1fr;  gap: 10%; }
.bottom_nav_ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.bottom_nav_ul ul { list-style: none; font-size: 0.8rem; color: #232323;}
.bottom_nav_ul ul li { margin-bottom: 1rem; font-size: 1rem;}
.bottom_nav_ul ul li div { margin-top: 0.5rem;}
.bottom_nav_ul ul li.c { font-weight: normal; font-size: 1rem; margin-bottom: 1rem;}
.bottom_nav_ul ul li a { color: #666; display: block;}
.bottom_nav_ul ul li a:hover { color: #ce3237;}
.bottom_nav_ul ul li div a { display: block; margin: 0.4rem 0; font-size: 0.7rem;  color: #999; }

.index_logo_red { width: 4rem;}
.bottom_nav_media h6{  font-size:1rem ; font-weight: normal;}
.bottom_nav_media ul { list-style: none; display: grid; gap: 8%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; margin-top: 1rem;}
.bottom_nav_media ul li img { transition: 0.4s ease;}
.bottom_nav_media ul li img:hover { transform: rotate(180deg);}

.company_beian { background: #000; color: #fff; text-align: center; padding: 0.5rem 0.4rem; font-size: .8rem;}
.company_beian span { display: inline-block; margin: 0 0.5rem; margin: 0.5rem;}

.red_ani:hover {  transform:scale(0.95); background: #ce3237;}
.black_ani:hover { transform:scale(0.95); background: #555454;}
@media (max-width: 900px) {
  .bottom_nav_con {grid-template-columns: 1fr;  gap: 0%; }
  .bottom_nav_ul {  grid-template-columns: 1fr;}
  .bottom_nav_ul ul { font-size: 1.2rem; display: grid; grid-template-columns:  repeat(3, 1fr); margin-bottom: 1.3rem; border-top: 1px solid #D8D8D8; }
  .bottom_nav_ul ul:first-child { border: none;}
  .bottom_nav_ul ul li.c {  grid-column: 1 / -1;  font-size: 1.5rem; grid-row: 1; padding-top: 1rem; font-weight: bold;}
  .bottom_nav_ul ul li.d {  grid-column: 2 / -1; }
  .bottom_nav_ul ul li.d div {display: grid;  grid-template-columns:  repeat(2, 1fr);}
  .bottom_nav_ul ul li a {font-size: 1rem;}
  .bottom_nav_media h6{  font-size:1.5rem; font-weight: bold;}
  .bottom_nav_media { margin-top: 3rem;}
  .bottom_nav_media ul {width: 60%; }
  .index_logo_red { width: 4rem; padding: 1rem 0;}
  .bottom_nav_media h6{ border-top: 1px solid #e0e0e0; padding-top: 1rem;}
}







/* 关于我们 ******************************************************************************************/
.mode_about_intro { min-height: 100vh; background: url(../img/about/about_intro_bg.jpg) no-repeat; background-size: 45.5% 100%; background-color: #b5282e; color: #fff; overflow: hidden;}
.about_intro { display: grid; grid-template-columns:1.55fr 1fr 1fr; gap: 1%; align-items: center;}
hr.short_line{ width: 2rem; margin: 1rem 0; height: 5px; background: #fff; }
hr.short_line_red{ width: 2rem; margin: 1rem 0; height: 5px; background: #ce3237; }
img.ico_sanjiao { width: 1rem;}
.about_intro div:nth-child(1) p { padding-right: 10%; margin-top: 1rem;}
.about_intro div:nth-child(1) IMG { margin-bottom: 2REM;}
.about_intro div:nth-child(2) img{ margin: 1% 0;}
.about_intro div:nth-child(3) p{  margin-left: 12%; padding-bottom: 20%; margin-bottom: 20%; position: relative;}
.about_intro div:nth-child(3) p::after { content:""; width:1000px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; opacity: 0.7;}
.mode_about_intro_txt { background: url(../img/about/about_intro_txt_bg.jpg) no-repeat; background-size: 100% 100%;}
.about_intro_txt { color: #fff; display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center;}
.about_intro_txt span { border-bottom: 1px solid rgba(255,255,255, .3); display: block;}
.about_intro_txt span b { display: block; padding: 2rem 0; margin: 1rem 0;border-right: 1px solid  rgba(255,255,255, .3); font-size: 1.6rem;}
.about_intro_txt span:nth-child(3) b,.about_intro_txt span:nth-child(6) b { border-right:none;}
.about_intro_txt span:nth-child(4) ,.about_intro_txt span:nth-child(5) ,.about_intro_txt span:nth-child(6) { border-bottom:none;}
a.btn_intro_more { background: rgba(0,0,0, .8); color: #fff; font-size: 0.8rem; display: inline-block; padding: 0.5rem 2rem; margin-top: 1rem;}
.about_intro_tc_black { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index:999999999; top: 0; left: 0;}
.about_intro_tc_body { background: #fff; padding: 5%; color: #666666; }
.about_intro_tc_body h4 { border-bottom: 2px solid #C02B30; padding-bottom: 1rem; margin-bottom: 1.5rem; color: #000;}
.about_intro_tc_txt { display: grid; grid-template-columns: 1fr 1fr 1fr;gap: 2%;}
.about_intro_tc_txt  p { font-size: 0.8rem;}
@media (max-width: 900px) {
  .about_intro { grid-template-columns:1fr; gap: 1%;}
  .mode_about_intro { min-height: 100vh; background: url(../img/about/about_intro_bg.jpg) no-repeat left bottom; background-size: 200% auto; background-color: #b5282e; color: #fff; overflow: hidden;}
  .about_intro_txt span b { font-size: 1.2rem;}
  .about_intro_tc_txt { grid-template-columns: 1fr ;}
  .about_intro_tc_body { height: 80vh; overflow-y: scroll; margin-top: 5vh;}
  a.btn_intro_more { font-size: 1rem;}
}



.about_keywords ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1%;} 
.about_keywords ul li { position: relative; list-style: none; font-size: 0;}
.about_keywords ul li span {  position: absolute; display: block; z-index: 2; width: 100%; height: 0%; background: linear-gradient(to top, #ce3237 0%, transparent 100%); background-size: 100% 100%; bottom: 0; left: 0;transition: 0.4s ease;}
.about_keywords ul li span.active{ height: 50%;}
.about_keywords ul li div { position: absolute;  top: 0; left: 0;  padding: 10%; color: #FFF;}
.sub_title { padding-bottom: 2.4rem;}
.mode_about_keywords { background: url(../img/about/about_keywords_bg.jpg) no-repeat bottom right; background-size: 20% auto; background-color: #f3f3f3;}
.about_keywords_detail_wrap { position: relative; background: #fff; border-top: 2px solid #ce3237; padding: 5%; margin-top: 3rem;}
.about_keywords_detail_wrap div{ display: grid; grid-template-columns: 2248fr 2325fr 2380fr 2838fr; gap: 0.69%; }
.about_keywords_detail_wrap p { color: #666666; padding: 1rem 0;}
.about_keywords_detail_wrap section { display: none;}
img.ico_sanjiao { width: 1.6rem; position: absolute; top: -0.86rem; left: 16.5%; transition: 0.4s ease;} 

@media (max-width: 900px) {
  /* .about_keywords ul {grid-template-columns: 1fr;}  */
  .mode_about_intro { min-height: 100vh; background: url(../img/about/about_intro_bg.jpg) no-repeat left bottom; background-size: 200% auto; background-color: #b5282e; color: #fff; overflow: hidden;}
  .about_keywords ul li div h4{ font-size: 1.7rem;}
  .about_keywords ul li div p{ font-size: 1.4rem; display: none;}
  .about_keywords_detail_wrap div{ display: grid; grid-template-columns: 2248fr 2325fr 2380fr 2838fr; gap: 0.69%; }
  .about_keywords_detail_wrap h4 { font-size: 1.6rem;}
}

.mode_about_history { padding-bottom: 5%; overflow: hidden;}
.about_history_ul { display: flex;}
.about_history_ul li{ padding: 0.2%; list-style: none;  width: 20%; color: #fff;  position: relative;  transition: 0.4s ease;}
.about_history_ul li h5 { position: relative; color:rgba(0,0,0, .2); font-family: arial;  font-size: 1.3rem; height: 3.6rem; overflow: hidden;  transition: 0.4s ease; border-bottom: 1px solid #D8D8D8; margin-bottom: 1rem; padding-bottom: 0.4rem;}
.about_history_ul li h5::after {  content: ""; position: absolute; left: 0; bottom: 0; width: 0rem; height: 4px; background: #ce3237; transition: 0.4s ease;}
.about_history_ul li h6 { position: absolute; z-index: 2; padding: 1rem; font-weight: normal;  font-size: 1.3rem;  transition: 0.4s ease;}
.about_history_ul li p { display: block; position: absolute; bottom: 0.5rem; left: 0; width: 80%;  font-size: 0.8rem; z-index: 3;}
.about_history_ul li div { width: 100%; height: 80vh; position: relative;}
.about_history_ul li div::after { content:""; background: rgba(0,0,0, .0); width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;  transition: 0.4s ease;}
.about_history_ul li div p { padding:1rem; opacity: 0; margin-bottom: 4rem; transition: 0.4s ease; width: 88%; }
.about_history_ul li div p span { display: flex; margin-bottom: 0.8rem; font-weight: normal;}
.about_history_ul li div p span b { display: inline-block;  margin-right: 0.7rem;  padding-right: 1rem; font-weight: normal; position: relative;}
.about_history_ul li div p span b::after { content:""; position: absolute; right: 0; width: 4px; height: 4px; border-radius: 10px; border: 1px solid #fff; top:0.4rem; }
.about_history_ul li div p span strong { display: inline-block; font-weight: normal;}
.about_history_ul li:nth-child(1) div{ background: url(../img/about/about_history_img1.jpg) no-repeat center center; background-size:cover;}
.about_history_ul li:nth-child(2) div{ background: url(../img/about/about_history_img2.jpg) no-repeat center center; background-size: cover;}
.about_history_ul li:nth-child(3) div{ background: url(../img/about/about_history_img3.jpg) no-repeat center center; background-size:cover;}
.about_history_ul li:nth-child(4) div{ background: url(../img/about/about_history_img4.jpg) no-repeat center center; background-size:cover;}
.about_history_ul li:nth-child(5) div{ background: url(../img/about/about_history_img5.jpg) no-repeat center center; background-size:cover;}
.about_history_ul li.cur div::after,.about_history_ul li:hover div::after { background: rgba(0,0,0, .4); }
.about_history_ul li.cur,.about_history_ul li:hover { width: 40%;}
.about_history_ul li.cur h5,.about_history_ul li:hover h5 {font-size: 2rem; }
.about_history_ul li.cur h5::after ,.about_history_ul li:hover h5::after { width: 4rem;}
.about_history_ul li.cur h6,.about_history_ul li:hover h6 {font-size: 2rem; }
.about_history_ul li.cur p,.about_history_ul li:hover p {  opacity: 1; margin-bottom: 0rem; }
@media (max-width: 900px) {
  .about_history_ul li.cur,.about_history_ul li:hover { width: 90%;}
  .about_history_ul li.cur p,.about_history_ul li:hover p { font-size: 1rem;}
}


.mode_about_culture3 { background: url(../img/about/about_culture_bg.jpg) no-repeat; background-size: 100% 100%; }
.about_culture_dv { display: grid; grid-template-columns: 0.8fr 2fr;}
.about_culture_dv h3 { color: #fff;}
.about_culture_text { display: grid; grid-template-columns: 1fr 1fr;  background:rgba(0,0,0,0.24);  }
.about_culture_text div{color: #fff; padding: 4%; border: 1px solid #B08C85; padding: 10%;}
.about_culture_text div span { display: inline-block; margin-bottom: 1rem; font-size: 0.9rem;}
.about_culture_text div h5 { font-size: 1.2rem; line-height: 1.5;}
.about_culture img {margin-top:10%; }
@media (max-width: 900px) {
  .about_culture { padding-top: 15vw;}
}
.mySwiper_patent div.swiper-slide { text-align: center; font-size: 18px; background: #fff;
 /* 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; transition: 300ms; transform: scale(0.9); opacity: 0.55;
  }
  .mySwiper_patent div.swiper-slide-active,.mySwiper_patent div.swiper-slide-duplicate-active{ transform: scale(1); opacity: 1;
}
.swiper_b_next { background: url(../img/about/swiper_b_next.png) no-repeat; background-size: 100% auto; width: 2rem; height: 2rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_b_prev { background: url(../img/about/swiper_b_prev.png) no-repeat; background-size: 100% auto; width: 2rem; height: 2rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_next_patent_pos { top: 45%; left: 35%; }
.swiper_prev_patent_pos { top: 45%; right: 35%;}

.honner_nub { color: #fff; display: grid; gap: 5%; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 5vw; list-style: none; padding:3% 0;}
.honner_nub strong { display: flex; font-size: 3rem; line-height: 3rem; font-weight: normal;}
.honner_nub span { display: block; font-size: 1rem; margin-top: 0.5rem;}
.honner_nub n { font-weight: bold;}
.honner_nub b {font-size: 2rem; line-height: 1;}
.about_patent_intro { color: #fff; border-top: 1px solid rgba(243, 243, 243, 0.3); padding-top: 3%; opacity: 0.8;}
@media (max-width: 900px) {
  .honner_nub { grid-template-columns: 1fr 1fr; padding: 10vw 0; margin-bottom: 8vw;}
  .about_patent_intro { padding-top: 8vw;}
}

.about_honner { padding-bottom: 10%;}
.about_honner ul { list-style: none; color: #fff; text-align: center;}
.about_honner ul li  { margin: 0.3rem 0;}
.about_honner ul li:nth-child(1) { font-size: 1rem;}
.about_honner ul li:nth-child(2) { font-size: 1.2rem;}
.about_honner ul li:nth-child(2) span:nth-child(1){ font-size: 1.3rem; display: inline-block; margin-left: 2rem; font-weight: bold; color:rgba(255,255,255,.6)}
.about_honner ul li:nth-child(2) span:nth-child(2){ font-size: 2rem; display: inline-block; margin-left: 2rem; font-weight: bold; color:rgba(255,255,255,.2)}

.about_honner ul li:nth-child(3) { font-size: 1rem; margin-right: 60%; line-height: 0.1; margin-top: 1rem;}
.about_honner ul li:nth-child(4) { font-size: 1rem;}
.about_honner ul li:nth-child(4) span:nth-child(1){ font-size: 1rem; display: inline-block; margin-left: 2rem; font-weight: normal; color:rgba(255,255,255,.6)}
.about_honner ul li:nth-child(4) span:nth-child(2){ font-size: 2rem; display: inline-block; margin:0 2rem; font-weight: bold; color:rgba(255,255,255,1)}
.about_honner ul li:nth-child(4) span:nth-child(3){ display: inline-block; margin-left: 5%;}


.about_honner ul li:nth-child(5) { font-size: 1rem;}
.about_honner ul li:nth-child(5) span:nth-child(1){ display: inline-block; margin-right: 7rem; font-weight: normal; color:rgba(255,255,255,.6)}
.about_honner ul li:nth-child(5) span:nth-child(2){  display: inline-block; margin:0 2rem; font-weight: bold; color:rgba(255,255,255,1)}

.about_honner ul li:nth-child(6) { font-size: 1rem; margin-top: 0.4rem;  color:rgba(255,255,255,0.4)}

.about_contact ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr;}
.about_contact ul li { margin-bottom: 2rem;}
.about_contact ul li span { display: block; font-size: 16px; font-weight: bold; margin-bottom: 0.5rem;}
.about_contact ul li b { display: block;  color: #666666; font-size: 14px; background: url(../img/about/addr.png) no-repeat 0 0.2rem; background-size: 0.6rem auto; padding-left:1rem;}
.about_contact ul.about_contact_ul_tel {grid-template-columns: 1fr 1fr 1fr 1fr; border-top: 1px solid #D8D8D8; padding-top: 2.5rem; margin-top: 1rem;}
.about_contact_qrcode { display: grid; margin-bottom: 3rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 5%; font-size: 14px; text-align: center; width: 90%; margin-top: 2rem;}
.about_contact_qrcode div { text-align: center;}
.about_contact_qrcode img { display: inline-block;}
.about_contact_qrcode b { display: block; margin-top: 0.3rem;}
.about_contact_ul_tel li.ico_tel b{ background: url(../img/about/tel.png) no-repeat 0 0.2rem; background-size: 0.6rem auto; }
.about_contact_ul_tel li.ico_mail b{ background: url(../img/about/mail.png) no-repeat 0 0.2rem; background-size: 0.6rem auto; }

.about_honner_wrap { display: none; position: fixed; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); z-index: 333333; left: 0; top: 0; bottom: 0 ; right: 0;}
.about_honner_wrap_content { display: flex; align-items: center; justify-content: center;width: 100%; height: 100%;}
.about_honner_wrap_content div { display: inline-block; }
.about_honner_wrap_content div img { height: 80vh;}
.close_btn { width: 3rem; height: 3rem; background: url(../img/about/close.png) no-repeat; background-size: 100% 100% ; position: absolute; right: 5%; top:  5%;}
.about_honner_pt { margin-top: 10%;}

@media (max-width: 900px) {
  .about_contact ul { list-style: none; display: grid; grid-template-columns: 1fr;}
  .about_contact ul li b { background: url(../img/about/addr.png) no-repeat 0 0.2rem; background-size: 1.2rem auto; padding-left:2rem;}
  .about_contact ul.about_contact_ul_tel {grid-template-columns: 1fr;}
  .about_contact_ul_tel li.ico_tel b{  background-size: 1.2rem auto; }
  .about_contact_ul_tel li.ico_mail b{ background-size: 1.2rem auto; }
  .about_contact_qrcode { grid-template-columns: 1fr 1fr 1fr;}

}






/* MXGP赛事 ******************************************************************************************/

.mxgp_race_img_wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 1%;}
.mxgp_race_body { background: url(../img/mxgp/mxgp_race_bg.jpg) no-repeat bottom left; background-size: 100% auto; background-color: #c02b30; color: #fff;}
.mxgp_race_body div { color: #fff; padding: 5%;}
.mxgp_race_body div h5 { font-size: 1.1rem; margin-bottom: 0.5rem;}
.sub_title p { color: #666666; margin-top: 0.5rem;}
.mxgp_race_body img { border-bottom-right-radius:4rem;}
@media (max-width: 900px) {
  .mxgp_race_img_wrap {  grid-template-columns: 1fr;}
  .mxgp_race_body div p { font-size: 1rem;}
  .mxgp_race_body div h5 { font-size: 1.4rem; }
}


.mySwiper_mxgp_news { padding-bottom: 3rem;}
.mySwiper_mxgp_news div.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySwiper_mxgp_news div.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper_next_mxgp_news_pos { bottom: 0%; left: 40%; z-index: 999; }
.swiper_prev_mxgp_news_pos { bottom: 0%; right: 40%;  z-index: 999;}
.mxgp_news_c { position: relative;  overflow: hidden;  transition: 0.2s cubic-bezier(0.68, 0.15, 0.265, 1.15);}
.mxgp_news_c:hover { transform: translateY(6px)}
.mxgp_news_c div{ position: absolute; z-index:3; bottom: 0; background: rgba(0,0,0, .0); color: #fff; text-align: left; padding: 1rem;}
.mxgp_news_c div h6 { font-size: 0.8rem; line-height: 1.5; height: 3.6rem; overflow: hidden; margin-bottom: 1rem; font-weight: normal;}
.mxgp_news_c div p { display: flex; justify-content: space-between; align-items: center;}
.mxgp_news_c div p span{ font-size: 12px;}
.mxgp_news_c div p a{ font-size: 12px; color: #fff; border: 1px  solid #fff; padding: 0.3rem 0.7rem;  transition: 0.2s ease;}
.mxgp_news_c div p a:hover { background: rgba(243, 243, 243, 1); color: #000; }
.mxgp_news_c  b { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 8rem; z-index:1; filter: blur(7px);}
@media (max-width: 900px) {
  .mxgp_news_c div h6 { font-size: 1.1rem;height: 3.4rem;}
}
.mxgp_dt_img1 { margin-top: 2.5rem; padding-bottom: 2.5rem;}



.mode_mxgp_live { background: url(../img/mxgp/mxgp_live_bg.jpg) no-repeat;  background-size: 100% 100%; padding: 5% 5%;}
.mxgp_live_c { position: relative;  overflow: hidden;  transition: 0.2s cubic-bezier(0.68, 0.15, 0.265, 1.15); background: #fff;}
.mxgp_live_c:hover { transform: translateY(6px)}
.mxgp_live_c div {  background: rgba(0,0,0, .0); text-align: left; padding: 1rem;}
.mxgp_live_c div h6 { font-size: 1rem; line-height: 1.5; height:3rem; overflow: hidden; margin-bottom: 1rem; font-weight: normal;}
.mxgp_live_c div p { display: flex; justify-content: space-between; align-items: center;}

.mxgp_live_c div p a{ font-size: 12px;  border: 1px  solid #fff; color: #fff; background: #000; padding: 0.3rem 0.7rem;  transition: 0.2s ease;}
.mxgp_live_c div p a:hover {  color: rgb(189, 189, 189); }
.mxgp_live_c div p span{ font-size: 0.6rem;}
.mxgp_live_c div p span b{ display: block;}
.mxgp_live_c div p span b.ico_time { background: url(../img/mxgp/time.png) no-repeat left center; background-size: 0.6rem auto; padding-left: 1.3rem; color: #666666;}
.mxgp_live_c div p span b.ico_addr { background: url(../img/mxgp/addr.png) no-repeat left center; background-size: 0.6rem auto; padding-left: 1.3rem; color: #666666;}
.mySwiper_mxgp_live { padding-bottom: 3rem;}
.swiper_next_mxgp_live_pos { top: 35%; left: 2%; z-index: 999; }
.swiper_prev_mxgp_live_pos { top: 35%; right: 2%;  z-index: 999;}
@media (max-width: 900px) {
  .mxgp_live_c div h6 { font-size: 1.3rem; line-height: 1.5; height:4rem; }
  .mxgp_live_c div p span b.ico_time {background-size: 1rem auto; padding-left: 1.5rem; font-size: 1.2rem; margin-bottom: 0.4rem;}
  .mxgp_live_c div p span b.ico_addr {background-size: 1rem auto; padding-left: 1.5rem; font-size: 1.2rem; }
  .mxgp_live_c div p a{ font-size: 14px; font-weight: bold; padding: 0.5rem 2.5rem;}
}


.mode_mxgp_ticket { background:#F3F3F3; overflow: hidden;}
.mxgp_ticket_wrap { display: grid; grid-template-columns: 1fr 1fr; background: url(../img/mxgp/mxgp_ticket_bg.jpg) no-repeat right top; background-size: auto 100%; background-color: #fff;}
.mxgp_ticket_right { padding: 8%; position: relative;}
.mxgp_ticket_right h4 { font-weight: normal;}
.mxgp_ticket_right p { position: absolute; width: 86%; bottom: 10%; display: flex; justify-content: space-between; align-items: flex-end;}
.mxgp_ticket_right p a{ font-size: 12px;  border: 1px  solid #fff; color: #fff; background: #000; padding: 0.3rem 0.7rem;  transition: 0.2s ease;}
.mxgp_ticket_right p a:hover {  color: rgb(189, 189, 189); }
.mxgp_ticket_right p span{ font-size: 0.9rem;}
.mxgp_ticket_right p span b{ display: block; margin-bottom: 0.4rem;}
.mxgp_ticket_right p span b.ico_time { background: url(../img/mxgp/time.png) no-repeat left center; background-size: 0.9rem auto; padding-left: 1.7rem; color: #666666;}
.mxgp_ticket_right p span b.ico_addr { background: url(../img/mxgp/addr.png) no-repeat left center; background-size: 0.9rem auto; padding-left: 1.7rem; color: #666666;}
.mxgp_ticket_qrcode { width: 4%;}
.mxgp_ticket_right p strong { width: 5rem;}.mxgp_ticket_right p strong img { width: 100%;}
.mxgp_ticket_right_tips { background: #000; color: #fff; padding: 0.4rem 1rem; margin-top: 1rem; display: inline-block; font-size: 0.8rem;}
.mxgp_ticket_img  { font-size: 0;}

.mode_mxgp_business { padding-bottom: 4%; position: relative;}
.mxgp_business { display:grid; grid-template-columns: 1fr 2fr; gap: 5%;}
.mxgp_business_img { box-shadow: 0 0 20px rgba(0,0,0, .1);}
.mxgp_business_contact { position: absolute; width: 100%; max-width: 1200px; z-index: 2; top:-20rem; display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0, .1); padding:2% 0;}
.mxgp_business_contact_people { display: flex; align-items: center; margin-left: 5%;}

.mxgp_business_contact_people img { width: 4rem;}
.mxgp_business_contact_people div span { display: block; font-size: 0.8rem; margin-bottom: 5px;  margin: 0rem 0; margin-left: 1rem;}
.mxgp_business_contact_people div span:nth-child(1) { background: url(../img/mxgp/mxgp_business_name.png) no-repeat left center; background-size: auto 0.9rem ; padding-left: 1.5rem;}
.mxgp_business_contact_people div span:nth-child(2) { background: url(../img/mxgp/mxgp_business_tel.png) no-repeat left center; background-size: auto 0.9rem ; padding-left: 1.5rem; margin-top: 0.6rem;}
.mxgp_business_qrcode  { text-align: right; font-size: 0; margin-right: 5%;}
.mxgp_business_qrcode span { font-size:12px;  display: inline-block; display: block; margin-top: 0.3rem;}
.mxgp_business_qrcode img{ display: inline-block;  width:4rem;}
.mode_mxgp_venue { background: url(../img/mxgp/mxgp_venue_bg.jpg) no-repeat top right; background-size:auto 100%; padding: 8rem 0; background-color: #131512;}
.mxgp_venue_info { color: #fff;}
.mxgp_venue_info span { color: #C02B30; font-size: 1.4rem; margin: 1rem 0; margin-bottom: 2rem; display: block;}
.mxgp_venue_info p {  width: 50%;}
@media (max-width: 900px) {
  .mxgp_ticket_right h4 { font-size: 1.6rem;}
  .mxgp_ticket_wrap { grid-template-columns: 1fr;}
  .mxgp_ticket_right { padding: 5%;}
  .mxgp_ticket_right p { position: static; width: 100%; bottom: 10%; display: flex; justify-content: space-between; align-items: flex-end;}
  .mxgp_ticket_right p span b{  font-size: 1.1rem;}
  .mxgp_business_contact {  top:-50vw; display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0, .1); padding:2% 0;}
  .mxgp_business { grid-template-columns: 1fr; gap: 5%; padding-bottom: 30vw;}
  .mxgp_business_contact_people div span { font-size: 1.2rem;}
  .mxgp_business_contact_people div span:nth-child(1) { background: url(../img/mxgp/mxgp_business_name.png) no-repeat  left center; background-size: auto 1rem ; padding-left: 1.8rem;}
  .mxgp_business_contact_people div span:nth-child(2) { background: url(../img/mxgp/mxgp_business_tel.png) no-repeat  left center; background-size: auto 1rem ; padding-left: 1.8rem;}
  .mode_mxgp_venue { background-size:100% auto; padding: 3.5rem 0; background-color: #131512;}
  .mxgp_venue_info p {  width: 100%;}
}











/* 运动装备___研发制造 ******************************************************************************************/
.sports_gear_intro_rd_intro { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1%;}
.sports_gear_intro_rd_intro h5 { margin: 1rem 0; } 
.sports_gear_intro_rd_intro p { color: #666666; padding-right: 10%;}
@media (max-width: 900px) {
  .sports_gear_intro_rd_intro { grid-template-columns: 1fr;}
  .sports_gear_intro_rd_intro h5 { font-size: 1.8rem;} 
  .sports_gear_rd_banner h5{ font-size: 12px;}
}




.spo_rd_stage_wrap { position: relative; width: 100%; margin: auto; height: 100vh;}
.spo_rd_stage_wrap div.spo_rd_stage_content{ position: absolute; width: 90%; max-width: 1200px; transform: translateX(-50%); left: 50%; z-index: 3; color: #fff; height: 100%;}
.spo_rd_stage_content div.sub_title { margin-top: 10%;}
.spo_rd_stage_content h3 { font-weight: normal;}
.spo_rd_stage_w { position: absolute; bottom: 15%; }
.spo_rd_stage_w strong { font-size: 2rem; display: block;}
.spo_rd_stage_w span { font-size: 1.1rem;  display: block; margin-top: 1rem;}

.spo_rd_stage_wrap1 { background: url(../img/sports_gear/sports_gear_intro_rd_stage1.jpg) no-repeat center center; background-size:cover;}
.spo_rd_stage_wrap2 { background: url(../img/sports_gear/sports_gear_intro_rd_stage2.jpg) no-repeat center center; background-size:cover;}
.spo_rd_stage_wrap3 { background: url(../img/sports_gear/sports_gear_intro_rd_stage3.jpg) no-repeat center center; background-size:cover;}
.spo_rd_stage_wrap4 { background: url(../img/sports_gear/sports_gear_intro_rd_stage4.jpg) no-repeat center center; background-size:cover;}
.spo_rd_stage_wrap5 { background: url(../img/sports_gear/sports_gear_intro_rd_stage5.jpg) no-repeat center center; background-size:cover;}

.mySwiper_spo_gear_rd_stage div.swiper-pagination{  top: unset; left: unset; bottom: 8%; width: 100%; max-width: 1200px; left: 50%;transform: translateX(-50%);}
.mySwiper_spo_gear_rd_stage .swiper-pagination-bullet { background: rgba(243, 243, 243, 1); opacity: 1; width: 19.6%; border-radius:0!important; height: 2px; margin:0 0.2%!important;}
.mySwiper_spo_gear_rd_stage span.swiper-pagination-bullet.swiper-pagination-bullet-active { background:#c02b30;}
@media (max-width: 900px) {
  .mode_sports_gear_intro_rd_stage { margin-top: 15vw;}
}



.sports_gear_rd_guomo_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1%; color: #fff;}
.sports_gear_rd_guomo_dv { position: relative; font-size: 0;}
.sports_gear_rd_guomo_dv div { position: absolute; padding:5%; bottom: 5%;}
.sports_gear_rd_guomo_dv div p { font-size: 0.7rem; margin-top: 1rem;}
@media (max-width: 900px) {
  .sports_gear_rd_guomo_wrap { grid-template-columns: 1fr ; color: #fff;}
  .sports_gear_rd_guomo_dv h5 { font-size: 2rem;}
  .sports_gear_rd_guomo_dv div p { font-size: 1.3rem;}
}


.park_smart_intro { display: grid; grid-template-columns: 1fr 1fr; gap: 5%;}
.park_smart_intro h3 { font-weight: normal;}
.park_smart_intro p { margin-top: 2.5rem; color: #666666;}
.park_smart_intro_wrap {display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; font-size: 0; }
.park_smart_intro_dv1 { display: flex; align-items: center; background: #F3F3F3;}
.park_smart_intro_dv1 div { width: 100%; text-align: center; }
.park_smart_intro_dv1 div h6 { font-size: 1.6rem; font-weight: normal; }
.park_smart_intro_dv2 { display: flex; align-items: center; background: #F3F3F3; padding: 10%;}
.park_smart_intro_dv2 div { width: 100%; color: #666666;}
.park_smart_intro_dv2 div h6 { font-size: 1.6rem; font-weight: normal; color: #000;}
.park_smart_intro_dv2 div p { text-align: left;  font-size: 0.7rem;}

.park_smart_intro_dv3 { display: flex; align-items: center; background: #F3F3F3; padding: 10%;}
.park_smart_intro_dv3 div { width: 100%; color: #666666; text-align: center;}
.park_smart_intro_dv3 div h6 { font-size: 1.6rem; font-weight: normal; color: #000;}
.park_smart_intro_dv3 div p { text-align: left; font-size: 0.7rem;}
hr.short_line_grey{ display: inline-block; width: 3rem; height: 2px; background: #979797; margin: 1.2rem 0;}
.park_smart_intro2 { display: grid; grid-template-columns: 1.3fr 2fr; gap: 0.8%; font-size: 0;}
.park_smart_intro2 div div { display: grid; grid-template-columns: 2fr 1fr;}
.park_smart_intro2 div div p { background: #C02B30; color: #fff; display: flex; align-items: center; padding: 0 10%; font-size: 0.9rem;}
.park_smart_intro2 > div { display: flex; justify-content: space-between; flex-direction: column;	} 
.park_smart_intro_manage { background:#7b8da4; color: #fff;}
.park_smart_intro_manage_wrap {  background: url(../img/park/park_smart_img7.jpg) no-repeat right center; background-size: auto 100%;}
.park_smart_intro_manage_wrap div div { width: 30%; padding: 3rem 0; background: #7b8da4;}
.park_smart_intro_addr { display: grid; grid-template-columns: 1fr 1fr; }
.park_smart_intro_addr > div { padding-left: 10%; background: #F3F3F3; padding-top: 10%;}
.park_smart_intro_addr h3 { font-weight: normal;}
.park_smart_intro_addr a { background: #C02B30; color: #fff; padding: 0.5rem 0; width: 50%; margin: 2rem 0; display: inline-block; text-align: center; transition: 0.3s ease;}
.park_sports_intro { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5%; font-size: 0;}
.park_sports_intro  div:nth-child(2) { display: grid; grid-template-columns: 1fr 1.7fr; gap: 1%;}
.park_sports_intro  div div { background: #C02B30; color: #fff; padding: 10%;}
.park_sports_intro  div div h6 { font-size: 1.6rem; font-weight: normal; padding-top: 1.3rem;}
.park_sports_intro > div { position: relative;}
.park_sports_intro  div div span { position: absolute; bottom: 10%; font-size: 0.8rem;}
.park_sports_intro  div div span strong { display: block; font-size: 0.9rem; font-weight: normal;}
.park_sports_intro  div div span strong b { font-size: 2rem;}
.park_sports_intro_txt div{ display: grid; grid-template-columns: 1fr 1fr; color: #666666; border-bottom: 1px solid #979797; padding-bottom: 3rem; color: #979797;}
.park_sports_intro_txt p:nth-child(1) { padding-right: 15%;}
.park_sports_intro_shengtai_wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 1%; color: #666666;}
.park_sports_intro_shengtai_wrap div p { padding: 5%;}
.park_sports_intro_weilai { position: relative; color: #fff; font-size: 0;}
.park_sports_intro_weilai div{ background: rgba(0,0,0, .5); width: 100%; position: absolute; bottom: 0;}
.park_sports_intro_weilai div p{ width: 90%; max-width: 1200px; padding: 3% 5%; margin: auto;}
@media (max-width: 900px) {
  .park_smart_intro2 { display: grid; grid-template-columns:1fr; gap: 0.8%; font-size: 0;}
  .park_smart_intro_wrap {display: grid; grid-template-columns: 1fr; text-align: center; font-size: 0; }
  .park_smart_intro_dv1 { display: flex; align-items: center; background: #F3F3F3; padding: 20vw 0;}

  .park_smart_intro_dv1 div h6 { font-size: 2.4rem;}
  .park_smart_intro_dv1 div p { font-size: 1.4rem;}
  .park_smart_intro2 div div p { padding: 5%; color: #fff; display: flex; align-items: center;  font-size: 0.9rem;}
  .park_smart_intro_dv2 div p { text-align: left;  font-size: 1.1rem;}
  .park_smart_intro_dv3 div p { text-align: left; font-size: 1.1rem;}
  .park_smart_intro_manage_wrap { padding-top: 50vw;  background: url(../img/park/park_smart_img7.jpg) no-repeat top center; background-size: 100% auto;}
  .park_smart_intro_manage_wrap h4 { font-size: 1.5rem;}
  .park_smart_intro_manage_wrap div div { width:90%; padding: 5%; }
  .park_smart_intro_addr { grid-template-columns: 1fr; }
  .park_smart_intro_addr a { width: 90%; padding: 1rem 0; font-size: 1.6rem; margin: 2rem 0; display: inline-block; text-align: center; transition: 0.3s ease;}
  .park_smart_intro_addr p { font-size: 1.3rem;}

  .park_sports_intro { grid-template-columns: 1fr; }
  .park_sports_intro_shengtai_wrap { display: grid; grid-template-columns: 1fr; gap: 1%; color: #666666;}

}



.service_highlight {  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.service_highlight div { position: relative; }
.service_highlight div h6 { position: absolute; bottom: 0; color: #fff; padding: 10%; font-size: 1.2rem;   transition: 0.3s ease; }
.service_highlight div:hover h6{ color: #b5282e; font-size: 1.4rem;}

.mode_service_overview { background: url(../img/park/service/service_img5.jpg) no-repeat; background-size: 100% auto; margin-top: 5rem; height:52vw;}
.service_overview_title { margin-top:25vw; color: #fff;}
.service_overview_title span { font-size: 0.9rem; font-weight: normal; display: block; margin-bottom: 1rem; }
.service_img5-2 { position: absolute; bottom: 0; width: 50%; right: 0;}
.service_overview_2_info span { display: block; padding-left: 1.7rem; margin-bottom: 1rem;}
.service_overview_2_info span:nth-child(1) { background: url(../img/park/service/service_ico_addr.png) no-repeat; background-size: auto 100%;}
.service_overview_2_info span:nth-child(2) { background: url(../img/park/service/service_ico_area.png) no-repeat; background-size: auto 100%;}
.mode_service_building { background: url(../img/park/service/service_img6.jpg) no-repeat; background-size: 100% auto; min-height: 55vw; margin: 5%; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0, .1);}
.service_building_ul { background: #fff; margin-top: 36vw; padding: 5%; list-style:none;}
.service_building_ul li { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 0.3rem; font-size: 0.8rem; padding: 0.4rem 1rem; border-bottom: 1px solid #e6e6e6; color: #666666;}
.service_building_wk_ul li { grid-template-columns: 1fr 1fr 1fr 1fr 1fr!important; }
.service_building_ul li:nth-child(1) { background: #b5282e;  color: #fff;}
.service_building_ul li span:nth-child(1) { font-weight: bold;}
.service_building_t { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.3%; padding: 1%;}
.service_transportation  { display: grid; grid-template-columns: 1fr 1fr; background: #F3F3F3; align-items: center;}
.service_transportation div  { padding-left: 5%; }
.service_transportation div span { display: block; margin-top: 1rem;}
.service_transportation div strong { font-size: 1.2rem; display: block; margin-bottom: 0.2rem;}
.mode_service_park_amenities { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.service_park_amenities_img { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 1%;}
.service_park_amenities_img::after { position: absolute; content: ""; width: 25%; right: 0; height: 100%; background: #F3F3F3; z-index: -1;}
.service_park_amenities_info_wrap { background: #F3F3F3; height: 100%; display:grid; align-items: center; }
.service_park_amenities_info { padding-left: 20%; }
.service_park_amenities_info ul { list-style: none; margin-top: 3rem;}
.service_park_amenities_info ul li { margin-bottom: 2.5rem; font-size: 1.4rem; padding-left: 3rem; }
.service_park_amenities_info ul li span { display: block; color: #666666; font-size: 1rem; margin-top: 0.5rem;}
.service_park_amenities_info ul li:nth-child(1) { background: url(../img/park/service/service_ico1.jpg) no-repeat; background-size: 2rem auto;}
.service_park_amenities_info ul li:nth-child(2) { background: url(../img/park/service/service_ico2.jpg) no-repeat; background-size: 2rem auto;}
.service_park_amenities_info ul li:nth-child(3) { background: url(../img/park/service/service_ico3.jpg) no-repeat; background-size: 2rem auto;}

.mode_service_ruzhu h6 {  padding-bottom: 1.5rem; border-bottom: 1px solid #cecece; margin-bottom: 1.5rem;}

.service_ruzhu { width: 100%; max-width: 1200px; z-index: 2; display: grid; margin-top: 5rem; grid-template-columns: 1fr 1fr; background: #fff; box-shadow: 0 0 10px rgba(0,0,0, .1); padding:2% 0;}
.service_ruzhu_people { display: flex; align-items: center; margin-left: 5%;}
.service_ruzhu_people img { width: 4rem;}
.service_ruzhu_people div h5 { padding-left:1rem ; font-weight: normal; font-size: 1.1rem; line-height: 2;}
.service_ruzhu_people div p span { display:inline-block; font-size: 0.8rem; margin-bottom: 5px;  margin: 0.5rem 0; margin-left: 1rem;}
.service_ruzhu_people div p span:nth-child(1) { background: url(../img/mxgp/mxgp_business_name.png) no-repeat; background-size: auto 0.9rem ; padding-left: 1.5rem;}
.service_ruzhu_people div p span:nth-child(2) { background: url(../img/mxgp/mxgp_business_tel.png) no-repeat; background-size: auto 0.9rem ; padding-left: 1.5rem;}
.service_ruzhu_qrcode  { text-align: right; font-size: 0; margin-right: 5%;}
.service_ruzhu_qrcode span { font-size:12px;  display: inline-block; display: block; margin-top: 0.3rem;}
.service_ruzhu_qrcode img{ display: inline-block;  width:4rem;}

.mode_service_wk_building { background: url(../img/park/service/service_wk_img6.jpg) no-repeat; background-size: 100% auto; min-height: 55vw; margin: 5%; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0, .1);}
.mode_service_wk_overview { background: url(../img/park/service/service_wk_img5.jpg) no-repeat; background-size: 100% auto; margin-top: 5rem; height:52vw;}
@media (max-width: 900px) {
  .service_highlight {  grid-template-columns:1fr 1fr;}
  .service_img5-2 { position: static; width: 100%; margin-top: 5vw;}
  .service_overview_2_info span { font-size: 1.3rem; padding-left: 2.7rem; }
  .service_transportation  { grid-template-columns: 1fr;}
  .service_transportation img { margin-top: 5vw;}
  .mode_service_park_amenities {  grid-template-columns:  1fr; background: #F3F3F3; }
  .service_park_amenities_info { padding-left: 5%; margin-top: 10vw; }
  .service_park_amenities_info ul { margin-top:1rem;}
  .mode_service_ruzhu h6 { font-size: 1.4rem;}
  .service_ruzhu {  grid-template-columns: 1fr; padding-top: 3rem;}
  .service_ruzhu_people img { width: 7rem;}
  .service_ruzhu_qrcode  { text-align: center; font-size: 0; margin-right: 5%; margin: 2rem 0;}
  .service_ruzhu_qrcode img{ display: inline-block;  width:7rem; }
  .service_ruzhu_people div h5 { font-size: 1.3rem; font-weight: bold;}
  .service_ruzhu_people div p span { font-size: 1.2rem;}
  .service_ruzhu_people div p span:nth-child(1) { background: url(../img/mxgp/mxgp_business_name.png) no-repeat center left; background-size: auto 1.2rem ; padding-left: 1.9rem;}
  .service_ruzhu_people div p span:nth-child(2) { background: url(../img/mxgp/mxgp_business_tel.png) no-repeat center left; background-size: auto 1.2rem ; padding-left: 1.9rem;}
}





/* 品牌 ******************************************************************************************/
.brand_detail_title { position: absolute; text-align: center; top: 35%; width: 100%; z-index: 2; color: #fff; text-transform: uppercase;}
.brand_detail_title h1 { font-family: Arial, Helvetica, sans-serif;}
.brand_detail_title h5 { margin-top: 1.2rem; }
.brand_logo { width: 20rem;}
.mode_brand_three_img { background: url(../img/sports_gear/brand/brand_right_bg.jpg) no-repeat top right; background-size: 50% auto; }
.brand_three_top { display: grid; grid-template-columns: 1fr 1fr;  width: 100%; max-width: 1200px; padding-top: 5%; margin: auto;}
.brand_three_top div{  font-size: 0;}
.brand_three_top div:nth-child(1) p { background: url(../img/sports_gear/brand/brand_img1_bg.jpg) no-repeat; color: #fff; padding: 5%; background-size: 100% 100%;}
.brand_three_top div:nth-child(2) { display: flex; text-align: left; align-items: center; padding-left: 10%;}

.mode_brand_three_img2 { background: #F3F3F3; padding: 5% 0; padding-bottom: 20%; }
.brand_three_top2 { position: relative; display: grid; grid-template-columns: 1fr 1fr;  width: 100%; max-width: 1200px; margin: auto;}
.brand_three_top2 div{  font-size: 0;}
.brand_three_top2 > div:nth-child(1)::after { content: ""; background:#b5282e; width: 20px; height: 10rem; position: absolute; z-index: 1; left: -20px;}
.brand_three_top2 > div:nth-child(1)::before { content: ""; background:#b5282e; width: 10rem; height: 20px; position: absolute; z-index: 1; left: -20px; top: -20px;}
.brand_three_top2 > div:nth-child(1) p { background: url(../img/sports_gear/brand/brand_img1_bg.jpg) no-repeat; color: #fff; padding: 5%; background-size: 100% 100%;}
.brand_three_top2 > div:nth-child(2) { position: relative; display: grid; width: 100%; align-items: flex-end; }
.brand_three_top2 > div:nth-child(2) > div { position: relative; }
.brand_three_top2 > div:nth-child(2) > div h5 { padding-left: 10%; color: #C02B30; font-size: 2rem; width: 90%; margin-bottom: 2rem;}
.brand_three_top2 > div:nth-child(2) p { padding-left: 10%; padding-bottom: 3rem; border-bottom: 1px solid #bdbdbd;}
.mode_brand_intro_tips { position: relative;}
.three_img3 { position: absolute; top: 0; transform: translateY(-50%); width: 100%; left: 2%;}
.brand_intro_tips { position: absolute; width:90%; padding: 5% 0; max-width: 1200px; left: 50%; transform: translate(-50%,-50%); }
.brand_intro_tips ul { display: grid;grid-template-columns: 1fr 1fr 1fr; padding:5% 1%; background: #fff; list-style: none;}
.brand_intro_tips ul li:first-child { border: none;}
.brand_intro_tips ul li { padding-left: 10%; padding-right: 5%; border-left: 1px solid #cecece; color: #666666;}
.brand_intro_tips ul li h5 { font-weight: normal; margin-bottom: 0.7rem; margin-top: 1rem; color: #000;}
.brand_intro_tips ul li img{ width: 3rem;}
.brand_intro_tips_txt { position: absolute;width:90%; padding: 5% 0; z-index: 3;bottom:20%; color: #fff; max-width: 1200px; left: 50%; transform: translateX(-50%); }
.brand_intro_tips_txt div { padding: 10% 0; font-size: 1.3rem; line-height: 1.5;}


.brand_pro { list-style: none; font-size: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1%;}
.brand_pro li { background: url(../img/sports_gear/brand/brand_pro_bg.jpg) no-repeat; background-size: 100% auto; padding: 25% 10%; background-color: #f4f4f4;}
.brand_pro li span { font-size: 1.1rem; display: block; margin-top: 3rem; text-align: center;}
.brand_more { display: grid; grid-template-columns: 1fr 2fr ; justify-content: space-between; align-items: flex-end; width: 90%; max-width: 1200px; padding: 1% 0 ; margin: auto;}
.brand_more img { width:6rem; display: inline-block;}
.brand_more > div { text-align: right;  display: flex;align-items: center;} 
.brand_more h6 { padding-bottom: 1.1rem; font-size: 1.3rem;}
.brand_more > div h5 { font-size: 16px; margin-right: 1rem;}
.brand_more > div { text-align: right; display: flex; flex-direction: row-reverse; }
.brand_more > div span { display: block; font-size: 12px; color: #666666; margin-top: 7px;}
.brand_more > div p { text-align: center; margin: 0 1%;}
.brand_more_ul { list-style:none;  width: 90%; max-width: 1200px; padding: 1% 0 ; margin: auto; font-size: 0; padding: 2rem 0; padding-bottom: 10rem;}
.brand_more_ul li { display: inline-block; width: 19%; margin-right: 1%;  font-size: 0;}
.brand_more_ul li img { border: 1px solid #979797;}
.brand_more_ul a { display: block; transition: 0.3s ease;}
.brand_more_ul a:hover {transform: scale(1.05);}
img.btn_torc_tmall,img.btn_torc_jd { width: 12rem; cursor: pointer;transition: 0.3s ease; margin-bottom: 1rem;}
img.btn_torc_tmall:hover,img.btn_torc_jd:hover { transform: scale(0.95);}

@media (max-width: 900px) {
  .brand_logo { width: 40%; margin-top: 0.5rem;}
  .brand_detail_title { position: absolute; text-align: center; top: 25%; width: 100%; z-index: 2; color: #fff; text-transform: uppercase;}
  .brand_detail_title h5 { margin-top: 0.5rem; }
  .brand_detail_title h1 { font-size: 2rem; }

  .brand_three_top { grid-template-columns: 1fr;}
  .brand_three_top2 {grid-template-columns: 1fr;}
  .mode_brand_three_img { padding: 5%;}
  .mode_brand_three_img2 { padding: 5%; padding-bottom: 56vw;}
  .three_img3 { position: static; top: 0; transform: translateY(0%); width: 100%; left: 2%;  margin-top:3vw;}
  .brand_three_top div:nth-child(2) { padding: 10% 0;}
  .brand_three_top2 > div:nth-child(2) > div h5 { padding-left: 10%;padding-top: 10%;}
  .brand_intro_tips {  width:90%; padding: 5% 0; left: 50%; transform: translate(-50%,-50%);}
  .brand_intro_tips_txt { bottom:3%; }
  .brand_intro_tips_txt div { padding: 5% 0; font-size: 1.2rem; }
  .brand_intro_tips ul { padding-bottom: 10vw;}
  .brand_intro_tips ul li { border-left: none;}
  .brand_intro_tips ul li h5 { font-size: 1.6rem; font-weight: bold;}
  .brand_intro_tips ul li img{ width: 6rem;}
  .brand_pro { grid-template-columns: 1fr 1fr; gap: 1%;}
  .brand_more { grid-template-columns: 1fr;}
  .brand_more > div { position: relative; text-align: left;  display: flex; align-items: center; margin-top: 1rem; justify-content: center; padding-top: 15vw;} 
  .brand_more > div h5 { font-size: 12px; margin-right: 1rem; position: absolute; left: 5%; top:0; width: 92%; text-align: center;}
}












/* 新闻中心 ******************************************************************************************/
.mode_news_feedback { background: url(../img/news/news_feedback.jpg) no-repeat; background-size: 100% auto;}
.mode_news_feedback h3 { font-weight: normal;}
.news_feedback_text {  background: #fff; padding: 5%; box-shadow: 0 0 20px rgba(0,0,0, .1); color: #232323; line-height: 1.5; margin-top: 40vw;}
.mode_news_more { padding:5% 0; margin-top: 3rem; }
.news_party_wrap { position: relative; font-size: 0;}
.news_party_lb { position: relative; width: 60%; margin-left: 40%;}
.news_party_lb_txt { position: absolute; width: 50%; z-index: 333; bottom: 0; } 
.news_party_lb_txt h6 { background: #b5282e; display: inline-block; color: #fff; font-size: 1.6rem; padding: 0.5rem 2rem;}
.news_party_lb_txt p{ display: flex; align-items: center; font-size: 0.9rem; line-height: 1.8; background: #fff; color: #666666; padding: 8%; box-shadow: 0 0 20px rgba(0,0,0, .1);  }
.swiper_news_next { background: url(../img/news/news_next.jpg) no-repeat; background-size: 100% auto; width: 1.5rem; height: 1.5rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_news_prev { background: url(../img/news/news_prev.jpg) no-repeat; background-size: 100% auto; width: 1.5rem; height: 1.5rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_news_party_next_pos { top: 60%; left: 20%; }
.swiper_news_party_prev_pos { top: 60%; right: 5%;}
.news_party_wrap div.gy_style { right:0%; text-align: right;}
.gy_style p {text-align: left;}
.news_party_wrap div.gy_style2 { margin-left: 0%;}
.swiper_news_gy_next_pos { top: 60%; left: 5%; }
.swiper_news_gy_prev_pos { top: 60%; right:20%;}
.mode_news_more_list div.mySwiper_news { padding: 3% 0;}
.mode_news_more_list h6 { font-size: 1.3rem;}
.swiper_news_next { background: url(../img/news/news_more_next.jpg) no-repeat; background-size: 100% auto; width: 2rem; height: 2rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_news_prev { background: url(../img/news/news_more_prev.jpg) no-repeat; background-size: 100% auto; width: 2rem; height: 2rem; position: absolute; z-index: 3; cursor: pointer;}
.swiper_news_more_next_pos { top: 0%; right: 4%; }
.swiper_news_more_prev_pos { top: 0%; right: 0%;}

.mode_news_detail { background-color: #e4e4e4;  height: 30.20vw;}
.news_detail { background: #fff;}
.news_detail h5 { margin-bottom: 3rem; font-size: 1.6rem;}
.news_detail_fl_date { display: flex;  justify-content: space-between; border-bottom: 1px solid #D8D8D8; padding-bottom: 0.5rem;}
.news_detail_fl_date span { font-size: 0.8rem; color: #6B6B6B;}
.news_detail_fl { background: #D8D8D8; color: #000; padding: 0.2rem 0.5rem;}
.news_detail_content { color: #666; padding: 5%; line-height: 1.5;}
.news_detail_content img { width: unset; max-width: 100%;}
.news_detail_content p { line-height: 1.5; margin: 1rem;}
@media (max-width: 900px) {
  .news_party_wrap { padding-top: 4vw;}
  .news_party_lb { position: relative; width: 100%; margin-left: 0%;}
  .news_party_lb_txt { width: 100%; position: static;}
  .news_party_lb_txt p { font-size: 1.2rem;}
  .swiper_news_party_next_pos { top: 60%; left: 5%; }
  .swiper_news_party_prev_pos { top: 60%; right: 5%;}
  .swiper_news_gy_next_pos { top: 60%; left: 5%; }
  .swiper_news_gy_prev_pos { top: 60%; right:5%;}
  .news_feedback_text {  margin-top: 105vw; font-size: 1.3rem; }
  .mode_news_feedback { background: url(../img/news/news_feedback_wap.jpg) no-repeat; background-size: 100% auto;}
  .swiper_news_more_next_pos { top: 0%; right: 8%; }
  .swiper_news_more_prev_pos { top: 0%; right: 0%;}
  .news_detail_content {  padding: 0%; padding-top: 5%;}
}




.media_d_wrap { display: none; position: fixed; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); z-index: 333333; left: 0; top: 0; bottom: 0 ; right: 0;}
.media_d_content { display: flex; align-items: center; justify-content: center;width: 100%; height: 100%;}
.media_d_content div { display: inline-block; }
.media_d_content div img { height: 60vh;}
.close_btn { width: 3rem; height: 3rem; background: url(../img/about/close.png) no-repeat; background-size: 100% 100% ; position: absolute; right: 5%; top:  5%;}