/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#a22219;}
img{ 
  max-width:100%; 
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* 图片压缩和优化 */
.banner img,
.hm-case-list img,
.swiper-ser img {
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: bicubic;
}

/* 关键图片预加载 */
.banner img {
  loading: eager;
  fetchpriority: high;
}

/* 非关键图片懒加载 */
.hm-case-list img,
.swiper-ser img,
.about img {
  loading: lazy;
  decoding: async;
}

/* 图片格式优化提示 */
img[src$=".jpg"], img[src$=".jpeg"] {
  image-rendering: -webkit-optimize-contrast;
}

img[src$=".png"] {
  image-rendering: crisp-edges;
}
.am-container{max-width: 1430px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }


.t-center{ text-align:center;}
.t-right{ text-align:right;}
.hm-more a{ display:inline-block; height:46px; line-height:46px; position:relative; padding-right:66px; font-size:18px; color:#fff;}
.hm-more a i{ display:block; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.3); position:absolute; right:0; top:0;}
.hm-more a i:before{ content:""; display:block; width:30%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;    transform: rotate(40deg);transform-origin: right;}
.hm-more a:hover i:before{animation: rota .6s ease 1 forwards;}
.hm-more a i:after{ content:""; display:block; width:30%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;    transform: rotate(-40deg);transform-origin: right;}
.hm-more a:hover i:after{animation: rotaf .6s ease 1 forwards;}
@keyframes rota{from{transform: rotate(0deg);}to{transform: rotate(40deg);}}
@keyframes rotaf{from{transform: rotate(0deg);}to{transform: rotate(-40deg);}}

/* 导航栏动画 */
@keyframes navSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes navItemFadeIn {
  from { opacity: 0; transform: translateY(-15px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 字体特效动画 */
@keyframes textGlow {
  0%, 100% {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  }
  50% {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 0 10px rgba(255,255,255,0.2);
  }
}

@keyframes letterSpacing {
  from { letter-spacing: 1px; }
  to { letter-spacing: 1.5px; }
}



/* 导航栏样式 */
header{ 
  position: fixed; 
  width:100%; 
  left:0; 
  top:0; 
  z-index:1600;
  transition: all .3s linear; 
  background: transparent; 
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

header .logo{ 
  line-height:90px; 
  max-width:18%; 
  float:left;
  transition: all 0.3s ease;
}
header .logo:hover {
  transform: scale(1.05);
}
header .logo img{ 
  max-height:61px;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.1));
}
header .logo:hover img {
  filter: drop-shadow(0 4px 16px rgba(0,0,0,0.2));
}

/* Logo文字效果（如果有文字Logo） */
header .logo a {
  text-decoration: none;
  color: #fff;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

header .logo:hover a {
  text-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 0 20px rgba(255,255,255,0.2);
  transform: scale(1.02);
}
header .menu{ 
  float:right; 
  position:relative; 
  width:78%; 
  text-align:right;
}
header .menu nav>ul{
  animation: navSlideIn 0.6s ease-out;
}
header .menu nav>ul>li{ 
  display:inline-block; 
  text-align: center;
  position: relative; 
  padding:0 30px; 
  float:none;
  animation: navItemFadeIn 0.8s ease-out;
  animation-fill-mode: both;
}
header .menu nav>ul>li:nth-child(1) { animation-delay: 0.1s; }
header .menu nav>ul>li:nth-child(2) { animation-delay: 0.2s; }
header .menu nav>ul>li:nth-child(3) { animation-delay: 0.3s; }
header .menu nav>ul>li:nth-child(4) { animation-delay: 0.4s; }
header .menu nav>ul>li:nth-child(5) { animation-delay: 0.5s; }
header .menu nav>ul>li>a{ 
  display:block; 
  line-height:88px; 
  font-size:16px; 
  color:#fff; 
  position: relative; 
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif; 
  font-weight: 400; 
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  font-variant: small-caps;
}
header .menu nav>ul>li>a:before{ 
  content:""; 
  display:block; 
  width:0; 
  height:3px; 
  position:absolute; 
  left:50%; 
  margin-left:-1.5em; 
  bottom:15px;
  background: linear-gradient(90deg, #a60000, #d40000);
  border-radius: 2px;
  transition: all .3s ease; 
}
header .menu nav>ul>li.on>a,header .menu nav>ul>li:hover>a{ 
  font-weight:500;
  color: #fff;
  transform: translateY(-2px);
  text-shadow: 0 2px 8px rgba(0,0,0,0.4), 0 0 15px rgba(255,255,255,0.1);
  letter-spacing: 1.2px;
  animation: textGlow 2s ease-in-out infinite;
}
header .menu nav>ul>li.on>a:before,header .menu nav>ul>li:hover>a:before{ 
  width: 3em;
  margin-left: -1.5em;
}

.ulnav>li .subnav{
  position: absolute;
  width:100%;
  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
  margin:0; 
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  height: auto;
  z-index: 199;
  top: 68px;
  left: 0;
  opacity:0; 
  visibility:hidden;
  transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ulnav>li .subnav:before{ 
  content:""; 
  display:block; 
  position:absolute; 
  left:50%; 
  top:-8px; 
  margin-left:-5px;
  border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  border-bottom: 8px solid #fff;
  filter: drop-shadow(0 -2px 4px rgba(0,0,0,0.1));
}
.ulnav>li:hover .subnav{
  opacity:1;
  visibility: visible;
  top:90px;
  transform: translateY(0);
}
.ulnav>li .subnav li{ 
  border-bottom:1px solid rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}
.ulnav>li .subnav li:first-child{ 
  border-radius:12px 12px 0 0;
}
.ulnav>li .subnav li:last-child{ 
  border-radius:0 0 12px 12px;
  border-bottom: none;
}
.ulnav>li .subnav li a{
  font-weight: 400;
  color: #444; 
  padding: 14px 24px;
  line-height: 26px;
  display: block;
  transition: all .3s ease;
  font-size: 14px; 
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif; 
  letter-spacing: 0.8px;
  position: relative;
  text-transform: uppercase;
  font-variant: small-caps;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.ulnav>li .subnav li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #a60000, #d40000);
  transition: width 0.3s ease;
  z-index: -1;
}
.ulnav>li .subnav li a:hover{ 
  color: #fff;
  transform: translateX(8px);
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  letter-spacing: 1px;
}
.ulnav>li .subnav li a:hover:before {
  width: 100%;
}
.nav-warp{ display:none;}

/* 滚动时的导航栏样式 */
header.on{ 
  background: rgba(0,0,0,0.85); 
  position:fixed;    
  box-shadow: 0 4px 32px rgba(0,0,0,0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
header.on .logo{ 
  line-height:65px;
  transition: all 0.3s ease;
}
header.on .menu nav>ul>li>a{ 
  color:#fff; 
  line-height:65px;
  transition: all 0.3s ease;
}
header.on .ulnav>li:hover .subnav{ 
  top:74px;
}


.banner .swiper-slide{ position:relative; height:100vh; overflow:hidden;}
.banner .swiper-slide .bg{ position:relative; width:100%; height:100%; background-size:contain;}
.banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:400%; height:100%;  background-repeat:repeat-x; background-size:auto 100%; animation: animationSlide 200s linear infinite;animation-direction: reverse;}
.swiper-banner .swiper-slide.swiper-slide-active .bg.outside{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;}
.banner .ban-txt{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); color:#fff;}
.banner .ban-txt .txtimg{ font-size:66px; font-weight:900;font-family:"Noto Serif"; font-style:italic;}
.banner .ban-txt .tit{ font-size:56px; font-weight:lighter; margin:15px 0;}
.banner .ban-txt .tit span{ font-weight:bold;}
.banner .ban-txt .note{ font-size:18px;}
.banner .ban-txt .hm-more{ margin-top:5%;}

@keyframes animationSlide{0%{background-position:0 0}to{background-position:100% 0}}
@keyframes banner_outside{from{-o-transform:scale(1.08);transform:scale(1.08)}to{-o-transform:scale(1);transform:scale(1)}}

.banner .bancj{ position:absolute; width:100%; left:0; bottom:30px;}
.banner .bancj .am-container{ position:relative; height:30px;}
.banner .bancj .s-b-p,.banner .bancj .s-b-n{ width:30px; height:30px; background-size:12px auto; margin-top:-15px;}
.banner .bancj .s-b-p{ left:160px}
.banner .bancj .s-b-n{ right:auto; left:190px;}
.banner .bancj .swiper-pagination-progressbar{ width:120px; height:3px; border-radius:3px; background:rgba(255,255,255,.3); top:50%; margin-top:-1.5px;}
.banner .bancj .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; border-radius:3px;}


.am-pd{ padding:80px 0; overflow:hidden;}
.am-pt{ padding-top:80px; overflow:hidden;}
.mgt{ margin-top:30px;}
.hm-title .en{ font-size:60px; line-height:1; color:#fff; font-family:"Noto Sans SC"; font-weight:900;}
.hm-title .cn{ font-size:22px; color:#fff;}


.hm-case{ background:#181818;}
.hm-case .am-container{ max-width:1690px;}
.hm-case-list{ margin-top:30px;}
.hm-case-list ul{ margin:0 -10px;}
.hm-case-list ul li{ padding:10px;}
.hm-case-list ul li a{ display:block;transition: all .3s linear;}
.hm-case-list ul li a:hover{transform:scale(1.08)}
.hm-case-list ul li i{ display:block; overflow:hidden;transition: all .3s linear;}
.hm-case-list ul li i img{}
.hm-case-list ul li a:hover i img{ transform:scale(1.08)}
.hm-case-list ul li a .txt{ padding:5px 15px;}
.hm-case-list ul li a .txt .tit{ font-size:20px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;}
.hm-case-list ul li a .txt .note{ color:rgba(255,255,255,.6)}


.case-cate{float: unset;border: 1px solid rgba(255,255,255,.1);border-radius: 50px;    display: table;margin:28px auto 0;position: relative; overflow:hidden;}
.case-cate a{ width:138px; padding:18px 0; text-align:center; display:inline-block; color:#818181; position:relative; z-index:33;}
.case-cate a:hover{ color:#333;}
.case-cate .move{ position:absolute; width:138px; height:100%; border-radius:50px; background:#e6e6e6; left:0; top:0;transition: all .3s linear;}


.meanimg{ position:relative;}
.meanimg .am-container{ position:relative; z-index:22;}
.meanimg .meanimg-main{ max-width:440px; float:right; min-height:70vh;}
.meanimg .meanimg-main .info{ font-size:26px; color:#fff; margin-top:10%;}
.meanimg .meanimg-main .note{ font-size:18px; color:rgba(255,255,255,.6); margin-top:15%; margin-bottom:30%; line-height:2;}
.meanimg .bg-l{ width:50%; height:100%; position:absolute; left:0; top:0; background-size:auto 100%; background-repeat:no-repeat; background-color:#a70000; background-position:90% center;}
.meanimg .bg-r{ width:50%; height:100%; position:absolute; right:0; top:0; background:#a70000; overflow:hidden;}
.meanimg .bg-r .line{ width:30%; height:100%; position:absolute; right:0; top:0; background:url(../images/bline.png) 0 center no-repeat;}

@keyframes spin{
    to{transform: rotate(1turn);}
}


.service{ background:#181818;}
.swiper-ser{ margin-top:40px;}
.swiper-ser .ser-main{ padding:0 80px;}
.swiper-ser .ser-main .thumb{ width:46%; float:left; overflow:hidden;}
.swiper-ser .ser-main .thumb img{transition: all .3s linear;}
.swiper-ser .ser-main .thumb:hover img{transform:scale(1.08)}
.swiper-ser .ser-main .txt{ width:50%; float:left; padding-left:6%; padding-top:15px;}
.swiper-ser .ser-main .txt .tit .en{ font-size:18px; color:#fff; line-height:1; text-transform:uppercase;}
.swiper-ser .ser-main .txt .tit .cn{ font-size:24px; color:#fff;}
.swiper-ser .ser-main .txt .note{ font-size:18px; color:rgba(255,255,255,.5); line-height:2; margin:6% 0;}
.swiper-ser .ser-main .txt .note span{display: block;}
.swiper-ser .s-s-p,.swiper-ser .s-s-n{ width:100px; height:100px; margin-top:-50px; background-color:#8b2b26;background-size: 12px auto;}
.swiper-ser .s-s-p{ left:auto; right:110px; background-color:#a22219;}
.sernavnun{ margin-top:80px; position:relative; }
.sernavnun:before{ content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:50%;}
.sernavnun ul{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sernavnun ul li{ float:left; text-align:center; flex:1;height:90px; position:relative; cursor:pointer;}
.sernavnun ul li a{ display:inline-block; line-height:1;}
.sernavnun ul li a span{ font-size:120px;  height:90px; line-height:80px; color:rgba(255,255,255,.1); font-weight:900;font-family:"Noto Sans SC"; display:inline-block; transform:scale(0);transition: all .3s linear; opacity:0;}
.sernavnun ul li.on a span{transform:scale(1); opacity:1;}
.sernavnun ul li a:before{ content:""; display:block; width:8px; height:8px; background:#fff; border-radius:8px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.sernavnun ul li a:after{content:""; display:block; width:38px; height:38px; border:1px solid rgba(255,255,255,.5); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}
.sernavnun ul li.on a:after{ opacity:1;}


.youshi{ background:url(../images/abg.jpg) center top no-repeat #971b12; background-size:cover; position:relative;}

.yousmain{ position:relative; z-index:22;}
.yous-list{ margin-top:80px;}
.yous-list ul li a{ display:block; padding:180px 20%; text-align:center; background:#7f160e;}
.yous-list ul li a i{ display:inline-block;transition: all .3s linear;}
.yous-list ul li a:hover i{ transform:translateY(-10px)}
.yous-list ul li a .tit{ font-size:22px; color:#fff; margin-top:30px; margin-bottom:40px; white-space: pre;}
.yous-list ul li a .note{ color:rgba(255,255,255,.5); line-height:2; height:96px;}
.yous-list ul li:nth-child(2n) a{ background:#6f130c}

.hm-about{ background:url(../images/abbg.jpg) 0 0 no-repeat #181818; background-size:cover;}
.hm-about-main{ max-width:1000px; margin:50px auto 0;}
.hm-about-main .tit{ font-size:30px; color:#fff; margin-bottom:30px;}
.hm-about-main .note{ font-size:18px; line-height:2.4; color:#fff; text-indent:2em; margin-bottom:60px;}

.hm-abdata{ max-width:1200px; margin:60px auto 0;}
.hm-abdata ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.hm-abdata ul li{ float:left; color:#fff;}
.hm-abdata ul li .tit span{ font-size:56px; font-weight:800; font-family: 'Noto Serif SC';}
.hm-abdata ul li .tit sup{ top:-3.5em;}


.serlogo{ background:url(../images/sbg.jpg) center no-repeat #971b12; background-size:100% 100%;}
.swiper-serlogo{ margin-top:40px;}
.swiper-serlogo .swiper-slide a{ display:block; overflow:hidden; border-radius:4px;}
.serlogo .serlopa{ position:relative; width:100%; height:30px; margin-top:40px;}
.serlogo .serlopa .s-x-p,.serlogo .serlopa .s-x-n{ width:30px; height:30px; background-size:12px auto; margin-top:-15px;}
.serlogo .serlopa .s-x-p{ left:160px}
.serlogo .serlopa .s-x-n{ right:auto; left:190px;}
.serlogo .serlopa .swiper-pagination-progressbar{ width:120px; height:3px; border-radius:3px; background:rgba(255,255,255,.3); top:50%; margin-top:-1.5px;}
.serlogo .serlopa .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff; border-radius:3px;}

.hm-news{ background:#181818;}
.hm-research-tab .hd{float: unset;border: 1px solid rgba(255,255,255,.1);border-radius: 50px;    display: table;margin:28px auto 0;position: relative; overflow:hidden;}
.hm-research-tab .hd ul li{ display:inline-block;}
.hm-research-tab .hd ul li a{ width:138px; padding:18px 0; text-align:center; display:inline-block; color:#818181; position:relative; z-index:33; cursor:pointer;}
.hm-research-tab .hd ul li a:hover,.hm-research-tab .hd ul li.on a{ color:#333;}
.hm-research-tab .hd .move{ position:absolute; height:100%; border-radius:50px; background:#e6e6e6; left:0; top:0;transition: all .3s linear; z-index:1;}
.hm-research-tab .bd{ margin-top:40px;}
.hm-research-tab .bd .hm-case-list{ margin-top:0;}
.hm-research-tab .bd .hm-case-list ul{ margin:0 -10px;}
.hm-research-tab .bd .hm-case-list ul li{ padding:10px;}
.hm-research-tab .bd .hm-case-list ul li a{ display:block;transition: all .3s linear;}
.hm-research-tab .bd .hm-case-list ul li a:hover{transform:scale(1.08)}
.hm-research-tab .bd .hm-case-list ul li i{ display:block; overflow:hidden;transition: all .3s linear;}
.hm-research-tab .bd .hm-case-list ul li a:hover i img{ transform:scale(1.08)}
.hm-research-tab .bd .hm-case-list ul li a .txt{ padding:5px 15px;}
.hm-research-tab .bd .hm-case-list ul li a .txt .tit{ font-size:20px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;}
.hm-research-tab .bd .hm-case-list ul li a .txt .note{ color:rgba(255,255,255,.6)}
.hm-news-tab .hd{float: unset;border: 1px solid rgba(255,255,255,.1);border-radius: 50px;    display: table;margin:28px auto 0;position: relative; overflow:hidden;}
.hm-news-tab .hd ul li{ display:inline-block;}
.hm-news-tab .hd ul li a{ width:138px; padding:18px 0; text-align:center; display:inline-block; color:#818181; position:relative; z-index:33; cursor:pointer;}
.hm-news-tab .hd ul li a:hover,.hm-news-tab .hd ul li.on a{ color:#333;}
.hm-news-tab .hd .move{ position:absolute; width:50%; height:100%; border-radius:50px; background:#e6e6e6; left:0; top:0;transition: all .3s linear; z-index:1;}
.hm-news-tab .bd{ margin-top:40px;}
.hm-news-tab .bd ul{ margin:0 -20px;}
.hm-news-tab .bd ul li{ padding:0 20px;}
.hm-news-tab .bd ul li a{ display:block;}
.hm-news-tab .bd ul li a i{ display:block; overflow:hidden;}
.hm-news-tab .bd ul li a i img{transition: all .3s linear;}
.hm-news-tab .bd ul li a:hover i img{ transform:scale(1.08)}
.hm-news-tab .bd ul li a .txt .tit{ font-size:16px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:10px;}
.hm-news-tab .bd ul li a .txt .note{ font-size:14px; margin:15px 0; color:rgba(255,255,255,.5);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.hm-news-tab .bd ul li a .txt .time{ color:rgba(255,255,255,.4); border-top:1px solid rgba(255,255,255,.1); padding-top:5px; position:relative; opacity:0;transition: all .3s linear;}
.hm-news-tab .bd ul li a .txt .time:before{ content:""; display:block; width:0; height:1px; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;transition: all .4s linear;}
.hm-news-tab .bd ul li a .txt .time em{ position:absolute; right:15px; top:5px;transition: all .4s linear;}
.hm-news-tab .bd ul li a:hover .txt .time{ opacity:1;}
.hm-news-tab .bd ul li a:hover .txt .time:before{ width:100%;}
.hm-news-tab .bd ul li a:hover .txt .time em{ right:0;}

.hm-case .hm-news-tab .bd .hm-case-list{ margin-top:0;}
.hm-case .hm-news-tab .bd .hm-case-list ul{ margin:0 -10px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li{ padding:10px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a{ display:block;transition: all .3s linear;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a:hover{transform:scale(1.08)}
.hm-case .hm-news-tab .bd .hm-case-list ul li i{ display:block; overflow:hidden;transition: all .3s linear;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a:hover i img{ transform:scale(1.08)}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt{ padding:5px 15px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt .tit{ font-size:20px; color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:6px; margin-bottom:4px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt .note{ color:rgba(255,255,255,.6)}

.hm-news .hm-more{ margin-top:40px;}

.footline{ height:12px; background:#971b12;}
footer{ 
  background:url(../images/fbg.jpg) center center no-repeat; 
  background-size:cover; 
  background-attachment: fixed;
  padding-top:90px;
  position: relative;
  overflow: hidden;
}
footer .foot-main {
}
footer .foot-main .foot-nav ul li {
}
footer .foot-main .foot-contant {
}
footer .foot-main .foot-nav{ width:70%; float:left;}
footer .foot-main .foot-nav ul{display: flex;flex-direction: row;justify-content: space-between;}
footer .foot-main .foot-nav ul li{ float:left;}
footer .foot-tit{ 
  font-size:20px; 
  color:#fff; 
  margin-bottom:20px; 
  font-weight: 600;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
footer .foot-tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #a60000, #d40000);
  border-radius: 1px;
}

footer .foot-tit a{ color:#fff;}
footer .foot-main .foot-nav ul li p{ 
  font-size:15px; 
  color:#b8b8b8; 
  line-height:2.2;
  margin: 8px 0;
  transition: all 0.3s ease;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.3px;
}
footer .foot-main .foot-nav ul li p a{ 
  color:#b8b8b8; 
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
footer .foot-main .foot-nav ul li p a i {
  font-size: 12px;
  opacity: 0.6;
  transition: all 0.3s ease;
}
footer .foot-main .foot-nav ul li p a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #a60000;
  transition: width 0.3s ease;
}
footer .foot-main .foot-nav ul li p a:hover{ 
  color:#fff;
  transform: translateX(5px);
}
footer .foot-main .foot-nav ul li p a:hover i {
  opacity: 1;
  transform: translateX(2px);
}
footer .foot-main .foot-nav ul li p a:hover::before {
  width: 100%;
}
footer .foot-main .foot-contant{ 
  float:right; 
  text-align:right; 
  color:#fff;
  max-width: 350px;
}
footer .foot-main .foot-contant a{ 
  color:#fff; 
  text-decoration: none;
  transition: all 0.3s ease;
}
footer .foot-main .foot-contant a:hover {
  color: #a60000;
  text-shadow: 0 0 10px rgba(166,0,0,0.3);
}



footer .foot-copyr{ 
  padding:40px 0;
  font-size:14px;
  color:#888a92; 
  border-top:1px solid rgba(255,255,255,.1); 
  margin-top:50px;
  background: transparent;
  position: relative;
  z-index: 2;
}
footer .foot-copyr a{
  color:#888a92; 
  text-decoration: none;
  transition: color 0.3s ease;
}
footer .foot-copyr a:hover {
  color: #a60000;
  text-shadow: 0 0 8px rgba(166,0,0,0.3);
}


.nybanner{ text-align:center; overflow:hidden; position:relative;}
.nybanner>img{ width:100%;-webkit-animation:banner_outside 6s linear forwards;animation:banner_outside 6s linear forwards}
.nybanner .nybantxt{ position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:23; color:#fff;}
.nybanner .nybantxt .cn{font-size: 30px;line-height: 44px;height: 44px;overflow: hidden;}
.nybanner .nybantxt .en{font-size: 40px; font-weight:800;line-height: 48px;height: 48px;overflow: hidden;font-family: "Noto Sans SC"; margin-bottom:8px;}

.am-parth{ font-size:14px; height:50px; line-height:50px;box-shadow: 0 0 3px rgba(0, 0, 0, .15);}
.am-parth .location{ position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;}
.am-parthx .location{ font-size:14px; margin-bottom:10px; position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;}

.ny-warp{ background:#f5f5f5; padding:30px 0;}
.ny-nav{ text-align:center; margin-bottom:30px;}
.ny-nav a{ display:inline-block; padding:10px 30px; background:#fff; border-radius:40px; border: 1px solid #ebe8e4;margin:0 10px;}
.ny-nav a.on,.ny-nav a:hover{ background:#a60000; color:#fff; border-color:#a60000;}

.ny-news-list ul li{ margin-top:-1px;transition: all .1s linear;position:relative;background:#fff; border:1px solid #eee;}
.ny-news-list ul li a{ display:block; padding:30px;  }
.ny-news-list ul li:hover{box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}
.ny-news-list ul li a i{ width:18%; float:left;}
.ny-news-list ul li a .txt{ width:82%; float:right; padding-left:30px; position:relative;}
.ny-news-list ul li a .txt .tit{ font-size:20px; color:#333; }
.ny-news-list ul li a .txt .note{ font-size:14px; color:#999;margin:10px 0; line-height:1.8;}
.ny-news-list ul li a .txt .rq {display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 62px;padding-left: 24px;color: #999;}
.ny-news-list ul li a .txt .readNum {display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newslist_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px; color:#666;}
.ny-news-list ul li a .txt .more{ width:36px; height:36px; line-height:34px; border-radius:50%; border:1px solid #ddd; text-align:center;transition: all .3s linear;}
.ny-news-list ul li a .txt .more:before{content: "\f105";}
.ny-news-list ul li a i{ display:block; overflow:hidden;}
.ny-news-list ul li a i img{transition: all .3s linear;}
.ny-news-list ul li a:hover i img{ transform:scale(1.1); opacity:.8;}
.ny-news-list ul li a:hover .more{ background:#a60000; color:#fff;}

.pages{ text-align:center; margin-top:20px;}
.pages a{ width:46px; margin:0 5px; height:46px; line-height:46px; text-align:center; display:inline-block; background:#fff; border-radius:50%; box-shadow:0 2px 2px 2px rgba(0,0,0,.05)}
.pages a.on,.pages a:hover{ background:#a60000; color:#fff;}

.newscon-head{ text-align:center;}
.newscon-head h1{ font-size:36px;}
.blog-post__author{ margin-top:15px; font-size:14px; color:#999;}

.blog-post__author em{ display:inline-block; margin:0 5px;}
.blog-post__author a{color:#999;}

.newsarcbox .am-container{ max-width:1170px;}
.newsarcbox  .arccontent{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05);padding: 50px;margin-top: -30px;background: #fff;}

.nexpre{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05); margin-top:30px; overflow:hidden;}
.nexpre .npitm{ width:50%; float:left; padding:30px; height:150px; overflow:hidden; background:#fff;}
.nexpre .npitm a{ display:block;}
.nexpre .npitm a .img{ width:30%; float:left; border-radius:10px; overflow:hidden;    max-height: 90px;}
.nexpre .npitm a .txt{ width:70%; float:left; padding-left:20px;}
.nexpre .npitm a .txt .tit{ font-size:14px; color:#999; margin-top:10px;}
.nexpre .npitm a .txt .tip{ font-size:16px; color:#333;}
.nexpre .npitm a .txt .tip i{ font-size:20px;}
.nexpre .npitm.prev{     background-image: -webkit-linear-gradient(left,#fff,#fbfbfb);background-image: -o-linear-gradient(left,#fff,#fbfbfb);background-image: -webkit-gradient(linear,left top,right top,from(#fff),to(#fbfbfb));}
.nexpre .npitm.prev a .txt .tip i{ margin-right:10px;}
.nexpre .npitm.next a .txt .tip i{ margin-left:10px;}

.xianggnews{border-radius: 10px;box-shadow: 0 2px 20px 2px rgba(0,0,0,.05); margin-top:30px; padding:30px;}
.xianggnews .xgtit{ font-size:20px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:15px;}
.xgnews-list ul li{ line-height:2.2;}
.xgnews-list ul li a{ display:block; font-size:14px; color:#777;}

.contact1{ background:#fff; padding:60px; border-radius:10px;}
.contact1 .contact1-l{ width:50%; float:left;}
.contact1 .contact1-l .tit{ font-size:24px; position:relative; margin-bottom:15px;}
.contact1 .contact1-l .tit:after{ content:""; display:block; width:60px; height:2px; background:#ddd; margin-top:10px;}
.contact1 .contact1-l .c-t-li {line-height: 2.5;margin-bottom: 30px;}
.contact1 .contact1-l .c-t-li p img {margin-right: 10px;}
.contact1 .contact1-l .contact-ewm ul li{ display:inline-block; text-align:center; max-width:120px; padding:10px; background:#f5f5f5; border-radius:10px; margin-right:15px;}
.contact1 .contact1-l .contact-ewm ul li p{ font-size:14px; background:#f5f5f5; text-align:center; margin-top:4px;}
.contact-map{ width:50%; float:right;}
#allmap{ height:400px;}
#allmap img{ max-width:inherit;}

.contact-mes{ background: #fff; border-radius:10px; padding: 60px;}
.abtit{ text-align:center;font-size: 36px;}
.abtit .note{ font-size:16px;}

.mesipu{ margin-top:30px;}
.mesipu .item{ margin-bottom:20px;}
.mesipu .item .iput{ width:50%; float:left; padding:0 10px;}
.mesipu .item .iput .am-form-field{ padding:15px;}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ text-align:center;}
.c-t-m-btn .am-btn{ background:#161616; padding:15px; width:200px; color:#fff; border-radius:4px;}

.saixuan{ background:#fff; border-radius:10px; padding:30px; margin-bottom:25px;}
.saixuan ul li{ border-bottom:1px dashed #eee; position:relative; padding:15px 0; padding-left:3.5em;}
.saixuan ul li span{ font-weight:bold; position:absolute; left:0; top:18px;}
.saixuan ul li a{ display: inline-block; padding:4px 20px; border-radius:30px;}
.saixuan ul li a.on{ background:#a60000; color:#fff;}

.ny-case-list ul{ margin:0 -15px;}
.ny-case-list ul li{ padding:15px;}
.ny-case-list ul li a{ display:block;}
.ny-case-list ul li a{ display:block;transition: all .3s linear;}
.ny-case-list ul li a:hover{transform:scale(1.08)}
.ny-case-list ul li a i{ display:block; overflow:hidden;}
.ny-case-list ul li a i img{transition: all .3s linear;}
.ny-case-list ul li a:hover i img{ transform:scale(1.08)}
.ny-case-list ul li a .txt .tit{ font-size:18px; font-weight:bold; text-align:center; background:#fff; padding:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

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

.banner-serb{ position:relative; overflow:hidden;}
.banner-serb .nbbg{ position:absolute; width:100%; height:100%; left:0; top:0;background-repeat: no-repeat;background-position: center center; background-size:cover;-webkit-animation: banner_outside 6s linear forwards;-o-animation: banner_outside 6s linear forwards;animation: banner_outside 6s linear forwards;}
.banner-serb .nbbg:before{content:'';display:block;width:100%;height:100%;background: #160000;opacity: .5;}

.banner-serb .ab-ban-box{ position:relative; width:100%; height:100vh; color:#fff;text-align: center;background-repeat: no-repeat;background-position: center center;}
.container{ max-width:980px; margin:0 auto;}
.banner-serb .ab-ban-box .abban-head{display: inline-block; width: 380px;padding: 30px 16px;border: 1px solid rgba(255,255,255,.55);}
.banner-serb .ab-ban-box .abban-head .t1{font-size:48px;font-weight: lighter;    font-family: "Noto Sans SC"; line-height:1;padding: 0 15px;}
.banner-serb .ab-ban-box .abban-head .t2{padding-top: 10px;margin: 10px 0 0;border-top: 1px solid rgba(255,255,255,.53);font-size: 38px; line-height:1;}
.banner-serb .ab-ban-box .arrow{padding: 28px 0;font-size: 20px;font-family: NL;background: url(../images/icon_arrow.png) no-repeat center bottom; text-transform:uppercase;}
.banner-serb .ab-ban-box .bt .vt1{margin: 8px 0 20px;font-size: 42px;font-weight: 300;}
.banner-serb .ab-ban-box .bt .vt2{line-height:2;margin: 0 auto;font-size:12px;font-family: Arial;opacity: .62; text-transform:uppercase;}
@-webkit-keyframes bgzoom{0%{ -webkit-background-size:100% 120%; }100%{ -webkit-background-size:100% 100%; }}
@-o-keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }}
@-moz-keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }}
@keyframes bgzoom{0%{ background-size:120% auto; }100%{ background-size:100% auto; }}

@-webkit-keyframes bgzoomA{0%{ -webkit-background-size:auto 120%; }100%{ -webkit-background-size:auto 100%; }}
@-o-keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }}
@-moz-keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }}
@keyframes bgzoomA{0%{ background-size:auto 120%; }100%{ background-size:auto 100%; }}

.nyserbox{ background:#fff; padding:50px;}
.nyserbox img{ height:auto !important;}

.ny-about1{background: url(../images/aboutjjbg.png) bottom #f5f5f5;background-size: 50%;background-repeat: no-repeat;background-position: right;}
.pag_about_headch {font-size: 42px;line-height: 45px;letter-spacing: 0px;color: #000000;text-align: center;}
.pag_about_headen {font-family: Arial;font-size: 14px;line-height: 16px;letter-spacing: 14px;color: #8f8f8f;text-align: center;margin: 20px 0 30px;}
.page_about_headunder {display: block;width: 20px;height: 10px;background-image: url(../images/title_under.png);background-size: 100% auto;background-repeat: no-repeat;margin: 0 auto;}
.page_aboutaa_content {max-width: 1080px;margin: 60px auto 60px;font-size: 18px;line-height: 40px;color: #666;text-indent: 2em;}
.pag_about_head.white .pag_about_headch{ color:#fff;}
.pag_about_head.white .pag_about_headen{ color:rgba(255,255,255,.6)}
.pag_about_head.white .page_about_headunder{background-image: url(../images/title_underw.png);background-size: 100% auto;}
.ny-about1 .hm-abdata ul li{ color:#666;}
.ny-about1 .hm-abdata ul li .tit span{ color:#a60000}


.zslist{ position:relative;}
.swiper-zss{ padding-top:10px; }
.swiper-zss .swiper-slide{ width:25%; padding:0 15px}
.swiper-zss .swiper-slide a{ display:block; position:relative;}
.swiper-zss .swiper-slide a i{ display:block; margin:0 auto; position:relative; padding:20px; border-radius:2px; z-index:2;transition: all .3s linear; box-shadow:0 2px 8px 2px rgba(0,0,0,.1); background:#fff; }
.swiper-zss .swiper-slide a:hover i{ transform:translateY(-10px)}
.swiper-zss .swiper-slide a .txt{ position:relative; z-index:2; text-align:center; margin-top:15px;   font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.whoche .swiper-z-next,.whoche .swiper-z-prev{ transform:translateY(-90%)}
.swiper-pa-zs{ position:relative; bottom:0; margin-top:30px;}
.swiper-z-next,.swiper-z-prev{ width:60px; height:60px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:9;transition: all .1s linear; background-repeat:no-repeat; background-position:center;background-color:#e0e0e0; outline:none;}
.swiper-pa-zs .swiper-pagination-bullet{ width:14px; height:14px; margin:0 5px;}
.swiper-pa-zs .swiper-pagination-bullet-active{ background:#a60000;}

.swiper-z-next:hover,.swiper-z-prev:hover{ background-color:#a60000;}
.swiper-z-next{ background-image:url(../images/jr.png); right:-40px;}
.swiper-z-prev{ background-image:url(../images/jl.png); left:-40px;}


.ny-culture{ background:url(../images/cbg.jpg) center no-repeat; background-size:cover;}


.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}

.wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;}
.wechat-dialog .tit{ text-align:center; font-size:20px;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:12px; color:#999;}
.wechat-dialog .copy-wx p span{ color:#25ba45;}
.wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;}
.wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;}

.wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ 
  position:fixed; 
  width:100%; 
  max-width: 768px;
  height:54px; 
  background:#a22219; 
  left:50%;
  transform: translateX(-50%);
  bottom:0; 
  z-index:999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.foot-bar ul li{ 
  padding-top:6px;
  transition: all 0.3s ease;
}
.foot-bar ul li:active {
  background: rgba(255,255,255,0.1);
}
.foot-bar ul li a{ 
  color:#fff; 
  font-size:11px; 
  display:block; 
  text-align:center;
  padding: 2px 0;
}
.foot-bar ul li a img{ 
  width:18px;
  margin-bottom: 2px;
}
.foot-bar ul li a span{ 
  display:block; 
  font-size:10px;
  line-height: 1.2;
}

.culture-list{ margin-top:60px;}
.culture-list ul li{ text-align:center; color:#fff; border:1px solid #c33436; margin-left:-1px; padding:50px;transition: all .3s linear; }
.culture-list ul li i{ display:inline-block;transition: all .3s linear; height:47px;}
.culture-list ul li:hover i{ transform:translateY(-10px)}
.culture-list ul li:hover{ background:rgba(255,255,255,.1)}
.culture-list ul li .tit{ font-size:22px; margin:30px 0;}
.culture-list ul li .note{ color:rgba(255,255,255,.6)}



/**招聘样式**/
.ny-join-list .join-head{ padding:2rem; background:#e4e4e4;}
.ny-join-list .join-head span{ font-size:18px; font-weight:bold; float:left;}
.ny-join-list .join-head span:first-child{ width:50%;}
.ny-join-list .join-head span:nth-child(2){width:15%; text-align:center;}
.ny-join-list .join-head span:nth-child(3){width:20%; text-align:center;}
.ny-join-list .join-head span:last-child{ float:right;}
.ny-join-list .am-accordion-gapped{ margin:0;}
.ny-join-list .am-accordion-gapped .am-accordion-title{ border:none;}
.ny-join-list .am-accordion-gapped .am-accordion-item{ margin:0; border:none; border-bottom:1px solid #eee;}
.ny-join-list .am-accordion-title{ font-size:18px; padding:2rem; background:#fff;}
.ny-join-list .am-accordion-title span{ display:inline-block; float:left;}
.ny-join-list .am-accordion-title span:first-child{ width:50%;}
.ny-join-list .am-accordion-title span:nth-child(2){ width:15%; text-align:center;}
.ny-join-list .am-accordion-title span:nth-child(3){ width:20%;text-align:center;}
.ny-join-list .am-accordion-title span:last-child{ float:right;}
.ny-join-list .am-accordion-title span:last-child:after{content: "\f105"; margin-left:5px;}
.ny-join-list .am-accordion-title span:last-child:after{content: "\f107";}
.ny-join-list .am-accordion-gapped .am-active .am-accordion-title{ background:#971b12; color:#fff;}
.ny-join-list .am-accordion-gapped .am-accordion-title:after{ display:none;}
.ny-join-list .am-accordion-content{ padding:30px; line-height:2; background:#fff;}


#mediamap{ height:800px;}
#mediamap img{ max-width:inherit;}
#mediamap .mappic{ width:100%;}
#mediamap .mappic img{ display:block; max-width:100%;}
#mediamap .maptitle{ text-align:center; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

@media screen and (max-width: 1680px){
.am-container{max-width: 1400px;}
.banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:300%; animation: animationSlide 180s linear infinite;animation-direction: reverse;}
}
@media screen and (max-width: 1440px){
.am-container{max-width: 1200px;}
}


@media screen and (max-width:1024px){
html {background: #fafafa;}
body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;}	
.am-container{ padding-left:1.5rem; padding-right:1.5rem;}
.menu-bar{ 
  display:block !important; 
  width:26px; 
  height:18px; 
  float:right; 
  position: absolute; 
  right:1.5rem; 
  top:20px; 
  border:none;
  border-bottom:2px solid #fff !important;
  cursor: pointer;
  z-index: 100;
  transition: all 0.3s ease;
  background: transparent !important;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
  text-indent: -9999px;
  -webkit-tap-highlight-color: transparent;
}
.menu-bar:hover {
  opacity: 0.8;
}
.menu-bar:after{ 
  content:"" !important; 
  display:block !important; 
  width:100%; 
  height:2px; 
  background:#fff !important; 
  position:absolute; 
  left:0; 
  top:0;
  font-family: inherit;
}
.menu-bar:before{ 
  content:"" !important; 
  display:block !important; 
  width:100%; 
  height:2px; 
  background:#fff !important; 
  position:absolute; 
  left:0; 
  top:50%; 
  margin-top:-1px;
  font-family: inherit;
}
header .logo{ 
  height:60px; 
  line-height:60px;     
  max-width: 60%;
  padding-left: 1.5rem;
}
header .logo img {
  max-height: 45px;
  width: auto;
}
.searbtn{ display:none;}
header .am-container{ padding:0;}
header .logo img{ }
header .menu nav{ 
  position:fixed; 
  width:100%; 
  height:100%; 
  left:-100%; 
  top:0; 
  z-index:99999;
  transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
header .menu nav.active{ 
  left:0; 
  opacity:1;
  pointer-events: none;
}
header .am-container{  
  height:100%; 
  max-width:100%;
}
header .menu nav .ulnav{ 
  display:block; 
  width:80%; 
  max-width: 320px;
  background: linear-gradient(135deg, #a22219 0%, #c62828 100%); 
  height:100%; 
  position:relative;
  overflow-y: auto;    
  pointer-events: auto;
  box-shadow: 4px 0 32px rgba(0,0,0,0.3);
}
header .menu nav .ulnav>li{ 
  width:100%; 
  float:none; 
  border-bottom:1px solid rgba(255,255,255,.1); 
  border-radius:0!important;
  transition: all 0.3s ease;
}
header .menu nav .ulnav>li:hover {
  background: rgba(255,255,255,0.1);
}
header .menu nav .ulnav>li>a{ 
  line-height:60px; 
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Arial, sans-serif; 
  font-weight: 400; 
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  transition: all 0.3s ease;
  padding: 0 20px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  font-variant: small-caps;
}
header.on .menu nav>ul>li>a{ 
  color:#fff;
}
header .menu nav .ulnav>li>a:before{ 
  display:none;
}
header .menu nav .ulnav>li .xm{ 
  position:absolute; 
  width:60px; 
  display:block; 
  right:0; 
  top:0; 
  color:rgba(255,255,255,.81); 
  line-height:60px;
  transition: all 0.3s ease;
  text-align: center;
  font-size: 18px;
}
header .menu nav .ulnav>li .subnav{ 
  position:relative; 
  display:none; 
  top:0; 
  opacity:1;
  visibility:inherit; 
  border-radius:0;
  background: rgba(0,0,0,0.2);
  box-shadow: none;
  border: none;
  width: 100%;
  padding: 0;
}
header .menu nav .ulnav>li:hover>a{ 
  background:none;
  transform: translateX(8px);
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
  letter-spacing: 1.2px;
}
header .menu nav .ulnav>li .subnav.show{ 
  display:block;
}
header .menu nav .ulnav>li .subnav li {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
header .menu nav .ulnav>li .subnav li a {
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  line-height: 50px;
  padding: 0 20px 0 40px;
  display: block;
  transition: all 0.3s ease;
}
header .menu nav .ulnav>li .subnav li a:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
  padding-left: 45px;
}
header.on .ulnav>li:hover .subnav{ 
  top:0;
}
header.on{ 
  position:absolute;
}
nav .am-close {
  position: absolute;
  right: 5%; 
  top: 15px;
  color: #fff;
  text-shadow: none;
  opacity: .7;
  font-size: 2.6rem;
  display: block;
  transition: all 0.3s ease;
  z-index: 10000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
nav .am-close:hover {
  opacity: 1;
  transform: scale(1.1);
}
.nav-warp{ 
  width:100%; 
  height:100%; 
  position: fixed; 
  right:0; 
  top:0; 
  background:rgba(0,0,0,.85); 
  display:none; 
  z-index:1920;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.nav-warp .am-close{ 
  color:#fff; 
  font-size:24px; 
  padding:15px; 
  opacity:.7;    
  position: absolute;
  right: 5%;
  top: 15px;
  transition: all 0.3s ease;
}
.nav-warp .am-close:hover {
  opacity: 1;
}

.banner .swiper-slide{ height:50vh;}
.banner .swiper-slide.swiper-slide-active .bg.background-loop{ width:200%; animation: animationSlide 20s linear infinite;}
.banner .ban-txt .txtimg img{ max-width:200px;}
.banner .ban-txt .tit{ font-size:20px;}
.banner .ban-txt .note{ font-size:12px;}
.hm-more a{ font-size:12px; height:26px; line-height:26px; padding-right:36px;}
.hm-more a i{ width:26px; height:26px;}
.hm-more a i:before,.hm-more a i:after{ height:1px;}
.banner .bancj .swiper-pagination-progressbar{ width:60px; height:1px;}
.banner .bancj .s-b-p, .banner .bancj .s-b-n{ width:20px; height:20px; margin-top:-10px; background-size:10px auto;}
.banner .bancj .s-b-p{ left:90px;}
.banner .bancj .s-b-n{ left:110px;}
.banner .bancj{ bottom:15px;}
.banner .ban-txt .txtimg{ font-size:30px;}

.am-pd{ padding:30px 0;}
.am-pt{ padding-top:30px;}
.hm-title{ text-align:center;}
.hm-title .en{ font-size:32px;}
.hm-title .cn{ font-size:14px;}
.case-cate{white-space: nowrap; margin-top:15px;}
.case-cate a{ width:60px; font-size:12px; padding:10px 0;}
.case-cate .move{ width:60px;}
.hm-case-list ul{ margin:0 -5px;}
.hm-case-list ul li{ padding:5px;}
.hm-case-list ul li a .txt{ padding:5px;}
.hm-case-list ul li a .txt .tit{ font-size:14px; padding-top:2px; margin-bottom:2px;}
.hm-case-list ul li a .txt .note{ font-size:1rem; display:none;}
.hm-case-list ul li:nth-child(9){ }

.meanimg .bg-r{ width:100%; opacity:.85;}
.meanimg .bg-l{ width:100%;}
.meanimg .meanimg-main .info{ font-size:14px; text-align:center; margin-top:5%;}
.meanimg .meanimg-main .note{ font-size:12px; text-align:center;margin-top: 8%;margin-bottom: 12%;}
.meanimg .meanimg-main{ min-height: inherit;}
.meanimg .hm-more{ text-align:center;}

.swiper-ser .s-s-p, .swiper-ser .s-s-n{ display:none;}
.swiper-ser .ser-main{ padding:0;}
.swiper-ser .ser-main .txt{ padding-top:0; padding-left:10px;}
.swiper-ser .ser-main .txt .tit .en{ display:none;}
.swiper-ser .ser-main .txt .tit .cn{ font-size:14px;}
.swiper-ser .ser-main .txt .note{ font-size:1rem;    margin: 2% 0;}
.swiper-ser .ser-main .txt .note span{ display: inline-block;}
.sernavnun{ margin-top:20px;}
.sernavnun ul li{ height:40px;}
.sernavnun ul li a span{ font-size:34px; height:40px; line-height:40px;}
.sernavnun ul li a:before{ width:6px; height:6px;}
.sernavnun ul li a:after{ width:12px; height:12px;}
.yous-list{ margin-top: 20px;}
.yous-list ul li a{ padding:15px;}
.yous-list ul li a i img{ width:40px;}
.yous-list ul li a .tit{ font-size:14px; margin:8px 0;}
.yous-list ul li a .note{ font-size:1rem;}
.yous-list ul li:nth-child(3n+1) a {background: #6f130c;}
.yous-list ul li:nth-child(2) a{ background:#7f160e}

.hm-about-main .tit{ font-size:16px; text-align:center;}
.hm-about-main{ margin-top:20px;}
.hm-about-main .note{ font-size:12px; line-height:2; margin-bottom:20px;}
.hm-about-main .hm-more{ text-align:center;}
.hm-abdata{ margin-top:30px;}
.hm-abdata ul li .tit span{ font-size:18px;}
.hm-abdata ul li .note{ font-size:1rem;}
.hm-abdata ul li .tit sup {top: -0.5em; font-size:1rem;}

.swiper-serlogo{ margin-top:20px;}

.serlogo .serlopa .swiper-pagination-progressbar{ width:60px; height:1px;}
.serlogo .serlopa .s-x-p,.serlogo .serlopa .s-x-n{ width:20px; height:20px; margin-top:-10px; background-size:10px auto;}
.serlogo .serlopa .s-x-p{ left:90px;}
.serlogo .serlopa .s-x-n{ left:110px;}
.serlogo .serlopa{ bottom:15px;}

.hm-news-tab .hd{white-space: nowrap; margin-top:15px;}
.hm-news-tab .hd ul li a{ width:80px; font-size:12px; padding:10px 0;}
.hm-news-tab .hd .move{ width:50%;}
.hm-research-tab .hd{white-space: nowrap; margin-top:15px;}
.hm-research-tab .hd ul li a{ width:80px; font-size:12px; padding:10px 0;}
.hm-research-tab .bd .hm-case-list ul{ margin:0 -5px;}
.hm-research-tab .bd .hm-case-list ul li{ padding:5px;}
.hm-research-tab .bd .hm-case-list ul li a .txt{ padding:5px;}
.hm-research-tab .bd .hm-case-list ul li a .txt .tit{ font-size:14px; padding-top:2px; margin-bottom:2px;}
.hm-research-tab .bd .hm-case-list ul li a .txt .note{ font-size:1rem; display:none;}
.hm-case .hm-news-tab .bd .hm-case-list ul{ margin:0 -5px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li{ padding:5px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt{ padding:5px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt .tit{ font-size:14px; padding-top:2px; margin-bottom:2px;}
.hm-case .hm-news-tab .bd .hm-case-list ul li a .txt .note{ font-size:1rem; display:none;}
.hm-news-tab .bd ul li a:after,.hm-news-tab .bd ul li a:before{ content:""; display:block; clear:both;}
.hm-news-tab .bd ul li a i{ width:30%; float:left;}
.hm-news-tab .bd ul li a .txt{ width:70%; padding-left:10px; float:left;}
.hm-news-tab .bd ul li a .txt .tit{ font-size:14px; padding-top:0;}
.hm-news-tab .bd ul li a .txt .note{ font-size:1rem; margin:2px 0;}
.hm-news-tab .bd ul li a .txt .time{ display:none;}
.hm-news-tab .bd{ margin-top:20px;}
.hm-news-tab .bd ul li a{ border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:15px; margin-bottom:15px;}
.hm-news .hm-more{ margin-top:10px;}
.footline{ height:2px;}

footer { padding-top:20px;}
footer .foot-main .foot-nav{ display:none;}
footer .foot-main .foot-contant{ float:none; width:100%; text-align:center;}
footer .foot-tit{ font-size:14px; margin-bottom:10px;}
footer .foot-copyr{ font-size:10px; padding:10px 0;}
footer .foot-copyr p{ float:none; text-align:center;}
footer .foot-copyr p img{ width:90px; margin-top:-7px !important;}

.nybanner>img{ width:150%; max-width:150%; margin-left:-25%;}
.nybanner .nybantxt{transform: translateY(-10%);}
.nybanner .nybantxt .cn{ font-size:16px; height:30px; line-height:30px;}
.nybanner .nybantxt .en{ font-size:18px; line-height:1; height:auto; margin-bottom:0;}
.am-parth{ height:40px; line-height:40px;}
.am-parth .location{ font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pages a{ font-size:12px; width:30px; height:30px; line-height:30px; margin:0;}

.ny-nav{ white-space: nowrap;overflow-y: hidden;overflow-x: auto;margin-bottom: 8px;margin: -30px -1.5rem 5px -1.5rem;background: transparent;padding-top: 10px;border-top: 1px solid #eee;}
.ny-nav a{ font-size:12px; padding:4px 10px; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.ny-news-list{ margin-top:10px; margin-left:-1.5rem; margin-right:-1.5rem;}
.ny-news-list ul li{ border:none; margin-bottom:10px;}
.ny-news-list ul li a{ padding:10px;}
.ny-news-list ul li a i{ width:25%;}
.ny-news-list ul li a .txt{ width:75%; padding-left:10px;}
.ny-news-list ul li a .txt .rq{ display:none;}
.ny-news-list ul li a .txt .readNum{ display:none;}
.ny-news-list ul li a .txt .tit{ font-size:14px;}
.ny-news-list ul li a .txt .more{ display:none;}
.ny-news-list ul li a .txt .note{ height:20px; overflow: hidden; font-size:12px;}

.newscon-head h1{ font-size:18px;}
.blog-post__author{ font-size:12px;}

.newsarcbox .arccontent{ margin-top:0; padding:0 15px; box-shadow:none;}
.newsarcbox .arccontent img{ height:auto !important;}
.nexpre .npitm{ width:100%; float:none; padding:10px; height:auto;}
.nexpre .npitm.prev{ background:#fbfbfb;}
.nexpre .npitm a .txt .tip{ font-size:14px;}
.nexpre .npitm.prev a .txt .tip i{ font-size:14px;}
.nexpre .npitm a .txt .tit{ font-size:12px; margin-top:3px;}
.xianggnews{ padding:15px;}
.xianggnews .xgtit{ font-size:18px; padding-bottom:8px; margin-bottom:8px;}

.contact1{ padding:20px; border-radius:10px;}
.contact1 .contact1-l{ width:100%; float:none;}
.contact1 .contact1-l .tit{ font-size:18px;}
.contact1 .contact1-l .c-t-li{ font-size:14px;}
.contact-map{ width:100%; float:none; margin-top:20px;}
#allmap{ height:300px;}
.contact-mes{padding: 20px;}
.abtit{ font-size:20px; font-weight:bold;}
.abtit .note{ font-size:14px; font-weight:normal;}
.mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;}
.mesipu .item .iput:last-child{margin-bottom: 0;}
.mesipu .item .iput .am-form-field{font-size: 12px;}
.mesipu .item{margin-bottom: 10px;}
.c-t-m-btn .am-btn{ padding:10px; width:140px;}

.saixuan{ padding:10px 20px; margin-bottom:10px;}
.saixuan ul li{ padding:10px 0; padding-left:2.5em;}
.saixuan ul li:last-child{ border:none;}
.saixuan ul li span{ font-size:12px; top:15px;}
.saixuan ul li a{ font-size:12px;padding: 4px 10px;}

.ny-case-list ul{ margin:0 -5px;}
.ny-case-list ul li{ padding:5px;}
.ny-case-list ul li a .txt .tit{ font-size:14px; padding:10px;}
.banner-serb .ab-ban-box{height: calc(100vh - 54px);}
.banner-serb .ab-ban-box .abban-head{ width:200px;display: inline-block;padding: 30px 16px;border: 1px solid rgba(255,255,255,.55);}
.banner-serb .ab-ban-box .abban-head .t1{font-size: 20px;font-weight: normal;font-family: AB; line-height:1;padding: 0 15px;}
.banner-serb .ab-ban-box .abban-head .t2{padding-top: 10px;margin: 10px 0 0;border-top: 1px solid rgba(255,255,255,.53);font-size: 20px; line-height:1;}
.banner-serb .ab-ban-box .arrow{padding: 28px 0;font-size:12px;font-family: NL;background: url(../images/icon_arrow.png) no-repeat center bottom;}
.banner-serb .ab-ban-box .bt .vt1{margin: 8px 0 20px;font-size:16px;font-weight: 300;}
.banner-serb .ab-ban-box .bt .vt2{padding: 0 1.5rem;font-size: 9px;font-family: Arial;opacity: .62; text-transform:uppercase;}
.nyserbox{ padding:15px;}

.pag_about_headch{ font-size:20px;}
.pag_about_headen{ font-size:12px;letter-spacing: 6px;margin: 0px 0 10px;}
.page_aboutaa_content{ margin:20px 0; font-size:12px; line-height:2;}

.swiper-zss .swiper-slide{ width:50%; padding:0 5px;}
.swiper-zss .swiper-slide a i{ padding:10px;}
.swiper-z-next, .swiper-z-prev{ width:30px; height:30px;background-size: contain; background-color:rgba(0,0,0,.5)}
.swiper-z-next{ right:0;}
.swiper-z-prev{ left:0;}
.zslist{ margin-top:10px;}
.swiper-pa-zs{ margin-top:20px;}
.swiper-pa-zs .swiper-pagination-bullet{ width:8px; height:8px;}

.culture-list{ margin-top:20px;}
.culture-list ul li{ padding:15px; margin-top:-1px;}
.culture-list ul li i{ width:30px; height:30px;}
.culture-list ul li .tit{ font-size:16px; margin:12px 0;}
.culture-list ul li .note{ font-size:12px; height:57px;}
	
.ny-join-list .join-head{ padding:1rem;}
.ny-join-list .join-head span{ font-size:14px;}
.ny-join-list .join-head span:nth-child(2){ display:none;}
.ny-join-list .join-head span:nth-child(3){ display:none;}
.ny-join-list .am-accordion-title span:nth-child(2){ display:none;}
.ny-join-list .am-accordion-title span:nth-child(3){ display:none;}
.ny-join-list .am-accordion-title{font-size:14px;padding: 1rem;}
.ny-join-list .am-accordion-content{padding:20px;font-size: 12px;}
#mediamap{ height:500px;}

/* 针对小屏幕的额外优化 */
@media screen and (max-width: 480px) {
  header .menu nav .ulnav {
    width: 85%;
    max-width: 280px;
  }
  
  header .menu nav .ulnav>li>a {
    font-size: 14px;
    padding: 0 15px;
  }
  
  header .menu nav .ulnav>li .subnav li a {
    font-size: 13px;
    padding: 0 15px 0 30px;
  }
  
  nav .am-close {
    right: 3%;
    font-size: 2.2rem;
  }
}

/* 确保菜单栏按钮在滚动时也可见 */
header.on .menu-bar {
  border-bottom-color: #fff !important;
  background: transparent !important;
}
header.on .menu-bar:after,
header.on .menu-bar:before {
  background: #fff !important;
  content: "" !important;
}

/* 菜单按钮动画和触摸效果 */
.menu-bar:active {
  opacity: 0.6;
}

/* 移除可能的图标字体影响 */
.menu-bar::before,
.menu-bar::after {
  font-family: inherit !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
}




#ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
#ab_img p span{text-wrap: inherit !important;}


/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}