/* 全局重置 */
        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }
        body {color: #333;background-color: #fbf8f7; }
        a {text-decoration: none;color: inherit; }
        ul {list-style: none; }

/* Banner区 */
        .banner {width: 100%;height: 550px;background-color: #e6f3ff;position: relative;display: flex;align-items: center;justify-content: center; }
         
        }
		
		/* 滚动后头部样式 */
.header-on {background-color: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* 可选阴影 */
}

/* 滚动后导航文字变黑 */
header.header-fixed .nav a,
header.header-fixed .menu a {color: #333333 !important; }

/* 滚动后 LOGO 文字变黑（如果是文字LOGO） */
header.header-fixed .logo a {color: #000 !important; }
      

        /* 主体区域 + 背景 */
        .n-container-wrapper {width: 100%; /* background: #fcf8f7 url("imgnbj.jpg") no-repeat center top; */
            background-size: 100% auto;padding: 20px 0 50px; }
        .n-container {width:75%;margin: 0 auto;display: flex;gap: 30px; }

        /* 侧边栏 */
        .sidebar {width:303px;position: relative;top:-100px;flex-shrink: 0; }
        .sidebar-title {background:url(../img/n-lanmubj.png) no-repeat top center; ;color: #fff;width:303px;height:162px;font-size: 40px;padding-top:50px;font-weight: bold;text-align: center; }
        .sidebar-title small {display: block;color:#cf898d;font-size: 10px;font-weight: normal;margin-top: 5px; text-transform: uppercase;}
        .sidebar-menu {background: #fff;margin-bottom: 5%; }
        .sidebar-menu li a {display: block;padding: 15px 0px 15px 105px;font-size: 16px;color: #4c4c4c;transition: all 0.3s ease;position: relative;overflow: hidden; }
        .sidebar-menu li a.active {background-color: red; /* 针对不支持渐变的浏览器 */
  background-image: linear-gradient(to bottom right, #c30d23, #801216);color: #fff; }
        .sidebar-menu li a:hover:not(.active) {background-color: red; /* 针对不支持渐变的浏览器 */
  background-image: linear-gradient(to bottom right, #c30d23, #801216);color:#fff;padding-left: 115px; }
        .sidebar-menu li a:hover:not(.active)::before {content: "";position: absolute;left: 0;top: 0;width: 3px;height: 100%;background-color: red; /* 针对不支持渐变的浏览器 */
  background-image: linear-gradient(to bottom right, #c30d23, #801216);color:#fff; }

        /* ======================
           明星产品 → 最终版 用
        ======================= */
        .sidebar-product {margin-top: 30px;border: none; }
        .sidebar-product-title {display: flex;justify-content: space-between; }
        .sidebar-product-content {position: relative;padding: 15px;background: #fff; }

        /* 轮播外层：只包裹图片 + 箭头 */
        .product-slide-n-container {position: relative;width: 100%;margin-bottom: 12px;overflow: hidden; }

        /* 轮播轨道：CSS横向滑动 */
        .product-slide-wrapper {display: flex;width: 300%;transition: transform 0.4s ease; }

        /* 单张产品 */
        .product-slide-item {width: 100%;flex-shrink: 0;text-align: center; }
        .product-slide-item img {width: 100%;max-width: 150px;margin: 0 auto;display: block; }

        /* 箭头：只在图片左右，无背景 */
        .product-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: transparent;border: none;color: #c00;font-size: 16px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10; }
        .product-arrow.prev {left: 0; }
        .product-arrow.next {right: 0; }

        /* 产品信息 */
        .sidebar-product-name {font-size: 14px;font-weight: bold;color: #c00;margin-bottom: 4px;text-align: center; }
        .sidebar-product-desc {font-size: 12px;color: #666;line-height: 1.4;margin-bottom: 8px;text-align: center; }

        /* 红色圆形跳转箭头 → 靠右 */
        .imgpro1.png-link {display: block;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background:#156aa9;color:#fff;box-shadow: rgba(21,106,169,0.3) 0 0 10px;color: #fff;width:58px;height:58px;text-align: center;line-height: 58px;display:inline-block;font-size: 16px;color:#222222;background: #fff;margin:0 10px;border-radius:60px;font-size: 12px;text-align: center;margin-left: auto; }

        /* 主内容区 n5-2 统一命名 */
         
        .n5-2-breadcrumb {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;font-size: 12px;color: #999;padding:0 0 20px 0; }
        .n5-2-bread-left {display: flex;align-items: center;gap: 8px; }
        .n5-2-bread-right {display: none; }
        .n5-2-nav-drop {position: relative;display: flex;align-items: center;gap: 4px;cursor: pointer;color: #333;font-weight: bold;font-size: 13px; }
        .n5-2-nav-drop::after {content: "▼";font-size: 10px;color: #666; }
        .n5-2-drop-menu {position: absolute;top: 25px;left: 0;width: 160px;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 999;display: none; }
        .n5-2-drop-menu a {display: block;padding: 8px 12px;font-size: 13px;color: #333;border-bottom: 1px solid #f5f5f5; }
        .n5-2-drop-menu a:hover {background: #f8f8f8;color: #c00; }
        .n5-2-drop-menu.show {display: block;list-style: none; }

        /* 核心：新闻列表content-box样式 n5-2开头 */
        .n5-2-content-box {background: #fff;border-top: 1px solid #eee;padding: 40px 5%;margin-bottom: 20px;  min-height:750px;}

        /* 新闻列表项 - 新增hover特效 */
        .n5-2-news-item {display: flex;align-items: flex-start; gap: 20px;padding: 30px 20px; /* 增大内边距：上下30px，左右20px */
            border-bottom: 1px solid #f0f0f0;position: relative;transition: all 0.3s ease; /* 过渡动画 */
            cursor: pointer; /* 鼠标变成手型 */
        }
        .n5-2-news-item:last-child {border-bottom: none; }
        /* 新闻项hover整体特效 */
        .n5-2-news-item:hover {background-color: #faf5f4; /* 浅红背景 */
            padding-left: 30px; /* 轻微左移，配合增大的内边距 */
        }

        /* 新闻图片容器 - 新增hover特效 */
        .n5-2-news-img {width:30%; /* 缩小图片宽度：从30%改为20% */
            flex-shrink: 0;transition: transform 0.3s ease; /* 图片缩放过渡 */
        }
        .n5-2-news-img img {width: 100%;height: auto;max-height: 200px; /* 限制图片最大高度 */
            object-fit: cover; /* 保持图片比例 */
            border-radius: 4px;transition: all 0.3s ease; /* 图片阴影过渡 */
        }
        /* hover时图片放大+加阴影 */
        .n5-2-news-item:hover .n5-2-news-img img {transform: scale(1.03); /* 轻微放大 */
            box-shadow: 0 4px 12px rgba(195, 13, 35, 0.15); /* 红色系阴影 */
        }

        /* 新闻内容容器 */
        .n5-2-news-content {flex: 1;padding-right: 60px; /* 为右侧按钮留出空间 */
            position: relative; /* 新增：为移动端按钮定位做准备 */
            padding-bottom: 50px; /* 新增：为移动端按钮留出空间 */
        }

        /* 新闻标题 - 新增链接hover样式 */
        .n5-2-news-title {font-size: 18px;color: #c30d23;font-weight: bold;margin-bottom: 15px;line-height: 1.4;transition: color 0.3s ease; /* 标题颜色过渡 */
        }
        /* 标题链接hover变色 */
        .n5-2-news-title:hover {color: #a0091c; /* 更深的红色 */
           
        }

        /* 新闻描述 - 新增链接hover样式 */
        .n5-2-news-desc {font-size: 14px;padding: 0 6% 0 0;color: #666;line-height: 1.8;text-align: justify;transition: color 0.3s ease; /* 描述颜色过渡 */
        }
        /* 描述链接hover变色 */
        .n5-2-news-desc:hover {color: #c30d23; }

        /* 右侧圆形按钮 - 核心样式 + hover联动 */
        .n5-2-news-btn {background:url(../img/icon-5.png) no-repeat center center;position: absolute;right: 20px; /* 调整右侧间距，配合增大的内边距 */
            top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background-color: #e3e3e3; /* 默认背景 */
            color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease; /* 按钮过渡动画 */
            font-size: 16px;border: none; /* 去掉边框 */
            outline: none; /* 去掉聚焦轮廓 */
        }
        /* 按钮内箭头样式 */
        .n5-2-news-btn::after {content: " "; /* 添加向右箭头 */
            font-size: 14px;font-weight: bold; }
        /* 鼠标hover样式（单独hover按钮） */
        .n5-2-news-btn:hover {background-color: #c30d23; /* hover背景 */
            transform: translateY(-50%) scale(1.1); /* 轻微放大 */
        }
        /* 父元素hover时按钮变色（联动效果） */
        .n5-2-news-item:hover .n5-2-news-btn {background-color: #c30d23; /* 变红 */
            transform: translateY(-50%) scale(1.1); /* 轻微放大 */
        }
        /* 第一个按钮默认红色 */
        .n5-2-news-btn.active {background-color: #c30d23; }
        /* 第一个按钮hover/父元素hover时强化效果 */
        .n5-2-news-item:hover .n5-2-news-btn.active {background-color: #a0091c; /* 更深的红色 */
            transform: translateY(-50%) scale(1.15); /* 放大更多 */
        }

        /* 分页样式 */
        .n5-2-pagination {display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 40px;font-size: 14px; }
        .n5-2-page-btn {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius:60px;color: #666;cursor: pointer;transition: all 0.3s ease; }
        .n5-2-page-btn.active {background-color: #c30d23;color: #fff; }
        .n5-2-page-btn:hover:not(.active) {background-color: #f8f8f8;color: #c30d23; }
        .n5-2-page-ellipsis {color: #999; }

        /* 响应式适配 - 全尺寸自适应 */
		
		@media screen and (max-width:1680px){
   .n-container {width: 95%; }
		
		
		}
		
		@media screen and (max-width:1440px){
   .n5-2-content-box {padding:40px 0; }
		
		
		}
		
		
		 
		
        @media (max-width: 768px) {
   .header {flex-direction: column; }
		
            
            .banner {height: auto; }
            
            .n-container {flex-direction: column; width:95%; }
            .sidebar {width: 100%;display: none; }
            .n5-2-bread-right {display: block; }
            .n5-2-breadcrumb {flex-direction: row; }

            /* 新闻列表响应式 */
            .n5-2-content-box {padding: 20px 4%; }
            .n5-2-news-item {flex-direction: column;gap: 15px;padding: 20px 15px !important; /* 移动端内边距调整 */
            }
            .n5-2-news-item:hover {padding-left: 15px !important; }
            .n5-2-news-img {width: 100%;max-height: 200px; }
            .n5-2-news-content {padding-right: 0;padding-bottom: 0; /* 重置底部内边距 */
            }
            .n5-2-news-title {font-size: 16px; }
            .n5-2-news-desc {font-size: 13px;margin-bottom: 20px; /* 为按钮留出间距 */
            }
            /* 移动端按钮位置调整：在描述下方 */
            .n5-2-news-btn {position: static; /* 改为静态定位 */
                transform: none;width: 36px;height: 36px;font-size: 14px;margin-top: 10px; /* 与描述保持间距 */
                margin-left: auto; /* 靠右对齐 */
            }
            /* 移动端按钮hover效果 */
            .n5-2-news-item:hover .n5-2-news-btn {transform: scale(1.1); }
        }

        @media (max-width: 480px) {
   .n5-2-news-title {font-size: 15px; }
            .n5-2-page-btn {width: 26px;height: 26px;font-size: 12px; }
        }
		
		.left-star{background:#fff;padding-top:3%; }
				  /* 明星基础容器 */
				  .slider-wrap {width:90%; /* 可自由修改 */
					margin:auto;margin-top:3%;position: relative;text-align: center; }

				  /* 单张图片区域（点击跳转） */
				  .slider-item {display: none;text-decoration: none; }
				  .slider-item.active {display: block; }

				  /* 图片样式 */
				  .slider-item img {width: 100%;height: auto;display: block;border-radius: 6px; }

				  /* 品名 */
				  .product-name {font-size: 18px;color: #c30d23;margin: 10px 0 4px;font-weight: 500; }

				  /* 功能主治 */
				  .product-desc {font-size: 14px;padding: 0 5% 10% 5%;text-align:center;color: #7d7d7d;margin: 0; }

				  /* 左右切换按钮 */
				  .slider-btn {position: absolute;top: 35%;transform: translateY(-50%); color: #fff;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;cursor: pointer;border: none;z-index: 10; }
				   
				  .prev-btn {left: 10px;background:url(../img/icon-5l.png) no-repeat 50% center  rgba(0,0,0,0.3)}
				  .prev-btn:hover {background:url(../img/icon-5l.png) no-repeat 50% center rgba(198,38,48,1)}
				  .next-btn {right: 10px;background:url(../img/icon-5.png) no-repeat 58% center  rgba(0,0,0,0.3)}
				  .next-btn:hover {background:url(../img/icon-5.png) no-repeat 58% center rgba(198,38,48,1)}
				  .slider-btn img{position: absolute;bototm:5px; }
				  
				  .next-btn .iconfont::before {content: "\e601"; /* 你的箭头码点 */
  font-family: "iconfont" !important; }
  
.grid figure {position: relative;display: inline-block;overflow: hidden;margin: 10px 2%;min-width: 300px;max-width: 450px;width: 48%;height: auto;text-align: center;cursor: pointer
}

.shipin figure {width: 90%;display: contents;}

.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%; /*opacity: .8*/
}

.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em; -webkit-backface-visibility: hidden;backface-visibility: hidden
}

.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none
}

.grid figure figcaption,.grid figure figcaption>a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0; }

.grid figure figcaption>a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0; }

.grid figure h2 {word-spacing: -.25em;font-weight: 300
}

.grid figure h2 span {}

.grid figure h2,.grid figure p {margin: 0
}

.grid figure p {letter-spacing: 1px;font-size: 68.5%;text-align: left;line-height: 24px; }

figure.effect-julia {background: #c30d23; }

figure.effect-julia img {max-width: none;height: 400px; -webkit-transition: opacity 1s,-webkit-transform 1s;transition: opacity 1s,transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden
}

figure.effect-julia figcaption {text-align: left
}

figure.effect-julia h2 {position: relative;padding: .5em 0
}

figure.effect-julia p {display: inline-block;margin: 0 0 .25em;padding: .4em 1em;background: rgba(255,255,255,.9);color: #2f3238;text-transform: none;font-weight: 500;font-size: 75%; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(-360px,0,0);transform: translate3d(-360px,0,0)
}

figure.effect-julia p:first-child {-webkit-transition-delay: .15s;transition-delay: .15s
}

figure.effect-julia p:nth-of-type(2) {-webkit-transition-delay: .1s;transition-delay: .1s
}

figure.effect-julia p:nth-of-type(3) {-webkit-transition-delay: .05s;transition-delay: .05s
}

figure.effect-julia:hover p:first-child {-webkit-transition-delay: 0s;transition-delay: 0s
}

figure.effect-julia:hover p:nth-of-type(2) {-webkit-transition-delay: .05s;transition-delay: .05s
}

figure.effect-julia:hover p:nth-of-type(3) {-webkit-transition-delay: .1s;transition-delay: .1s
}

figure.effect-julia:hover img {opacity: .4; -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1)
}

figure.effect-julia:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-goliath {background: #df4e4e
}

figure.effect-goliath img,figure.effect-goliath h2 {-webkit-transition: -webkit-transform .35s;transition: transform .35s
}

figure.effect-goliath img {-webkit-backface-visibility: hidden;backface-visibility: hidden
}

figure.effect-goliath h2,figure.effect-goliath p {position: absolute;bottom: 0;left: 0;padding: 10px;
}

figure.effect-goliath p {    width: 100%;  text-align: center;text-transform: none;font-size: 90%;opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);background-image: linear-gradient(to bottom right, #c30d23, #801216);
}

figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-45px,0);transform: translate3d(0,-45px,0)
}

figure.effect-goliath:hover h2 {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0)
}

figure.effect-goliath:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-hera {background: #303fa9
}

figure.effect-hera h2 {font-size: 158.75%
}

figure.effect-hera h2,figure.effect-hera p {position: absolute;top: 50%;left: 50%; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%;transform-origin: 50%
}

figure.effect-hera figcaption::before {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;border: 2px solid #fff;content: '';opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); -webkit-transform-origin: 50%;transform-origin: 50%
}

figure.effect-hera p {width: 100px;text-transform: none;font-size: 121%;line-height: 2
}

figure.effect-hera p a {color: #fff
}

figure.effect-hera p a:hover,figure.effect-hera p a:focus {opacity: .6
}

figure.effect-hera p a i {opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-hera p a:first-child i {-webkit-transform: translate3d(-60px,-60px,0);transform: translate3d(-60px,-60px,0)
}

figure.effect-hera p a:nth-child(2) i {-webkit-transform: translate3d(60px,-60px,0);transform: translate3d(60px,-60px,0)
}

figure.effect-hera p a:nth-child(3) i {-webkit-transform: translate3d(-60px,60px,0);transform: translate3d(-60px,60px,0)
}

figure.effect-hera p a:nth-child(4) i {-webkit-transform: translate3d(60px,60px,0);transform: translate3d(60px,60px,0)
}

figure.effect-hera:hover figcaption::before {opacity: 1; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1)
}

figure.effect-hera:hover h2 {opacity: 0; -webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1)
}

figure.effect-hera:hover p i:empty {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1
}

figure.effect-winston {background: #162633;text-align: left
}

figure.effect-winston img {-webkit-transition: opacity .45s;transition: opacity .45s; -webkit-backface-visibility: hidden;backface-visibility: hidden
}

figure.effect-winston figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/triangle.svg) no-repeat center center;background-size: 100% 100%;content: ''; -webkit-transition: opacity .45s,-webkit-transform .45s;transition: opacity .45s,transform .45s; -webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%;transform-origin: 0 100%
}

figure.effect-winston h2 {-webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)
}

figure.effect-winston p {position: absolute;right: 0;bottom: 0;padding: 0 1.5em 7% 0
}

figure.effect-winston a {margin: 0 10px;color: #5d504f;font-size: 170%
}

figure.effect-winston a:hover,figure.effect-winston a:focus {color: #cc6055
}

figure.effect-winston p a i {opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0)
}

figure.effect-winston:hover img {opacity: .6
}

figure.effect-winston:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-winston:hover figcaption::before {opacity: .7; -webkit-transform: rotate3d(0,0,1,20deg);transform: rotate3d(0,0,1,20deg)
}

figure.effect-winston:hover p i {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-winston:hover p a:nth-child(3) i {-webkit-transition-delay: .05s;transition-delay: .05s
}

figure.effect-winston:hover p a:nth-child(2) i {-webkit-transition-delay: .1s;transition-delay: .1s
}

figure.effect-winston:hover p a:first-child i {-webkit-transition-delay: .15s;transition-delay: .15s
}

figure.effect-selena {background: #fff
}

figure.effect-selena img {opacity: .95; -webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%
}

figure.effect-selena:hover img {-webkit-transform: scale3d(.95,.95,1);transform: scale3d(.95,.95,1)
}

figure.effect-selena h2 {-webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)
}

figure.effect-selena p {opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);transform: perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%;transform-origin: 50% 0%
}

figure.effect-selena:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-selena:hover p {opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);transform: perspective(1000px) rotate3d(1,0,0,0)
}

figure.effect-terry {background: #34495e
}

figure.effect-terry figcaption {padding: 1em
}

figure.effect-terry figcaption::before,figure.effect-terry figcaption::after {position: absolute;width: 200%;height: 200%;border-style: solid;border-color: #101010;content: ''; -webkit-transition: -webkit-transform .35s;transition: transform .35s
}

figure.effect-terry figcaption::before {right: 0;bottom: 0;border-width: 0 70px 60px 0; -webkit-transform: translate3d(70px,60px,0);transform: translate3d(70px,60px,0)
}

figure.effect-terry figcaption::after {top: 0;left: 0;border-width: 15px 0 0 15px; -webkit-transform: translate3d(-15px,-15px,0);transform: translate3d(-15px,-15px,0)
}

figure.effect-terry img,figure.effect-terry p a {-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-terry img {opacity: .85
}

figure.effect-terry h2 {position: absolute;bottom: 0;left: 0;padding: .4em 10px;width: 50%; -webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)
}

@media screen and (max-width: 920px) {figure.effect-terry h2 {padding:.75em 10px;font-size: 120%
    }
}

figure.effect-terry p {float: right;clear: both;text-align: left;text-transform: none;font-size: 111%
}

figure.effect-terry p a {display: block;margin-bottom: 1em;color: #fff;opacity: 0; -webkit-transform: translate3d(90px,0,0);transform: translate3d(90px,0,0)
}

figure.effect-terry p a:hover,figure.effect-terry p a:focus {color: #f3cf3f
}

figure.effect-terry:hover figcaption::before,figure.effect-terry:hover figcaption::after {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-terry:hover img {opacity: .6
}

figure.effect-terry:hover h2,figure.effect-terry:hover p a {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-terry:hover p a {opacity: 1
}

figure.effect-terry:hover p a:first-child {-webkit-transition-delay: .025s;transition-delay: .025s
}

figure.effect-terry:hover p a:nth-child(2) {-webkit-transition-delay: .05s;transition-delay: .05s
}

figure.effect-terry:hover p a:nth-child(3) {-webkit-transition-delay: .075s;transition-delay: .075s
}

figure.effect-terry:hover p a:nth-child(4) {-webkit-transition-delay: .1s;transition-delay: .1s
}

figure.effect-phoebe {background: #675983
}

figure.effect-phoebe img {opacity: .85; -webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-phoebe:hover img {opacity: .6
}

figure.effect-phoebe figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/triangle2.svg) no-repeat center center;background-size: 100% 100%;content: ''; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: scale3d(5,2.5,1);transform: scale3d(5,2.5,1); -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%
}

figure.effect-phoebe:hover figcaption::before {opacity: .6; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-phoebe h2 {margin-top: 1em; -webkit-transition: transform .35s;transition: transform .35s; -webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0)
}

figure.effect-phoebe:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-phoebe p a {color: #fff;font-size: 140%;opacity: 0;position: relative;display: inline-block; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-phoebe p a:first-child {-webkit-transform: translate3d(-60px,-60px,0);transform: translate3d(-60px,-60px,0)
}

figure.effect-phoebe p a:nth-child(2) {-webkit-transform: translate3d(0,60px,0);transform: translate3d(0,60px,0)
}

figure.effect-phoebe p a:nth-child(3) {-webkit-transform: translate3d(60px,-60px,0);transform: translate3d(60px,-60px,0)
}

figure.effect-phoebe:hover p a {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-apollo {background: #3498db
}

figure.effect-apollo img {opacity: .95; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1)
}

figure.effect-apollo figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);content: ''; -webkit-transition: -webkit-transform .6s;transition: transform .6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}

figure.effect-apollo p {position: absolute;right: 0;bottom: 0;margin: 3em;padding: 0 1em;max-width: 150px;border-right: 4px solid #fff;text-align: right;opacity: 0; -webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-apollo h2 {text-align: left
}

figure.effect-apollo:hover img {opacity: .6; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-apollo:hover figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
}

figure.effect-apollo:hover p {opacity: 1; -webkit-transition-delay: .1s;transition-delay: .1s
}

figure.effect-kira {background: #fff;text-align: left
}

figure.effect-kira img {-webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-kira figcaption {z-index: 1
}

figure.effect-kira p {padding: 2.25em .5em;font-weight: 600;font-size: 100%;line-height: 1.5;opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)
}

figure.effect-kira p a {margin: 0 .5em;color: #101010
}

figure.effect-kira p a:hover,figure.effect-kira p a:focus {opacity: .6
}

figure.effect-kira figcaption::before {position: absolute;top: 0;right: 2em;left: 2em;z-index: -1;height: 3.5em;background: #fff;content: ''; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(0,4em,0) scale3d(1,.023,1);transform: translate3d(0,4em,0) scale3d(1,.023,1); -webkit-transform-origin: 50% 0;transform-origin: 50% 0
}

figure.effect-kira:hover img {opacity: .5
}

figure.effect-kira:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-kira:hover figcaption::before {opacity: .7; -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1);transform: translate3d(0,5em,0) scale3d(1,1,1)
}

figure.effect-steve {z-index: auto;overflow: visible;background: #000
}

figure.effect-steve:before,figure.effect-steve h2:before {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: #000;content: ''; -webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-steve:before {box-shadow: 0 3px 30px rgba(0,0,0,.8);opacity: 0
}

figure.effect-steve figcaption {z-index: 1
}

figure.effect-steve img {opacity: 1; -webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: perspective(1000px) translate3d(0,0,0);transform: perspective(1000px) translate3d(0,0,0)
}

figure.effect-steve h2,figure.effect-steve p {background: #fff;color: #2d434e
}

figure.effect-steve h2 {position: relative;margin-top: 2em;padding: .25em
}

figure.effect-steve h2:before {box-shadow: 0 1px 10px rgba(0,0,0,.5)
}

figure.effect-steve p {margin-top: 1em;padding: .5em;font-weight: 800;opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: scale3d(.9,.9,1);transform: scale3d(.9,.9,1)
}

figure.effect-steve:hover:before {opacity: 1
}

figure.effect-steve:hover img {-webkit-transform: perspective(1000px) translate3d(0,0,21px);transform: perspective(1000px) translate3d(0,0,21px)
}

figure.effect-steve:hover h2:before {opacity: 0
}

figure.effect-steve:hover p {opacity: 1; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-moses {background: -webkit-linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%);background: linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%)
}

figure.effect-moses img {opacity: .85; -webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-moses h2,figure.effect-moses p {padding: 20px;width: 50%;height: 50%;border: 2px solid #fff
}

figure.effect-moses h2 {padding: 20px;width: 50%;height: 50%;text-align: left; -webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: translate3d(10px,10px,0);transform: translate3d(10px,10px,0)
}

figure.effect-moses p {float: right;padding: 20px;text-align: right;opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0)
}

figure.effect-moses:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-moses:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-moses:hover img {opacity: .6
}

figure.effect-jazz {background: -webkit-linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);background: linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%)
}

figure.effect-jazz img {opacity: .9
}

figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%
}

figure.effect-jazz h2,figure.effect-jazz p {opacity: 1; -webkit-transform: scale3d(.8,.8,1);transform: scale3d(.8,.8,1)
}

figure.effect-jazz h2 {padding-top: 26%; -webkit-transition: -webkit-transform .35s;transition: transform .35s
}

figure.effect-jazz p {padding: .5em 2em;text-transform: none;font-size: .85em;opacity: 0
}

figure.effect-jazz:hover img {opacity: .7; -webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1)
}

figure.effect-jazz:hover figcaption::after {opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1)
}

figure.effect-jazz:hover h2,figure.effect-jazz:hover p {opacity: 1; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-ming {background: #030c17
}

figure.effect-ming img {opacity: .9; -webkit-transition: opacity .35s;transition: opacity .35s
}

figure.effect-ming figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,.2);content: '';opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1)
}

figure.effect-ming h2 {margin: 20% 0 10px; -webkit-transition: -webkit-transform .35s;transition: transform .35s
}

figure.effect-ming p {padding: 1em;opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: scale(1.5);transform: scale(1.5)
}

figure.effect-ming:hover h2 {-webkit-transform: scale(.9);transform: scale(.9)
}

figure.effect-ming:hover figcaption::before,figure.effect-ming:hover p {opacity: 1; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-ming:hover figcaption {background-color: transparent
}

figure.effect-ming:hover img {opacity: .4
}

figure.effect-lexi {background: -webkit-linear-gradient(-45deg,#000 0%,#fff 100%);background: linear-gradient(-45deg,#000 0%,#fff 100%)
}

figure.effect-lexi img {margin: -10px 0 0 -10px;max-width: none;width: -webkit-calc(100% + 10px);width: calc(100% + 10px);opacity: .9; -webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s; -webkit-transform: translate3d(10px,10px,0);transform: translate3d(10px,10px,0); -webkit-backface-visibility: hidden;backface-visibility: hidden
}

figure.effect-lexi figcaption::before,figure.effect-lexi p {-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-lexi figcaption::before {position: absolute;right: -100px;bottom: -100px;width: 300px;height: 300px;border: 2px solid #fff;border-radius: 50%;box-shadow: 0 0 0 900px rgba(255,255,255,.2);content: '';opacity: 0; -webkit-transform: scale3d(.5,.5,1);transform: scale3d(.5,.5,1); -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%
}

figure.effect-lexi:hover img {opacity: .6; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-lexi h2 {text-align: left; -webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: translate3d(5px,5px,0);transform: translate3d(5px,5px,0)
}

figure.effect-lexi p {position: absolute;right: 0;bottom: 0;padding: 0 1.5em 1.5em 0;width: 140px;text-align: right;opacity: 0; -webkit-transform: translate3d(20px,20px,0);transform: translate3d(20px,20px,0)
}

figure.effect-lexi:hover figcaption::before {opacity: 1; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

figure.effect-lexi:hover h2,figure.effect-lexi:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)
}

figure.effect-duke {background: -webkit-linear-gradient(-45deg,#34495e 0%,#cc6055 100%);background: linear-gradient(-45deg,#34495e 0%,#cc6055 100%)
}

figure.effect-duke img,figure.effect-duke p {-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s
}

figure.effect-duke:hover img {opacity: .1; -webkit-transform: scale3d(2,2,1);transform: scale3d(2,2,1)
}

figure.effect-duke h2 {-webkit-transition: -webkit-transform .35s;transition: transform .35s; -webkit-transform: scale3d(.8,.8,1);transform: scale3d(.8,.8,1); -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%
}

figure.effect-duke p {position: absolute;bottom: 0;left: 0;margin: 20px;padding: 30px;border: 2px solid #fff;text-transform: none;font-size: 90%;opacity: 0; -webkit-transform: scale3d(.8,.8,1);transform: scale3d(.8,.8,1); -webkit-transform-origin: 50% -100%;transform-origin: 50% -100%
}

figure.effect-duke:hover h2,figure.effect-duke:hover p {opacity: 1; -webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}

@media screen and (max-width: 50em) {
   .content {padding:0 10px;text-align: center
    }

    .grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%
    }
}

/* 主内容区 n2-3 市场网络 */
        .main-content {flex: 1;min-width: 0;  min-height:600px;_height:600px;}
        .n2-3-breadcrumb {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;font-size: 12px;color: #999;padding: 10px 0; }
        .n2-3-bread-left {display: flex;align-items: center;gap: 8px; }
        .n2-3-bread-right {display: none; }
        .n2-3-nav-drop {position: relative;display: flex;align-items: center;gap: 4px;cursor: pointer;color: #333;font-weight: bold;font-size: 13px; }
        .n2-3-nav-drop::after {content: "▼";font-size: 10px;color: #666; }
        .n2-3-drop-menu {position: absolute;top: 25px;left: 0;width: 160px;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 999;display: none; }
        .n2-3-drop-menu a {display: block;padding: 8px 12px;font-size: 13px;color: #333;border-bottom: 1px solid #f5f5f5; }
        .n2-3-drop-menu a:hover {background: #f8f8f8;color: #c00; }
        .n2-3-drop-menu.show {display: block; }

        /* 主内容盒子 */
        .n2-3-content-box {background: #fff;border-top: 1px solid #eee;padding: 5%;margin-bottom: 20px; }
        /* 标签栏 */
        .n2-3-tab-bar {display: list-item;gap: 15px; list-style:none;margin:auto;padding:0% 0 2% 2%;}
        .n2-3-tab {display: inline-block; margin:8px 10px;width:130px;border-radius: 20px;font-size: 16px; text-align:center;cursor: pointer;transition: all 0.3s;background: #b8a08e;color: #fff;line-height:40px; }
        .n2-3-tab:hover {background: #c00; }
        .n2-3-tab.active {background: #c00; }
        /* 顶部区域 - 背景图 */
        .n2-3-top-section {position: relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;gap: 20px;padding: 20px;background: url("../img/n2-3-1.jpg") no-repeat right bottom / contain;min-height: 160px; }
        .n2-3-top-text {flex: 1;font-size: 18px;line-height: 1.8;color: #333; }
        /* 事业部卡片 */
        .n2-3-dept-card {background: #fef8f7;border-radius: 8px;padding: 25px 20px;margin-bottom: 25px; }
        .n2-3-dept-title {font-size: 20px;font-weight: bold;color: #c00;margin-bottom: 15px;padding-bottom: 16px;border-bottom: 2px solid #f0b8b8; }
        .n2-3-dept-item {font-size: 15px;line-height: 1.8;margin-bottom: 8px;color: #333; }
        .n2-3-dept-item strong {color: #c00;min-width: 60px;display: inline-block; }
        .n2-3-dept-card:last-child {margin-bottom: 0; }
        .n2-3-text {font-size: 14px;line-height: 1.8;color: #333; }
        .n2-3-text p {margin-bottom: 15px; }

        /* 响应式 */
        @media (max-width: 768px) {
   .banner {height: auto; }
            
            .container {flex-direction: column; }
            .sidebar {width: 100%;display: none; }
            .n2-3-bread-right {display: block; }
            .n2-3-breadcrumb {flex-direction: row; }
            .n2-3-top-section {flex-direction: column;background-position: center bottom;padding: 20px 10px; }
            .n2-3-tab {font-size: 16px; }
        }


      

        /* ======================
           Banner区（自适应+承载左侧悬浮导航）
        ======================= */
        
.neiBnaner{width: 100%;position:relative; }
.neiBnaner .neiBnanerImg{width:100%; }
.neiBnaner .neiBnanerImg img{width:100%; }
.neiBnaner .neiBnanerText{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: space-between;max-width: 1400px;width: 90%; }
.neiBnaner .neiBnanerText .pageName{display: flex;flex-direction: column; }
.neiBnaner .neiBnanerText .pageName .pageName1{font-size: 48px;color: #fff;font-weight: bolder;text-transform:capitalize; }
.neiBnaner .neiBnanerText .pageName .pageName2{font-size: 48px;color: #fff;margin-bottom:20px; }
.neiBnaner .neiBnanerText .pageName .pageName3{width: 76px;height: 4px;background: #fff; }
.neiBnaner .neiBnanerText .pageName .pageName4{font-size:18px;line-height: 33px;color:#fff;margin-top: 45px;max-width: 55%; }

.neiBnaner .neiBnanerText .aboutBanner{display: flex;flex-wrap: wrap;max-width: 830px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun{width:calc( 100% * ( 1 / 3));display: flex;margin-bottom: 50px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxLeft{width:70px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight{padding-right:25px;display: flex;flex-direction: column;color: #fff; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop{display: flex; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop span{font-size: 42px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop sup{font-size: 13px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxTop sub{font-size: 14px;white-space: pre;margin-top: 20px; }
.neiBnaner .neiBnanerText .aboutBanner .aboutBannerXun .abxRight .abxBot{font-size: 12px;line-height: 3em;white-space: pre; }



.n9-2-contact-row {display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; background-color: #fff; }

.n9-2-contact-item {display: flex; align-items: center; justify-content: space-between; background-color: #fff5f5; border-radius: 12px; padding: 30px 25px; margin:2% 0;min-width: 260px; box-sizing: border-box; }

.n9-2-contact-text {text-align: left; }

.n9-2-contact-title {font-size: 20px; color: #c30d23; font-weight: bold; margin-bottom: 10px; line-height: 1.2; }

.n9-2-contact-info {font-size: 16px; color: #414141; line-height: 1.2; }

.n9-2-contact-icon img {object-fit: contain;padding-left:30px;}

/* 手机端自适应 */
@media (max-width: 1024px) {
   .n9-2-contact-item {width: 48%; }
}

@media (max-width: 768px) {
   .n9-2-contact-row {flex-direction: column; align-items: center; }
    .n9-2-contact-item {width: 100%; max-width: 360px; margin: 0;}
    .n9-2-contact-title {font-size: 20px; }
    .n9-2-contact-info {font-size: 18px; }
    .n9-2-contact-icon img {height: 60px; }
}

.sysDiv {
    margin-bottom: 2rem;
    animation: sysDiv ease-in-out 1s 1;
}

.system-box{overflow: hidden;}


.system-tit .top-tit{font-size: 1.875rem;color: #333333;font-family: 'syhtm';}
.system-tit{margin-top:3rem;margin-bottom: 3rem;overflow: hidden;color: #666666;font-size: 1rem;line-height:1.5rem;}

.system-tit .bot-tit{font-size: 1rem;font-family: 'syhtn';}

.system-div{width:440px;padding:8% 10%;background: #f5f5f5;border-radius: 6%;cursor: pointer;height:170px;   border-radius: 12px !important; /* 四周统一圆角，可改8px/10px */
    overflow: hidden !important;      /* 防止内容溢出圆角 */
    transition: all 0.3s ease;}

.system-div .big-num{font-size:1.5rem; margin-bottom:1.5rem;color: #666666;}

.system-div .active .big-num, .system-div .active .system-con{color: #ffffff;}

.system-div:hover{background: #e60012;box-shadow:0 6px 15px 10px rgba(250,218,218,1);color: #fff;transition-duration: 0.7s;-webkit-transition-duration: 0.7s;}

.system-div.active{background: #e60012;box-shadow:0 6px 15px 10px rgba(250,218,218,1);color: #fff;transition-duration: 0.7s;-webkit-transition-duration: 0.7s; color:#fff;}
 
 
/* 2. hover 文字变白 + 可加背景加深 */


.system-div:hover * {
    color: #fff !important; /* 所有子文字变白 */
}

/* 3. 动画默认隐藏（wow 控制显示） */
.system-div.wow {
    visibility: hidden;
}

.system-con{font-size: 1rem;font-family: 'syhtn';color: #666666;}

.service-box{margin: 4rem 0 0 0;position: relative;overflow: hidden;height:50vh;}

.service-box img{width: 100%;}

.service-div{position: absolute;width: 100%;bottom: 18%;overflow: hidden;}

.service-col p{color: #ffffff;font-size:1.875rem;font-family: 'syhtm';}

.service-col span{color: #f2f2ef;font-size: 1rem;font-family: 'syhtn';}

.service-col:first-child{animation:left 1s ease-in-out 1;text-align: center;}

.service-col:nth-child(2){animation:bottom 1s ease-in-out 1;text-align: center;}

.service-col:last-child{/* padding-left: 100px; */animation:right 1s ease-in-out 1;text-align: center;}

.service-two span{/* padding-right: 15%; */display: block;}

.wave-box{background: url(../image/life-box-bg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;width: 100% !important;background-position-y: 40px;/* background-position-x: 100px; */}

.life-box{position: relative;width: 90%;margin: 0 auto 8rem;}


@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 45%; 
        flex: 0 0 45%;
        max-width: 45%;    display: -webkit-inline-box;
    margin: 20px;
    }
}


.n9-form {background: #f3f4f7; border-radius: 12px; padding: 60px; max-width: 1200px; margin: 0 auto; box-sizing: border-box; }

.n9-form-row {display: flex; gap: 30px; margin-bottom: 30px; }

.n9-form-item {flex: 1; }

.n9-form-full {margin-bottom: 30px; }

.n9-form input,
.n9-form textarea {width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 16px 18px; font-size: 16px; box-sizing: border-box; background: #fff; outline: none; transition: border-color 0.3s; }

/* 鼠标经过/聚焦时边框变红 */
.n9-form input:hover,
.n9-form textarea:hover,
.n9-form input:focus,
.n9-form textarea:focus {border-color: #c30d23; }

.n9-form textarea {min-height: 280px; resize: none; }

.n9-form-captcha {display: flex; gap: 10px; align-items: center; }

.captcha-img {background: #fff; border: 1px solid #ddd; padding: 12px; font-size: 18px; letter-spacing: 2px; color: #333; }

.n9-form-submit {width: 100%; height: 52px; border: none; background: #c30d23; color: #fff; font-size: 18px; border-radius: 4px; cursor: pointer; }

.n9-form-tip {margin-top: 20px; font-size: 14px; color: #666; }

/* 手机端自适应 */
@media (max-width: 768px) {
   .n9-form {padding: 20px; margin:5% 0;}
  .n9-form-row {flex-direction: column; gap: 20px; margin-bottom: 20px; }
  .n9-form textarea {min-height: 200px; }
}

  
/* ======================
           n6-1 地图区域样式（核心修改）
           1. 完全DIV+CSS实现，无图片依赖
           2. 数字滚动动画特效（和参考网站同款）
           3. 全尺寸自适应布局
        ======================= */
        .n6-1-content-box {display: flex;background:url(../img/mapbj.jpg) no-repeat top center #fff; background-size:contain;width:100%;min-height:1000px;border-top: 1px solid #eee;padding: 40px 5%;margin-bottom: 20px; }
        /* 地图容器 */
        .n6-1-map-container {flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 40px;position: relative;padding: 20px 0; }
        /* 地图主体 */
        .n6-1-map-main {flex: 1;min-width: 300px;position: relative; }
        .n6-1-map-bg {width: 100%;height: auto;border: none; }
        /* 人生药业标记 */
       
        .n6-1-marker-dot {width: 12px;height: 12px;border-radius: 50%;background-color: #c30d23; }
        .n6-1-marker-text {font-size: 14px;color: #333;font-weight: bold; }
         
        /* 数字统计区域 */
        .n6-1-number-container {flex: 0 0 300px;display: flex;flex-direction: column;gap:50px;margin:550px 0 0 100px;width:100%
        }
        /* 数字项样式 */
        .n6-1-number-item {text-align: left; }
        /* 数字滚动特效核心样式 */
        .n6-1-number {font-size: 48px;font-weight: bold;color: #c30d23;line-height: 1.2;margin-bottom: 8px;font-family: Arial, Helvetica, sans-serif; }
        .n6-1-number-text {font-size: 16px;color: #666;line-height: 1.4; }

        /* 分页样式 */
        .n5-2-pagination, .pagination {display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 40px;font-size: 14px; }
        .n5-2-page-btn, .page-item { display: flex;align-items: center;justify-content: center;border-radius:8px;color: #666;cursor: pointer;transition: all 0.3s ease;padding:8px 12px; }
        .page-item.active {background-color: #c30d23;color: #fff; }
        .page-item:hover:not(.active) {background-color: #f8f8f8;color: #c30d23; }
        .n5-2-page-ellipsis {color: #999; }
		.jumpto{display: flex;}
		.jumpto .page_number{width:70px;border-bottom:1px solid #ccc}
		.jumpto .submit{padding:3% 6%;}
		
		
        /* 响应式适配 */
        @media (max-width: 768px) {
   .banner-text {font-size: 14px; }
            
            .sidebar {width: 100%;display: none; }
            .n5-2-bread-right {display: block; }
            .n5-2-breadcrumb {flex-direction: row; }

            /* 地图区域响应式 */
            .n6-1-content-box {padding: 20px 4%; }
            .n6-1-map-container {flex-direction: column;gap: 20px; }
            .n6-1-number-container {flex: 1;width:33%;flex-direction: row; flex-wrap: wrap;margin:50% 2%; }
            .n6-1-number {font-size: 36px; }
            .n6-1-number-text {font-size: 14px; }
            .n6-1-number-container{gap: 23px; } 
        }

     
      
	  

        /* 下拉菜单 */
        .nav-dropdown {position: relative;display: flex;align-items: center;gap: 4px;cursor: pointer;color: #333;font-weight: bold;font-size: 13px; }
        .nav-dropdown::after {content: "▼";font-size: 10px;color: #666; }
        .dropdown-menu {position: absolute;top: 25px;left: 0;width: 160px;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 999;display: none; }
        .dropdown-menu a {display: block;padding: 8px 12px;font-size: 13px;color: #333;border-bottom: 1px solid #f5f5f5; }
        .dropdown-menu a:hover {background: #f8f8f8;color: #c00; }
        .dropdown-menu.show {display: block; }

        /* === 核心修改：白色组合容器 === */
        .content-box {background: #fff;border-top: 1px solid #eee;padding: 5%;margin-bottom: 20px;min-height:800px; }
        .content-banner img {width: 100%;height: auto;display: block;border-radius: 4px;margin-bottom: 20px; }
        .number-row {display: flex;justify-content: space-around;text-align: center;flex-wrap: wrap;gap: 20px; }
        .number-item {flex: 1;min-width: 120px;padding:30px 0 0 0; }
        .number-value {font-size: 36px;font-weight: bold;color: #c00;margin-bottom: 5px; }
        .number-label {font-size: 14px;color: #666; }
		.number-value, .number-item pre{display:inline}

        .content-text {font-size: 18px;line-height: 1.8;color: #333;padding:20px 0 0 0;color:#614c49; }
        .content-text p {margin-bottom: 15px;text-indent:2em; }

        /* 响应式 */
        @media (max-width: 768px) {
   .nav {flex-wrap: wrap;justify-content: center;gap: 15px; }
         
            
            
            .sidebar {width: 100%;display: none; }
            .breadcrumb-right {display: block; }
            .number-value {font-size: 44px; }
        }
		
		 


 .red-text {color: #d92121;font-weight: bold; }
        .intro-block {margin-bottom: 30px; }
        .intro-block p {margin-bottom: 15px;text-align: justify; }
        .factory-img-wrap {text-align: center;margin: 20px 0; }
        .factory-img {max-width: 100%;height: auto; }
        .section-title {color: #d92121;font-weight: bold;margin: 30px 0 15px;font-size: 18px; }
        .products-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;margin: 20px 0; }
        .product-item {text-align: center; }
        .product-item a {display: block;text-decoration: none;color: inherit; }
        .product-img {max-width: 180px;height: auto;border: 1px solid #eee; }
 

        /* ========== 新增模块样式 ========== */
        /* 通用标题样式（道地选材/高标准检验） */
        .quality-title {font-size: 20px;color: #c30d23;font-weight: bold;margin: 40px 0 15px 0;display: flex;align-items: center; }
        .quality-title::before {content: "";display: inline-block;width: 15px;height: 15px;border-radius: 50%;border: 3px solid #c30d23;margin-right: 8px; }
		
		.jianyanbj{border-radius: 14px;color:#705b56;padding:2% 3%; background:#efedec; }
		
        /* 道地选材内容区 */
        .quality-select {margin-bottom: 40px; }
        .quality-desc {text-align: justify;margin-bottom: 20px; }
        /* 药材图片网格 */
        .herb-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;margin-bottom: 20px; }
        .herb-item {text-align: center; }
        .herb-img {max-width: 100%;height: auto;margin-bottom: 8px; }
        .herb-name {font-weight: bold;margin-bottom: 4px; }
        .herb-info {font-size: 14px;color: #666; }
        /* 高标准检验 */
        .quality-check {margin-bottom: 40px; }

        /* ======================
           主内容区（市场发展-营销网络）
        ======================= */
       
	   
        .n1-4-breadcrumb {display: flex;align-items: center;justify-content: flex-end;font-size: 12px;color: #999;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 30px; }
        /* 营销网络地图容器 */
        .market-map {width: 100%;text-align: center; }
        .market-map img {max-width: 100%;height: auto; /* 地图自适应 */
        }
        .market-data {position: absolute;left: 30%;top: 50%;transform: translateY(-50%);text-align: center; }
        .market-data .num {font-size: 60px;color: #c00;font-weight: bold;line-height: 1.2; }
        .market-data .text {font-size: 14px;color: #666; }

        /* ======================
           响应式适配（全尺寸兼容）
        ======================= */
        @media (max-width: 1200px) {
   .sidebar-container {top: 60px;width: 200px; }
            .main-content {width: calc(100% - 250px);margin-left: 230px; }
        }
        @media (max-width: 768px) {
   .banner {background-size: cover; }
            .sidebar-container {position: relative;left: 0;top: 0;width: 100%;margin-bottom: 20px; }
            .main-content {width: 100%;margin-left: 0; }
            .market-data {position: relative;left: 0;top: 0;transform: none;margin-top: 20px; }
			.jianyanbj{padding:4%; }
        }
        @media (max-width: 480px) {
   .market-data .num {font-size: 40px; }
        }



.zhaopin{width:94%;margin:0 auto 40px auto;max-width: 1400px;display: flex;flex-direction: column; }
.zhaopin .zpItem{width: 100%;display: flex;flex-direction: column;margin-bottom:20px;background: #fff9f8;border-radius:10px; }
.zhaopin .zpItem .zpTop{width: 100%;display: flex;justify-content: space-between;padding: 25px 50px 25px 35px;align-items: center;cursor:pointer; }
.zhaopin .zpItem .zpTop .zpTopLeft{display: flex;flex-direction: column;width:90%; }
.zhaopin .zpItem .zpTop .zpTopLeft .zpTopCn{font-size: 20px;color:#c30d23;line-height: 2em; }
.zhaopin .zpItem .zpTop .zpTopLeft .zpTopEn{font-size: 14px;color:#666666;line-height: 2em; }
.zhaopin .zpItem .zpTop .zpTopRight{}
.zhaopin .zpItem .zpTop .zpTopRight .anniu{display: flex;align-items: center;font-size: 16px;color:#666;cursor:pointer; }
.zhaopin .zpItem .zpTop .zpTopRight .anniu i{margin-left: 10px; }
.zhaopin .zpItem .zpTop .zpTopRight .zk{}
.zhaopin .zpItem .zpTop .zpTopRight .sq{display: none; }

.zhaopin .zpItem .zpBot{width: 100%;display:none;border-top: #dadada solid 1px; }
.zhaopin .zpItem .zpBot .zpBotBox{width: 100%;padding:30px 50px 50px 30px; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotTop{font-size: 14px;color:#222222;line-height: 24px; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot{display: flex;align-items: center;justify-content: space-between;margin-top:45px; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft{display: flex;align-items: center; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft .fyj{margin-right: 24px;cursor:pointer;border-radius:60px;background:#c30d23;color:#fff;font-size:16px;padding:8px 35px; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotLeft .zx{cursor:pointer; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotRight{display: flex;align-items: center; }
.zhaopin .zpItem .zpBot .zpBotBox .zpBotBot .zpBotBotRight a{margin-left: 10px; }


		

/* 人才理念主内容 */


 
/* ====================
   n7-1 核心区域（纯CSS图标，无外部依赖）
===================== */
.n7-1-content-box, .zhaopin{background:#fff;border-top:1px solid #eee;padding:40px 5%}
.n7-1-talent-list{display:flex;flex-direction:column;gap:16px}
.n7-1-talent-item{display:flex;align-items:center;gap:22px;padding:22px 26px;background:#fef9f8;border-radius:6px}

/* 图标容器（统一尺寸） */
.n7-1-icon{flex:0 0 100px;height:40px;display:flex!important;align-items:center;justify-content:center;position:relative;visibility:visible!important;opacity:1!important; }
.n7-1-icon img{width:90%; }
 
 

/* 右侧内容 */
.n7-1-talent-content{flex:1;padding-top:0}
.n7-1-talent-title{font-size:18px;font-weight:bold;color:#c30d23;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #c30d23}
.n7-1-talent-desc{font-size:14px;line-height:1.8;color:#333;padding-left:20px;list-style:disc}
.n7-1-talent-desc li{margin-bottom:6px}

/* 分页 */
.n5-2-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}
.n5-2-page-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#666;cursor:pointer}
.n5-2-page-btn.active{background:#c30d23;color:#fff}

		

        /* 理念项 */
		.n4-con{border-top: 1px solid #eee;background:#fff; }
        .n4-1-title-main {margin:3% 27%; font-size: 46px; font-weight: bold; color: #000000; text-align: left; margin-bottom: 50px; line-height: 1.2; }
			
        .n4-1-item {margin:4% 27%;width:85%; }
        .n4-1-item:last-child {margin-bottom: 0; }

        /* 红色小标题 */
        .n4-1-subtitle {font-size: 20px; font-weight: bold; color: #c30d23; margin-bottom: 15px; line-height: 1.3; }

        /* 正文描述 */
        .n4-1-text {font-size: 20px; color: #888888; line-height: 1.6; }
		
		

/* ====================
   响应式适配
===================== */
@media(max-width:768px){
   .container{flex-direction:column}
	.sidebar{width:100%;display:none}
	.n7-1-content-box{padding:20px}
	.n7-1-talent-item{flex-direction:row;align-items:center;padding:16px 18px;gap:18px}
	/* 手机端图标缩小 */
	.n7-1-icon{flex:0 0 50px;height:44px; }
	.icon-zongzhi,.icon-peiyang,.icon-mengxiang{width:32px;height:32px}
	.icon-fazhan{width:20px;height:26px}
	.icon-guanai{width:28px;height:28px}
	.n7-1-talent-title{font-size:16px}
	.n7-1-talent-desc{font-size:13px;padding-left:16px}
	
	/* 理念项 */
		.n4-1-title-main {font-size: 26px; width:100%;margin:3% 5%; }
        .n4-1-item {margin:4% 5%;width:90%; }
        .n4-1-item:last-child {margin-bottom: 0; }

        /* 红色小标题 */
        .n4-1-subtitle {font-size:16px; font-weight: bold; color: #c30d23; margin-bottom: 15px; line-height: 1.3; }

        /* 正文描述 */
        .n4-1-text {font-size:16px; color: #888888; line-height: 1.6; }
		
		.zhaopin .zpItem .zpTop{padding:1%;}
		
		.zhaopin .zpItem .zpTop .zpTopLeft .zpTopCn {  font-size: 16px;line-height:1.4;  }
		
		.zhaopin .zpItem .zpTop .zpTopLeft .zpTopEn { overflow:hidden;width:0px;height:0px;}
		
		.zpBotTop img{width:100%;}


}

@media(max-width:480px){
   .n7-1-talent-item{gap:14px;padding:14px}
.n7-1-icon{flex:0 0 60px;height:40px; }
.icon-zongzhi,.icon-peiyang,.icon-mengxiang{width:28px;height:28px}
.icon-fazhan{width:18px;height:22px}
.icon-guanai{width:24px;height:24px}
.n7-1-talent-title{font-size:15px}
.n7-1-talent-desc{font-size:12px}
}


/* 全局重置，避免被其他样式影响 */
.n1-licheng-timeline * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.n1-licheng-timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* 中间竖线（修正位置，确保和圆点对齐） */
.n1-licheng-timeline::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #c30d23;
  z-index: 0;
}

.n1-licheng-item {
  position: relative;
  margin-left: 30px;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateX(80px);
  transition: all 0.6s ease;
}

/* 激活时从右滑入 */
.n1-licheng-item.active {
  opacity: 1;
  transform: translateX(0);
}

/* 圆点（核心修复：和竖线居中对齐） */
.n1-licheng-item::before {
  content: "";
  position: absolute;
  left: -38px; /* 距离竖线中心的距离 */
  top: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #c30d23;
  z-index: 999;
  transform: translateX(-50%); /* 强制水平居中 */
}

.n1-licheng-year {
  display: flex;
  align-items: baseline;
  color: #c30d23;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 10px;
}

.n1-licheng-unit {
  font-size: 16px;
  font-weight: normal;
  margin-left: 4px;
}

.n1-licheng-text {
  color: #7d7d7d; font-size:20px;  line-height: 1.6;  margin-bottom: 15px;
}

.n1-licheng-img img {
  max-width: 100%;
  border-radius: 4px;
  display: block;
}

/* 手机端适配 */
@media (max-width: 600px) {


  .n1-licheng-item {
    margin-left: 20px;
  }
  .n1-licheng-item::before {
    left: -28px;
    transform: translateX(-50%);
  }
}

 .n1-4-breadcrumb {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;font-size: 12px;color: #999;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px; }
        .n1-4-bread-left {display: flex;align-items: center;gap: 8px; }
        .n1-4-bread-right {display: none; }
        .n1-4-nav-drop {position: relative;display: flex;align-items: center;gap: 4px;cursor: pointer;color: #333;font-weight: bold;font-size: 13px; }
        .n1-4-nav-drop::after {content: "▼";font-size: 10px;color: #666; }
        .n1-4-drop-menu {position: absolute;top: 25px;left: 0;width: 160px;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 8px rgba(0,0,0,0.1);z-index: 999;display: none; }
        .n1-4-drop-menu a {display: block;padding: 8px 12px;font-size: 13px;color: #333;border-bottom: 1px solid #f5f5f5; }
        .n1-4-drop-menu a:hover {background: #f8f8f8;color: #c00; }
        .n1-4-drop-menu.show {display: block; }

        /* 核心：图片转文字的content-box样式 */
        .n1-4-content-box {background: #fff;border-top: 1px solid #eee;padding: 40px 5%;margin-bottom: 20px;line-height: 1.8; }

        /* 标题样式（使命/愿景/价值观） */
        .n1-4-main-title {font-size:30px;color: #c00;font-weight: bold;margin: 45px 0 0px;line-height: 2.5rem; }
        .n1-4-main-title:first-child {margin-top: 0; }
        .n1-4-main-title-en {font-size: 14px;color: #56453f;margin-bottom: 20px;text-transform: uppercase;letter-spacing: 1px; }

        /* 核心标语 */
        .n1-4-core-slogan {font-size:20px;color: #801216;font-weight: bold;margin-bottom: 25px;line-height: 1.6; }

        /* 子标题（传承真方/赢得社会尊重等） */
        .n1-4-sub-title {font-size:20px;color: #8b7869;font-weight: bold;margin:24px 0 0px;line-height:2rem; }
        .n1-4-sub-title-en {font-size: 12px;color: #8b7869; display: block; }

        /* 正文描述 */
        .n1-4-desc-text {font-size: 15px;color: #737373;margin-bottom: 10px;text-align: justify;line-height: 1.8; }

        /* 分割线（对应图片中的横线） */
        .n1-4-divider {height: 1px;background-color: #f0f0f0;margin: 45px 0; }

        /* 响应式适配 - 全尺寸自适应 */
        @media (max-width: 768px) {
   .sidebar {width: 100%;display: none; }
            .n1-4-bread-right {display: block; }
            .n1-4-breadcrumb {flex-direction: row; }

            /* 文字响应式 */
            .n1-4-content-box {padding: 20px 4%; }
            .n1-4-main-title {font-size: 24px; }
            .n1-4-core-slogan {font-size: 16px; }
            .n1-4-sub-title {font-size: 14px; }
            .n1-4-desc-text {font-size: 13px; }
        }

        @media (max-width: 480px) {
   .n1-4-main-title {font-size: 20px; }
            .n1-4-core-slogan {font-size: 15px; }
            .n1-4-divider {margin: 20px 0; }
        }	



.m3nPage {
    margin-top: 2.34vw;
    margin-bottom: 2.86vw;
    position: relative;
}

.m3nPlx {
    width: calc(100% - 488px);
    float: left;
    background: #FFF;
    padding: 35px 60px 62px;
}

.m3nLt {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 4px;
    display: block;
}

.m3ninfo {
    line-height: 40px;
    margin-top: 22px;
    padding-bottom: 30px;
    border-bottom: 4px solid #E6E6E6;
    overflow: hidden;
}

.m3ntm {
    background: url(../img/m3n_tm.png) no-repeat left center;
    padding-left: 34px;
    font: 24px din_light;
    color: #cccccc;
    float: left;
}

.m3nShare {
    float: right;
}

.m3nsa1 {
    line-height: 40px;
    background: url(../img/m3nr1a.png) no-repeat center center;
    height: 40px;
    width: 50px;
    float: left;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.m3nsa2 {
    background: url(../img/m3nr2a.png) no-repeat center center;
    float: left;
    height: 40px;
    width: 50px;
    margin-left: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.m3nsa1:hover,
.m3nsa2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.m3nContent {
    font-size: 18px;
    line-height: 36px;
    color: #808080;
    margin: 35px 0px 40px;
}

.m3nContent2 {
    color: #333;
}

.m3nContent2 img {    width: 100%;
}

.m3nTag {
    line-height: 24px;
    padding-left: 70px;
    position: relative;
    margin-bottom: 2.86vw;
    font-size: 14px;
}

.m3nTag span {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m3nTag a {
    color: #FFF;
    background: #df203d;
    white-space: nowrap;
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 0px 18px;
    font-size: 14px;
}

.m3nPages {
    height: 130px;
    position: relative;
}

.m3nPages2 {
    margin-top: 3vw;
}

.m3nPages:before {
    content: "";
    background: #E6E6E6;
    position: absolute;
    height: 1px;
    top: 29px;
    right: 0px;
    bottom: 0px;
    left: 0
}

.m3nbakWpr {
    background: #FFF;
    width: 120px;
    margin-left: -60px;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 1;
    text-align: center;
}

.m3nback {
    line-height: 26px;
    padding-top: 65px;
    font-size: 14px;
    color: #808080;
    letter-spacing: 1px;
    display: block;
    position: relative;
}

.m3nback:before {
    content: "";
    background: url(../img/m3n_bk.png) no-repeat center center;
    display: block;
    height: 60px;
    width: 60px;
    margin-left: -30px;
    border: 1px solid #ECECEC;
    position: absolute;
    left: 50%;
    top: 0px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.m3nback:hover:before {
    color: #FFF;
    background: #df203d url(../img/m3n_bkw.png) no-repeat center center;
    border: 1px solid #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}



.m3npage_prev {
    line-height: 58px;
    text-align: center;
    display: inline-block;
    height: 60px;
    border: 1px solid #E6E6E6;
    position: absolute;
    left: 0px;
    bottom: 0px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;
    font-size: 15px;
    color: #808080;width:400px;padding: 0 20px;
}

.m3npage_next {
    line-height: 58px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;
    text-align: center;
    display: inline-block;
    height: 60px;  
    border: 1px solid #E6E6E6;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 15px;
    color: #808080;width:400px;padding: 0 20px;
}

.m3npage_next:hover,
.m3npage_prev:hover {
    color: #FFF;
    background: #df203d;
    border: 1px solid #df203d;
}

.m3nPrx {
    width: 464px;
    float: right;
    background: #fff;
    background: #fff;
    position: sticky;
    top: 120px;
    padding-top: 40px;
    padding-bottom: 1.56vw;
}

.m3nrt {
    line-height: 48px;
    height: 48px;
    border-left: 4px solid #D10F34;
    padding-left: 56px;
    font-size: 36px;
    letter-spacing: 1px;
}

.m3nrAbox {
    display: block;
    margin: 32px 60px 16px;
}

.m3nrAbox .overflowHide {
    height: 194px;
}

.m3nRul {
    margin: 0px 60px;
    padding-bottom: 45px;
}

.m3nRul li {
    padding-left: 22px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    position: relative
}

.m3nra {
    color: #808080;
}

.m3nra span {
    display: inline-block;
    line-height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #808080;
}

.m3nRul li:nth-child(1) span {
    color: #d11031;
}

.m3nRul li:nth-child(2) span {
    color: #ff4e00;
}

.m3nRul li:nth-child(3) span {
    color: #ffc600;
}

@media (max-width:1799px) {
    .m2pos {
        line-height: 60px;
        height: 60px;
    }

    .m3nPage {
        margin-top: 1vw;
    }

    .m3nLt {
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 2px;
    }

    .m3nrt {
        line-height: 36px;
        height: 36px;
        font-size: 24px;
        padding-left: 36px;
    }

    .m3nPlx {
        padding: 35px 30px 55px;
    }

    .m3nPrx {
        top: 100px;
    }

    .m3csra:hover span,
    .m3csra.on span {
        margin-top: 5px;
    }

    .m3ntm {
        font-size: 20px;
    }

    .m3nContent {
        font-size: 16px;
        line-height: 32px;
    }

    .m3nPrx {
        width: 400px;
    }

    .m3nPlx {
        width: calc(100% - 428px);
    }

    .m3nrAbox {
        margin: 25px 36px 16px;
    }

    .m3nRul {
        margin: 0px 36px;
    }

    .m3nRul li {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .m3npage_prev,
    .m3npage_next {
        line-height: 50px;
        height: 52px;
        font-size: 16px;
    }

    .m3n_bt {
        font-size: 24px;
        line-height: 80px;
        height: 80px;
    }

    .m2naBox .overflowHide {
        height: 205px;
    }

    .m2nbm span {
        line-height: 38px;
    }

    .m2nbm p {
        font-size: 18px;
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1199px) {
    .m3nDetail {
        padding-top: 0;
    }

    .m3nPrx {
        width: 300px;
    }

    .m3nPlx {
        width: calc(100% - 328px);
    }
}

@media (max-width:993px) {
    .m2pos {
        padding-right: 45px;
    }

    .m3nPlx {
        padding-bottom: 25px;
    }

    .m3nPlx {
        width: 100%;
        float: none;
    }

    .m3nPrx {
        width: 100%;
        margin-top: 25px;
        float: none;
    }
}

@media (max-width:767px) {
    .m2pos {
        line-height: 22px;
        padding: 15px;
    }

    .m2pos span {
        margin: 0 3px;
    }

    .m3nPlx {
        padding: 25px 15px 35px;
    }

    .m3nLt {
        font-size: 22px;
        font-weight: normal;
        line-height: 36px;
        text-align: center;
        border-bottom: 2px solid #efefef;
        padding-bottom: 15px;
    }

    .m3csFun {
        display: none;
    }

    .m3nPrx {
        padding-top: 30px;
    }

    .m3nrt {
        padding-left: 15px;
        font-size: 22px;
    }

    .m3nPrx {
        padding-top: 35px;
    }

    .m3nShare {
        display: none;
    }

    .m3ntm {
        font-size: 16px;
    }

    .m3ninfo {
        padding-bottom: 20px;
        border-bottom: 2px solid #efefef;
    }

    .m3nContent {
        font-size: 15px;
        line-height: 28px;
    }

    .m3nPages {
        height: 160px;
    }

    .m3npage_prev,
    .m3npage_next {
        width: 48%;
    }

    .m3nrAbox,
    .m3nRul {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.m2dtul {
    margin-bottom: 2vw;
}

.m2dtul li {
    margin-bottom: 30px;
}

.m2dt_aBox {
    display: block;
    padding: 3.12vw;
    background: #F5F5F5;
    overflow: hidden;
}

.m2dt_aBox:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.m2dt_aBox .overflowHide {
    float: left;
    height: 270px;
    width: 480px;
}

.m2dt_des {
    width: calc(100% - 480px);
    padding-left: 3.12vw;
    padding-top: 50px;
    float: right;
}

.m2dt_des p {
    font-size: 24px;
    color: #df203d;
    line-height: 36px;
    margin-bottom: 22px;
}

.m2dt_des strong {
    font-size: 36px;
    line-height: 48px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    color: #333;
}

.m2dtul li:nth-child(2n) .m2dt_aBox .overflowHide {
    float: right;
}

.m2dtul li:nth-child(2n) .m2dt_des {
    float: left;
    padding-left: 0;
    padding-right: 3.12vw;
}

@media (max-width:1799px) {
    .m2dt_aBox .overflowHide {
        height: 220px;
        width: 430px;
    }

    .m2dt_des {
        padding-top: 40px;
        width: calc(100% - 430px);
    }

    .m2dt_des p {
        font-size: 21px;
        line-height: 30px;
    }

    .m2dt_des strong {
        font-size: 24px;
        line-height: 38px;
    }
}

@media (max-width:993px) {
    .m2dt_aBox .overflowHide {
        width: 350px;
    }

    .m2dt_des {
        width: calc(100% - 350px);
    }

    .m2dt_des strong {
        font-size: 18px;
        line-height: 30px;
    }

    .m2dt_des p {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .m2dt_aBox .overflowHide {
        width: 100%;
        float: none;
        height: 180px;
    }

    .m2dt_des {
        width: 100%;
        float: none;
    }

    .m2dt_des {
        padding-top: 20px;
    }

    .m2dt_des p {
        font-size: 17px;
    }

    .m2dt_des strong {
        font-size: 16px;
        line-height: 28px;
    }

    .m2dt_aBox {
        padding-bottom: 20px;
    }
}

.m2csul {
    margin-bottom: 50px;
    margin-top: -10px;
}

.m2csul li {
    padding: 40px 0px;
    border-bottom: 1px solid #E6E6E6;
}

.m2cs_aBox {
    display: block;
    overflow: hidden;
}

.m2cs_aBox .overflowHide {
    float: left;
    height: 270px;
    width: 480px;
}

.m2csRdes {
    margin-left: 518px;
    padding-top: 32px;
}

.m2csRdes strong {
    font-size: 24px;
    line-height: 42px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    height: 42px;
    margin-bottom: 10px;
}

.m2csRdes p {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 64px;
    overflow: hidden;
    margin-bottom: 22px;
}

.m2csRdes span {
    font-size: 14px;
    color: #104484;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    border: 1px solid #104484;
    border-radius: 0.2em;
    transition: all 0.5s ease-in-out;
}

.m2cs_aBox:hover .m2csRdes span {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(16, 68, 132, 0.3);
    background: #104484;
}

@media (max-width:1799px) {
    .m2cs_aBox .overflowHide {
        height: 250px;
        width: 450px;
    }

    .m2csRdes {
        margin-left: 480px;
    }

    .m2csRdes strong {
        font-size: 21px;
        line-height: 36px;
        height: 36px;
        margin-bottom: 5px;
    }

    .m2csRdes p {
        font-size: 15px;
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1199px) {
    .m2cs_aBox .overflowHide {
        width: 400px;
    }

    .m2csRdes {
        margin-left: 430px;
    }

    .m2csRdes span {
        width: 140px;
    }
}

@media (max-width:993px) {
    .m2cs_aBox .overflowHide {
        width: 358px;
    }

    .m2csRdes {
        margin-left: 380px;
    }
}

@media (max-width:767px) {
    .m2csul li {
        padding: 20px 0 35px;
    }

    .m2cs_aBox .overflowHide {
        width: 100%;
        height: 185px;
        float: none
    }

    .m2csRdes {
        margin-left: 0;
        margin-top: 15px;
        padding-top: 0
    }

    .m2csRdes strong {
        font-size: 20px;
    }

    .m2csRdes p {
        height: auto;
        max-height: 120px;
        -webkit-line-clamp: 3;
        font-size: 13px;
    }

    .m2csRdes span {
        transform: translateY(0) !important;
        box-shadow: none !important;
    }

    .m2csul {
        margin-bottom: 30px;
    }
}

.m3csBom {
    height: 4.2vw;
}

.m3csDetail .m3nPlx {
    width: calc(100% - 384px);
}

.m3csDetail .m3nPrx {
    width: 360px;
}


.pro-1{width:100%;overflow:hidden;}
.pro-1 img{width:100%;}
.pro-1center{width:100%;margin:0px auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:row-reverse;}
.pro-1cont img{width:100%;}
.pro-1left{width:38%;overflow:hidden;}
.pro-1left .h3{float:left;width:100%;overflow:hidden;font-size:42px;color:#222;}
.pro-1info{float:left;width:100%;overflow:hidden;line-height:28px;font-size:16px;color:#666;margin-top:30px;}
.pro-1right{width:62%}
.pro-1more{float:left;width:100%;margin-top:50px;}
.pro-1more a{float:left;width:150px;height:44px;line-height:44px;overflow:hidden;text-align:center;margin-right:30px;box-sizing:border-box;border:1px #c62630 solid;font-size:14px;color:#333;    margin: 1%;}
.pro-1more a:hover,.pro-1more a:first-child{background:#c62630;color:#fff;}
.pro-1more a:hover{transform:translateY(-3px);}