.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12 {
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.anim-1 {
  -webkit-transition: transform .8s, opacity .8s;
  -moz-transition: transform .8s, opacity .8s;
  -o-transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s;
}

.anim-2 {
  -webkit-transition: transform 1s, opacity 1s;
  -moz-transition: transform 1s, opacity 1s;
  -o-transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
}

.anim-3 {
  -webkit-transition: transform 1.2s, opacity 1.2s;
  -moz-transition: transform 1.2s, opacity 1.2s;
  -o-transition: transform 1.2s, opacity 1.2s;
  transition: transform 1.2s, opacity 1.2s;
}

.anim-4 {
  -webkit-transition: transform 1.4s, opacity 1.4s;
  -moz-transition: transform 1.4s, opacity 1.4s;
  -o-transition: transform 1.4s, opacity 1.4s;
  transition: transform 1.4s, opacity 1.4s;
}

.anim-5 {
  -webkit-transition: transform 1.6s, opacity 1.6s;
  -moz-transition: transform 1.6s, opacity 1.6s;
  -o-transition: transform 1.6s, opacity 1.6s;
  transition: transform 1.6s, opacity 1.6s;
}

.anim-6 {
  -webkit-transition: transform 1.8s, opacity 1.8s;
  -moz-transition: transform 1.8s, opacity 1.8s;
  -o-transition: transform 1.8s, opacity 1.8s;
  transition: transform 1.8s, opacity 1.8s;
}

.anim-7 {
  -webkit-transition: transform 2s, opacity 2s;
  -moz-transition: transform 2s, opacity 2s;
  -o-transition: transform 2s, opacity 2s;
  transition: transform 2s, opacity 2s;
}

.anim-8 {
  -webkit-transition: transform 2.2s, opacity 2.2s;
  -moz-transition: transform 2.2s, opacity 2.2s;
  -o-transition: transform 2.2s, opacity 2.2s;
  transition: transform 2.2s, opacity 2.2s;
}

.anim-9 {
  -webkit-transition: transform 2.4s, opacity 2.4s;
  -moz-transition: transform 2.4s, opacity 2.4s;
  -o-transition: transform 2.4s, opacity 2.4s;
  transition: transform 2.4s, opacity 2.4s;
}

.anim-10 {
  -webkit-transition: transform 2.6s, opacity 2.6s;
  -moz-transition: transform 2.6s, opacity 2.6s;
  -o-transition: transform 2.6s, opacity 2.6s;
  transition: transform 2.6s, opacity 2.6s;
}

.anim-11 {
  -webkit-transition: transform 2.8s, opacity 2.8s;
  -moz-transition: transform 2.8s, opacity 2.8s;
  -o-transition: transform 2.8s, opacity 2.8s;
  transition: transform 2.8s, opacity 2.8s;
}

.anim-12 {
  -webkit-transition: transform 3.0s, opacity 3.0s;
  -moz-transition: transform 3.0s, opacity 3.0s;
  -o-transition: transform 3.0s, opacity 3.0s;
  transition: transform 3.0s, opacity 3.0s;
}

.anim-show {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}

.anim-list .anim-1 {
  -webkit-transition: transform .5s, opacity .5s;
  -moz-transition: transform .5s, opacity .5s;
  -o-transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
}

.anim-list .anim-2 {
  -webkit-transition: transform .6s, opacity .6s;
  -moz-transition: transform .6s, opacity .6s;
  -o-transition: transform .6s, opacity .6s;
  transition: transform .7s, opacity .7s;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

  to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

  to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes mymove8 {
  from {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(0) translateX(-100px);
    -moz-transform: translateY(0) translateX(-100px);
    transform: translateY(0) translateX(-100px);
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }

  to {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
  }
}

@-webkit-keyframes mymove8 {
  from {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(0) translateX(-100px);
    -moz-transform: translateY(0) translateX(-100px);
    transform: translateY(0) translateX(-100px);
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }

  to {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
  }
}

@keyframes mymove7 {
  from {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(0) translateX(100px);
    -moz-transform: translateY(0) translateX(100px);
    transform: translateY(0) translateX(100px);
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }

  to {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
  }
}

@-webkit-keyframes mymove7 {
  from {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(0) translateX(100px);
    -moz-transform: translateY(0) translateX(100px);
    transform: translateY(0) translateX(100px);
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }

  to {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
  }
}


/* side */
.side{position:fixed;width:56px;right:0;top:355px;z-index:100; text-align:left;filter: Alpha(Opacity=95);opacity: 0.95;}
.side ul li{width:56px;height:50px;float:left;position:relative; padding-bottom:1px; background:url(images/line0.webp) #e48c0f right bottom no-repeat;}
.side ul li img{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li:hover img{opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidebox{border-radius:5px 0 0 0px;background:#e48c0f;position:absolute;width:56px;height:50px;top:0;right:0;transition:all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.side ul li .sidebox:hover{ border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:56px;height:50px;line-height:50px;display:inline-block; background:#ff8500;border-radius:0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s;}
.side ul li .sideewm{width:56px;height:50px;line-height:50px;display:inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s;}
.side ul li .sideewm .ewBox {
  width: 207px;
  display: none; 
  color: #363636;
  text-align: center;
  position: absolute;
  left: -203px;
  top: -10px;
  background-image: url('images/leftewm.webp');
  background-repeat: no-repeat;
  background-position: center 0px; height:226px
}
.side ul li .sideewm .ewBox img{ width:150px; height:150px;  margin-top:30px; margin-left:30px;}
.side ul li .sideetel{width:56px;height:50px;line-height:50px;display:inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s; text-align:left;}
/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/
.side ul li .sideetel .telBox {
  width: 185px;
  height:72px;
  padding-top:135px;
  display: none; 
  color: #363636;
  text-align: center;
  position: absolute;
  left: -185px;
  top: -155px;
  background-image: url('images/lefttel.webp');
  background-repeat: no-repeat;
  background-position: center top;
}
.side ul li .sideetel .telinput{ width:135px; text-align:center; height:25px; line-height:25px; background-color:#fff; color:#7d7d7d; font-size:14px; margin-left:25px; border:0; z-index:9999999; float:left;}
.side ul li .sideetel .telbnt{ width:135px; height:26px; line-height:26px; background-color:#735012; font-size:14px; border:0;margin-left:25px; margin-top:5px; color:#fff; cursor:pointer;border-radius:4px; float:left;}
.side ul li img{float:left;}

.side dl dt{width:54px;height:54px;float:left;position:relative;}
.side dl dt .sidebox{position:absolute;width:54px;height:54px;border-bottom:1px solid #444;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:12px/54px "微软雅黑";}
.side dl dd{width:54px;height:44px;float:left;position:relative;display: none;}

.side dl dd .sidebox{position:absolute;width:54px;height:44px;border-bottom:1px solid #444;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:12px/54px "微软雅黑"; line-height:44px;}
.side dl dd .sidebox:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}
.side dl dd .sidebox:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.side dl  img{float:left;}
@media screen and (max-width: 640px) {
.side{ display:none;}
}


* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #f8f8f8;
  overflow-x: hidden;
  color: #333;
  font-size: 13px;
  font-family: '微软雅黑', 'Arial', 'Microsoft YaHei', 'Helvetica Neue',
    'Helvetica', 'Arial', 'sans-serif';
}

a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  /*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}

a:hover {
  color: #9b0910;
  /*text-decoration: underline;*/
}

input,
select,
img {
  vertical-align: middle;
}

ul,
li {
  list-style: none;
}

em,
cite,
th {
  font-style: normal;
  font-weight: normal;
  font-style: normal;
}

.wrap {
  clear: both;
  width: 98%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  zoom: 1;
  overflow: hidden;
}

.wrap2 {
  clear: both;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  zoom: 1;
  overflow: hidden;
}

.wrap3 {
  clear: both;
  width: 98%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  zoom: 1;
  overflow: hidden;
}

.bg_baise {
  background: #fff;
  padding: 24px 40px 62px 40px;
}

.bg_huise {
  background: #f8f8f8;
}

.divhidden {
  display: none;
}

.l {
  float: left;
}

.r {
  float: right;
}

.c_l {
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
}

/*清除浮动*/
.clearfix:after {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
  content: '.';
}
.f50 {
  font-size: 50px;
}

.f44 {
  font-size: 44px;
}

.f41 {
  font-size: 41px;
}

.f40 {
  font-size: 40px;
}

.f38 {
  font-size: 38px;
}

.f36 {
  font-size: 36px;
}

.f32 {
  font-size: 32px;
}

.f30 {
  font-size: 30px;
}

.f28 {
  font-size: 24px;
}

.f24 {
  font-size: 24px;
}

.f22 {
  font-size: 22px;
}

.f18 {
  font-size: 18px;
}

.f16 {
  font-size: 16px;
}

.bt1 {
  border-bottom: 1px solid #f1f1f1;
}

.more-big {
  display: block;
  background-color: #363e45;
  width: 184px;
  line-height: 44px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.more-big:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 37px;
  content: '';
  height: 0;
  border-top: 44px solid #104492;
  border-left: 28px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.more-big span {
  display: block;
  padding: 0 15px 0 30px;
  font-size: 16px;
  position: relative;
  z-index: 1;
}

.more-big span i {
  float: right;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
}

.more-big:hover {
  color: #fff;
}

.more-big:hover:after {
  width: 100%;
  height: 100%;
}

/*PC导航*/

.mlogo {
  display: none;
}

.nav-right {
  width: 100%;
  height: 100%;
}

.nav-right ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  right: auto;
}

.m-nav {
  display: block !important;
  position: fixed;
  z-index: 10000;
  right: 3vw;
  top: 3vw;
  width: 50px;
  height: 50px;
  color: #fff;
}

.m-nav p {
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #fff;
  transition: all 0.25s ease-in-out;
  top: 5px;
  left: 5px;
}

.m-nav p + p {
  top: 18px;
}

.m-nav::before {
  content: 'MENU';
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  bottom: 0;
  text-align: center;
}

.banner {
  width: 100%;
}

.bannerBox {
  width: 100%;
  height: 100%;
}

.bannerBox .bannerIcon {
  position: absolute;
  top: 97vh;
  left: 45%;
  z-index: 999;
  opacity: 0.5;
  display: none;
}

.bannerBox .bannerIcon img {
  width: 100%;
  height: 100%;
}

.bannerBox .swiper-pagination {
  color: #fff;
  position: absolute;
  left: 0 !important;
  width: 500px !important;
  bottom: 100px !important;
  font-size: 18px;
}

.bannerBox .swiper-pagination-bullet-active {
  background: 0 0;
}

.bannerBox .swiper-pagination-bullet:before {
  content: '';
  background: #fff;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: 0;
  margin: -10px -10px;
}

.bannerBox .swiper-pagination-bullet-active:before {
  content: '';
  background: #fff;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: 0;
  margin: -10px -10px;
}

.bannerBox
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 24px;
  font-family: DINCondensed-Bold;
}

.bannerBox img {
  width: 100%;
  height: 100%;
}

.bannerText {
  width: 100%;
  position: absolute;
  top: 40%;
  color: #fff;
  margin: 0 auto;
}

.bannerText .title {
  font-family: PingFangSC-Light;
  font-size: 72px;
  text-align: center;
  padding-bottom: 44px;
}

.bannerText .text {
  font-family: SourceHanSansCN-Normal;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
  line-height: 1.7;
  text-align: center;
}

.header-v1 {
  width: 100%;
  position: fixed;
  overflow: hidden;
  height: 100px;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(27, 58, 42, 0.15);
}

.nav-hide .header-v1 {
  height: 80px;
}
.nav-hide .header-v1 .top-main .logo1 img {
  height: 60px;
  margin-top: 10px;
}

.header-v1 .top-main {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.header-v1 .top-main .logo1 {
  float: left;
}

.header-v1 .top-main .logo1 img {
  vertical-align: middle;
  margin-top: 18px;
}

.header-v1 .top-main .logo1 img:hover {
  transition: all 0.3s;
  filter: Alpha(Opacity=80);
  opacity: 0.8;
}

.navBar {
  float: right;
  overflow: hidden;
}

.nav {
  float: left;
  list-style: none;
  overflow: hidden;
}
/* 导航 */
.nav .m {
  display: inline-block;
  border-top: 0;
  border-bottom: 0;
  width: 118px;
  position: relative;
}
.nav a:hover {
  text-decoration: none;
  color: #353535;
  vertical-align: top;
}

.nav li:hover span {
  transform: translateY(-100%);
  /*color:#fff;*/
}

.nav h3 {
  float: left;
  font-weight: normal;
  font-size: 18px;
  height: 100px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  position: relative;
}

.nav h3 a {
  display: block;
  color: #353535;
  line-height: 100px;
  text-transform: uppercase;
}

.nav h3 a span {
  display: block;
  position: relative;
  transition: all 0.3s;
  height: 100px;
  text-transform: uppercase;
}

.nav-hide .nav h3 a span {
  height: 80px;
}

.nav h3 a span:after {
  content: attr(data-title);
  position: absolute;
  /*color:#fff;*/
  left: 0;
  transform: translateY(100%);
  width: 100%;
  top: 0;
  /*color:#fff;*/
}

.nav h3 a i {
  width: 9px;
  height: 5px;
  background: url(images/top_pic5.webp) no-repeat;
  display: inline-block;
  margin-left: 7px;
}

.nav-hide .nav {
}

.nav-hide .nav h3 {
  height: 80px;
}

.nav-hide .nav h3 a {
  line-height: 80px;
}
.nav .on {
}
/* 导航高亮背景显示 */
.nav .on h3 a {
  color: #fff;
  background-color: #9b0910;
}
.nav li.on a:after {
  left: 0%;
  right: 0%;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* 导航高亮显示 */
.nav li h3 a:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  right: 50%;
  margin-left: 0px;
  margin-right: 0px;
  bottom: 0px;
  height: 4px;
  opacity: 0;
  background-color: #ee1c26;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.nav li h3 a:hover:after {
  left: 1%;
  right: 1%;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.nav .sub {
  display: none;
  width: 100%;
  padding: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  /* top:87px;*/
  top: 100px;
  /* overflow:hidden;*/
  text-align: center;
  z-index: 110;
  left: 0%;
}

.nav-hide .nav .sub {
  top: 80px;
}

.nav .sub ul {
  width: 1100px;
  margin: 0 auto;
}

.nav .sub li {
  vertical-align: middle;
  list-style: none;
  text-decoration: none;
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
}

.nav .sub li span {
  display: block;
  height: 38px;
  position: relative;
}

.nav .sub li a {
  text-decoration: none;
  background: none;
  color: #fff;
  /* border-bottom:1px solid #515152;*/
  display: block;
  height: 50px;
  overflow: hidden;
}

/*.nav .sub li:last-child a{ border-bottom:0;}
.nav .sub li:last-child a:hover{ border-bottom:0;}*/
.nav .sub li a:hover {
  color: #8f0505;
  /*border-bottom:1px solid #8f0505*/
}

.nav .sub li:hover img {
  transition: all 0.3s;
  opacity: 0.8;
  filter: Alpha(opacity=80);
}

.nav li.m#m7 .sub li:first-child {
  margin-left: 480px;
}

.nav li.m#m6 .sub li:first-child {
  margin-left: 485px;
}

.nav li.m#m4 .sub li:first-child {
  margin-left: 35px;
}

.nav li.m#m3 .sub li:last-child {
  margin-right: 210px;
}

.nav li.m#m2 .sub li:last-child {
  margin-right: 310px;
}

.nav li.m2#m2 .sub li {
  display: block;
}

.nav li.m2#m2 .sub li dl {
  width: 13%;
  margin-left: 1%;
  float: left;
  overflow: hidden;
  text-align: left;
  padding-bottom: 20px;
}

.nav li.m2#m2 .sub li dl dt {
  font-weight: bold;
  display: block;
  color: #fff;
  margin-top: 10px;
  line-height: 40px;
}

.nav li.m2#m2 .sub li dl dd {
  display: block;
  overflow: hidden;
}

.nav li.m2#m2 .sub li dl dd a {
  line-height: 26px;
  height: 26px;
}

.nav li.m2#m2 .sub li span:hover dl {
  display: block;
}

/* 中/英 语言切换胶囊（2026-10-25 用户需求：英文站顶部加按钮；中英文页均显示，双向可跳）。
   放在 .navBar 内、导航列表右侧；桌面专用（≤1300px 随 .header-v1 一起隐藏，移动端走抽屉 .drawer-lang） */
.lang-switch {
  float: left;
  height: 34px;
  line-height: 32px;
  margin: 33px 0 0 16px;
  padding: 0 18px;
  border: 1px solid #9b0910;
  border-radius: 999px;
  color: #9b0910;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  white-space: nowrap;
  transition: all .3s;
}
.lang-switch:hover {
  background: #9b0910;
  color: #fff;
  text-decoration: none;
}
.nav-hide .lang-switch { margin-top: 23px; }

.blank_h {
  height: 100px;
  overflow: hidden;
}

.top_search {
  float: right;
  height: 100px;
  width: 34px;
  position: relative;
  margin-right: 2%;
  display: none;
}

.nav-hide .top_search {
  height: 80px;
}

.top_search .input1 {
  width: 83%;
  text-indent: 10px;
  line-height: 30px;
  height: 30px;
  outline: medium;
  background: none;
  color: #9c9c9c;
  text-align: left;
  font-size: 13px;
  border: 0;
}

.top_search em {
  height: 100%;
  width: 100%;
  background: url(images/top_pic1.webp) left center no-repeat;
  cursor: pointer;
  display: block;
}

.top_search em:hover {
  transition: all 0.3s;
  opacity: 0.8;
  filter: Alpha(opacity=80);
}

.top_search .search_con {
  display: none;
  position: absolute;
  bottom: -73px;
  right: 0px;
  width: 300px;
  height: 0px;
  padding-top: 23px;
  padding-bottom: 19px;
  background: url(images/top_bg2.webp) no-repeat;
  z-index: 100;
  /* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/
}

.top_search .search_con .input1 {
  height: 39px;
  line-height: 39px;
  background: #f8f8f8;
  border: 0;
  padding-left: 5px;
  margin-left: 16px;
  padding-right: 47px;
  width: 174px;
  float: left;
  outline: none;
}

.top_search .search_con .bnts {
  float: left;
  width: 40px;
  height: 39px;
  background: url(images/top_pic3.webp) no-repeat;
  cursor: pointer;
}

.top_search .search_con .bnts:hover {
  transition: all 0.3s;
  background: url(images/top_pic4.webp) no-repeat;
}

/* 手机导航全局 */
.touch-top {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  background: #fff;
  display: none;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.touch_bg {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 8;
  background: #fff;
  display: none;
  filter: Alpha(Opacity=60);
  /*IE7 fix*/
  opacity: 0.6;
  height: 100%;
}

.touch-top-wrapper {
  width: 96%;
  margin: 0 auto;
}

.touch-top-wrapper .touch-logo {
  float: left;
}

.touch-top-wrapper .touch-logo img {
  height: 66px;
  display: block;
}

.touch-navigation {
  display: block;
}

.touch-toggle {
  position: absolute;
  right: 10px;
  top: 0;
}

.touch-toggle li {
  float: left;
  height: 70px;
  padding: 0 12px;
  text-align: center;
}

.touch-toggle li a {
  height: 70px;
}

.touch-toggle .touch-toggle-item-first {
  border-left: none;
}

.touch-toggle .touch-toggle-item-last {
  border-right: none;
}

.touch-toggle li a {
  display: block;
  font-size: 13px;
}

.touch-toggle li i {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  /*margin-top:20px;*/
  margin-top: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.touch-toggle .touch-icon-language {
  background-image: url(images/touch-icon-language.webp);
}

.touch-toggle .touch-icon-user {
  background-image: url(images/touch-icon-user.webp);
}

.touch-toggle .touch-icon-search {
  background-image: url(images/head_pic2.webp);
}

.touch-toggle .touch-icon-menu {
  background-image: url(images/head_pic1.webp);
}

.touch-toggle li span {
  display: none;
  text-align: center;
}

.drawer-section {
  /* background-color:#40312f; padding:20px;*/
  display: none;
}

.touch-toggle-content {
  clear: both;
}

.touch-menu {
  clear: both;
  background: #6b0000;
}

.touch-menu ul li {
  border-bottom: 1px solid #d25e5e;
  position: relative;
}

.touch-menu ul li a {
  color: #fff;
  display: block;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  /* padding-left:10px;*/
  padding-left: 2%;
}

.touch-menu ul li a:hover,
.touch-menu ul li a:active {
  background-color: #a40000;
  color: #fff;
}

/* 抽屉内语言切换入口（与桌面 .lang-switch 同一链接，2026-10-25） */
.touch-menu ul li.drawer-lang a {
  background-color: #8f0505;
  font-weight: bold;
  letter-spacing: .05em;
}
.touch-menu ul li.drawer-lang a:hover,
.touch-menu ul li.drawer-lang a:active {
  background-color: #a40000;
}

.touch-menu ul li i {
  position: absolute;
  top: 14px;
  /* right:5px;*/
  right: 25px;
  display: block;
  width: 13px;
  height: 13px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.touch-menu ul li i.touch-arrow-right {
  display: none;
  background-image: url(images/touch-arrow-r.webp);
}

.touch-menu ul li i.touch-arrow-down {
  background-image: url(images/touch-arrow-d.webp);
}

.touch-menu ul li i.touch-arrow-up {
  background-image: url(images/touch-arrow-u.webp);
}

.touch-menu ul li a:hover i.touch-arrow-down {
  background-image: url(images/touch-arrow-d2.webp);
}

.touch-menu ul li a:hover i.touch-arrow-up {
  background-image: url(images/touch-arrow-u2.webp);
}

.touch-menu ul ul {
  display: none;
  margin: 0;
  /* padding:0 10px 30px 30px;*/
  padding: 0 0px 30px 0px;
}

.touch-menu ul ul li {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.touch-menu ul ul li a {
  padding: 0;
  padding-left: 3%;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  text-transform: uppercase;
}

.touch-menu ul ul li i {
  top: 13px;
}

.touch-menu .closetitle {
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: center;
}

.touch-menu .closetitle img {
  margin: 0 auto;
  height: 20px;
  width: auto;
}

/*尾部底部 footer */
.foot_bg {
  background: #b33c42;
  padding: 30px 0;
}

.foot {
  width: 100%;
  margin: 0 auto;
  height: 160px;
}
/* 底部导航 */
.foot-nav {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  margin-right: 20px;
}

.foot-nav h2 {
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.foot-nav ul li {
  display: block;
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
}

.foot-nav ul li a {
  color: rgba(255,255,255,.82);
  transition: all 0.3s;
  padding-right: 5px;
}

.foot-nav ul li a:hover {
  color: #fff;
  margin-left: 5px;
  padding-right: 0;
}
/* 底部联系电话 */
.foot-tel {
  float: left;
  overflow: hidden;
}

.foot-tel h2 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 30px;
  margin-bottom: 10px;
}
.foot-tel ul li {
  font-size: 13px;
  color: rgba(255,255,255,.8);
  line-height: 30px;
  height: 30px;
}
.foot-tel ul li a {
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.5px;
}
.foot-tel ul li a:hover {
  transition: all 0.3s;
  filter: Alpha(Opacity=80);
  opacity: 0.8;
}
.copyright_bg {
  padding: 10px 0;
  background-color: #9b0910;
  border-top: 1px solid #f7535c;
}
/* 底部版权 */
.copyright {
  width: auto;
  width: 100%;
  line-height: 26px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  padding: 0 20px;
}
.copyright a {
  color: #fff;
}
.copyright a:hover {
  color: #fff;
  transition: all 0.3s;
  filter: Alpha(Opacity=80);
  opacity: 0.8;
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1300px) {
  /* 手机导航全局 */
  .blank_h {
    height: 90px;
  }

  .nav-hide .blank_h {
    height: 90px;
  }

  .header-v1 {
    display: none;
  }

  .touch-top {
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  /* 手机导航全局 */
  .blank_h {
    height: 90px;
  }

  .nav-hide .blank_h {
    height: 90px;
  }

  .header-v1 {
    display: none;
  }

  .touch-top {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  /* 手机导航全局 */
  .blank_h {
    height: 90px;
  }

  .nav-hide .blank_h {
    height: 90px;
  }

  .header-v1 {
    display: none;
  }

  .touch-top {
    display: block;
  }
  .foot .nav6 {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-tel h2 {
    font-size: 12pt;
  }
  .foot-tel ul li {
    font-size: 10pt;
    line-height: 26px;
  }
  .foot-tel ul li a {
    padding: 0;
    font-size: 12pt;
  }
}

@media screen and (max-width: 830px) {
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-tel h2 {
    font-size: 12pt;
  }
  .foot-tel ul li {
    font-size: 10pt;
    line-height: 26px;
  }
  .foot-tel ul li a {
    padding: 0;
    font-size: 12pt;
  }
}

@media screen and (max-width: 780px) {
  .foot .nav4,
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-tel h2 {
    font-size: 12pt;
  }
  .foot-tel ul li {
    font-size: 10pt;
    line-height: 26px;
  }
  .foot-tel ul li a {
    padding: 0;
    font-size: 12pt;
  }
  /* 版权 */
  .copyright {
    width: auto;
    font-size: 10pt;
  }
}

@media screen and (max-width: 640px) {
  /* 手机导航全局 */
  .blank_h {
    height: 80px;
  }

  /*.nav-hide .blank_h{ height:80px;}*/
  .touch-top-wrapper .touch-logo img {
    height: 48px;
  }

  .touch-toggle li i {
    margin-top: 20px;
  }

  .touch-menu ul li a {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }

  .touch-menu ul ul li a {
    font-size: 14px;
  }
  /* 底部导航 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-nav {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-right: 20px;
  }

  .foot-nav h2 {
    color: #d1d1d1;
    font-size: 13pt;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  .foot .nav3,
  .foot .nav4,
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot-tel h2 {
    font-size: 12pt;
  }
  .foot-tel ul li {
    font-size: 10pt;
    line-height: 26px;
  }
  .foot-tel ul li a {
    padding: 0;
    font-size: 12pt;
  }
}

@media screen and (max-width: 480px) {
  /* 手机导航全局 */
  .blank_h {
    height: 70px;
  }

  .nav-hide .blank_h {
    height: 70px;
  }

  .touch-top-wrapper .touch-logo img {
    height: 48px;
  }

  .touch-toggle li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .touch-toggle li i {
    width: 26px;
    height: 26px;
    margin-top: 23px;
  }
  /* 底部导航 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-nav {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-right: 20px;
  }

  .foot-nav h2 {
    font-size: 13pt;
  }
  .foot .nav2,
  .foot .nav3,
  .foot .nav4,
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot-tel h2 {
    font-size: 12pt;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .foot-tel li {
    font-size: 10pt;
    line-height: 26px;
  }
  .foot-tel li a {
    padding: 0;
    font-size: 12pt;
  }
}

@media screen and (max-width: 360px) {
  /* 底部导航 */
  .foot {
    height: 100px;
    padding-left: 0;
  }
  .foot-nav {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    margin-right: 20px;
  }

  .foot-nav h2 {
    color: #d1d1d1;
    font-size: 13pt;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  .foot .nav2,
  .foot .nav3,
  .foot .nav4,
  .foot .nav5,
  .foot .nav6 {
    display: none;
  }
  /* 底部联系电话 */
  .foot-tel {
    float: left;
    padding: 0;
  }

  .foot-tel h2 {
    font-size: 12pt;
  }
  .foot-tel li {
    font-size: 10pt;
  }
  .foot-tel li a {
    font-size: 12pt;
  }
}


.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(images/grabbing.webp) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{/*margin-bottom:20px;*/text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(images/i_pro_left.webp) no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(images/i_pro_left_on.webp) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(images/i_pro_right.webp) no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(images/i_pro_right_on.webp) no-repeat; }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#ccc;}
.owl-theme .owl-controls .owl-page.active span{background:#4cb6ed;}
/* If PaginationNumbers is true 
.owl-theme .owl-controls.clickable .owl-page:hover span*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 13px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(images/AjaxLoader.webp) no-repeat center center}

/*首页手机轮显*/
.flash_div{ display:none;}
#owl-flash{text-align:center;}
#owl-flash.owl-theme .owl-controls{ bottom:0px; text-align:center; position:absolute; width:100%;}

/* Styling Pagination*/
#owl-flash.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
#owl-flash.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 50%;background:#b3b3b3;}
#owl-flash.owl-theme .owl-controls .owl-page.active span{background:#d7000f;}
#owl-flash.owl-theme .owl-controls .owl-buttons{ position:absolute; top:30%; width:100%; left:0; height:0; display:none;}
#owl-flash.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-flash .item{margin: 0px;}
#owl-flash .item img{display:block; width:100%; height:100%;}
#owl-flash .item dd{ width:100%;}


/*首页新闻*/
#owl-demo3{text-align:center;}
#owl-demo3.owl-theme .owl-pagination{ display:none;}
#owl-demo3.owl-theme .owl-controls{ padding-top:0%;}
#owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:47%; width:100%; left:0; height:0;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:19px; height:33px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(images/i_left2.webp) center center no-repeat; float:left; margin-left:-30px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition:all 0.3s;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(images/i_right2.webp) center center no-repeat; float:right; margin-right:-30px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition:all 0.3s;}

#owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;}


#owl-demo3 .item{margin: 0px 3%;text-align:center; }
#owl-demo3 .item img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
#owl-demo3 .item dd{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
#owl-demo3 .item dd .imgs{ overflow:hidden; width:100%;}
#owl-demo3 .item dd .img-size{ overflow:hidden; width:300px;height: 260px;}
#owl-demo3 .item dd .imgs img{ display: inline-block;width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; vertical-align:middle;}
#owl-demo3 .item dd .txts{ overflow:hidden; background-color:#fff; transition: all 0.3s; padding:10px 5%;text-align:left;}
#owl-demo3 .item dd .txts h2{height:40px;line-height:40px;overflow:hidden;font-weight:normal;}
#owl-demo3 .item dd .txts .p{ font-size:16px; color:#333;line-height:26px; height:52px; overflow:hidden;}
#owl-demo3 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo3 .item dd:hover .txts h2{ color:#9B0910;}
#owl-demo3 .item dd .desc{ display:none;}



@media screen and (max-width:1440px) {
/*首页*/
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-15px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-15px;}
}

@media screen and (max-width:1100px) {
/*首页*/
#owl-demo3 .item dd .txts .p{ font-size:13px;}


}

@media screen and (max-width:979px) {


}
@media screen and (max-width:890px) {


}
@media screen and (max-width:830px) {


}
@media screen and (max-width:780px) {

}
@media screen and (max-width:640px) {
/*产品详细3*/
#owl-demo4 .item dd h2{ line-height:22px; font-size:14px;}
}
@media screen and (max-width:480px) {
/*首页*/
#owl-demo3 .item dd .imgs h2{ height:42px; line-height:42px; font-size:14px;}
#owl-demo3 .item dd .txts h2{ font-size:14px;}

}
@media screen and (max-width:360px) {


}


/*内页*/
.o_big {
  overflow: hidden;
}

.o_big img {
  width: 100%;
  -webkit-animation: SlickIn cubic-bezier(1, 0, 0.5, 0.5) 1s;
  animation: SlickIn cubic-bezier(1, 0, 0.5, 0.5) 1s;
}

/*当前位置*/
.postions {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  color: #919191;
  font-size: 16px;
  background: #fff;
  margin-bottom: 25px;
  padding: 10px 20px;
}

.postions a {
  color: #919191;
  font-size: 16px;
}

/*二级栏目样式*/
.second_menu {
  background: transparent;
  overflow: hidden;
  padding-top: 25px;
  text-align: center;
}

/* 二级栏目按钮（协会动态/媒体聚焦…）· 阿里风（2026-10-24 优化）：
   浅灰底细边 12px 圆角；hover 白底红字红边柔影；选中品牌红底白字 + 柔影 */
.second_menu a {
  display: inline-block;
  padding: 6px 34px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  background-color: #f5f6f7;
  transition: all 0.28s ease;
  margin-bottom: 2%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  position: relative;
  border: 1px solid #ebedf0;
  overflow: hidden;
  border-radius: 12px;
  color: #5f5f5f;
  user-select: none;
  vertical-align: middle;
}

.second_menu a:hover {
  background-color: #fff;
  border-color: #c8102e;
  color: #c8102e;
  box-shadow: 0 2px 8px rgba(200, 16, 46, 0.15);
}

.second_menu a.csel {
  background-color: #c8102e;
  border-color: #c8102e;
  color: #fff;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(200, 16, 46, 0.22);
}

/*分页*/
.yema {
  width: 100%;
  text-align: center;
  clear: both;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
  clear: both;
}

.yema a {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  overflow: hidden;
  padding-right: 10px;
  min-width: 12px;
  margin-left: 1px;
  margin-right: 1px;
  text-align: center;
  color: #757575;
  font-size: 13px;
  border: 1px solid #cccccc;
}

.yema a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #215e21;
  border: 1px solid #215e21;
}

.yema a.on {
  color: #fff;
  background-color: #215e21;
  border: 1px solid #215e21;
}

.yema a.first,
.yema a.last {
  margin-right: 0;
}

.yema a.first:hover,
.yema a.last:hover {
  background-color: #ec2029;
}

/*分页 阿里风（2026-10-24）*/
.pagination-wrapper {
  padding: 1.2em 0 2em 0;
  text-align: center;
}
.pagination {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination li {
  list-style: none;
  font-size: 14px;
}
.pagination li a,
.pagination li span {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  color: #555;
  text-decoration: none;
  box-sizing: border-box;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.pagination li a:hover {
  color: #c8102e;
  border-color: #c8102e;
  box-shadow: 0 2px 8px rgba(200, 16, 46, .15);
}
.pagination li.active span {
  background: #c8102e;
  border-color: #c8102e;
  color: #fff;
  cursor: default;
}
.pagination li.disabled span {
  color: #c0c4cc;
  border-color: #e8e8e8;
  background: #fafafa;
  cursor: not-allowed;
}
.pagination li.pg-total span,
.pagination li.pg-ellipsis span {
  min-width: 0;
  border: none;
  background: none;
  color: #999;
  cursor: default;
}
.pagination li.pg-total span {
  padding: 0 6px;
}

.listpage {
  overflow: hidden;
  width: 1300px;
  margin-bottom: 25px;
  background: #fff;
}

/* 产品列表页样式 */
.product {
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 8px;
}

.product ul li {
  float: left;
  width: 31.2%;
  margin: 0 1% 2% 1%;
  overflow: hidden;
}

.product ul li .outer {
  border: 1px solid #e8e8e8;
}
.product ul li:nth-child(3n + 0) {
  margin-right: 0;
}

.product ul li img {
  display: inline-block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
}

.product ul li .imgs {
  width: 100%;
  overflow: hidden;
}
.product ul li .img-size {
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.product ul li .biglove-img-size {
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.product ul li .txts {
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s;
  padding: 10px 5%;
  text-align: left;
}
.product ul li .txts h2 {
  font-weight: normal;
  color: #111111;
  line-height: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.product ul li .txts p {
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  color: #333333;
  font-size: 16px;
}

.product ul li .txts em {
  display: block;
  color: #ee697e;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.product ul li .txts label {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.product ul li:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.product ul li:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  transition: all 0.3s;
}

.product ul li:hover h2 {
  color: #6b0000;
}
/*新闻动态列表*/
.news_list {
  width: 1300px;
  padding: 24px 20px;
  margin: 0 auto;
}

.news_list li a {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 25px;
}

.news_list li .imgs {
  flex: 0 0 240px;
  width: 240px;
  overflow: hidden;
  border-radius: 12px 0 0 12px;
}

.news_list li .imgs img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
}

.news_list li:hover .imgs img {
  -webkit-transform: scale(1.06, 1.06);
  -moz-transform: scale(1.06, 1.06);
  -o-transform: scale(1.06, 1.06);
  -ms-transform: scale(1.06, 1.06);
  transform: scale(1.06, 1.06);
}

.news_list li .text {
  flex: 1;
  padding: 24px 28px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.news_list li .text h4 {
  margin: 0 0 16px 0;
  font-weight: 500;
  font-size: 20px;
  color: #333;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.news_list li .date {
  margin: 0;
  width: auto;
  padding: 0;
}

.news_list li .date small {
  font-size: 13px;
  color: #9aa0a6;
  white-space: nowrap;
}

.news_list li .date small:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-right: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  vertical-align: -1px;
}

.news_list li:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.news_list li a:hover {
  color: inherit;
  box-shadow: none;
}

.news_list li a:hover .text h4 {
  color: #c8102e;
}

.news_list li a:hover .date small {
  color: #c8102e;
}

.news_list li a:hover .date i:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
/*宣传主题*/
.ui-xczt-item {
  padding: 0 0 20px 40px;
  position: relative;
}
.ui-xczt-list li {
  border-bottom: 1px solid #f3f3f3;
  padding: 5px 35px;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}
.ui-xczt-list li span {
  float: left;
  font-size: 20px;
  color: #000;
  padding-right: 15px;
  overflow: hidden;
}
.ui-xczt-list li p {
  float: left;
  font-size: 20px;
  color: #000;
  overflow: hidden;
}
.ui-xczt-list li a {
  padding: 30px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 25px;
}
.ui-xczt-list li a:hover {
  color: #a40000;
  box-shadow: 0 1px 18px 1px rgba(164, 0, 0, 0.6);
}
/*新闻详细页*/
.newsDetails {
  overflow: hidden;
  width: 1300px;
  margin-bottom: 25px;
  background: #fff;
}
/*新闻详细页*/
.newsDetails_page {
  overflow: hidden;
  width: 1220px;
  font-size: 16px;
  color: #666666;
  line-height: 50px;
  padding: 25px 40px 25px 40px;
}

.newsDetails_page img {
  margin-bottom: 15px;
  max-width: 100%;
}

.newsDetails_page .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 28px;
  color: #333;
  font-weight: 400;
}

.newsDetails_page .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}

.newsDetails_page .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
  padding-left: 2%;
  padding-right: 2%;
}

.newsDetails_page .con_id img {
  display: block;
  margin: 0 auto;
  padding: 0 10px;
  /* max-width:650px */
}

.newsDetails_page table {
  border-collapse: collapse;
  border-spacing: 0;
}

.newsDetails_page table td {
  line-height: 22px;
  height: 27px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

/*新闻详细页右侧相关新闻*/
.relatedNews {
  width: 320px;
  float: right;
}

.relatedNews .list {
  background: #fff;
  margin-bottom: 25px;
  padding: 35px 26px 30px 26px;
  box-sizing: border-box;
}

.relatedNews .list .title {
  line-height: 48px;
  font-size: 22px;
  color: #333333;
}

.relatedNews .list li:last-child a {
  border-bottom: none;
}

.relatedNews .list li a {
  display: block;
  border-bottom: solid 1px #e6e6e6;
  padding: 12px 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

.relatedNews .list li a:hover .tit {
  color: #e12524;
}

.relatedNews .list li .tit {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

.relatedNews .list li .txt {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #c8c8c8;
  margin-top: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.relatedNews .list li .txt span {
  margin-left: 16px;
}

.relatednews_list {
  overflow: hidden;
  width: 320px;
  float: left;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  font-family: Microsoft Yahei;
  text-indent: 2em;
}

.relatednews_list img {
  margin-bottom: 15px;
  max-width: 100%;
}

.relatednews_list .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 36px;
  color: #333;
  font-weight: 400;
}

.relatednews_list .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}

.relatednews_list .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
}

.relatednews_list .con_id img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  /* max-width:650px */
}

.relatednews_list table {
  border-collapse: collapse;
  border-spacing: 0;
}

.relatednews_list table td {
  line-height: 22px;
  height: 27px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

/*公司简介详细*/
.about_x {
  overflow: hidden;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  font-family: Microsoft Yahei;
  text-indent: 2em;
}

.about_x img {
  margin-bottom: 15px;
  max-width: 100%;
}

.about_x .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 36px;
  color: #333;
  font-weight: 400;
}

.about_x .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}

.about_x .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
}

.about_x .con_id img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  /* max-width:650px */
}

.about_x table {
  border-collapse: collapse;
  border-spacing: 0;
}

.about_x table td {
  line-height: 22px;
  height: 27px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.prenext {
  border-bottom: 1px dashed #d3d3d3;
  font-size: 16px;
  line-height: 60px;
  margin-top: 20px;
  color: #444;
}

.prenext span {
  float: left;
  width: 108px;
  color: #666666;
  font-size: 16px;
}

.prenext a {
  color: #444;
}

.prenext a:hover {
  color: #00a1e9;
  text-decoration: none;
}

.prenext:last-child {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

.goback {
  float: right;
  height: 26px;
  line-height: 26px;
  text-align: right;
  padding-left: 23px;
  background: url(images/goback.webp) left center no-repeat;
  font-size: 14px;
  color: #333333;
  margin-top: 8px;
  /* border-bottom:1px solid #a6a6a6;*/
}

.fenxiang {
  height: 30px;
  overflow: hidden;
}

.fenxiang .span {
  float: right;
  font-size: 14px;
  line-height: 34px;
}

/*公司介绍*/
.about_bg {
  background-color: #f5f5f5;
  overflow: hidden;
}

.about_div {
  overflow: hidden;
}

.about_div .i_one_div_txt {
  width: 46.9%;
  padding-left: 1.6%;
  padding-right: 1.5%;
}

.about_div .i_one_div_txt .i_one_con {
  max-width: 588px;
}

.about_div .i_one_div_txt .i_one_t {
  line-height: 30px;
  color: #d7000f;
}

.about_div .i_one_div_txt .i_one_t img {
  display: block;
  margin-top: 12%;
  margin-bottom: 2%;
}

.about_div .i_one_div_txt .i_one_p {
  color: #666666;
  font-size: 14px;
  line-height: 30px;
  padding-top: 2%;
  /*height:260px; */
  overflow: hidden;
  text-align: left;
}

.about_div .i_one_div_txt .i_one_p.brandfont {
  font-size: 14px;
  text-align: center;
  padding-top: 0;
}

.about_div .i_one_div_img {
  width: 50%;
  overflow: hidden;
}

.about_div .i_one_div_img img {
  width: 100%;
  -webkit-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.about_div .i_one_div_img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.about_two {
  overflow: hidden;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
}

.about_two ul li {
  float: left;
  width: 30.33%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  overflow: hidden;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}

.about_two ul li h2 {
  font-weight: normal;
  color: #333333;
  margin-bottom: 2%;
}

.about_two ul li p {
  margin: 0 auto;
  max-width: 400px;
}

/*企业荣誉*/
.honor_ul {
  overflow: hidden;
}

.honor_ul ul li {
  width: 23.5%;
  margin-right: 2%;
  float: left;
  overflow: hidden;
  margin-bottom: 3%;
  text-align: center;
}

.honor_ul ul li:nth-child(4n + 0) {
  margin-right: 0;
}

.honor_ul ul li .imgs {
  width: 100%;
  overflow: hidden;
}

.honor_ul ul li .imgs img {
  width: 100%;
  -webkit-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.honor_ul ul li h2 {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  height: 42px;
  overflow: hidden;
  line-height: 42px;
}

.honor_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.honor_ul ul li:hover h2 {
  color: #d7000f;
}

/*联络我们*/
#map {
  float: left;
  width: 800px;
  height: 550px;
  border: #ccc solid 1px;
  font-size: 13px;
  margin-bottom: 2%;
}

.content {
  padding: 30px;
  background-color: #fff;
  clear: both;
  height: 550px;
}

.content .address {
  width: 420px;
  float: right;
  padding: 0 5px;
  box-sizing: border-box;
}

.content .address::-webkit-scrollbar {
  width: 4px;
}

.content .address::-webkit-scrollbar-button {
  display: none;
}

.content .address::-webkit-scrollbar-thumb {
  background: #eee;
}

.content .address .top {
  border-bottom: solid 1px #ebebeb;
  padding: 10px 0;
}

.content .address .top:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}

.content .address .phone,
.content .address .mail {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #555555;
  padding: 10px 0;
}

.content .address .phone a,
.content .address .mail a {
  font-size: 28px;
  color: #6b0000;
}

.content .address .phone p,
.content .address .mail p {
  padding-left: 60px;
  box-sizing: border-box;
  background: no-repeat 10px 5px;
  line-height: 28px;
  margin: 0 0 6px 0;
}

.content .address ul li {
  border-bottom: solid 1px #ebebeb;
  padding: 20px 0px 20px 15px;
  box-sizing: border-box;
  line-height: 28px;
  font-size: 16px;
  color: #555555;
  cursor: pointer;
}

/*相关案例*/
.case_ul {
  overflow: hidden;
  padding-top: 1%;
}

.case_ul ul li {
  float: left;
  width: 23.5%;
  overflow: hidden;
  margin-bottom: 2%;
  margin-right: 2%;
  text-align: center;
  background-color: #f5f5f5;
}

.case_ul ul li:nth-child(4n + 0) {
  margin-right: 0;
}

.case_ul ul li img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.case_ul ul li .imgs {
  overflow: hidden;
  width: 100%;
}

.case_ul ul li .imgs img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.case_ul ul li .txts {
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 25px;
  padding-top: 25px;
  padding-left: 26px;
  padding-right: 2%;
  text-align: left;
}

.case_ul ul li .txts h2 {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  font-weight: normal;
  color: #215e21;
}

.case_ul ul li .txts .p {
  font-size: 14px;
  color: #399539;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.case_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.case_ul ul li:hover .txts h2 {
  color: #d7000f;
}

.case_ul ul li .desc {
  display: none;
}

/*人才招聘*/
.job_ul {
  overflow: hidden;
  border: 1px solid #e9e9e9;
  margin-bottom: 4%;
}

.job_ul ul li {
  float: left;
  overflow: hidden;
  width: 25%;
  cursor: pointer;
  transition: all 0.3s;
}

.job_ul ul li .job_div {
  overflow: hidden;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 40px;
}

.job_ul ul li:nth-child(4n + 0) .job_div {
  border-right: 0;
}

.job_ul ul li .job_txt {
  max-width: 220px;
  width: 94%;
  margin: 0 auto;
}

.job_ul ul li h2 {
  height: 102px;
  line-height: 102px;
  background: url(images/job_bg2.webp) left bottom no-repeat;
  margin-top: 3%;
  color: #505050;
  font-size: 20px;
  margin-bottom: 7%;
}

.job_ul ul li .p {
  font-size: 14px;
  color: #646464;
  line-height: 26px;
  overflow: hidden;
}

.job_ul ul li em {
  font-size: 14px;
  color: #949494;
  font-style: normal;
  display: block;
  padding-top: 28px;
  overflow: hidden;
}

.job_ul ul li:hover {
  background-color: #0265f8;
}

.job_ul ul li:hover h2 {
  color: #fff;
  background: url(images/job_bg1.webp) left bottom no-repeat;
}

.job_ul ul li:hover .p {
  color: #fff;
}

.job_ul ul li:hover em {
  color: #fff;
}

.job_ul ul li dl {
  display: none;
  overflow: hidden;
}

/*解决方案*/
.solution_bg {
  background: url(images/solution_bg.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-top: 3%;
  padding-bottom: 2%;
}

.solution_bg .solution_t {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  margin-top: 1%;
  margin-bottom: 3%;
}

.solution_bg .solution_ul ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
  overflow: hidden;
  margin-bottom: 2%;
  position: relative;
}

.solution_bg .solution_ul ul li:nth-child(3n + 0) {
  margin-right: 0;
}

.solution_bg .solution_ul ul li .imgs {
  overflow: hidden;
}

.solution_bg .solution_ul ul li .imgs img {
  width: 100%;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.solution_bg .solution_ul ul li .txts {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}

.solution_bg .solution_ul ul li .table {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.solution_bg .solution_ul ul li .td {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.solution_bg .solution_ul ul li .txts img {
  margin: 0 auto;
  width: 20%;
  max-width: 90px;
  display: block;
  margin-bottom: 5%;
  /*margin-top:50px;*/
}

.solution_bg .solution_ul ul li .txts h2 {
  color: #efefef;
  font-weight: normal;
  margin: 0 auto;
  margin-bottom: 3%;
  max-width: 350px;
  width: 94%;
  font-size: 28px;
}

.solution_bg .solution_ul ul li .txts p {
  font-size: 14px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 350px;
  width: 94%;
  overflow: hidden;
}

.solution_bg .solution_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/*产品详细*/
.product_con {
  overflow: hidden;
  font-size: 16px;
  color: #444444;
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.product_con .bigimg {
  width: 100%;
  display: block;
  min-height: 250px;
  filter: Alpha(Opacity=0);
  opacity: 0;
}

.product_con .tabel {
  display: table;
  width: 100%;
  height: 100%;
}

.product_con .td {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.product_con .td.vt {
  vertical-align: top;
  margin-top: 5%;
}

.product_con .txts {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.product_con .txts .pt {
  margin-top: 10%;
  font-weight: normal;
  margin-bottom: 2%;
}

.product_con .txts .p1 {
  color: #444444;
  font-size: 16px;
  line-height: 26px;
  max-width: 680px;
  width: 96%;
  margin: 0 auto;
}

.product_con .txts .p2 {
  color: #444444;
  font-size: 16px;
  line-height: 36px;
}

.product_con .txts .p2 label {
  color: #6d6d6d;
  font-size: 13px;
  font-family: Arial;
  padding-right: 3px;
}

.product_three {
  max-width: 1120px;
  width: 94%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 3%;
}

.product_three_l {
  float: left;
  width: 37.5%;
  overflow: hidden;
  text-align: left;
}

.product_three_img {
  float: right;
  width: 59%;
}

.product_three_img img {
  width: 100%;
}

.product_con .txts .product_three_l .pt {
  margin-top: 5%;
}

/*产品详细2*/
.product_con2 {
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
}

.product_con2 img {
  width: 100%;
  display: block;
}

.outerlank {
  height: 0;
  font-size: 0;
  overflow: hidden;
}

/*解决方案2*/
.solution_bg2 {
  background: url(images/solution_bg3.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-top: 3%;
  padding-bottom: 3%;
}

.solution_bg2 .solution_t2 {
  text-align: center;
  overflow: hidden;
  color: #333333;
  width: 94%;
  max-width: 900px;
  margin: 0 auto;
}

.solution_bg2 .solution_desc {
  color: #535353;
  font-size: 15px;
  line-height: 24px;
  width: 94%;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 1%;
  text-align: center;
}

.solution_bg3 {
  background: url(images/solution_bg2.webp) center center no-repeat;
  overflow: hidden;
  margin-top: 2%;
  padding-bottom: 8%;
}

.solution_con {
  width: 96%;
  max-width: 1520px;
  margin: 0 auto;
}

.solution_con ul li {
  float: left;
  margin-top: 3%;
  overflow: hidden;
}

.solution_con ul li:nth-child(1) {
  width: 13%;
  padding-top: 9%;
}

.solution_con ul li:nth-child(2) {
  width: 22%;
  padding-right: 2%;
  padding-top: 8%;
}

.solution_con ul li:nth-child(3) {
  width: 20%;
}

.solution_con ul li:nth-child(4) {
  width: 20%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 6%;
}

.solution_con ul li:nth-child(5) {
  width: 19%;
  padding-top: 10%;
}

.solution_con ul li .img {
  max-width: 90%;
  margin: 0 auto;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.solution_con ul li h2 {
  font-weight: bold;
  font-size: 18px;
  color: #424242;
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
  background: url(images/solution_bg4.webp) center bottom no-repeat;
  background-size: auto 50px;
  padding-bottom: 55px;
}

.solution_con ul li .solution_box {
  margin-bottom: 20px;
}

.solution_con ul li .solution_box:hover .img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.solution_con ul li .solution_box:nth-child(2) {
  margin-bottom: 0%;
}

.solution_con ul li .solution_box:nth-child(2) h2 {
  background: url(images/solution_bg4.webp) center top no-repeat;
  background-size: auto 50px;
  padding-bottom: 0px;
  padding-top: 55px;
}

.solution_con ul li:nth-child(3) .solution_box:nth-child(1) {
  margin-bottom: 5%;
}

.solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.solution_con ul li:nth-child(3) .solution_box:nth-child(2) {
  margin-top: 18%;
}

.solution_con ul li:nth-child(2) .solution_box:nth-child(2) {
  margin-left: 36%;
}

.solution_con ul li:nth-child(4) .solution_box:nth-child(2) {
  margin-right: 36%;
}

.b_link {
  overflow: hidden;
  margin-bottom: 1%;
  margin-top: 2%;
}

.b_link ul li {
  float: left;
  width: 15.8%;
  margin-right: 1%;
  margin-bottom: 2%;
  overflow: hidden;
}

.b_link ul li:nth-child(6n + 0) {
  margin-right: 0;
}

.b_link ul li .imgs {
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.b_link ul li .imgs img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.b_link ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.b_link ul li h2 {
  font-weight: normal;
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}

@media screen and (max-width: 1440px) {
  /*解决方案2*/
  .solution_con ul li:nth-child(4) {
    padding-top: 4%;
  }

  .solution_con ul li:nth-child(5) {
    padding-top: 8%;
  }
}

@media screen and (max-width: 1200px) {
  /*硬件产品*/
  .product_a a {
    height: 50px;
    line-height: 50px;
  }

  /*公司动态*/
  .news_con ul li .i_about_r h3 {
    font-size: 16px;
    margin-bottom: 0.5%;
  }

  .news_con ul li .i_about_r label {
    margin-bottom: 0.5%;
  }

  .news_con ul li .i_about_r .p {
    line-height: 22px;
    max-height: 44px;
  }

  .news_con ul li .i_about_r .news_more {
    margin-top: 1%;
    height: 32px;
    line-height: 32px;
  }

  /*公司介绍*/
  .about_div .i_one_div_txt .i_one_t img {
    margin-top: 6%;
    margin-bottom: 1%;
    width: 40px;
  }

  .about_div .i_one_div_txt .i_one_p {
    padding-top: 1%;
    line-height: 20px;
    font-size: 13px;
  }

  .about_two ul li {
    line-height: 22px;
    font-size: 13px;
  }

  /*联络我们*/
  .contact_r h2 {
    font-size: 24px;
  }

  /*解决方案*/
  .solution_bg .solution_t {
    font-size: 28px;
  }

  .solution_bg .solution_ul ul li .txts img {
    /*margin-top:30px;*/
    width: 18%;
  }

  .solution_bg .solution_ul ul li .txts h2 {
    margin-bottom: 2%;
  }

  .solution_bg .solution_ul ul li .txts p {
    font-size: 13px;
    line-height: 20px;
  }

  /*解决方案2*/
  .solution_con ul li h2 {
    font-size: 16px;
  }

  .solution_bg3 {
    background-position: center 20%;
  }

  .solution_con ul li:nth-child(4) {
    padding-top: 0%;
  }

  .solution_con ul li:nth-child(2) {
    padding-top: 0%;
  }

  .solution_con ul li:nth-child(5) {
    padding-top: 1%;
  }
}

@media screen and (max-width: 1100px) {
  /*内页*/
  .o_big {
    background-size: auto 110%;
  }

  /*公司动态*/
  .news_con ul li .i_about_r h3 {
    font-size: 15px;
    margin-bottom: 0.4%;
  }

  .news_con ul li .i_about_r label {
    margin-bottom: 0.4%;
    font-size: 13px;
  }

  .news_con ul li .i_about_r .p {
    line-height: 18px;
    max-height: 36px;
    font-size: 13px;
  }

  /*相关案例*/
  .case_ul ul li .txts {
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .case_ul ul li .txts .p {
    font-size: 13px;
  }

  /*人才招聘*/
  .job_ul ul li {
    width: 33.33%;
  }

  .job_ul ul li:nth-child(4n + 0) .job_div {
    border-right: 1px solid #e9e9e9;
  }

  .job_ul ul li:nth-child(3n + 0) .job_div {
    border-right: 0;
  }

  /*解决方案*/
  .solution_bg .solution_t {
    font-size: 24px;
  }

  .solution_bg .solution_ul ul li .txts img {
    /*margin-top:20px;*/
    width: 16%;
  }

  .solution_bg .solution_ul ul li .txts p {
    font-size: 13px;
    line-height: 18px;
    max-height: 180px;
  }
}

@media screen and (max-width: 1000px) {
  /*内页*/
  .o_big {
    background-size: auto 120%;
  }

  /*公司动态*/
  .news_con ul li .i_about_r .news_more {
    margin-top: 0.5%;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }

  /*企业荣誉*/
  .honor_ul ul li {
    width: 32%;
  }

  .honor_ul ul li:nth-child(4n + 0) {
    margin-right: 2%;
  }

  .honor_ul ul li:nth-child(3n + 0) {
    margin-right: 0;
  }

  /*工程案例*/
  .case_ul ul li {
    width: 32%;
  }

  .case_ul ul li:nth-child(4n + 0) {
    margin-right: 2%;
  }

  .case_ul ul li:nth-child(3n + 0) {
    margin-right: 0;
  }

  /*解决方案2*/
  .solution_con ul li h2 {
    font-size: 14px;
  }

  .b_link ul li {
    width: 19%;
  }

  .b_link ul li:nth-child(6n + 0) {
    margin-right: 1.1%;
  }

  .b_link ul li:nth-child(5n + 0) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  /*内页*/
  .o_big {
    background-size: auto 130%;
  }

  /*硬件产品*/
  .product_a a {
    height: 46px;
    line-height: 46px;
  }

  /*公司动态*/
  .news_con ul li .i_about_r h3 {
    font-size: 14px;
  }

  /*公司介绍*/
  .about_div .i_one_div_txt .i_one_t img {
    width: 30px;
    margin-top: 3%;
  }

  .about_two ul li {
    line-height: 20px;
    font-size: 13px;
  }

  /*联络我们*/
  .map {
    float: left;
    padding-bottom: 3%;
    display: none;
  }

  .contact_r h2 {
    font-size: 20px;
  }

  /*解决方案*/
  .solution_bg .solution_t {
    font-size: 20px;
  }

  .solution_bg .solution_ul ul li .txts img {
    /*margin-top:15px;*/
    width: 14%;
    margin-bottom: 3%;
  }

  .solution_bg .solution_ul ul li .txts h2 {
    font-size: 20px;
  }

  /*产品详细*/
  .product_con .td.vt {
    vertical-align: middle;
  }

  .product_con .txts .p1 {
    font-size: 14px;
  }

  .product_con .txts .p2 {
    font-size: 14px;
    line-height: 26px;
  }
}

@media screen and (max-width: 830px) {
  /*内页*/
  .o_big {
    background-size: auto 140%;
  }

  /*新闻列表更多按钮隐藏*/
  .news_con ul li .i_about_r .news_more {
    display: none;
  }

  /*公司介绍*/
  .about_div .i_one_div_txt {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 3%;
    padding-top: 2%;
  }

  .about_div .i_one_div_txt .i_one_con {
    max-width: none;
  }

  .about_div .i_one_div_img {
    width: 100%;
  }

  .about_two ul li {
    width: 97%;
    margin-bottom: 3%;
  }

  /*解决方案*/
  .solution_bg .solution_ul ul li {
    width: 49%;
  }

  .solution_bg .solution_ul ul li:nth-child(3n + 0) {
    margin-right: 2%;
  }

  .solution_bg .solution_ul ul li:nth-child(2n + 0) {
    margin-right: 0%;
  }

  /*解决方案2*/
  .b_link ul li {
    width: 24%;
  }

  .b_link ul li:nth-child(5n + 0) {
    margin-right: 1.1%;
  }

  .b_link ul li:nth-child(4n + 0) {
    margin-right: 0;
  }
}

@media screen and (max-width: 780px) {
  /*内页*/
  .o_big {
    background-size: auto 150%;
  }

  /*新闻动态列表*/
  .news_list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .news_list li a {
    padding: 0;
    margin-bottom: 10px;
  }

  .news_list li .imgs {
    flex: 0 0 30%;
    width: 30%;
    padding: 0;
  }

  .news_list li .text {
    margin-left: 0;
    padding: 14px 16px;
  }

  .news_list li .text h4 {
    font-size: 17px;
    padding-top: 15px;
  }

  .news_list li .text p {
    line-height: 23px;
    font-size: 15px;
    height: 46px;
    overflow: hidden;
  }

  .news_list li .date {
    display: none;
  }

  /* 2026-10-25：删除此处的两条 hover 覆盖（a:hover padding-left:0 /
     a:hover .text padding:0 40px 0 0）——手机点按会触发粘滞 :hover，
     文字区内边距从 14px 跳到 40px，标题整体向左窜动 14px（用户实测反馈）。
     桌面 hover 只保留变色，不再有位移。 */


  .news_list li:first-child a {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }

  /*新闻动态列表页*/
  .news_con {
    background: #fff;
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .news_con ul li {
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .news_con ul li .imgs {
    width: 30%;
  }

  .news_con ul li .i_about_r {
    width: 67%;
  }

  .news_con ul li .i_about_r h3 {
    font-size: 18px;
  }

  /*新闻动态详细页*/
  .newsDetails {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 15px;
  }

  .newsDetails_page .show_t {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    text-align: left;
  }

  .newsDetails_page .con_line {
    font-size: 13px;
    line-height: 22px;
    height: auto;
    text-align: left;
  }

  .newsDetails_page .con_id {
    padding-left: 2%;
    margin-right: 2%;
    font-size: 15px;
  }

  .newsDetails_page .con_id img {
    width: 100%;
    height: auto;
    padding-left: 0px;
  }

  /*推荐新闻动态详细页*/
  .relatedNews {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .relatedNews .list {
    margin-bottom: 15px;
  }

  .relatedNews .list li .txt {
    display: none;
  }

  /*产品列表页*/
  .product ul li {
    width: 49%;
  }

  .product ul li:nth-child(3n + 0) {
    margin-right: 0.5%;
  }

  .product ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .product ul li h2 {
    font-size: 16px;
  }

  /*详细产品列表*/
  .product_list ul li {
    width: 49%;
  }

  .product_list ul li:nth-child(3n + 0) {
    margin-right: 0.5%;
  }

  .product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .product_list ul li h2 {
    font-size: 16px;
  }

  /*当前位置*/
  .postions {
    font-size: 13px;
    margin-bottom: 10px;
    color: #919191;
  }

  .postions a {
    color: #919191;
    font-size: 13px;
  }

  /*二级栏目*/
  .second_menu {
    padding-top: 10px;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px;
  }

  .second_menu a {
    padding: 5px 16px;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
  }

  /*公司动态详细*/
  .about_x .show_t {
    font-size: 20px;
    margin-top: 2%;
    margin-bottom: 0px;
  }

  .prenext {
    font-size: 14px;
  }

  .prenext span {
    width: 70px;
    font-size: 14px;
  }

  /*联系我们*/
  .content {
    padding-left: 2%;
    padding-right: 2%;
    height: 700px;
  }

  .content .address {
    width: 100%;
    padding: 0 1%;
    box-sizing: border-box;
  }

  /*地图*/
  #map {
    width: 100%;
    height: 400px;
  }

  /*工程案例*/
  .case_ul ul li {
    width: 49%;
  }

  .case_ul ul li:nth-child(3n + 0) {
    margin-right: 2%;
  }

  .case_ul ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  /*人才招聘*/
  .job_ul ul li {
    width: 50%;
  }

  .job_ul ul li:nth-child(3n + 0) .job_div {
    border-right: 1px solid #e9e9e9;
  }

  .job_ul ul li:nth-child(2n + 0) .job_div {
    border-right: 0;
  }

  /*解决方案2*/
  .solution_bg3 {
    background: none;
  }

  .solution_con ul li:nth-child(1) {
    width: 50%;
  }

  .solution_con ul li:nth-child(2) {
    width: 50%;
    padding-right: 0;
  }

  .solution_con ul li:nth-child(3) {
    width: 50%;
  }

  .solution_con ul li:nth-child(4) {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .solution_con ul li:nth-child(5) {
    width: 50%;
  }

  .solution_con ul li .solution_box {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 640px) {
  /*内页*/
  .o_big {
    background-size: auto 160%;
  }

  /*新闻动态列表页*/
  .news_con {
    background: #fff;
    margin-left: 1%;
    margin-right: 1%;
  }

  .news_con ul li {
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .news_con ul li .imgs {
    width: 37%;
  }

  .news_con ul li .i_about_r {
    width: 60%;
  }

  .news_con ul li .i_about_r h3 {
    font-size: 16px;
  }

  .news_con ul li .i_about_r .news_more {
    display: none;
  }

  /*公司动态*/
  .news_con ul li .imgs {
    width: 29%;
  }

  .news_con ul li .i_about_r {
    width: 68%;
  }

  /*新闻动态详细页*/
  .newsDetails {
    width: 100%;
    padding: 0;
  }

  .newsDetails_page {
    width: 98%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .newsDetails_page .show_t {
    font-size: 20px;
    height: auto;
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
  }

  .newsDetails_page .con_line {
    font-size: 13px;
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
    width: 94%;
  }

  .newsDetails_page .con_id {
    padding-left: 2%;
    padding-right: 2%;
  }

  .newsDetails_page .con_id img {
    width: 100%;
    height: auto;
    padding-left: 0px;
  }

  /*推荐新闻动态详细页*/
  .relatedNews {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
  }

  .relatedNews .list {
    margin-bottom: 15px;
  }

  /*企业荣誉*/
  .honor_ul ul li {
    width: 49%;
  }

  .honor_ul ul li:nth-child(4n + 0) {
    margin-right: 2%;
  }

  .honor_ul ul li:nth-child(3n + 0) {
    margin-right: 2;
  }

  .honor_ul ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  /*相关案例*/
  .case_ul ul li .txts {
    padding-left: 4%;
  }

  /*人才招聘*/
  .job_ul ul li h2 {
    font-size: 18px;
    height: 80px;
    line-height: 80px;
  }

  .job_ul ul li .p {
    font-size: 13px;
  }

  .job_ul ul li em {
    font-size: 13px;
  }

  /*解决方案*/
  .solution_bg .solution_t {
    margin-bottom: 5%;
  }

  .solution_bg .solution_ul ul li {
    width: 100%;
    margin-right: 0%;
  }

  .solution_bg .solution_ul ul li:nth-child(2n + 0) {
    margin-right: 3%;
  }

  .solution_bg .solution_ul ul li .txts img {
    width: 21%;
  }

  /*产品详细*/
  .product_con .txts .p1 {
    font-size: 13px;
    line-height: 20px;
  }

  .product_con .txts .p2 {
    font-size: 13px;
    line-height: 22px;
  }

  .product_three_l {
    width: 50%;
  }

  .product_three_img {
    width: 48%;
  }

  /*解决方案2*/
  .b_link ul li {
    width: 32.5%;
  }

  .b_link ul li:nth-child(4n + 0) {
    margin-right: 1.1%;
  }

  .b_link ul li:nth-child(3n + 0) {
    margin-right: 0;
  }

  /*防伪code.html*/
  .fangwei_div .fangwei_con .imgs {
    width: 40%;
    margin-right: 0;
    margin-bottom: 4%;
  }

  .fangwei_div .fangwei_con .fangwei_txt {
    width: 100%;
    height: 250px;
  }
}

@media screen and (max-width: 480px) {
  /*内页*/
  .o_big {
    background-size: auto 170%;
  }

  /*硬件产品*/
  .product_a a {
    height: 36px;
    line-height: 36px;
    width: 48.4%;
  }

  /*公司动态详细*/
  .about_x2 .show_t {
    font-size: 22px;
    line-height: 30px;
  }

  .about_x .con_id img {
    width: 100%;
    height: auto;
  }

  /*公司介绍*/
  .about_div .i_one_div_txt .i_one_p {
    line-height: 30px;
    font-size: 13px;
  }

  /*相关案例*/
  .case_ul ul li .txts h2 {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }

  /*人才招聘*/
  .job_ul ul li .job_div {
    padding-bottom: 30px;
  }

  .job_ul ul li .job_txt {
    width: 90%;
  }

  .job_ul ul li h2 {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
  }

  .job_ul ul li .p {
    font-size: 13px;
    line-height: 22px;
    padding-top: 20px;
  }

  .job_ul ul li em {
    font-size: 13px;
  }

  /*解决方案*/
  .solution_bg .solution_ul ul li .txts h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  /*内页*/
  .o_big {
    background-size: auto 180%;
  }
}

@media screen and (max-width: 320px) {
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper ul {
	margin: 0px;
	padding: 0px;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	width: 100%;
	/* filter: Alpha(Opacity=0);opacity: 0; */
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border: 0px solid #fff;
	left: 0px;
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.webp) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #b3b3b3;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10%;
	background: url(images/i_left.webp) no-repeat;
}

.bx-wrapper .bx-next {
	right: 10%;
	background: url(images/i_right.webp) no-repeat;
}

.bx-wrapper .bx-prev:hover {
	background: url(images/i_left_on.webp) no-repeat;
}

.bx-wrapper .bx-next:hover {
	background: url(images/i_right_on.webp) no-repeat;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 31px;
	height: 55px;
	text-indent: -9999px;
	/*z-index: 9999;*/
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.webp) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.webp) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #6669;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#slider {
	position: relative;
}

#bx-pager {
	z-index: 1000;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
}

#bx-pager .item {
	text-align: center;
}

#bx-pager .item a {
	display: inline-block;
	margin: 10px;
	border: white 3px solid;
	position: relative;
}

#bx-pager .item a .preview {
	display: none;
}

#bx-pager .item a:hover {
	border: #ccc 3px solid;
}

#bx-pager .item a:hover .preview {
	display: block;
	position: absolute;
	top: -5px;
	left: -7px;
	width: 200px;
	height: 100px;
	border: #ccc 3px solid;
	/*transform:scalex(1.2) scaley(1.2)*/
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 50px;
	height: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #A40000;
}

/*首页CSS*/

/* 分屏栏目 */
.i_title {
  margin-top: 3%;
  margin-bottom: 2%;
  overflow: hidden;
  text-align: center;
}

.i_title h2 {
  overflow: hidden;
  font-weight: 400px;
  font-size: 40px;
  color: #9b0910;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-family: 'Microsoft YaHei', '微软雅黑', 'Arial';
}

.i_title p {
  color: #b33c42;
  font-size: 22px;
  padding-bottom: 15px;
}

/* 关于我们 */
.in_about {
  padding: 30px 0 40px 0;
  background: url(images/map_bg.webp);
  background-size: cover;
}

.in_about dt {
  float: left;
  position: relative;
  width: 32%;
  margin: 0 0 20px 20px;
}

.in_about dt:before {
  content: '';
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 100%;
  height: 100%;
  background-color: #9b0910;
}

.in_about dt img {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.in_about dd {
  float: right;
  width: 58%;
  margin: 20px;
  background-color: #fff;
  box-shadow: 0 1px 18px 1px rgba(54, 62, 69, 0.6);
  padding: 35px;
  position: relative;
  top: -20px;
}

.in_about dd h4 {
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 18px;
}

.in_about dd p {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.in_about dd a:hover h4 {
  color: #9b0910;
}

* 新闻中心 */ .news_bg {
  background: url(images/news_bg.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 30px 0 60px 0;
}

.news {
  padding: 0px;
  margin-bottom: 30px;
}

.news li {
  float: left;
  width: 48%;
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 0;
}

.news li:nth-child(2n + 0) {
  margin-right: 0;
}

.news li .imgs {
  float: left;
  width: 32%;
  overflow: hidden;
  padding: 0;
}

.news li .newsimgs {
  width: 220px;
  height: 130px;
  overflow: hidden;
}

.news li .imgs img {
  width: 100%;
  /* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.news li:hover .imgs img {
  /*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.news li .text {
  float: right;
  width: 62%;
  padding: 0 3%;
}

.news li .text h4 {
  font-weight: 400;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 10px;
}

.news li .text p {
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-size: 16px;
}

.news li a:hover {
  background-color: #9b0910;
  color: #fff;
}

.news li a:hover .text p,
.news li a:hover .date small {
  color: #fff;
}

.news li a {
  display: block;
  margin: 0;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}

.news li .date {
  float: left;
  height: 24px;
  margin-left: 20px;
  margin-top: 5px;
}

.news li .date small {
  font-size: 14px;
  color: #5f5f5f;
}
.news li .date span {
  display: block;
  float: left;
  color: #5f5f5f;
  width: 13px;
  height: 12px;
  margin: 3px 10px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}

/* 新闻中心 */
.in_news_bg {
  background: url(images/news_bg.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 30px 0 60px 0;
}

.in_news {
  padding: 0px;
  margin-bottom: 30px;
}

.in_news li {
  float: left;
  width: 48%;
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 0;
}

.in_news li:nth-child(2n + 0) {
  margin-right: 0;
}

.in_news li .imgs {
  float: left;
  width: 32%;
  overflow: hidden;
  padding: 0;
}

.in_news li .newsimgs {
  width: 220px;
  height: 130px;
  overflow: hidden;
}

.in_news li .imgs img {
  width: 100%;
  /* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.in_news li:hover .imgs img {
  /*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.in_news li .text {
  float: right;
  width: 62%;
  padding: 0 3%;
}

.in_news li .text h4 {
  font-weight: 400;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 10px;
}

.in_news li .text p {
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  font-size: 16px;
}

.in_news li a:hover {
  background-color: #9b0910;
  color: #fff;
}

.in_news li a:hover .text p,
.in_news li a:hover .date small {
  color: #fff;
}

.in_news li a {
  display: block;
  margin: 0;
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}

.in_news li .date {
  float: left;
  height: 24px;
  margin-left: 20px;
  margin-top: 5px;
}

.in_news li .date small {
  font-size: 14px;
  color: #5f5f5f;
}
.in_news li .date span {
  display: block;
  float: left;
  color: #5f5f5f;
  width: 13px;
  height: 12px;
  margin: 3px 10px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}
/* 首页产品中心 */
.i_product_bg {
  background: url(images/aids_bg.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 30px 0 60px 0;
}

.i_product_list {
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 24px;
}

.i_product_list ul li {
  float: left;
  width: 31%;
  margin: 0 1% 2% 1%;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
}

.i_product_list ul li:nth-child(3n + 0) {
  margin-right: 0;
}

.i_product_list ul li img {
  display: inline-block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
}

.i_product_list ul li .imgs {
  width: 100%;
  overflow: hidden;
}

.i_product_list ul li .list-img {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.i_product_list ul li .txts {
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s;
  padding: 15px 5%;
  text-align: left;
}

.i_product_list ul li .txts h2 {
  font-weight: normal;
  color: #111111;
  line-height: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.i_product_list ul li .txts p {
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  color: #333333;
  font-size: 16px;
}

.i_product_list ul li em {
  display: block;
  color: #ee697e;
  font-size: 14px;
  margin-top: 10px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}

.i_product_list ul li label {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 5px;
}

.i_product_list ul li:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.i_product_list ul li:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  transition: all 0.3s;
}

.i_product_list ul li:hover h2 {
  color: #9b0910;
}

.i_case_bg {
  background: url(images/i_case_bg.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 30px 0 60px 0;
}

.i_case_bg .i_title h2 {
  color: #fff;
}

.i_case_bg .i_title p {
  color: #fff;
}

/*友情链接*/
.i_link {
  overflow: hidden;
  margin-bottom: 1%;
}

.i_link ul li span {
  font-weight: normal;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}

.i_link ul li {
  float: left;
  padding: 3px 10px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}

.i_link ul li:nth-child(14n + 0) {
  margin-right: 0;
}

.i_link ul li a {
  display: block;
  color: #fff;
}

.i_link ul li a:hover {
  color: #fff;
}

.banner_pos {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.banner_pos .banner_div {
  /* display:table; vertical-align:bottom; */
  height: 100%;
  width: 100%;
  position: relative;
}

/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001 {
  height: 100%;
  width: 57.6%;
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
  right: 0%;
}

.banner_pos .img001 img {
  height: 100%;
  filter: Alpha(Opacity=0);
  opacity: 0;
}

.banner_pos .txtsbox {
  float: left;
  width: 50%;
}

.banner_pos .txts {
  float: right;
  margin-right: 3%;
  margin-top: 20%;
  width: 94%;
  max-width: 536px;
  text-align: left;
}

.banner_pos .txts h2 {
  color: #00a1e9;
}

.banner_pos .txts p {
  color: #767676;
  margin-top: 6%;
}

.banner_pos .txts a {
  margin-top: 6%;
  width: 220px;
  display: block;
  height: 48px;
  line-height: 48px;
  border: 1px solid #606060;
  text-align: center;
  font-size: 13px;
  color: #a2a2a2;
}

.banner_pos .txts a em {
  float: right;
  margin-right: 7%;
  font-style: normal;
  font-family: '宋体';
  font-size: 18px;
}

.banner_pos .txts a:hover {
  border: 1px solid #00a1e9;
}

.banner_pos .txts a:hover {
  color: #00a1e9;
}

/*公司介绍*/

.in-big {
  float: left;
  padding: 15px;
  width: 42%;
  border: 1px solid #eaeaea;
}

.in-big-img {
  overflow: hidden;
}

.in-big-img img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.in-big-con {
  padding-top: 18px;
}

.in-big-con h4 {
  font-size: 18px;
  color: #535353;
  line-height: 24px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.in-big:hover .in-big-con h4 {
  color: #0093dd;
}

.in-big-con p {
  font-size: 14px;
  color: #888888;
  line-height: 22px;
  margin-top: 6px;
  height: 44px;
  overflow: hidden;
}

.in-small {
  float: right;
  width: 52%;
  margin-top: -14px;
}

.ins-box {
  position: relative;
  border-top: 1px solid #e2e2e2;
  padding: 14px 0;
}

.in-small .ins-box:first-child {
  border-top: none;
}

.ins-box-date {
  float: right;
  width: 80px;
  height: 20px;
  background: #f8f8f8;
  text-align: center;
}

.ins-box-date h4 {
  font-size: 36px;
  font-weight: normal;
  color: #b0b0b0;
}

.ins-box-date p {
  font-size: 14px;
  color: #b0b0b0;
  line-height: 22px;
}

.ins-box a:hover .ins-box-date {
  background: #9b0910;
}

.ins-box a:hover .ins-box-date h4 {
  color: #fff;
}

.ins-box a:hover .ins-box-date p {
  color: #fff;
}

.ins-box-p {
  position: relative;
  float: left;
  width: 74%;
  margin-left: 0px;
  padding-top: 6px;
}

.ins-box-p h4 {
  font-size: 18px;
  line-height: 26px;
  color: #484848;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ins-box-p:hover h4 {
  color: #0093dd;
}

.ins-box-p p {
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  color: #888888;
  overflow: hidden;
  /*text-overflow: ellipsis;
    white-space: nowrap;*/
  margin-top: 6px;
}

.ins-box-more {
  position: absolute;
  top: -1px;
  right: 0;
  width: 40px;
  height: 60px;
  background: #fff url('images/ins-more.webp') no-repeat center bottom;
}

.ins-box a:hover .ins-box-more {
  background: #fff url('images/ins-more-on.webp') no-repeat center bottom;
}

/*动画*/

@media screen and (max-width: 1760px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1300px) {
  .in_about dd {
    float: right;
    width: 56%;
    margin: 2%;
    background-color: #fff;
    box-shadow: 0 1px 18px 1px rgba(54, 62, 69, 0.6);
    padding: 2% 2%;
    position: relative;
    top: -25px;
  }

  .in_about dd h4 {
    font-size: 26px;
    line-height: 35px;
    padding-bottom: 2%;
  }

  .in_about dd p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    height: 156px;
    overflow: hidden;
  }
}

@media screen and (max-width: 1200px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 3%;
    margin-bottom: 2%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 20pt;
  }

  .i_title p {
    font-size: 14pt;
  }

  /* 关于我们 */
  .in_about dd {
    float: right;
    width: 56%;
    margin: 2%;
    background-color: #fff;
    box-shadow: 0 1px 18px 1px rgba(54, 62, 69, 0.6);
    padding: 2% 2%;
    position: relative;
    top: -25px;
  }

  .in_about dd h4 {
    font-size: 22px;
    line-height: 35px;
    padding-bottom: 2%;
  }

  .in_about dd p {
    height: 130px;
    overflow: hidden;
  }
}

@media screen and (max-width: 1000px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 2%;
    margin-bottom: 1.5%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 18pt;
  }

  .i_title p {
    font-size: 13pt;
  }

  /* 关于我们 */
  .in_about dd {
    float: right;
    width: 56%;
    margin: 2%;
    background-color: #fff;
    box-shadow: 0 1px 18px 1px rgba(54, 62, 69, 0.6);
    padding: 2% 2%;
    position: relative;
    top: -25px;
  }

  .in_about dd h4 {
    font-size: 22px;
    line-height: 35px;
    padding-bottom: 2%;
  }

  .in_about dd p {
    height: 130px;
    overflow: hidden;
  }

  .i_link ul li {
    padding: 3px 10px;
  }

  .i_link ul li:nth-child(6n + 0) {
    margin-right: 1.1%;
  }

  .i_link ul li:nth-child(5n + 0) {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 2%;
    margin-bottom: 1.5%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 18pt;
  }

  .i_title p {
    font-size: 13pt;
  }

  /* 关于我们*/
  .in_about dd p {
    font-size: 16px;
    height: 104px;
    overflow: hidden;
  }

  /* 大爱行动样*/
  .i_product_list ul li {
    width: 46%;
    margin: 2%;
  }

  .i_product_list ul li p {
    font-size: 15px;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 2%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    max-width: 415px;
    height: 260px;
  }
}

@media screen and (max-width: 830px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 2%;
    margin-bottom: 1.5%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 18pt;
  }

  .i_title p {
    font-size: 13pt;
  }

  /* 关于我们*/
  .in_about dd p {
    font-size: 16px;
  }

  /* 大爱行动样式 */
  .i_product_list ul li {
    width: 46%;
    margin: 2%;
  }

  .i_product_list ul li p {
    font-size: 15px;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 2%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    max-width: 415px;
    height: 260px;
  }

  /*公司介绍*/
  .i_about_div .i_one_div_txt {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 3%;
    padding-top: 2%;
  }

  .i_about_div .i_one_div_txt .i_one_con {
    max-width: none;
  }

  .i_about_div .i_one_div_img {
    width: 100%;
  }

  .i_about_two ul li {
    width: 97%;
    margin-bottom: 3%;
  }

  /*公司业务*/
  .i_service ul li {
    width: 100%;
  }

  .i_link ul li {
    padding: 3px 5px;
  }

  .i_link ul li:nth-child(5n + 0) {
    margin-right: 1.1%;
  }

  .i_link ul li:nth-child(4n + 0) {
    margin-right: 0;
  }
}

@media screen and (max-width: 780px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 2%;
    margin-bottom: 1.5%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 18pt;
  }

  .i_title p {
    font-size: 13pt;
  }

  /* 关于我们*/
  .in_about dd h4 {
    font-size: 18px;
  }

  .in_about dd p {
    font-size: 16px;
  }

  /* 新闻 */
  .in_news li .date,
  .in_news li .date small {
    display: none;
  }

  .in_news li .newsimgs {
    width: 260px;
    height: 106px;
    overflow: hidden;
  }

  /* 大爱行动 */
  .i_product_list ul li {
    width: 46%;
    margin: 2%;
  }

  .i_product_list ul li p {
    font-size: 15px;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 2%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    max-width: 390px;
    height: 240px;
  }

  .in-big {
    float: left;
    width: 95%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 3%;
  }

  .in-small {
    float: left;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media screen and (max-width: 640px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 2%;
    margin-bottom: 1.5%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 18pt;
  }

  .i_title p {
    font-size: 13pt;
  }
  /* 关于我们*/
  .in_about dt {
    float: left;
    position: relative;
    width: 96%;
    margin: 0 0 2% 2%;
  }

  .in_about dt img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .in_about dd {
    float: left;
    width: 96%;
    margin: 0 2%;
    background-color: #fff;
    box-shadow: none;
    padding: 0 0 5% 0;
    top: 0;
  }

  .in_about dd h4 {
    font-weight: 400;
    font-size: 12pt;
    line-height: 20pt;
    margin-top: 2%;
    margin-left: 5%;
  }

  .in_about dd p {
    padding: 0 3%;
    font-size: 10pt;
    line-height: 20pt;
  }

  .in_about dt:before {
    display: none;
  }

  /* 产品图片 */
  .i_product_list ul li {
    width: 47%;
    margin: 1.5%;
  }

  .i_product_list ul li p {
    font-size: 15px;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 1.5%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    max-width: 320px;
    height: 200px;
  }

  /* 首页新闻 */
  .in_news {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .in_news li .newsimgs {
    width: 100%;
    height: 100px;
    overflow: hidden;
  }

  .in_news li {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
  }

  .in_news li .date {
    float: left;
    width: 90px;
    height: 25px;
    margin-left: 3%;
    margin-top: 5px;
  }

  .in_news li .date small a {
    display: block;
    font-size: 14px;
    color: #5f5f5f;
  }

  .in_news li .newsimgs {
    width: 260px;
    height: 106px;
    overflow: hidden;
  }

  .in_news li .text {
    float: left;
  }

  .in_news li .text h4 {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding-top: 2%;
    margin: 0;
  }

  .in_news li .text p {
    line-height: 1.45;
    height: 40px;
    font-size: 15px;
  }
  /* 底部导航 */
  .i_link ul li {
    padding: 3px 5px;
  }

  .i_link ul li:nth-child(4n + 0) {
    margin-right: 1.1%;
  }

  .i_link ul li:nth-child(3n + 0) {
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 1%;
    margin-bottom: 1%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 16pt;
  }

  .i_title p {
    font-size: 12pt;
  }

  /* 关于我们*/
  .in_about dt {
    float: left;
    position: relative;
    width: 96%;
    margin: 0 0 2% 2%;
  }

  .in_about dt img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .in_about dd {
    float: left;
    width: 96%;
    margin: 0 2%;
    background-color: #fff;
    box-shadow: none;
    padding: 0 0 5% 0;
    top: 0;
  }

  .in_about dd h4 {
    font-weight: 400;
    font-size: 12pt;
    line-height: 20pt;
    margin-top: 2%;
    margin-left: 5%;
  }

  .in_about dd p {
    padding: 0 3%;
    font-size: 10pt;
    line-height: 20pt;
  }

  .in_about dt:before {
    display: none;
  }

  /* 首页新闻 */
  .in_news li {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
  }

  .in_news li .newsimgs {
    width: 100%;
    height: 100px;
    overflow: hidden;
  }

  .in_news li .text h4 {
    font-size: 12pt;
    height: 28pt;
    padding-top: 1%;
    padding-right: 0;
    margin: 0;
  }

  .in_news li .text p {
    line-height: 16pt;
    font-size: 10pt;
  }

  /* 大爱行动 */
  .i_product_list ul li {
    width: 48%;
    margin: 1%;
  }

  .i_product_list ul li p {
    font-size: 12pt;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 1%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    max-width: 240px;
    height: 160px;
  }
}

@media screen and (max-width: 360px) {
  /* 分屏栏目 */
  .i_title {
    margin-top: 1%;
    margin-bottom: 1%;
    overflow: hidden;
    text-align: center;
  }

  .i_title h2 {
    font-size: 16pt;
  }

  .i_title p {
    font-size: 12pt;
  }

  /* 关于我们*/
  .in_about dt {
    float: left;
    position: relative;
    width: 96%;
    margin: 0 0 2% 2%;
  }

  .in_about dt img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .in_about dd {
    float: left;
    width: 96%;
    margin: 0 2%;
    background-color: #fff;
    padding-bottom: 5%;
    box-shadow: none;
  }

  .in_about dd h4 {
    font-weight: 400;
    font-size: 13pt;
    line-height: 30pt;
    margin-top: 2%;
    margin-left: 5%;
  }

  .in_about dd p {
    padding: 0 5% 10% 5%;
    font-size: 10pt;
  }

  .in_about dt:before {
    display: none;
  }

  /* 阜爱新闻 */
  .in_news li {
    width: 96%;
    margin: 0 2% 2% 2%;
    padding: 0;
  }

  .in_news li .newsimgs {
    width: 100%;
    height: 80px;
    overflow: hidden;
  }

  .in_news li .text h4 {
    font-size: 12pt;
    height: 30px;
    padding-right: 0;
    margin: 0;
  }

  .in_news li .text p {
    font-size: 10pt;
  }

  /* 大爱行动 */
  .i_product_list ul li {
    width: 48%;
    margin: 1%;
  }

  .i_product_list ul li p {
    font-size: 10pt;
  }

  .i_product_list ul li:nth-child(3n + 0) {
    margin-right: 1%;
  }

  .i_product_list ul li:nth-child(2n + 0) {
    margin-right: 0;
  }

  .i_product_list ul li .list-img {
    height: 130px;
    max-width: 180px;
  }
}


/* ============================================================
   faaids 主题「全站去 JS 化」（2026-10-24 · 参考 fykcjgxx.cn 同款方案：零外部 JS 文件）
   原 jQuery 生态（jQuery / SuperSlide / bxSlider / Owl / anim.js /
   public.js / foot.js / basic.js）整体删除，以下为纯 CSS 替代：
   · 首页大图轮播：纯 CSS 交叉淡入（原 bxSlider）+ 圆点指示 / 点击切图
   · 救助儿童区块：grid 网格排布（原 Owl 轮播）
   · 移动端抽屉菜单：:target 开合（原 public.js 状态机）
   · 滚动揭示动画兜底：anim.js 删除后 .anim-* 元素默认全量显示
   ============================================================ */

/* ---- 0. 滚动揭示动画兜底（原 anim.js 滚动时加 .anim-show；无脚本后默认可见）---- */
.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6,
.anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 {
  opacity: 1 !important;
  transform: none !important;
}

/* ---- 1. 首页大图：纯 CSS 交叉淡入（原 bxSlider）----
   每张 li 绝对定位叠放，首张撑高容器；张数 / 错峰延迟由模板内联给出
   （animation-name / animation-duration / animation-delay 写死在 style 上，
   同时保留 --fade-name / --fade-n / --d 变量）。关键帧按张数预置
   sgFade1~8（渐变版）、sgSwap1~8（快切版）、sgDot1~8（圆点）。
   8 张以内增删 banner 无需改任何文件；超过 8 张回落到 sgFade8 / sgSwap8。 */
#slider { position: relative; }
#slider .css-fade {
  position: relative; display: block; overflow: hidden;
  margin: 0; padding: 0; list-style: none;
}
#slider .css-fade li {
  position: absolute; top: 0; left: 0; width: 100%; opacity: 0;
  animation-name: var(--fade-name, sgFade3);
  animation-duration: calc(var(--fade-n, 3) * 5s);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-delay: var(--d, 0s);
}
#slider .css-fade li:first-child { position: relative; opacity: 1; }
#slider .css-fade img { display: block; width: 100%; height: auto; }
#slider:hover .css-fade li { animation-play-state: paused; }

/* 减少动态效果（prefers-reduced-motion）时改用「快切」关键帧：
   动画照跑、每 5 秒换一张，只是不做长渐变；!important 压过模板内联
   animation-name；fallback 兼容改造前只带 --fade-name 的旧静态快照。 */
@media (prefers-reduced-motion: reduce) {
  #slider .css-fade li {
    animation-name: var(--swap-name, var(--fade-name, sgFade3)) !important;
    animation-duration: calc(var(--fade-n, 3) * 5s) !important;
    animation-iteration-count: infinite !important;
    animation-fill-mode: both !important;
  }
  #slider .css-fade li:first-child { opacity: 1; }
  #slider .hs-dots label {
    animation-duration: calc(var(--fade-n, 3) * 5s) !important;
    animation-iteration-count: infinite !important;
  }
}
/* 关键帧百分比 = 每张停留 100/N%，首尾各 4% 做交叉淡入 */
@keyframes sgFade1 { 0%, 100% { opacity: 1; } }
@keyframes sgFade2 { 0% { opacity: 0; } 4% { opacity: 1; } 50% { opacity: 1; } 54% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade3 { 0% { opacity: 0; } 4% { opacity: 1; } 33.3333% { opacity: 1; } 37.3333% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade4 { 0% { opacity: 0; } 4% { opacity: 1; } 25% { opacity: 1; } 29% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade5 { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade6 { 0% { opacity: 0; } 4% { opacity: 1; } 16.6667% { opacity: 1; } 20.6667% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade7 { 0% { opacity: 0; } 4% { opacity: 1; } 14.2857% { opacity: 1; } 18.2857% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgFade8 { 0% { opacity: 0; } 4% { opacity: 1; } 12.5% { opacity: 1; } 16.5% { opacity: 0; } 100% { opacity: 0; } }

/* ---- 1b. 底部居中圆点指示器：与图片同一套错峰动画，零 JS 指示当前张；
   圆点是 <label for="hs-rN">，配合 1c 节的 radio 实现「点了就切图」。
   注意用 animation-fill-mode:forwards（不能用 both/backwards）——
   delay 期间不填充高亮态，否则前几秒所有点一起亮。 */
#slider .hs-dots {
  position: absolute; left: 0; right: 0; bottom: 18px; z-index: 3;
  display: flex; justify-content: center; align-items: center; gap: 10px;
  pointer-events: none;
}
#slider .hs-dots label {
  display: block; position: relative; width: 9px; height: 9px; border-radius: 50%;
  cursor: pointer; pointer-events: auto;
  background: rgba(255, 255, 255, .55);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .32), 0 1px 4px rgba(0, 0, 0, .45);
  animation-timing-function: linear; animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
#slider .hs-dots label::before {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 30px; height: 30px; margin: -15px 0 0 -15px;
}
#slider .hs-dots label:hover { background: rgba(255, 255, 255, .85); }
#slider:has(.hs-r:focus-visible) .hs-dots {
  outline: 2px solid rgba(255, 255, 255, .9); outline-offset: 5px; border-radius: 14px;
}
@keyframes sgDot1 { 0%, 100% { background: #fff; transform: scale(1.3); } }
@keyframes sgDot2 { 0% { background: #fff; transform: scale(1.3); } 50% { background: #fff; transform: scale(1.3); } 50.01% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot3 { 0% { background: #fff; transform: scale(1.3); } 33.3333% { background: #fff; transform: scale(1.3); } 33.34% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot4 { 0% { background: #fff; transform: scale(1.3); } 25% { background: #fff; transform: scale(1.3); } 25.01% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot5 { 0% { background: #fff; transform: scale(1.3); } 20% { background: #fff; transform: scale(1.3); } 20.01% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot6 { 0% { background: #fff; transform: scale(1.3); } 16.6667% { background: #fff; transform: scale(1.3); } 16.67% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot7 { 0% { background: #fff; transform: scale(1.3); } 14.2857% { background: #fff; transform: scale(1.3); } 14.29% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }
@keyframes sgDot8 { 0% { background: #fff; transform: scale(1.3); } 12.5% { background: #fff; transform: scale(1.3); } 12.51% { background: rgba(255,255,255,.55); transform: scale(1); } 100% { background: rgba(255,255,255,.55); transform: scale(1); } }

/* ---- 1c. 点圆点即切图（纯 CSS 状态机）----
   每个圆点是 <label for="hs-rN">，对应一个视觉隐藏的 radio。
   · 一个 radio 都不设 checked —— 否则一进页面就进「手动模式」，自动轮播永远不动；
   · 选中任一 = 手动模式（animation:none，避免停在半透明帧），只显示那张；
   · 已知局限（纯 CSS 边界）：radio 选中后无法用 CSS 取消，点了会停在该张，
     刷新页面才回到自动轮播。 */
#slider > .hs-r {
  position: absolute; left: 0; top: 0; width: 1px; height: 1px;
  margin: 0; padding: 0; border: 0; opacity: 0;
  pointer-events: none; appearance: none; -webkit-appearance: none;
}
#slider:has(.hs-r:checked) .css-fade > li { animation: none !important; opacity: 0; }
#slider:has(.hs-r:nth-of-type(1):checked) .css-fade > li:nth-child(1),
#slider:has(.hs-r:nth-of-type(2):checked) .css-fade > li:nth-child(2),
#slider:has(.hs-r:nth-of-type(3):checked) .css-fade > li:nth-child(3),
#slider:has(.hs-r:nth-of-type(4):checked) .css-fade > li:nth-child(4),
#slider:has(.hs-r:nth-of-type(5):checked) .css-fade > li:nth-child(5),
#slider:has(.hs-r:nth-of-type(6):checked) .css-fade > li:nth-child(6),
#slider:has(.hs-r:nth-of-type(7):checked) .css-fade > li:nth-child(7),
#slider:has(.hs-r:nth-of-type(8):checked) .css-fade > li:nth-child(8) { opacity: 1; }
#slider:has(.hs-r:checked) .hs-dots > label { animation: none !important; background: rgba(255,255,255,.55); transform: scale(1); }
#slider:has(.hs-r:nth-of-type(1):checked) .hs-dots > label:nth-child(1),
#slider:has(.hs-r:nth-of-type(2):checked) .hs-dots > label:nth-child(2),
#slider:has(.hs-r:nth-of-type(3):checked) .hs-dots > label:nth-child(3),
#slider:has(.hs-r:nth-of-type(4):checked) .hs-dots > label:nth-child(4),
#slider:has(.hs-r:nth-of-type(5):checked) .hs-dots > label:nth-child(5),
#slider:has(.hs-r:nth-of-type(6):checked) .hs-dots > label:nth-child(6),
#slider:has(.hs-r:nth-of-type(7):checked) .hs-dots > label:nth-child(7),
#slider:has(.hs-r:nth-of-type(8):checked) .hs-dots > label:nth-child(8) { background: #fff; transform: scale(1.3); }

/* 快切版关键帧（prefers-reduced-motion 专用）：首尾各 1% 过渡 */
@keyframes sgSwap1 { 0%, 100% { opacity: 1; } }
@keyframes sgSwap2 { 0% { opacity: 0; } 1% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap3 { 0% { opacity: 0; } 1% { opacity: 1; } 33.3333% { opacity: 1; } 34.3333% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap4 { 0% { opacity: 0; } 1% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap5 { 0% { opacity: 0; } 1% { opacity: 1; } 20% { opacity: 1; } 21% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap6 { 0% { opacity: 0; } 1% { opacity: 1; } 16.6667% { opacity: 1; } 17.6667% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap7 { 0% { opacity: 0; } 1% { opacity: 1; } 14.2857% { opacity: 1; } 15.2857% { opacity: 0; } 100% { opacity: 0; } }
@keyframes sgSwap8 { 0% { opacity: 0; } 1% { opacity: 1; } 12.5% { opacity: 1; } 13.5% { opacity: 0; } 100% { opacity: 0; } }

/* ---- 2. 救助儿童：grid 网格排布，不横向滚动（原 Owl 轮播）----
   .owl-item 是原 Owl 生成的类名，模板里保留；这里只接管布局。
   桌面 3 列、≤979px 2 列、≤780px 单列。 */
#owl-demo3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 2%; overflow: visible; padding-bottom: 0; }
#owl-demo3 .owl-item { width: auto; max-width: none; flex: none; float: none; box-sizing: border-box; scroll-snap-align: none; }
#owl-demo3 .item { margin: 0; }
/* 卡片阴影第三层 0 8px 20px 4px 向左右各扩约 24px，首末卡贴着 .wrap2 边缘，
   wrap2 的 overflow:hidden（浮动清除遗留）会把左右投影硬切——grid 自包含无浮动，
   放开本版块 wrap2 的裁剪即可完整显示（实测 first.left=70=wrap2 左边界）。 */
.i_case_bg .wrap2 { overflow: visible; }
@media screen and (max-width: 979px) { #owl-demo3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 2.5%; } }
@media screen and (max-width: 780px) { #owl-demo3 { grid-template-columns: 1fr; gap: 20px; width: calc(100% - 24px); margin: 0 12px; } }

/* ---- 3. 移动端抽屉菜单：:target 开合（原 public.js 状态机）----
   导航按钮 href="#drawer-section-menu" 置目标即展开；
   关闭按钮 / 遮罩 href="#" 清目标即收起。零 JS。 */
.drawer-section-menu:target {
  display: block;
  animation: sgDrawerIn .22s ease both;
  position: fixed; top: 70px; left: 0; right: 0; z-index: 98;
}
@keyframes sgDrawerIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.touch-top:has(.drawer-section-menu:target) + .touch_bg { display: block; }
/* 抽屉内 .anim 类已无脚本消费，去掉残留位移/隐藏影响；子栏目直接展开显示 */
.drawer-section-menu .anim { opacity: 1 !important; transform: none !important; animation: none !important; }
.drawer-section-menu .touch-menu ul ul { display: block; }
/* ============================================================
   图片圆角（2026-10-24 · 参考 fykcjgxx.cn 圆角语言：12px / 8px）
   范围：文章/单页正文图片、栏目列表缩略图、首页各版块图片
   （关于阜爱 / 阜爱新闻 / 大爱行动 / 救助儿童）
   ============================================================ */

/* 1. 文章 / 单页正文图片：12px 圆角 + 柔和投影（阿里风） */
.newsDetails_page .con_id img {
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

/* 正文视频自适应视口（2026-10-25）：后台编辑器插入的 <video> 不带宽高，
   桌面按原始尺寸尚可，手机上超出 .con_id（overflow:hidden）直接被裁掉右侧。
   max-width:100% + height:auto 等比缩放；小视频不放大。 */
.con_id video,
.con_id iframe {
  display: block;
  max-width: 100%;
}
.con_id video {
  height: auto;
}

/* 2. 缩略图圆角（2026-10-24 统一口径）
   竖排卡片（缩略图在上方）：上部圆角 12px、下部直角；
   横排卡片（左图右文，缩略图在左侧）：左侧圆角 12px、右侧直角 */
.i_product_list .imgs,
.i_product_list .imgs img,
#owl-demo3 .item dd .imgs,
#owl-demo3 .item dd .img-size {
  border-radius: 12px 12px 0 0;
}
.news_list li .imgs,
.news_list li .imgs img,
.in_news li .imgs,
.in_news li .imgs img {
  border-radius: 12px 0 0 12px;
}

/* 3. 关于阜爱版块大图：12px 圆角 + 柔和投影 */
.in_about dt img {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
}
/* ============================================================
   首页提速 + LOGO 配色统一（2026-10-24）
   LOGO 主色：心形红 #EF1A24 · 白底 #FFFFFF · 深灰文字 #4D4D4D
   ============================================================ */

/* ① 去掉首页主体 4 个版块大背景图（map_bg / news_bg / aids_bg / i_case_bg），
      改为浅灰净色版面，与 LOGO「白底+红+深灰」一致，并省去 4 个大图请求 */
.in_about,
.in_news_bg,
.i_product_bg,
.i_case_bg {
  background-image: none !important;
  background-color: #f7f8fa;
}

/* ② 救助儿童版块标题由「白字（原深色背景图专用）」改回主题红 */
.i_case_bg .i_title h2 {
  color: #9b0910;
}
.i_case_bg .i_title p {
  color: #c8102e;
}

/* ③ 版块英文小标题、页脚底色统一为 LOGO 红系（深红 #9B0910 / 暖红 #C8102E） */
.i_title p {
  color: #c8102e;
}
.foot_bg {
  background: #9b0910;
}
/* ============================================================
   全站阿里风 · 卡片悬停高亮（2026-10-24）
   参考 fykcjgxx.cn（AntD/阿里风格）：白卡 + 1px #ebedf0 细边 + 12px 圆角，
   hover 轻微上浮 translateY(-4px) + 分层柔和投影 + 边框微亮；
   去掉原来「整卡深红反色」的重高亮，改为标题变品牌红。
   ============================================================ */

/* 1. 卡片底座：白底 + 细边 + 圆角 + 常驻 AntD 柔和投影（弱版）+ 过渡
      （box-sizing 防加边溢出；静态也带柔影，hover 加深——阿里风卡片常驻投影） */
.in_news li,
.i_product_list ul li,
.news_list li,
#owl-demo3 .item dd,
.relatedNews .list {
  background-color: #fff;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .05),
              0 8px 20px 4px rgba(15, 23, 42, .05);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

/* 2. 悬停：上浮 + AntD 分层柔和投影 + 边框微亮
      transform 加 !important：去 JS 化兜底 `.anim-*{transform:none!important}`
      会以 !important 压掉普通 :hover 位移（实测），加 !important 后按选择器
      优先级（0,2,1 > 0,1,0）放行悬停上浮，可见性兜底不受影响。 */
.in_news li:hover,
.i_product_list ul li:hover,
.news_list li:hover,
#owl-demo3 .item dd:hover {
  transform: translateY(-4px) !important;
  border-color: #e0e4ea;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .07),
              0 8px 20px 4px rgba(15, 23, 42, .07);
}

/* 3. 阜爱新闻 / 预防艾滋卡片：去掉「整卡深红反色」，标题 hover 变品牌红、文字保持深灰 */
.in_news li a:hover {
  background-color: #fff;
  color: inherit;
}
.in_news li a:hover .text p,
.in_news li a:hover .date small {
  color: #5f5f5f;
}
.in_news li a:hover .text h4 {
  color: #c8102e;
}

/* 4. 卡片标题 hover 过渡 + 统一品牌红 */
.in_news li .text h4,
.i_product_list ul li .txts h2,
#owl-demo3 .item dd .txts h2 {
  transition: color .28s ease;
}
.i_product_list ul li:hover h2,
#owl-demo3 .item dd:hover .txts h2,
.relatedNews .list li a:hover .tit {
  color: #c8102e;
}

/* 5. 表格（文章/单页正文）：阿里风细边圆角表 */
.newsDetails_page table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e4e6eb;
  border-radius: 8px;
  overflow: hidden;
}
.newsDetails_page table td,
.newsDetails_page table th {
  border: none;
  border-right: 1px solid #e4e6eb;
  border-bottom: 1px solid #e4e6eb;
  padding: 8px 12px;
}
.newsDetails_page table td:last-child,
.newsDetails_page table th:last-child {
  border-right: none;
}

/* 6. 正文/单页容器 / 相关新闻块 / 面包屑 / 二级栏目按钮：四角全圆角（2026-10-24 统一口径） */
.newsDetails_page,
.about_x,
.relatednews_list,
.relatedNews .list,
.postions,
.second_menu a {
  border-radius: 12px;
}
.newsDetails_page {
  border: 1px solid #ebedf0;
}
/* ============================================================
   顶部导航高亮 · 阿里风（2026-10-24）
   去掉「整块深红背景+白字」的重高亮，改为品牌红文字 + 底部品牌红细下划线；
   hover 同款（下划线滑出展开），与全站阿里风语言一致。
   ============================================================ */
.nav .on h3 a {
  color: #c8102e;
  background-color: transparent;
}
.nav li h3 a:after {
  background-color: #c8102e;
  height: 3px;
  border-radius: 2px;
}
.nav a:hover {
  color: #c8102e;
}
/* ============================================================
   关于阜爱左侧大图 · 去红色底框 + 阿里风分层柔影（2026-10-24）
   用户要求「去掉左侧图片的边框，换成阿里风阴影」：
   边框来源是 .in_about dt:before 的深红偏移底块（4 个断点各一份，选择器相同），
   统一 content:none 隐藏；图片阴影换成与全站卡片一致的 AntD 三层柔影。
   ============================================================ */
.in_about dt:before {
  content: none;
}
.in_about dt img {
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .07),
              0 8px 20px 4px rgba(15, 23, 42, .07);
}
/* ============================================================
   所有表格块 · 阿里风圆角（2026-10-24）
   用户要求「所有表格块都用圆角」：覆盖文章正文 / 相关新闻 / 关于页等
   内容容器内的一切 <table> —— 细边 + 8px 圆角 + 单元格分隔线。
   （collapse 会压掉圆角，必须 separate + overflow:hidden 才能裁出圆角）
   ============================================================ */
.newsDetails_page table,
.relatednews_list table,
.about_x table,
.con_id table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e4e6eb;
  border-radius: 8px;
  overflow: hidden;
}
.newsDetails_page table td,
.newsDetails_page table th,
.relatednews_list table td,
.relatednews_list table th,
.about_x table td,
.about_x table th,
.con_id table td,
.con_id table th {
  border: none;
  border-right: 1px solid #e4e6eb;
  border-bottom: 1px solid #e4e6eb;
  padding: 8px 12px;
}
.newsDetails_page table td:last-child,
.newsDetails_page table th:last-child,
.relatednews_list table td:last-child,
.relatednews_list table th:last-child,
.about_x table td:last-child,
.about_x table th:last-child,
.con_id table td:last-child,
.con_id table th:last-child {
  border-right: none;
}
/* ============================================================
   卡片式栏目列表 · jzet 救助儿童 / fasp 阜爱视频（2026-10-24）
   卡片风格（区别于文章列表模板）：
   两列紧凑卡片 · 图片 200px 上圆下直 · 标题 16px · 紧凑文字区；
   hover 上浮 + 阿里风三层柔影。窄屏单列。
   ============================================================ */
.list-card { width: 1300px; max-width: 98%; padding: 20px; margin: 0 auto; box-sizing: border-box; }
.list-card ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; }
.list-card-item {
  background: #fff;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: none;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.list-card-item a { display: block; text-decoration: none; }
.lc-img { width: 100%; overflow: hidden; border-radius: 12px 12px 0 0; }
.lc-img img { width: 100%; height: auto; display: block; transition: transform .3s ease; }
.list-card-item:hover .lc-img img { transform: scale(1.06); }
.lc-txt { padding: 14px 18px 18px; }
.lc-txt h3 { margin: 0 0 10px; font-size: 16px; color: #333; font-weight: 500; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .28s ease; }
.lc-date { display: flex; align-items: center; gap: 6px; margin: 0; color: #9aa0a6; font-size: 13px; }
.lc-date small:before { content: ''; display: inline-block; width: 13px; height: 12px; margin-right: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat; vertical-align: -1px; }
.list-card-item:hover {
  transform: translateY(-4px) !important;
  border-color: #e0e4ea;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .07),
              0 8px 20px 4px rgba(15, 23, 42, .07);
}
.list-card-item:hover .lc-txt h3 { color: #c8102e; }
@media (max-width: 780px) { .list-card ul { grid-template-columns: 1fr; } }

/* ============================================================
   全站卡片圆角统一（2026-10-24 最终口径：四角全圆角 12px）
   文章列表卡片 / 首页板块卡片 / 相关新闻块 一律四角 12px 圆角。
   ============================================================ */
.in_news li,
.i_product_list ul li,
.news_list li,
#owl-demo3 .item dd,
.relatedNews .list {
  border-radius: 12px;
}
/* 单页/详情外层白卡 + 首页「关于阜爱」文字卡：四角全圆角（2026-10-24 统一） */
.newsDetails,
.in_about dd {
  border-radius: 12px;
}
/* ============================================================
   宣传主题 · 年度墙（2026-10-24，xczt 单页）
   两列卡片：白底 1px #ebedf0、四角全圆角 12px；左侧品牌红大年份；
   hover 上浮 + 阿里风柔影；窄屏单列。
   ============================================================ */
.year-wall { width: 1300px; max-width: 98%; padding: 20px; margin: 0 auto; box-sizing: border-box; }
.year-wall ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.year-item {
  background: #fff;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.year-item a { display: flex; align-items: center; text-decoration: none; padding: 18px 22px; gap: 18px; box-sizing: border-box; }
.yi-year { flex: 0 0 92px; text-align: center; border-right: 1px dashed #e5e6eb; padding-right: 18px; }
.yi-year strong { font-size: 40px; color: #c8102e; line-height: 1; font-weight: 800; display: block; }
.yi-year small { display: block; color: #999; font-size: 13px; margin-top: 4px; }
.yi-txt { flex: 1; min-width: 0; }
.yi-txt h3 { margin: 0 0 6px; font-size: 18px; color: #4d4d4d; line-height: 1.45; transition: color .28s ease; }
.yi-txt p { margin: 0; font-size: 13px; color: #999; }
.year-item:hover {
  transform: translateY(-4px) !important;
  border-color: #e0e4ea;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .07),
              0 8px 20px 4px rgba(15, 23, 42, .07);
}
.year-item:hover .yi-txt h3 { color: #c8102e; }
@media (max-width: 780px) { .year-wall ul { grid-template-columns: 1fr; } }
/* ============================================================
   文章模板 + 图片卡片风格模板 · 重构优化（2026-10-24）
   覆盖老站移植的 .newsDetails_page / .news_list / .list-card 样式：
   统一品牌红 #c8102e、阿里风三层柔影、圆角卡片、合理行高与比例。
   ============================================================ */

/* ---------- 一、文章详情页（show.html） ---------- */
.newsDetails {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 30px;
  background: #fff;
  border: 1px solid #eef0f3;
  border-radius: 12px;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .08),
              0 4px 10px 0 rgba(15, 23, 42, .06);
  box-sizing: border-box;
  overflow: hidden;
}
.newsDetails_page {
  width: 100%;
  box-sizing: border-box;
  padding: 38px 52px 44px;
  font-size: 16px;
  color: #333;
  line-height: 1.9;
}
.newsDetails_page .show_t {
  height: auto;
  line-height: 1.55;
  margin: 0 0 16px;
  padding: 0 0 0 16px;
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: #1f2329;
  text-align: left;
}
.newsDetails_page .show_t::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
  width: 5px;
  border-radius: 3px;
  background: #c8102e;
}
.newsDetails_page .con_line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 26px;
  height: auto;
  line-height: 1.7;
  padding: 0 0 16px;
  margin: 0 0 8px;
  border-bottom: 1px solid #f0f1f3;
  color: #9aa0a6;
  font-size: 13px;
  text-align: left;
}
.newsDetails_page .con_line .am-item { display: inline-flex; align-items: center; }
.newsDetails_page .con_line .am-item:first-child i {
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-right: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}
.newsDetails_page .con_id {
  line-height: 1.9;
  font-size: 16px;
  color: #333;
  padding: 14px 0 8px;
  text-align: justify;
  white-space: normal;
  word-break: break-word;
}
.newsDetails_page .con_id p { margin: 0 0 1em; }
.newsDetails_page .con_id img {
  display: block;
  margin: 18px auto;
  padding: 0;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .10),
              0 4px 10px 0 rgba(15, 23, 42, .06);
}

/* 上下篇 · 双导航盒（替换旧 .prenext） */
.art-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #f0f1f3;
}
.art-nav-item {
  min-width: 0;
  background: #f7f8fa;
  border: 1px solid #eef0f3;
  border-radius: 10px;
  padding: 12px 16px;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.art-nav-item:hover {
  background: #fff;
  border-color: #f0c9cf;
  box-shadow: 0 2px 10px rgba(200, 16, 46, .12);
}
.art-nav-item .an-label {
  display: block;
  font-size: 13px;
  color: #9aa0a6;
  margin-bottom: 4px;
}
.art-nav-item a {
  display: block;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.art-nav-item a:hover { color: #c8102e; }
.art-nav-item.next { text-align: right; }
.art-nav-item .an-none { font-size: 14px; color: #c0c4cc; }

@media screen and (max-width: 780px) {
  .newsDetails { margin-bottom: 16px; }
  .newsDetails_page { padding: 22px 18px 26px; font-size: 16px; }
  .newsDetails_page .show_t { font-size: 20px; padding-left: 12px; }
  .newsDetails_page .con_id { font-size: 16px; line-height: 1.85; }
  .art-nav { grid-template-columns: 1fr; }
  .art-nav-item.next { text-align: left; }
}

/* ---------- 二、文章列表页（list.html / .news_list） ----------
   2026-10-24 修正：
   · 旧版 a 为 align-items:center + 图片定高，图片比卡身高时上下留白，
     出现「图片没和下边框对齐」。改为定高卡身 + 图片铺满（absolute inset 0
     + object-fit:cover），左右两侧等高对齐，圆角随卡裁切。
   · 行间距从 a 的 margin-bottom 改为 ul 的 flex gap，逐行等距、末行不留尾空。 */
.news_list {
  width: 100%;
  max-width: 1300px;
  padding: 14px 20px 34px;
  margin: 0 auto;
  box-sizing: border-box;
}
.news_list > ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 用户要求：保留透明底，但给每行加细边框 + 中性柔影（2026-10-24）
   覆盖全局 .news_list li 的白底卡框：去白底、改透明，加 1px 细边 + 中性灰柔影，
   hover 加深（非红色），不上浮。 */
.news_list li {
  /* 用户要求：加一点浅白底（半透明白，保留页面底色一点温度，不像纯白那样发亮） */
  background: rgba(255, 255, 255, .82);
  border: 1px solid #e5e8ee;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04),
              0 6px 16px rgba(15, 23, 42, .06);
  transition: box-shadow .28s ease, border-color .28s ease;
}
.news_list li a {
  display: flex;
  align-items: stretch;
  height: 178px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
/* hover：仅图片微放大 + 标题变红 + 中性柔影加深（无红影、不上浮） */
.news_list li:hover {
  transform: none !important;
  border-color: #d6dbe4;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .08),
              0 12px 28px rgba(15, 23, 42, .08);
}
.news_list li .imgs {
  position: relative;
  flex: 0 0 260px;
  width: 260px;
  height: 100%;
  align-self: stretch;
  overflow: hidden;
  /* 右侧直角：不设圆角，左侧弧度由卡片 overflow:hidden 的 12px 圆角裁出 */
  border-radius: 0;
}
.news_list li .imgs img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.news_list li .text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 18px 34px 18px 30px;
  position: relative;
  box-sizing: border-box;
}
.news_list li .text h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #26282e;
  white-space: normal;
  text-overflow: clip;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color .28s ease;
}
/* 列表卡片中的文章描述（取自文章表 description 字段），最多两行截断 */
.news_list li .text .desc {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #8a9099;
  white-space: normal;
  text-overflow: clip;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_list li .date { margin: 0; padding: 0; }
.news_list li .date small { font-size: 13px; color: #9aa0a6; }
/* 悬浮「查看详情」箭头（list.html .nl-more） */
.news_list li .nl-more {
  position: absolute;
  right: 30px;
  bottom: 18px;
  font-style: normal;
  font-size: 13px;
  color: #c8102e;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity .3s ease, transform .3s ease;
}
.news_list li .nl-more i {
  font-style: normal;
  font-size: 16px;
  margin-left: 3px;
}
.news_list li a:hover .nl-more { opacity: 1; transform: none; }

/* 无缩略图的文章：不显示 nopic 占位图，标题+摘要全宽展示（2026-10-25）
   高度随内容自适应（去掉 min-height），文字区上下留白由 .text 自身 padding 控制，
   避免短内容卡片被 178px 最小高撑出大片空白（2026-10-25 用户反馈） */
.news_list li.no-thumb a { height: auto; min-height: 0; }
.news_list li.no-thumb a .text { flex: 1 1 100%; }

@media screen and (max-width: 780px) {
  .news_list { padding: 6px 12px 24px; }
  .news_list > ul { gap: 12px; }
  /* 2026-10-25：a 由固定高 110px 改 min-height——新版 Chromium 移除了 legacy
     -webkit-box 布局（计算值回落 flow-root），line-clamp 失效后 h4/desc 靠
     max-height 整行截断；固定高会把第 2 行标题/第 3 行描述硬裁在半字上。 */
  .news_list li a { height: auto; min-height: 110px; }
  .news_list li .imgs { flex: 0 0 34%; width: 34%; height: auto; min-height: 110px; border-radius: 0; }
  .news_list li .imgs img { height: 100%; object-fit: cover; }
  .news_list li .text { padding: 12px 14px; gap: 8px; justify-content: center; transition: none; }
  .news_list li .text h4 { font-size: 16px; line-height: 1.5; padding: 0; margin: 0; -webkit-line-clamp: 2; max-height: 3em; }
  .news_list li .text .desc { -webkit-line-clamp: 2; font-size: 13px; line-height: 1.5; height: auto; max-height: 3em; }
  .news_list li .nl-more { display: none; }
  /* 点按卡片不再有任何位移/过渡（粘滞 :hover 的遗留全中和） */
  .news_list li a, .news_list li a .date i:before { transition: none; }
  .news_list li a:hover { padding: 0; }
  .news_list li a:hover .text { padding: 12px 14px; }
  .news_list li a:hover .date i:before { transform: none; }
}

/* 首页文章卡片（.in_news，阜爱动态/预防艾滋）移动端对齐栏目列表页卡片（2026-10-25）
   覆盖 legacy float 规则（5849/5982/6093 等块）：同 flex 行卡——图 34% 等高铺满，
   文字列标题 2 行/摘要 2 行整行截断，日期隐藏，与 .news_list ≤780 观感一致。 */
@media screen and (max-width: 780px) {
  .in_news li {
    float: none;
    width: auto;
    margin: 0 0 12px;
  }
  .in_news li a {
    display: flex;
    align-items: stretch;
    float: none;
    height: auto;
    min-height: 110px;
    transition: none;
  }
  .in_news li .imgs {
    float: none;
    flex: 0 0 34%;
    width: 34%;
    height: auto;
    min-height: 110px;
    overflow: hidden;
  }
  .in_news li img.newsimgs {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .in_news li .text {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
  }
  .in_news li .text h4 {
    font-size: 16px;
    line-height: 1.5;
    height: auto;
    padding: 0;
    margin: 0;
    white-space: normal;
    text-overflow: clip;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
  }
  .in_news li .text p {
    font-size: 13px;
    line-height: 1.5;
    height: auto;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
  }
  .in_news li .date { display: none; }
  .in_news li:hover { transform: none !important; }
  .in_news li a:hover { padding: 0; }
  .in_news li .text p { transition: none; }
}

/* ---------- 三、图片卡片风格列表（list-card.html） ---------- */
.list-card { width: 1300px; max-width: 98%; padding: 8px 20px 30px; margin: 0 auto; box-sizing: border-box; }
.list-card ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.list-card-item {
  border-radius: 14px;
  border: 1px solid #eef0f3;
  background: #fff;
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.lc-img { aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; }
.lc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.lc-txt { padding: 16px 18px 18px; }
.lc-txt h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  margin: 0 0 10px;
  min-height: 3em;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #26282e;
  transition: color .28s ease;
}
.lc-date { display: flex; align-items: center; color: #9aa0a6; font-size: 13px; }
.lc-date small:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-right: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  vertical-align: -1px;
}
.list-card-item:hover {
  transform: translateY(-5px) !important;
  border-color: #f0c9cf;
  box-shadow: 0 4px 16px rgba(200, 16, 46, .16),
              0 8px 20px 4px rgba(15, 23, 42, .06);
}
.list-card-item:hover .lc-img img { transform: scale(1.06); }
.list-card-item:hover .lc-txt h3 { color: #c8102e; }

@media screen and (max-width: 960px) {
  .list-card ul { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 640px) {
  .list-card ul { grid-template-columns: 1fr; }
  .lc-txt h3 { min-height: 0; }
}

/* ---------- 四、文章详情页描述/导语（show.html .art-desc） ----------
   在当前文章详情页，标题 + 元信息下方、正文上方，调用文章表 description 字段，
   作为「导语/摘要」展示：浅粉底 + 品牌红左条 + 右圆角，与正文区分。 */
.art-desc {
  margin: 0 0 20px;
  padding: 14px 18px;
  background: #fbf4f5;
  border-left: 4px solid #c8102e;
  border-radius: 0 8px 8px 0;
  font-size: 15px;
  line-height: 1.8;
  color: #5b6068;
  text-align: justify;
  word-break: break-word;
}
@media screen and (max-width: 780px) {
  .art-desc { font-size: 14px; padding: 12px 14px; margin: 0 0 16px; }
}

/* ---------- 五、搜索结果列表（search.html .search-list） ----------
   每条结果：标题（可点）+ 描述摘要 + 日期；细虚线分隔，不走卡片以免嵌套阴影。
   描述优先取 description 字段，为空时模板退回正文前 90 字。 */
.search-list { margin: 0; padding: 0; list-style: none; }
.search-list li {
  padding: 16px 0;
  border-bottom: 1px dashed #eceef2;
}
.search-list li:first-child { padding-top: 4px; }
.search-list li:last-child { border-bottom: 0; padding-bottom: 4px; }
.search-list li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
  color: #26282e;
  text-decoration: none;
  transition: color .25s ease;
}
.search-list li a:hover { color: #c8102e; }
.search-list .s-desc {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #8a9099;
  text-align: justify;
  word-break: break-word;
}
.search-list time {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #9aa0a6;
}
.search-list time:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-right: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12'%3E%3Ccircle cx='6.5' cy='6' r='4.9' fill='none' stroke='%238a9099' stroke-width='1.3'/%3E%3Cpath d='M6.5 3.4V6l2.1 1.5' fill='none' stroke='%238a9099' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  vertical-align: -1px;
}
@media screen and (max-width: 780px) {
  .search-list li { padding: 13px 0; }
  .search-list li a { font-size: 15px; }
  .search-list .s-desc { font-size: 13px; }
}

/* ============================================================
   六、全站字号优化（2026-10-24）
   原 body 基准 12px 偏小，不符合现代可读性。统一调整为：
   · 桌面基准 14px / 行高 1.75；宽屏（≥1440）升 15px 充分利用横向空间；
   · 移动端（≤780）正文回到 14px 且收敛装饰性超大字号，防止横向溢出；
   · 通过 :root 变量集中管控，后续局部可引用 --fs-* 保持一致。
   ============================================================ */
:root {
  --fs-base: 14px;
  --lh-base: 1.75;
}
body {
  font-size: var(--fs-base);
  line-height: var(--lh-base);
}
/* 宽屏：基准字号略放大 */
@media screen and (min-width: 1440px) {
  :root { --fs-base: 15px; }
  body { font-size: var(--fs-base); }
}
@media screen and (min-width: 1920px) {
  :root { --fs-base: 15px; }
  body { font-size: var(--fs-base); }
}
/* 移动端：正文保持舒适，超大病号/装饰字号收敛，避免溢出 */
@media screen and (max-width: 780px) {
  :root { --fs-base: 14px; }
  body { font-size: 14px; line-height: 1.7; }
  .f50 { font-size: 30px !important; }
  .f44, .f41, .f40, .f38, .f36 { font-size: 28px !important; }
  .f32, .f30 { font-size: 26px !important; }
  .f28 { font-size: 22px !important; }
  .f24, .f22 { font-size: 20px !important; }
}
@media screen and (max-width: 480px) {
  .f50 { font-size: 26px !important; }
  .f44, .f41, .f40, .f38, .f36 { font-size: 24px !important; }
  .f32, .f30 { font-size: 22px !important; }
  .f28, .f24, .f22 { font-size: 18px !important; }
}

/* ============================================================
   七、首页「阜爱动态」2 列卡片加高（2026-10-24）
   原为 float 布局：图片固定 220×130、文字 62%，卡片高度被图片拽住（约 160px）。
   改为 flex 等高：整卡 min-height 188px，图片铺满左侧（右缘直角，左缘随卡圆角裁切），
   文字垂直居中，日期绝对定位到文字列底部——卡片更舒展，两列高度也齐。
   仅作用于 ≥781px；移动端单列维持原布局，只把图片高度抬一档。
   ============================================================ */
@media screen and (min-width: 781px) {
  .in_news li a {
    display: flex;
    align-items: stretch;
    min-height: 188px;
    position: relative;
  }
  .in_news li .imgs {
    position: relative;
    float: none;
    flex: 0 0 40%;
    width: 40%;
    height: auto;
    overflow: hidden;
  }
  .in_news li img.newsimgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .in_news li .text {
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 22px 24px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
  }
  .in_news li .text h4 {
    height: auto;
    line-height: 1.5;
    padding-top: 0;
    font-size: 18px;
  }
  .in_news li .text p {
    height: auto;
    line-height: 1.7;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .in_news li .date {
    position: absolute;
    left: calc(40% + 24px);
    bottom: 16px;
    float: none;
    margin: 0;
    height: auto;
    display: flex;
    align-items: center;
  }
}
/* 移动端：同比例抬高卡片 */
@media screen and (max-width: 780px) {
  .in_news li img.newsimgs { height: 128px; overflow: hidden; }
  .in_news li .text p { -webkit-line-clamp: 2; }
}

/* ============================================================
   八、页脚优化：左侧一句话介绍 + 联系电话最右（2026-10-24）
   布局：[协会介绍 270px] [六个栏目导航（居中排布）] [联系电话（浮到最右）]
   介绍文案来自后台 site_description；窄屏恢复纵向堆叠。
   ============================================================ */
@media screen and (min-width: 981px) {
  /* flex 布局：列间距统一 column-gap，空间不足自动换行（替代 float，杜绝中间宽度下的列重叠） */
  .foot {
    height: auto;
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 44px;
    row-gap: 28px;
  }
  .foot-intro {
    float: none;
    width: auto;
    flex: 0 0 260px;
    margin: 0;
  }
  .foot-intro h2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 0 8px;
  }
  .foot-intro p {
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
  }
  .foot-nav { float: none; padding: 0; margin: 0; }
  .foot-tel { float: none; margin-left: auto; }
}
@media screen and (max-width: 980px) {
  .foot { height: auto; }
  /* .wrap 只有 98% 宽（390px 屏每侧约 4px），文字几乎贴边——补水平内边距，
     加上 wrap 自身的 1% 后总留白约 18px/侧 */
  .foot_bg { padding: 26px 14px; }
  .copyright_bg { padding-left: 14px; padding-right: 14px; }
  .foot-intro {
    float: none;
    width: auto;
    margin: 0 0 14px;
  }
  .foot-intro h2 { color: #ffffff; font-size: 14px; margin: 0 0 6px; }
  .foot-intro p { color: rgba(255,255,255,.75); font-size: 12px; line-height: 1.7; margin: 0; }
  /* 2026-10-25 底部栏目重排：弃用 legacy float（旧断点隐藏 .nav4/.nav5/.nav6 的规则
     因类名实为 navabout/navnews/… 而全部失效，6 组栏目 float 换行后高度不齐、
     第二排标题错位）。改为 flex 网格流：同行栏目顶部对齐，间距统一。 */
  .foot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 28px;
    row-gap: 24px;
  }
  .foot-nav {
    float: none;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  .foot-nav h2 {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px;
  }
  .foot-nav ul li {
    height: 27px;
    line-height: 27px;
    font-size: 13px;
  }
  .foot-tel { float: none; margin-left: 0; }
}
/* 窄屏（手机）：栏目组落进固定两列网格，每组顶格对齐；
   协会介绍与联系电话独占整行，杜绝 float 流排的参差错落 */
@media screen and (max-width: 480px) {
  .foot {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 22px;
  }
  .foot-intro,
  .foot-tel {
    grid-column: 1 / -1;
    margin: 0;
  }
}

/* ============================================================
   九、头部导航二级下拉（2026-10-24）
   用户指令「头部导航下带二级栏目的都调出来」。旧站 SuperSlide 全宽黑条已去 JS 化，
   改为每项纯 CSS 悬停下拉：白卡 + 红顶边，箭头用 CSS 三角形（不用小图片）。
   覆盖旧 .nav .sub 全宽黑条规则；.nav/.navBar 的 overflow:hidden 会剪掉下拉，放开。
   ============================================================ */
.navBar, .nav { overflow: visible; }
.nav:after { content: ''; display: block; clear: both; }
.nav .m:hover, .nav .m:focus-within { z-index: 20; }
/* 下拉面板 */
.nav .sub {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 10px);
  width: auto;
  min-width: 150px;
  margin: 0;
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  border-top: 3px solid #9b0910;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .16);
  text-align: center;
  z-index: 300;
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.nav .m:hover .sub,
.nav .m:focus-within .sub {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}
.nav .sub ul { width: auto; margin: 0; padding: 0; list-style: none; }
.nav .sub li {
  display: block;
  margin: 0;
  line-height: 1.4;
  text-transform: none;
  list-style: none;
}
.nav .sub li a {
  display: block;
  height: auto;
  padding: 10px 24px;
  font-size: 14px;
  color: #454545;
  white-space: nowrap;
  overflow: visible;
}
.nav .sub li a:hover {
  color: #9b0910;
  background: #faf1f2;
}
/* 二级项小箭头：CSS 三角形，替代旧 top_pic5.webp 小图 */
.nav h3 a i {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  background: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #b9b9b9;
  transition: border-color .25s ease;
}
.nav .m:hover h3 a i,
.nav .m.on h3 a i { border-top-color: #9b0910; }

/* ============================================================
   十、首页卡片底部阴影留白（2026-10-24）
   .wrap/.wrap2 的 overflow:hidden（浮动清除遗留）会裁掉最后一行卡片的下投影
   （阴影向下延伸 8+20+4=32px）。实测被裁：救助儿童 -32px、阜爱动态/预防艾滋 -12px。
   给卡片容器加底部内边距，让阴影完整落进容器；大爱行动 +18px 无需处理。
   ============================================================ */
#owl-demo3 { padding-bottom: 40px; }
/* .in_news 内是 float 布局，容器塌陷（底边远高于卡片底），padding 盖不住卡片——
   flow-root 建立 BFC 包含浮动，padding 才真正落到卡片下方 */
.in_news { display: flow-root; padding-bottom: 26px; }

/* ============================================================
   十一、首页「大爱行动」卡片字号优化（2026-10-24）
   标题原为 .f24(24px) 居中单行、描述 16px——标题过重，与全站卡片语言不统一。
   改为：标题 17px/500 居中单行省略，描述 14px 灰两行；h2 字号带 !important
   压过移动端 .f24 的统一断字号（7061/7067 行的 !important 规则）。
   注意：本节在 5143 行 :hover 变红规则之后，需补一条 hover 红色维持交互反馈。
   ============================================================ */
.i_product_list ul li .txts h2 {
  font-size: 17px !important;
  font-weight: 500;
  color: #26282c;
  line-height: 26px;
  height: 26px;
  margin: 0 0 8px;
}
.i_product_list ul li:hover h2 { color: #9b0910; }
.i_product_list ul li .txts p {
  font-size: 14px;
  color: #5f6368;
  line-height: 24px;
  height: 48px;
}

/* 头部高度 100px + overflow:hidden 会把绝对定位的下拉面板整块剪掉（只剩三角箭头可见），
   放开纵向裁剪；header 有固定高度，不需要靠 overflow 撑开，浮动不影响版式。 */
.header-v1 { overflow: visible; }

/* header 内层容器 .wrap2 同样带 overflow:hidden，会把下拉面板剪掉——只放开 header 内的这一层，
   内容版块（大爱行动/救助儿童）的 .wrap2 保持原样。 */
.header-v1 .wrap2 { overflow: visible; }

/* ============================================================
   十二、面包屑（当前位置）字号优化（2026-10-24）
   原：16px + 行高 35px + 上下 10px 内边距 → 整条 55px 高，对「一行短路径」过重；
       链接色 #919191 在白底上仅 3.1:1，14px 后会更吃力。
   改：14px、行高 24px、上下 8px 内边距 → 整条约 40px，与页脚(14px)/卡片正文(14px)同一层级；
       「当前位置：」前缀与 "_" 分隔符降为浅灰弱化，可点击路径加深到 #6f747a（≈4.8:1）并加品牌红 hover；
       height 由固定 35px 放开为 auto —— 文章页长标题换行时不再被 overflow:hidden 裁掉。
   移动端（≤780px）维持 13px，与 4012 行原规则一致，此处重写是因本节省在文件末尾、源序在后。
   ============================================================ */
.postions {
  height: auto;
  min-height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #a3a8ae;
  font-size: 14px;
  background: #fff;
  margin-bottom: 25px;
  padding: 8px 18px;
  letter-spacing: .2px;
}
/* 2026-10-25「当前位置：」文字标签替换为小房子图标（内联 SVG data URI，随模板同色系） */
.postions .crumb-ico {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  vertical-align: -2px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b0910'%3E%3Cpath d='M12 3 2.5 11.5h2.8V21h5.2v-6h3v6h5.2v-9.5h2.8z'/%3E%3C/svg%3E");
}
.postions a {
  color: #6f747a;
  font-size: 14px;
}
.postions a:hover { color: #9b0910; }

@media screen and (max-width: 780px) {
  .postions { font-size: 13px; margin-bottom: 10px; padding: 8px 14px; }
  .postions a { font-size: 13px; }
}

/* ============================================================
   十三、首页「救助儿童」卡片字号优化（2026-10-24）
   原：标题继承 .f22 = 22px / 行高 40px / 字重 400 / #333；描述 16px / #333 / 行高 26px。
       标题与描述同色、字重相同、字号仅差 6px → 无主次；且 22px 单行标题在 300~410px 卡里偏大。
   改：与大爱行动（section 十一）统一口径 —— 标题 17px/500/#26282c 行高 26px 单行省略，
       描述 14px/#5f6368 行高 24px 两行 + line-clamp 省略号（配合模板 100→168 字节的摘要长度）。
   移动端：≤1100px 描述回 13px（源序在本节之前，必须在此重写，行高同步收到 22px）；
           ≤780px 标题 16px。
   !important 原因：.f22 / .f24 在 7061、7067 行带 !important 统一断字号，非 important 压不住。
   hover 变红无需补：`dd:hover .txts h2`(1,3,2) 特异性高于本节 `dd .txts h2`(1,2,2)，仍然生效。
   ============================================================ */
#owl-demo3 .item dd .txts h2 {
  font-size: 17px !important;
  font-weight: 500;
  color: #26282c;
  line-height: 26px;
  height: 26px;
  margin: 0 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#owl-demo3 .item dd .txts .p {
  font-size: 14px;
  color: #5f6368;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (max-width: 1100px) {
  #owl-demo3 .item dd .txts .p { font-size: 13px; line-height: 22px; height: 44px; }
}

@media screen and (max-width: 780px) {
  #owl-demo3 .item dd .txts h2 { font-size: 16px !important; }
}

/* ============================================================
   十四、首页版块标题上方间距收紧（2026-10-24）
   卡片底 → 下一个版块标题的净空由三段叠加而成，逐段核对后一起收：
     ① 上一版块 padding-bottom 60   → 20
     ② 上一版块内部尾部留白：.in_news margin-bottom 30（纯冗余，卡片自身已有 20 的行距）
        + .in_news padding-bottom 26（阴影留白，保留）+ #owl-demo3 padding-bottom 40（阴影留白，保留）
     ③ 本版块 padding-top 30 + .i_title margin-top 3%（1300 容器 ≈ 39px，百分比各断点节奏不一） → 10 + 0
   收紧后（1440 实测）：阜爱动态 70 / 大爱行动 76 / 救助儿童 70 / 预防艾滋 76，
   原为 129 / 205 / 179 / 169，整体降约 55%，且四个版块基本齐平。
   阴影留白（26 / 40）不动 —— 那是 section 十 修「卡片阴影被 overflow:hidden 裁掉」用的，砍了会再被裁。
   「关于阜爱」紧跟 Hero 全幅图，单独留 28px，避免图片与标题贴死。
   ============================================================ */
.in_about,
.in_news_bg,
.i_product_bg,
.i_case_bg {
  padding-top: 10px;
  padding-bottom: 20px;
}
.in_about {
  padding-top: 28px;
}
.i_title {
  margin-top: 0;
}
.in_news {
  margin-bottom: 0;
}

@media screen and (max-width: 780px) {
  .in_about,
  .in_news_bg,
  .i_product_bg,
  .i_case_bg {
    padding-top: 10px;
    padding-bottom: 16px;
  }
  .in_about {
    padding-top: 22px;
    /* 手机上「关于阜爱」内部无尾部留白（dd 的 margin 在该断点被清零），
       只靠 10+16 会只剩 26px，比其它三处（54~66）明显偏紧，这里补到 ~44 */
    padding-bottom: 34px;
  }
}

/* ============================================================
   十五、首页影响力数据带（2026-10-24）
   Hero 之下的一行关键数据：600+ 儿童 / 6,000+ 受益人群 / 50+ 村庄 / 2003 创立。
   标记在 template/faaids/index.html 的 $impactStats 数组里，改数字改文案都在那里，本节只管排版。
   设计口径与全站一致：数字用品牌红 #9b0910（与 .i_title h2 同色），说明文字用 #5f6368
   （与卡片正文同色），分隔线用 #ebedf0（与卡片细边同色）。
   白底 + 底部细边，与下方 #f7f8fa 的浅灰版块形成层次；不用 anim-* 入场类（无 JS 兜底已使其恒显，
   加了反而多一层无意义的 transition）。
   ============================================================ */
.impact-bar {
  background: #fff;
  border-bottom: 1px solid #eef0f3;
  padding: 26px 0 24px;
}
.impact-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.impact-list li {
  position: relative;
  text-align: center;
  padding: 0 10px;
}
/* 分隔竖线：只画在「非第一列」的左侧，避免多出一条悬空的尾线 */
.impact-list li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 40px;
  margin-top: -20px;
  background: #ebedf0;
}
.impact-list strong {
  display: block;
  font-family: Arial, 'Helvetica Neue', 'Microsoft YaHei', sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.15;
  color: #9b0910;
  letter-spacing: .5px;
}
.impact-list span {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  color: #5f6368;
  letter-spacing: 1px;
}

/* 手机：两列两行，竖线只保留每行第二列的（第 1、3 个是行首，不画线） */
@media screen and (max-width: 780px) {
  .impact-bar { padding: 20px 0 18px; }
  .impact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
  .impact-list li:nth-child(2n + 1)::before { display: none; }
  .impact-list strong { font-size: 26px; }
  .impact-list span { font-size: 13px; margin-top: 5px; }
}

/* ============================================================
   十六、「会长简介」单页（2026-10-24 新增栏目 /hzjj，专属版式 page-chairman.html）
   口径与全站卡片一致：12px 圆角 + 1px #ebedf0 细边 + 柔和投影，标题/数字用品牌红 #9b0910。
   人物卡 / 荣誉列表写在单页正文里（后台可改），这里只给样式；
   「走访与事迹」「媒体报道」由模板自动调取，结构与首页卡片保持一致。
   ============================================================ */
.ch-card {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  background: #fafbfc;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 28px;
}
.ch-card .ch-photo {
  flex: 0 0 224px;
}
.ch-card .ch-photo img {
  display: block;
  width: 224px;
  height: 156px;
  object-fit: cover;
  border-radius: 10px;
  background: #eef0f3;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}
.ch-card .ch-org {
  font-size: 14px;
  color: #9b0910;
  margin: -4px 0 10px;
}
.ch-card .ch-info h3 {
  font-size: 22px;
  font-weight: 600;
  color: #26282c;
  line-height: 1.3;
  margin: 0 0 10px;
}
.ch-card .ch-info h3 em {
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  color: #9b0910;
  border: 1px solid #f0c9cc;
  background: #fdf5f5;
  border-radius: 4px;
  padding: 2px 8px;
  margin-left: 8px;
  vertical-align: 3px;
}
.ch-card .ch-lead {
  font-size: 15px;
  line-height: 1.9;
  color: #5f6368;
  margin: 0 0 10px;
  text-align: justify;
}
.ch-src {
  font-size: 12px;
  color: #9aa0a6;
  line-height: 1.8;
}
.ch-h {
  font-size: 18px;
  font-weight: 600;
  color: #26282c;
  margin: 0 0 14px;
  padding-left: 11px;
  border-left: 3px solid #9b0910;
  line-height: 1.2;
}
/* 荣誉：两列网格。年份不再单开一列（5 条里 4 条没有年份，会空出 4 个孤零零的横杠），
   改为「有年份就把年份做成红色前缀（<b>）」，没有就只出条目，行与行不再错位。 */
.ch-timeline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 34px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
.ch-timeline li {
  position: relative;
  padding: 7px 0 7px 14px;
}
.ch-timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d9a1a4;
}
.ch-timeline p {
  font-size: 15px;
  line-height: 1.7;
  color: #3c4043;
  margin: 0;
}
.ch-timeline b {
  font-family: Arial, 'Microsoft YaHei', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #9b0910;
  margin-right: 9px;
}
/* 重要时刻：单列通栏，条目文字较长 */
.ch-timeline--full {
  grid-template-columns: 1fr;
  gap: 0;
}
/* 走访与事迹：3 列图卡，与首页卡片同一套视觉 */
.ch-sec { margin-top: 30px; }
.ch-stories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 2%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ch-stories li a {
  display: block;
  background: #fff;
  border: 1px solid #ebedf0;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.ch-stories li a:hover {
  transform: translateY(-4px);
  border-color: #e0e4ea;
  box-shadow: 0 1px 2px -2px rgba(15, 23, 42, .12),
              0 4px 8px 0 rgba(15, 23, 42, .07),
              0 8px 20px 4px rgba(15, 23, 42, .07);
}
.ch-stories .ch-simg img {
  display: block;
  width: 100%;
  height: 172px;
  object-fit: cover;
  background: #eef0f3;
}
.ch-stories li a p {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #5f6368;
  margin: 0;
  padding: 10px 14px;
}
.ch-stories li a:hover p { color: #9b0910; }
/* 媒体报道：纯列表，红点标记 */
.ch-media {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ch-media li {
  position: relative;
  padding: 8px 0 8px 16px;
  border-bottom: 1px solid #f2f4f7;
}
.ch-media li:last-child { border-bottom: none; }
.ch-media li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d9a1a4;
}
.ch-media li a {
  font-size: 15px;
  line-height: 1.8;
  color: #3c4043;
  text-decoration: none;
}
/* 来源标签（协会动态 / 媒体聚焦）：小号红底角标，非斜体 */
.ch-media em {
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  color: #9b0910;
  background: #f9eef0;
  border-radius: 3px;
  padding: 2px 6px;
  margin-right: 8px;
}
.ch-media li a:hover { color: #9b0910; }

@media screen and (max-width: 980px) {
  .ch-stories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 2.5%; }
}
@media screen and (max-width: 780px) {
  .ch-card { flex-direction: column; gap: 14px; padding: 16px; }
  .ch-card .ch-photo, .ch-card .ch-photo img { width: 100%; }
  .ch-card .ch-photo img { height: 200px; }
  .ch-card .ch-info h3 { font-size: 19px; }
  .ch-card .ch-lead { font-size: 14px; }
  .ch-h { font-size: 17px; margin-bottom: 12px; }
  /* 手机上荣誉塌成单列：两列时每列仅约 160px，文字挤成竖条 */
  .ch-timeline { grid-template-columns: 1fr; }
  .ch-timeline p, .ch-media li a { font-size: 14px; }
  .ch-src { font-size: 12px; }
  .ch-stories { grid-template-columns: 1fr; gap: 16px; }
  .ch-stories .ch-simg img { height: 180px; }
}

/* ============================================================
   十四、移动端导航重构（2026-10-25）：参考 faaids_en checkbox 抽屉，零 JS
   · ≤1300（.touch-top 显示区间，旧断点 1300 而非 1440——1443 行的 1440 块是空的）启用：
     汉堡三横 → 右侧滑出抽屉 + 遮罩
   · 勾选 #cn-drawer-toggle 开、点遮罩/× 关；当前页红色高亮（含二级缩进）
   · 旧的 :target 抽屉（#drawer-section-menu / .touch-menu / .touch_bg）随之弃用
   ============================================================ */
.cn-drawer-check, .cn-burger, .cn-drawer-mask, .cn-drawer { display: none; }

@media screen and (max-width: 1300px) {
  .touch-top-wrapper {
    display: flex;
    align-items: center;
    height: 80px;
    /* 右侧留少量间距即可（2026-10-25 四调：30 → 16 → 8，左 16 不变） */
    box-sizing: border-box;
    padding: 0 8px 0 16px;
  }
  .touch-top-wrapper .touch-logo { float: none; min-width: 0; }
  /* logo 允许随 flex 收缩（min-width:0 + max-width:100%），否则固定高的宽 logo
     会把顶栏撑到比视口宽（390px 屏实测 420px），右侧内边距全被裁出屏幕外，
     汉堡按钮看起来贴边（2026-10-25 排查） */
  .touch-top-wrapper .touch-logo img {
    max-width: 100%;
    width: auto;
    object-fit: contain;
  }
  /* 语言切换胶囊（参考 en-lang） */
  .cn-lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* margin-left:auto 把「EN 胶囊 + 汉堡」作为一组推到最右（2026-10-25 用户要求英文链接向右移） */
    margin-left: auto;
    /* 与 .cn-burger 等高（2026-10-25 用户要求两个图标高度统一） */
    height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #eedfe0;
    border-radius: 8px;
    background: #fff;
    color: #9b0910;
    font-size: 13px;
    text-decoration: none;
  }
  .cn-lang-ico {
    font-style: normal;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #9b0910;
    color: #fff;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .cn-lang:hover { background: #9b0910; color: #fff; }
  .cn-lang:hover .cn-lang-ico { background: #fff; color: #9b0910; }

  .cn-burger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 8px 7px;
    border: 1px solid #eedfe0;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
  }
  .cn-burger span { display: block; height: 2px; background: #9b0910; border-radius: 2px; }

  .cn-drawer {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: min(300px, 82vw);
    height: 100vh;
    background: #fff;
    box-shadow: -8px 0 30px rgba(155, 9, 16, .18);
    transform: translateX(102%);
    transition: transform .28s ease;
    z-index: 210;
    overflow-y: auto;
    padding: 0 0 24px;
  }
  .cn-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #b3181f, #7a070d);
    color: #fff;
    font-size: 17px;
    letter-spacing: .08em;
  }
  .cn-drawer-close {
    font-size: 26px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    padding: 0 4px;
  }
  .cn-drawer ul { margin: 0; padding: 8px 0; list-style: none; }
  .cn-drawer li a {
    display: block;
    padding: 13px 22px;
    color: #33383e;
    font-size: 15px;
    border-left: 3px solid transparent;
    text-decoration: none;
  }
  .cn-drawer li a:hover { background: #faf1f1; color: #9b0910; }
  .cn-drawer li.on a { color: #9b0910; border-left-color: #9b0910; background: #faf1f1; font-weight: 600; }
  .cn-drawer li.sub a { padding-left: 42px; font-size: 14px; color: #6f747a; }
  .cn-drawer li.sub.on a { color: #9b0910; border-left-color: #9b0910; background: #faf1f1; font-weight: 600; }
  .cn-drawer-lang { margin-top: 10px; border-top: 1px solid #f3e2e3; padding-top: 10px; }
  .cn-drawer-lang a { color: #9b0910; font-weight: 600; }

  .cn-drawer-mask {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(43, 8, 10, .5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease;
    z-index: 200;
  }
  .cn-drawer-check:checked ~ .cn-drawer { transform: translateX(0); }
  .cn-drawer-check:checked ~ .cn-drawer-mask { opacity: 1; visibility: visible; }
  /* 顶栏占位与旧值对齐（≤1200 原 90px → 条高 80px） */
  .blank_h { height: 80px !important; }
  .nav-hide .blank_h { height: 80px !important; }
}

/* 小屏顶栏空间收紧（2026-10-25）：320px 实测 sum 343 > 339 会溢出 */
@media screen and (max-width: 480px) {
  .cn-lang span { display: none; }
  .cn-lang { padding: 0 8px; margin-left: auto; }
}
@media screen and (max-width: 360px) {
  .touch-top-wrapper { padding: 0 12px; }
  .touch-top-wrapper .touch-logo img { height: 38px; }
}