/* ========== 基础/通用 ========== */
[v-cloak]{display:none!important;}
.pull-left{float:left!important;}

:root{
  /* 你页面已有主题变量，这里仅保留调用，不强加默认 */
}

/* ========== Banner 区（自适应 1440px 居中） ========== */
.index-banner{
  max-width:1440px;
  width:100%;
  height:490px;
  margin:0 auto;
  position:relative;
  top:-1px; /* 消除上边细线 */
}

.mask{
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  width:100%;
  height:120px;
  opacity:.5;
  filter:alpha(opacity=50);
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}

/* 雪花装饰 */
.index-banner .snowflake{
  position:absolute;
  z-index:10;
  top:-50px;        /* 初始在视口外 */
  pointer-events:none;
  color:#fff;
  font-size:1em;
  animation:fall 10s linear infinite,drift 3s ease-in-out infinite;
}
.banner-search,
.index-banner .center {
  display: flex;
  justify-content: center; /* 子元素水平居中 */
}

@keyframes fall{
  from{transform:translateY(0);opacity:.8;}
  to{transform:translateY(500px);opacity:0;}
}
@keyframes drift{
  0%,80%{transform:translateX(0);}
  50%{transform:translateX(100px);}
}

/* Swiper 分页点 */
.swiper-pagination-bullet-active{background:#fff;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,.swiper-pagination-fraction{bottom:126px;}

/* ========== Banner 搜索条 ========== */
.banner-search{
  position:absolute;
  bottom:0;
  z-index:20;
  width:100%;
  max-width:1440px;
}
.banner-search { text-align: center; }

.count{
  color:#fff;
  font-size:16px;
  display:inline-block;          /* 或改成 block + margin:0 auto; */
   display:block;
  margin:10px auto 0;
  width:min(900px, 86%);   /* 原来 50%，现在更宽；可调 */

  /* 两侧留更多内边距 */
  padding:5px 30px;       /* 原来 8px 14px，可改 12px 40px 更宽松 */

  border-radius:10px;

  /* 毛玻璃 + 半透明底色 */
  background: rgba(0,0,0,0.18);
  -webkit-backdrop-filter: saturate(180%) blur(6px);
          backdrop-filter: saturate(180%) blur(6px);

  /* 两侧软边淡出 */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 90%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 12%, #000 90%, transparent);
          

  /* 轻阴影 + 细描边更通透（可选） */
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.12);

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.count-num{ /* 说明：你后面用了 tm-count-num 作为主计数，这里保留原 count-num */
  font-size:24px;
  color:#6cfacd;
  font-weight:bold;
  font-style:italic;
}
/* 专门给数字滚动那块 */
.tm-count-num{
  display:inline-block;
  font-size:30px;
  color:#6cfacd;
  font-weight:700;
  font-style:italic;
}
.tm-count-num.tm-jumping{animation:tmCountJump .5s ease-in-out 3;}
.tm-count-num.tm-loading{opacity:.8;}
@keyframes tmCountJump{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);text-shadow:0 5px 10px rgba(108,250,205,.4);}
}

/* 搜索 tabs */
.banner-tab--li{
  float:left;
  width:180px;
  line-height:36px;
  text-align:center;
  cursor:pointer;
  color:rgba(255,255,255,.8);
  background:rgba(134,168,231,.2);
}
.banner-tab--li:first-child{border-top-left-radius:4px;}
.banner-tab--li:nth-child(3){border-top-right-radius:4px;}

.banner-tab--suffix{
  padding:8px 0;
  opacity:.88;
}
.banner-tab--suffix span{
  display:inline-block;
  padding:0 25px;
  font-size:12px;
  text-align:center;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.4);
}
.banner-tab--suffix a:last-child span{border-right:none;}
.banner-tab--suffix span b{color:#6cfacd;font-size:12px;}

.banner-input{margin-top:18px;}
.banner-input>.el-input{width:600px;}
.banner-input>.el-input>.el-input__inner{
  height:50px;
  line-height:50px;
  color:#666;
  font-size:16px;
  padding-left:15px;
  outline:0;
  border:none;
  border-radius:0;
  border-bottom-left-radius:4px;
}
.banner-input .el-input__inner:focus{border-color:#DCDFE6;}
.banner-input .el-input-group__append{
  width:100px;
  font-size:16px;
  border-radius:0;
  border-left:1px solid #eee;
}
.banner-input .el-input-group__append .el-input__inner{padding:0 15px;}
.banner-input .banner-search-btn{
  width:190px;height:50px;
  border-top-right-radius:4px;border-bottom-right-radius:4px;
  border-top-left-radius:0;border-bottom-left-radius:0;
}

/* 输入组颜色 */
.banner-search .el-input-group__append,
.banner-search .el-input-group__prepend{color:#333;}

/* ========== 卡片阴影（全局 el-card） ========== */
.el-card{border:none!important;box-shadow:none!important;}

/* ========== 公告条（顶部窄条，1440px 居中） ========== */
.notice-wrapper .center{
  max-width:1440px;
  width:100%;
  height:40px;
  margin:0 auto;
  border-bottom-left-radius:4px;border-bottom-right-radius:4px;
  box-shadow:0 1px 8px 0 rgba(195,195,195,.59),0 1px 8px 0 rgba(195,195,195,.59),0 0 0 0 rgba(195,195,195,.59),0 1px 8px 0 rgba(195,195,195,.59);
}
.notice-btn{padding-left:5px;border-bottom-left-radius:4px;}
.notice-btn a{
  position:relative;
  display:inline-block;
  line-height:40px;
  color:#666;
  padding:0 15px;
}
.notice-btn a:after{
  content:'';
  position:absolute;
  top:11px;right:0;
  width:1px;height:18px;
  color:#000;
}
.notice-btn a:hover{color:#3c7ee5;}
.notice-btn a:last-child:after{display:none;}
.notice-list>a{
  color:#333;line-height:40px;font-size:14px;font-weight:700;
}
.notice-wrapper .swiper-wrapper{
  width:640px;height:40px;line-height:40px;
}
.notice-wrapper .swiper-wrapper a{float:left;width:50%;}

/* ========== 统计区（商标量/进度） ========== */
.trademark-stats-wrapper{padding-bottom:20px;}

.index-statistics{
  display:flex;justify-content:space-between;
  background:linear-gradient(to bottom,#FFFFFF,#E6F4F1);
  padding:10px 15px;border-radius:4px;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
}
.index-statistics .tp-title{margin-right:20px;font-weight:bold;color:#3c7ee5;white-space:nowrap;}
.index-statistics .tp-span{margin-right:27px;color:#333;white-space:nowrap;font-size:14px;}
.index-statistics .tp-num{margin-right:25px;color:#fb5555;white-space:nowrap;font-size:24px;}
.index-statistics .tp-per{margin-right:25px;color:#454555;white-space:nowrap;font-size:24px;}

.index-statistics .tp-l,
.index-statistics .tp-r{
  height:80px;position:relative;display:flex;align-items:center;
}
.index-statistics .tp-l{padding-left:59px;width:50%;white-space:nowrap;}
.index-statistics .tp-r{padding:0 10px 0 30px;width:50%;}
.index-statistics .tp-r .tp-info{width:100%;padding-top:0;}
.index-statistics .tp-r a{color:#3c7ee5;text-decoration:none;}
.index-statistics .tp-r .tp-title{color:#3c7ee5;font-weight:bold;}
.index-statistics .tp-r .tp-info:hover a{color:#008a64;}
.index-statistics .tp-r p{
  height:20px;line-height:20px;font-size:14px;
  overflow:hidden;margin-bottom:4px;white-space:nowrap;
}
.index-statistics .tp-r p span{display:inline-block;margin-right:15px;}

/* 图标：使用 :before 伪元素 */
.index-statistics .tp-l:before,
.index-statistics .tp-r:before{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  font-family:iconfont;font-size:24px;color:#3c7ee5;
}
.index-statistics .tp-l:before{content:"\e63e";}
.index-statistics .tp-r:before{content:"\e74c";}

/* 统计数字小动画（与上面 tm-count 区分开，保留你的两套） */
.stats-num,.stats-percent{display:inline-block;}
.stats-num.stats-jumping,.stats-percent.stats-jumping{animation:statsJump .5s ease-in-out 3;}
.stats-num.stats-loading,.stats-percent.stats-loading{opacity:.8;}
@keyframes statsJump{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-5px);}
}

/* 波浪 SVG 动画 */
.editorial{
  position:absolute;left:0;bottom:0;float:left;
  display:block;width:100%;height:60px;max-height:60px;
  margin:0;z-index:5;opacity:1;
  -webkit-transition:all 300ms linear;
  -moz-transition:all 300ms linear;
  -o-transition:all 300ms linear;
  transition:all 300ms linear;
}
.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;z-index:3;}
.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0);}100%{transform:translate3d(85px,0,0);}}

/* 响应式 */
@media screen and (max-width:992px){
  .index-statistics{flex-direction:column;}
  .index-statistics .tp-l,
  .index-statistics .tp-r{
    width:100%;height:auto;padding:15px;justify-content:center;text-align:center;
  }
  .index-statistics .tp-l:before,.index-statistics .tp-r:before{display:none;}
  .index-statistics .tp-title,.index-statistics .tp-r .tp-title{font-size:20px;}
}

/* ========== Element Tabs（去重合并） ========== */
.el-tabs__header{margin:0!important;}
.el-tabs--card>.el-tabs__header{border-bottom:none!important;}
.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none;}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  position:relative;
  border-top:3px solid transparent;
  border-bottom:none!important;border-right:none!important;border-left:none!important;
  transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
}
.el-tabs--card>.el-tabs__header .el-tabs__item:hover{
  font-weight:bold;
}
.el-tabs--card>.el-tabs__header .el-tabs__item:hover::before{
  content:'';position:absolute;left:0;right:0;top:-2px;height:2px;
  z-index:1;
}
.el-tabs--card>.el-tabs__header .el-tabs__item:not(.is-active){
  border-top:2px solid transparent;border-bottom:2px solid transparent;
}
.el-tabs--card>.el-tabs__header .el-tabs__item:not(.is-active):hover{
  font-weight:bold;border-bottom:none;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
  font-weight:bold;
}

.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{
  padding-right:20px;
}

/* ========== 热点/资讯列表 ========== */
.index-hotspot,.index-hotspot .container{height:auto;box-sizing:content-box;}
.index-hotspot .hotspot-content{box-sizing:content-box;counter-reset:list-item;}
.index-hotspot .hotspot-content .hotspot-li{
  min-width:380px;margin:0 10px;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li h3{
  padding:0 20px;height:60px;line-height:60px;
  font-weight:bold;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li h3 .hotspot-icon{display:inline-block;margin-right:5px;}
.index-hotspot .hotspot-content .hotspot-li h3 a{float:right;font-size:12px;font-weight:normal;}

.index-hotspot .hotspot-content .hotspot-li ul{
  padding:0 20px;margin:0;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li ul li{
  height:44px;line-height:44px;
  box-sizing:content-box;
}
.index-hotspot .hotspot-li ul li:last-of-type{
  border-bottom-width:2px;
}

.index-hotspot .hotspot-content .hotspot-li ul .list-dot{
  float:left;width:6px;height:6px;margin:20px 10px 0 0;border-radius:50%;transition:background .3s;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li ul li:hover .list-dot{
  width:8px;height:8px;
}

.index-hotspot .hotspot-content .hotspot-li ul a{
  position:relative;float:left;width:80%;max-width:80%;
  font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:all .3s;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li ul a:hover{
  width:100%;color:transparent;

  background-clip:text;-webkit-background-clip:text;font-weight:bold;
}
.index-hotspot .hotspot-content .hotspot-li ul a::after{
  content:'';position:absolute;left:0;bottom:5px;width:100%;height:3px;
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;box-sizing:content-box;
}
.index-hotspot .hotspot-content .hotspot-li ul a:hover::after{transform:scaleX(1);}
.index-hotspot .hotspot-content .hotspot-li ul .time{float:right;box-sizing:content-box;}
.index-hotspot .hotspot-content .hotspot-li ul li:hover .time{color:#008D55;font-weight:bold;}

/* ========== 标题块 ========== */
.section-title{text-align:center;padding:20px 0;}
.section-title h3{
  position:relative;margin-bottom:12px;
  line-height:36px;color:#333;font-weight:bold;font-size:32px;
}
.section-title h3:after{
  content:"";position:absolute;left:50%;bottom:-12px;margin-left:-125px;
  width:250px;height:8px;
}
.section-title p{margin-top:18px;line-height:24px;color:#999;font-weight:bold;}

/* ========== 品牌区（商标/专利/LOGO/法律） ========== */
.index-brand{padding-bottom:30px;}
.index-brand .brand-content .brand-tab{
  height:48px;margin-bottom:40px;text-align:center;
  border-top:1px solid #DFE3F1;border-bottom:1px solid #DFE3F1;padding:5px 0;
}
.index-brand .brand-content .brand-tab .brand-tab-btn{
  position:relative;width:200px;padding:10px 30px;
  background:transparent;color:#666;border-color:transparent;cursor:pointer;
}
.index-brand .brand-content .brand-tab .brand-tab-btn.active{
 font-weight:bold;
  box-shadow:0 10px 20px rgba(0,0,0,.05);
}
.index-brand .brand-content .brand-tab-btn:hover{
  border-color:transparent;color:#fff;font-weight:bold;
  box-shadow:0 10px 20px rgba(0,0,0,.05);
}
.index-brand .brand-content .brand-tab .brand-tab-btn::after{
  content:'';position:absolute;left:0;bottom:-8px;height:4px;width:100%;
  transform:translateX(-100%);opacity:0;transition:opacity .3s ease;
}
.index-brand .brand-content .brand-tab .brand-tab-btn.active::after,
.index-brand .brand-content .brand-tab-btn:hover::after{
  opacity:1;animation:slideIn .5s forwards;
}
@keyframes slideIn{
  0%{transform:translateX(-100%);width:100%;}
  100%{transform:translateX(0);width:100%;}
}

/* 商标服务主容器 */
.index-brand .brand-content .brand-product{height:498px;}
.index-brand .brand-content .brand-product .patent-left{
  background:url("../../../img/tm-service-bg0.png") #3c7ee5 no-repeat center center;
}
.index-brand .brand-content .brand-product-right{
  width:100%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.1)
  );
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
}

/* 四宫格服务 */
.index-brand .brand-content .brand-product-right .trade-type{
     background: rgba(255, 255, 255, 0.3); /* 半透明背景 */
  backdrop-filter: blur(12px); /* 模糊背景 */
  -webkit-backdrop-filter: blur(12px); /* Safari 支持 */
  display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
  width:1180px;margin:10px auto;text-align:center;border-radius:4px;
}
.index-brand .brand-content .brand-product-right .trade-type .el-col{
  display:flex;justify-content:space-around;align-items:flex-start;
  position:relative;height:280px;margin:0;border-radius:4px;
  border:2px solid hsla(225,38%,91%,.5);box-sizing:border-box;
   background: rgba(255, 255, 255, 0.3); /* 半透明背景 */
  backdrop-filter: blur(12px); /* 模糊背景 */
  -webkit-backdrop-filter: blur(12px); /* Safari 支持 */
  box-shadow:0 10px 20px rgba(0,0,0,.05);
}
.index-brand .brand-content .brand-product-right .trade-type .el-col:first-child{margin-right:5px;}
.index-brand .brand-content .brand-product-right .trade-type .el-col:last-child{margin-left:5px;}
.index-brand .brand-content .brand-product-right .trade-type .el-col:not(:first-child):not(:last-child){margin:5px;}
.index-brand .brand-content .brand-product-right .trade-type .el-col:hover{
  border:3px solid #3369E3;border-radius:4px;
  box-shadow:0 10px 20px rgba(0,200,100,.3);
  position:relative;transition:all .3s ease;
}

/* hover 渐变底线（trade-type & trade-service 复用一套伪元素） */
.index-brand .brand-content .brand-product-right .trade-service .el-col::after,
.index-brand .brand-content .brand-product-right .trade-type .el-col::after{
  content:'';position:absolute;left:0;bottom:-4px;height:10px;width:100%;
  background:linear-gradient(to right,#3369E3,#008A64);
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.index-brand .brand-content .brand-product-right .trade-service .el-col:hover::after,
.index-brand .brand-content .brand-product-right .trade-type .el-col:hover::after{
  transform:scaleX(1);
}

/* 图标圆底 */
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon{
  width:90px;height:90px;margin:30px auto 25px;border-radius:50px;
  background-color:#E6EDFF;background-position:center center;background-repeat:no-repeat;
  text-align:center;line-height:90px;
}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon.putong{background-image:url('../../../img/putong.png');}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon.tehui{background-image:url('../../../img/tm-shiyong.png');}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon.baomu{background-image:url('../../../img/baomu.png');}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon.danbao{background-image:url('../../../img/danbao.png');}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-icon.guojishangbiao{background-image:url('../../../img/guojishangbiao.png');}

.index-brand .brand-content .brand-product-right .el-col:hover .trade-type-name{color:#3c7ee5;}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-name{
  line-height:24px;color:#333;margin-bottom:8px;font-weight:bold;
}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-info{
  width:168px;margin:0 auto 10px;font-size:14px;color:#999;line-height:20px;
}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-info:hover{
  color:#008D55;font-weight:bold;
}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-price{font-size:14px;color:#666;}
.index-brand .brand-content .brand-product-right .trade-type .trade-type-price b{
  color:#008D55;font-size:18px;font-weight:bold;
  transition:color .3s ease,font-size .3s ease;
}

/* 二行服务 */
.index-brand .brand-content .brand-product-right .trade-service .el-col{
  width:585px;height:110px;margin-bottom:10px;padding:23px 52px 23px 40px;
  border-radius:4px;border:2px solid hsla(225,38%,91%,.5);
  box-shadow:0 10px 20px rgba(0,0,0,.05);
}
.index-brand .brand-content .brand-product-right .trade-service .el-col:first-child{
  margin-left:10px;margin-right:10px;
}
.index-brand .brand-content .brand-product-right .trade-service .el-col:hover{
  border:3px solid #3369E3;
  box-shadow:0 10px 20px rgba(0,200,100,.3);
  position:relative;transition:all .3s ease;
}

.index-brand .brand-content .brand-product-right .trade-service-icon{
  width:64px;height:64px;margin-right:20px;border-radius:50px;
  background:#E6EDFF;background-repeat:no-repeat;background-position:center center;background-size:36px;
  text-align:center;line-height:64px;
}
.index-brand .brand-content .brand-product-right .trade-service-icon.xuzhan{background-image:url('../../../img/tm-xuzhan.png');}
.index-brand .brand-content .brand-product-right .trade-service-icon.zhuanrang{background-image:url('../../../img/tm-zhuanrang.png');}
.index-brand .brand-content .brand-product-right .trade-service-icon.biangeng{background-image:url('../../../img/tm-biangeng.png');}
.index-brand .brand-content .brand-product-right .trade-service-icon.chexiao{background-image:url('../../../img/tm-chexiao.png');}

.index-brand .brand-content .brand-product-right .trade-service-content{width:320px;padding-top:5px;}
.index-brand .brand-content .brand-product-right .trade-service .el-col:hover .service-name{color:#3c7ee5;}
.index-brand .brand-content .brand-product-right .trade-service-content .service-name{
  line-height:30px;color:#333;font-weight:bold;
}
.index-brand .brand-content .brand-product-right .trade-service-content .service-price{
  line-height:30px;font-size:14px;color:#666;
}
.index-brand .brand-content .brand-product-right .trade-service-content .service-price b{
  color:#008D55;font-size:18px;font-weight:bold;
}
.index-brand .brand-content .brand-product-right .trade-service-content .service-info{
  width:420px;height:20px;line-height:20px;
  font-size:14px;color:#999;
}
.index-brand .brand-content .brand-product-right .trade-service-content .service-info:hover{
  color:#008D55;font-weight:bold;
}

/* 商标交易（左中右） */
.index-brand .brand-content .brand-tm{height:500px;}
.index-brand .brand-content .brand-tm .tm-left{
  width:162px;height:500px;padding-top:30px;padding-left:20px;
  background:url("../../../img/tm-bg01.png") #3c7ee5 no-repeat center center;
}
.index-brand .brand-content .brand-tm .tm-left li{
  width:142px;height:40px;margin-bottom:10px;padding-left:20px;text-align:left;
  color:#fff;font-size:16px;line-height:40px;cursor:pointer;
}
.index-brand .brand-content .brand-tm .tm-left li.active,
.index-brand .brand-content .brand-tm .tm-left li:hover{
  background:rgba(255,255,255,.3);border-radius:4px 0 0 4px;color:#fff;
}
.index-brand .brand-content .brand-tm .tm-center{
  width:750px;background:#fff;border-bottom:1px solid #dfe3f1;
}
.index-brand .brand-content .brand-tm .tm-center li{
  float:left;width:33.33%;height:249px;text-align:center;border-top:1px solid #dfe3f1;
}
.index-brand .brand-content .brand-tm .tm-center li:hover{
  box-shadow:0 0 10px 2px rgba(139,146,165,.3);
}
.index-brand .brand-content .brand-tm .tm-center li .img-wrapper{
  height:170px;line-height:170px;padding-top:5px;
}
.index-brand .brand-content .brand-tm .tm-center li h3{
  height:19px;line-height:19px;font-size:14px;color:#333;font-weight:bold;
}
.index-brand .brand-content .brand-tm .tm-center li p{
  height:19px;line-height:19px;margin:0 10px 8px;
  font-size:14px;color:#999;
}
.index-brand .brand-content .brand-tm .tm-center li:hover h3{color:#3c7ee5;}
.index-brand .brand-content .brand-tm .tm-center li .tm-price{
  height:21px;line-height:21px;font-size:16px;color:#008D55;font-weight:bold;
}
.index-brand .brand-content .brand-tm .tm-right{width:270px;height:500px;}
.index-brand .brand-content .brand-tm .tm-right .tmr-top{
  width:270px;height:140px;padding:29px 35px 0;
  background:url("../../../img/tm-jiaoyi.png") #3c7ee5 no-repeat center center;
}
.index-brand .brand-content .brand-tm .tm-right .tmr-top h4{
  margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #fff;
  font-size:20px;color:#fff;line-height:26px;font-weight:bold;
}
.index-brand .brand-content .brand-tm .tm-right .tmr-top p{
  width:182px;height:40px;line-height:20px;font-size:14px;color:#fff;font-weight:400;
}
.index-brand .brand-content .brand-tm .tm-right .tmr-content{padding:20px 24px 0 0;}
.index-brand .brand-content .brand-tm .tm-right .tmr-content .el-form-item__label{padding-right:5px;}
.index-brand .brand-content .brand-tm .tm-right .tmr-content .el-form-item--small.el-form-item{margin-bottom:12px;}
.index-brand .brand-content .brand-tm .tm-right .tmr-content .submit-btn-red{
  display:block;width:126px;height:36px;line-height:36px;text-align:center;margin-top:18px;
  border-radius:2px;color:#fff;font-size:14px;
}
.index-brand .brand-content .brand-tm .tm-right .tm-textarea{width:180px;height:60px;resize:none;}
.index-brand .brand-content .brand-tm .tm-right .tm-code{width:90px;}
.index-brand .brand-content .brand-tm .tm-right .tm-code-img{
  float:right;width:76px;height:32px;line-height:32px;cursor:pointer;vertical-align:middle;
}

/* 专利版权（左-banner 右商品） */
.index-brand .brand-content .brand-patent{height:500px;}
.index-brand .brand-content .brand-patent .patent-left{
  background:url("../../../img/zhuanlibanquan.png") #3c7ee5 no-repeat center bottom;
}
.index-brand .brand-content .patent-left{
  position:relative;width:200px;height:500px;padding:23px 0 0 22px;
}
.index-brand .brand-content .patent-left h3{
  width:112px;height:37px;line-height:37px;margin-bottom:10px;
  font-size:28px;color:#fff;font-weight:bold;
}
.index-brand .brand-content .patent-left p{
  width:171px;height:38px;line-height:19px;font-size:14px;color:#fff;
}
.index-brand .brand-content .patent-left a{
  position:absolute;left:40px;bottom:40px;display:block;
  width:126px;padding:5px 0;text-align:center;
  border:2px solid #fff;border-radius:2px;color:#fff;font-size:14px;
}
.index-brand .brand-content .patent-right{background:#fff;}
.index-brand .brand-content .patent-right .patent-top li{
  float:left;width:250px;height:299px;padding-top:30px;padding-left:22px;padding-right:22px;margin-right:-1px;margin-bottom:-1px;
  border:2px solid hsla(225,38%,91%,.5);text-align:center;
}
.index-brand .brand-content .patent-right .patent-top li:hover,
.index-brand .brand-content .patent-right .patent-bot li:hover,
.index-brand .brand-logo>.pull-right li{
  box-shadow:0 0 10px 2px rgba(182,192,219,.3);
}
.index-brand .brand-content .patent-right .patent-top li .img-container,
.index-brand .brand-logo>.pull-right li .img-container{
  width:90px;height:90px;margin:0 auto 27px;border:2px solid #668ffe;border-radius:50%;background:#fff;
}
.index-brand .brand-content .patent-right .patent-top li .img-container .img-wrapper,
.index-brand .brand-logo>.pull-right li .img-container .img-wrapper{
  width:80px;height:80px;margin:4px;border-radius:50%;line-height:80px;
}
.index-brand .brand-content .patent-right .patent-top li:hover h3{color:#3c7ee5;}
.index-brand .brand-content .patent-right .patent-top li h3{
  height:21px;line-height:21px;margin-bottom:10px;
  font-size:16px;color:#333;font-weight:bold;
}
.index-brand .brand-content .patent-right .patent-top li p{
  width:205px;height:38px;margin-bottom:23px;
  font-size:14px;color:#999;line-height:19px;
}
.index-brand .brand-content .patent-right .patent-top li .patent-price b{color:#008D55;font-weight:bold;font-size:16px;}
.index-brand .brand-content .patent-right .patent-top li .patent-price span{font-size:14px;color:#666;}

.index-brand .brand-content .patent-right .patent-bot li{
  position:relative;float:left;width:333px;height:200px;margin-right:-1px;
  padding:0 20px;border:2px solid hsla(225,38%,91%,.5);
  background-repeat:no-repeat;background-position:right bottom;
}
.index-brand .brand-content .patent-right .patent-bot li:before{
  content:'';position:absolute;right:0;bottom:0;z-index:0;
  font-family:iconfont;font-size:110px;color:#3c7ee5;opacity:.15;text-align:right;
}
.index-brand .brand-content .patent-right .patent-bot li.meishu:before{content:'\e706';}
.index-brand .brand-content .patent-right .patent-bot li.wenzi:before{content:'\e705';}
.index-brand .brand-content .patent-right .patent-bot li.ruanjian:before{content:'\e707';font-size:100px;}

.index-brand .brand-content .patent-right .patent-bot li .li-top{
  margin-bottom:25px;padding-top:28px;overflow:hidden;
}
.index-brand .brand-content .patent-right .patent-bot li .li-top .li-title{width:60%;}
.index-brand .brand-content .patent-right .patent-bot li:hover .li-top h4{color:#3c7ee5;}
.index-brand .brand-content .patent-right .patent-bot li .li-top h4{
  height:21px;line-height:21px;margin-bottom:5px;
  font-size:16px;color:#333;font-weight:bold;
}
.index-brand .brand-content .patent-right .patent-bot li .li-top p{
  width:112px;height:19px;line-height:19px;font-size:14px;color:#666;
}
.index-brand .brand-content .patent-right .patent-bot li .li-top .li-price{text-align:right;width:40%;}
.index-brand .brand-content .patent-right .patent-bot li .li-top b{color:#008D55;font-size:16px;font-weight:bold;}
.index-brand .brand-content .patent-right .patent-bot li .li-top span{font-size:14px;color:#666;}
.index-brand .brand-content .patent-right .patent-bot li .li-bot h4{
  width:56px;height:19px;line-height:19px;margin-bottom:12px;
  font-size:14px;color:#333;
}
.index-brand .brand-content .patent-right .patent-bot li .li-bot p{
  display:inline-block;width:179px;height:44px;margin:0 5px;
  font-size:12px;color:#999;line-height:22px;
}

/* LOGO/法律横幅区 */
.index-brand .brand-content .brand-logo{
  height:500px;background:url("/statics/epower/img/logo/index-logo.png") #3c7ee5 no-repeat center center;
}
.brand-logo>.pull-left{width:340px;padding:70px 0 0 60px;}
.brand-logo>.pull-left h4{font-size:28px;font-weight:bold;color:#fff;line-height:38px;}
.brand-logo>.pull-left .logo-steps{margin:30px 0 80px;}
.brand-logo>.pull-left .logo-steps p{
  position:relative;padding-left:16px;line-height:200%;color:#fff;font-size:16px;
}
.brand-logo>.pull-left .logo-steps p:before{
  content:' ';position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:3px;background:#fff;
}
.brand-logo>.pull-left a.logo-button,
.brand-legal>.pull-left a.logo-button{
  display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;
  border:2px solid #fff;border-radius:2px;background:transparent;color:#fff;font-size:16px;
}
.brand-logo>.pull-right{width:850px;padding:70px 30px 0 0;}
.brand-logo>.pull-right li{
  float:left;width:260px;height:360px;margin-right:20px;padding:50px 28px;text-align:center;background:#fff;
}
.brand-logo>.pull-right li:last-child{margin-right:0;}
.brand-logo>.pull-right li h4{margin-top:40px;font-size:16px;color:#333;font-weight:bold;line-height:100%;}
.brand-logo>.pull-right li p{margin-top:10px;font-size:14px;color:#999;line-height:150%;}
.brand-logo>.pull-right li .img-wrapper .iconfont{font-size:44px;color:#507CF3;}

.index-brand .brand-content .brand-legal{
  height:500px;background:url("/statics/epower/img/falv/index-legal-bg.png") #3c7ee5 no-repeat center center;
}
.brand-legal>.pull-left{width:260px;padding-top:70px;text-align:center;color:#fff;}
.brand-legal>.pull-left h4{font-size:32px;line-height:38px;}
.brand-legal>.pull-left>div.sub-title{margin:10px 0 42px;}
.brand-legal>.pull-left p{margin-bottom:46px;font-size:20px;line-height:100%;}
.brand-legal>.pull-left .button{margin-top:80px;}
.brand-legal>.pull-right{width:940px;padding:45px 30px 45px 0;}
.brand-legal>.pull-right li{
  position:relative;float:left;width:290px;height:192px;margin:0 20px 20px 0;
}
.brand-legal>.pull-right li:nth-child(3n){margin-right:0;}
.brand-legal>.pull-right li>div{
  position:absolute;width:100%;height:192px;padding:30px;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s;
}
.brand-legal>.pull-right li:hover>div{top:-10px;box-shadow:0 0 20px 0 #6aa2f6;}
.brand-legal>.pull-right li h4{padding-bottom:5px;margin-bottom:5px;border-bottom:2px dashed #eee;}
.brand-legal>.pull-right li:hover h4{color:#3c7ee5;}
.brand-legal>.pull-right li p{
  height:40px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* ========== 公司服务卡 ========== */
.index-company{height:auto;margin-bottom:30px;background:#fff}
.index-company .company-content{height:auto;position:relative;}
.index-company .company-content .company-service>.el-col{
  margin-right:20px;border-radius:5px;transition:all .3s;
}
.index-company .company-content .company-service>.el-col:hover{height:480px;}
.index-company .company-content .company-service>.el-col .el-card{
  margin:10px;border-radius:4px;box-shadow:none;
}
.index-company .company-content .company-service>.el-col .company-problem{
  height:80px;line-height:80px;text-align:center;font-size:20px;color:#fff;font-weight:bold;
}
.index-company .company-content .company-service>.el-col .company-problem.yun01,
.index-company .company-content .company-service>.el-col .company-problem.yun02,
.index-company .company-content .company-service>.el-col .company-problem.yun03{
  background-color:#3c7ee5; /* 三个同色合并 */
}

.index-company .company-content .company-service>.el-col .service-advantage-list{ background: rgba(255, 255, 255, 0.3); /* 半透明背景 */
  backdrop-filter: blur(12px); /* 模糊背景 */
  -webkit-backdrop-filter: blur(12px); /* Safari 支持 */}
.index-company .company-content .company-service>.el-col .service-advantage-list>li{
  height:120px;overflow:hidden;border-bottom:2px dotted hsla(225,38%,91%,.5);transition:all .3s;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li:last-child{
  border-bottom:2px dotted hsla(225,38%,91%,.5);
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li:hover{
  height:180px;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li:hover .service-li-top{
  padding-top:20px;padding-bottom:20px;
}

.service-advantage-list li:hover h3{color:#3c7ee5;}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-li-top{
  padding:30px 20px;overflow:hidden;transition:all .3s;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-icon{
  width:60px;height:60px;margin-right:20px;border-radius:30px;background:#F1F6FE;line-height:60px;text-align:center;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-icon .iconfont{
  font-size:32px;color:#3c7ee5;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-info{text-align:left;}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-info h3{
  position:relative;margin:6px 0 3px;line-height:24px;font-size:16px;color:#333;font-weight:bold;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-info h3 i{
  position:absolute;margin-top:-10px;margin-left:5px;line-height:100%;
  padding:5px 10px;border-radius:14px;border-bottom-left-radius:0;background:#fb5555;color:#fff;font-size:12px;font-weight:normal;
}
.index-company .company-content .company-service>.el-col .service-advantage-list>li .service-advantage-info p{
  max-width:238px;line-height:24px;font-size:14px;color:#666;
}
.advantage-info,
.index-hotspot .container .service-advantage-info {
    padding-left: 20px;
}
.advantage-info:last-child {
    margin-right: 20px;
}
/* CTA 按钮 */
.index-company .company-content .company-service>.el-col .service-buy{
  display:block;width:80%;margin:0 auto 24px;padding:10px 0;text-align:center;
  font-size:14px;color:#3369E3;background:#fff;border-radius:4px;border:2px solid #3369E3;cursor:pointer;
  transition:background .3s ease,color .3s ease,box-shadow .3s ease;
}
.index-company .company-content .company-service>.el-col .service-buy:hover{
  background:linear-gradient(to right,#3369E3,#008D55);color:#fff;font-weight:bold;
  box-shadow:0 4px 20px rgba(173,216,230,.5);border:2px solid #fff;
}
.index-company .company-content .company-service>.el-col:last-child{margin-right:0;}

/* 背景大图位 */
.index-company .company-content .company-bg{
  position:absolute;left:0;bottom:0;width:100%;height:230px;cursor:pointer;
}
.indexfooter{
    width: 1150px;
    padding: 25px 25px 50px 25px; /* 上右下左 */

}
.count-note {
  font-size: 12px;
  line-height: 1.6;
}