@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 100px;
  /* COLOR */
  --color-active: #BB051C;
  --color-blue-004: #BB051C;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
@font-face{
	font-family: 'hr';
	src: url(har.TTF);
}
body {
  font-family: 'hr','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'hr', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body { padding-top: var(--header-height);}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #BB051C;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1720px;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/

.menuBtn { display: none;}
.logo { position: relative;}
.logo img { display: block; width: clamp(100px,1.82rem,182px);}
.nav { padding: 0 .38rem; border-radius: 6px; background: rgba(0,0,0,0.4);}
.header { background: #ffffff; height: var(--header-height); transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; padding: 0 clamp(20px,1rem,100px); justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .header dl { top: 80px;}
.header:hover { background: #ffffff;}
.header .nav li h2 a:hover { color: #BB051C;}
.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { position: relative; margin-right: clamp(20px,1rem,100px);}
.nav li:last-child { margin-right: 0;}
.nav li h2 { position: relative;}
.nav li h2 a { display: block; line-height: 50px; transition: all 0.5s; white-space: nowrap; font-size: clamp(16px,.18rem,18px); color: #ffffff;}
.header .nav li.cur h2 a,.header .nav li:hover h2 a { color: #BB051C;}
.nav li { position: relative;}
.navSub { display:none;  position: absolute; background: #ffffff;  transform: translateX(-30%); top: 100%; z-index: 2;}
#sub2 { display: none;}

.subFlex { display: flex; justify-content: space-between;}
.subTitle { display: flex; justify-content: start; align-items: center;}
.subIcon { height: .73rem; min-width: 1.4rem; display: flex; justify-content: center; align-items: center;}
.subIcon img { transition: all .4s; filter: grayscale(100%); opacity: .6; max-width: 100%; max-height: 100%; display: block;}
.subMeun dt p { white-space: nowrap; transition: all .4s;}
.subMeun { box-shadow: .3rem 0 .4rem rgba(0,0,0,.13); width: 4.8rem; max-height: 80vh; overflow-y: auto; padding-right: .35rem;}
.subSlide { max-height: 80vh; overflow-y: auto;}
.subMeun::-webkit-scrollbar,.subSlide::-webkit-scrollbar { display: none;}
.subMeun p {font-size: var(--font16); line-height: 1.13rem;}
.subMeun p a { color: #000000;}
.subMeun dt:hover p { color: #000;}
.subMeun dt:hover img,.subMeun dt.act img{filter: grayscale(0%); opacity: 1; }
.subBd dt { height: 1.53rem; background-image: linear-gradient(to right,#dad9d8 0%,#f7f6f9 18%,#f7f6f9 100%); margin-bottom: 2px; display: flex; align-items: center;}
.subBd { flex: 1;}
.subImg { height: 100%; padding:.2rem; width: 2rem; display: flex; justify-content: center; align-items: center;}
.subImg img { max-width: 100%; max-height: 100%; display: block;}
.subText h2 { font-weight: bold; font-size: var(--font20); line-height: 1.3; margin-bottom: .18rem;}
.subText p { color: #666666; font-size: var(--font14);}
.subSlide dt {padding-right: .3rem; width: 5.1rem; box-sizing: border-box; position: relative; z-index: 2;}
.subSlide dt::after { content: ''; opacity: .3; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; height: 100%; width: 0; background-image: linear-gradient(to right,rgba(209, 4, 4, 1),rgba(230, 72, 7, 0)); z-index: -1;}
.subSlide dt::before { content: ''; transition: all .4s; position: absolute; left: 0; top: 0; height:100%; background: rgba(209, 4, 4, 1); height: 100%; z-index: -1;}
.subSlide dt:hover::after { width: 100%; }
.subSlide dt:hover:before { width:.06rem;}
.subText { flex: 1;  position: relative;}
.subText a { display: inline-flex; border: 1px solid #B4232E; border-radius: 2em; transition: all .4s; font-size:12px; color: #B4232E; padding: 0 .15rem; line-height: 2; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-90%);}
.subText a img { transition: all .4s; display: block; margin-left: .17rem;}
.subText a:hover { color: #ffffff; background: #B4232E;}
.subText a:hover img {filter: brightness(0) invert(1);}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #BB051C;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #BB051C;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #BB051C;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #BB051C;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter { margin-right:20px;  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: .23rem; height: .23rem;
background-size: 100% auto!important;}
.menuControl { display: flex; align-items: center;}
.langChose { border-left: 1px solid #969696; padding: 0 .17rem; margin: 0 .17rem; border-right: 1px solid #969696; display: flex; gap: 13px;}
.langChose img { transition: all 0.4s; display: block; border-radius: 50%;}
.langChose a:hover img { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.headerTel a { display: flex; align-items: center; gap: 5px; font-size: var(--font16); color: #BB051C;}
.headerTel a svg { display: block;}
.headerTel a svg path { fill: #BB051C;}
.categoriesTit { background: #BB051C; text-align: center; font-size: var(--font80); line-height: 3.8333; font-weight: bold; color: #ffffff;}
/*banner*/
.banner { position: relative;}
.banner img{ opacity: .9; display: block; width: 100%;transform: scale(1.1); transition: 6s; transition-delay: .8s;  }
.banner .swiper-slide { background: #000; overflow: hidden;}
.banner .swiper-slide-active img { opacity: 1; transform: scale(1);}
.banner .swiper-pagination { text-align: left; left:100px; top: 50%; transform: translateY(-50%); bottom: auto; display: flex; flex-direction: column;}
.banner .swiper-pagination span { box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 1px solid rgba(187, 5, 28, 0); background: none; outline: none; width: clamp(10px,.27rem,27px); height: clamp(10px,.27rem,27px); margin:.18rem 0!important;}
.banner .swiper-pagination span::after { content: '';  width: clamp(4px,.09rem,9px);height: clamp(4px,.09rem,9px); border-radius: 50%; display: block; transition: all .4s; background: #ffffff; }
.banner .swiper-pagination span.swiper-pagination-bullet-active{ border: 1px solid rgba(187, 5, 28, 1);}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after { background: rgba(187, 5, 28, 1);}
.bannerText { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%);}
.bannerText p { font-size: 3.125vw; color: #ffffff;}
.bannerFpage { line-height: 1.333; position: absolute; bottom: .6rem; left: 100px; z-index: 2; color: #ffffff; font-size: var(--font42);}
.bannerFpage p { position: relative; color: #BB051C; padding-bottom: .1rem; margin-bottom: .1rem;}
.bannerFpage p::after { content: ''; position: absolute; bottom: 0; transform: translate(-50%,50%); width: 16px; height: 4px; background: #ffffff; left: 50%;}
/*inBanner*/
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
.inText { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 { color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { color: #ffffff;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font20);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
/*footer*/
.footer { background: #404040; padding: clamp(30px,.55rem,55px) 0 clamp(30px,.4rem,40px);}
.footLink ul { display: flex; justify-content: space-between;}
.footLink p a { transition: all .4s; font-size: var(--font16); color: #ffffff;}
.footLink p {transition: all 0.4s; line-height: 2;}
.footLink li h2 a { font-weight: bold; font-size: var(--font22); color: #ffffff;}
.footLink p:hover a{ color: #BB051C;}
.footLink p:hover {transform: translateX(5px);}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.footerContact h2 { color: #ffffff; font-size: 18px; line-height: 40px; margin-bottom: 24px;}
.shareLink { display: flex; align-items: center; justify-content: end; font-size: var(--font14); color: rgba(255,255,255,.5);}
.shareLink a img { transition: all .4s; display: block;}
.shareLink a { position: relative; margin-left: .22rem;}
.shareLink a:hover>img { opacity: .5;}
.ewmBox { background: #ffffff; width: 1.1rem; padding: .08rem; border-radius: 4px;}
.ewmBox img { display: block; width: 100%;}
.fixEwm {opacity: 0; visibility: hidden; transform-origin: center bottom; transition: all .4s; border-radius: 4px; position: absolute; right: 0; bottom: 0; background: #002060; text-align: center; padding: .12rem .12rem 0;}
.fixEwm p { white-space: nowrap; color: #ffffff; color: rgba(255,255,255,.5); font-size: var(--font14); line-height: 2.28;}
/* .shareLink a .fixEwm {  width: 1.34rem; position: absolute; bottom: .25rem; left: 50%; transform: translateX(-50%) scale(0);}
.shareLink a:hover .fixEwm {transform:translateX(-50%) scale(1);  opacity: 1; visibility: visible;} */
.copyRight { margin-top: .15rem; position: relative; line-height: calc(1em + 14px); display: flex; justify-content: space-between; align-items: center;}
.copyRight:before { content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-image: linear-gradient(to right,rgba(180, 35, 46, 0),rgba(180, 35, 46, 1));}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: var(--font16); color: #ffffff;}
.copyRight a:hover { opacity: .5;}
.copyRight p br { display: none;}
.scaleEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: bottom center; position: absolute; bottom: 50px; width: 100px;}
.menubox { display: none;}
.footerBottom { display: flex; justify-content: space-between;}
.footLogo img { width: clamp(200px,3.76rem,376px); display: block;}
.privacy { margin-bottom: 10px; text-align: right;}
.privacy a { color: #B4232E; text-decoration: underline; margin-left: 20px;}
.footerBottom { margin-top: clamp(30px,1.9rem,190px);}

/**/
.categoriesList { padding: 1.2rem 0; display: flex; justify-content: space-between;}
.categorMenu { width:5.7rem;}
.categorMenu li { position: relative; font-size: var(--font30); line-height: calc(1em + .2rem); padding: .24rem .4rem .24rem 0; border-bottom: 1px solid rgba(112, 112, 112, .3);}
.categorMenu li a,.categorMenu dt a { position: relative; display: block; color: #999999; transition: all .4s;}
.categorMenu li a::after,.categorMenu dt a:after{ content: ''; position: absolute; background: url(../images/enter.png) center no-repeat; width: .21rem; height: .18rem;
right: 0; top: 50%; transform: translateY(-50%); background-size: 100% auto; opacity: 0; transition: all .4s;}
.categorMenu li:hover>a,.categorMenu li.cur>a,.categorMenu dt:hover a,.categorMenu dt.cur a{ color: #BB051C;}
.categorMenu li.cur>a::after,.categorMenu dt.cur a::after{ opacity: 1;}
.categorMenu li:nth-child(1) { padding-top: 0;}
.categorMenu dl { display: none; padding-top: .24rem;}
.categorMenu dt{ text-indent: .7rem; margin-bottom: .22rem;}
.categorMenu dt:last-child { margin-bottom: 0;}
.categorMenu dt a { font-size: var(--font30); color: #999999;}
.categorGroup { width: calc(100% - 6.2rem);}
.categorGroup ul { display: flex; flex-wrap: wrap; gap: .3rem;}
.categorGroup ul.dn { display: none;}
.categorGroup li { text-align: center; box-sizing: border-box; padding: .3rem .3rem .46rem; border-radius: .18rem; width: calc(50% - .15rem); background: rgba(247, 246, 249, 1);}
.categorImg { margin-bottom: .34rem; display: flex; justify-content: center; align-items: center; height: 3.16rem;}
.categorImg img{ display: block; transition: all .8s; height: 100%; width: auto;}
.categorSlide li:hover .categorImg img { transform: scale(1.1);}
.categorSlide li h2 { margin-bottom: .13rem; font-weight: bold; color: #000000; font-size: var(--font34); line-height: 1.32; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.categorSlide li p { color: #666666; font-size: var(--font16); line-height: 1.3125; margin-bottom: .23rem;}
.categorSlide li b.more { transition: all .4s; line-height: 2; border-radius: 2em; border: 1px solid #BB051C; color: #BB051C; font-size: var(--font17); align-items: center; justify-content: center; padding: 0 clamp(10px,.22rem,22px); display: inline-flex;}
.categorSlide li b.more:hover { color: #ffffff; background: #BB051C;}
.categorSlide li b.more img { transition: all .4s; display: block; margin-left: .22rem;}
.categorSlide li b.more:hover img {filter: brightness(0) invert(1);}
.cateFlex { display: flex; justify-content: space-between;}
a.more { transition: all .4s; line-height: 2; border-radius: 2em; border: 1px solid #BB051C; color: #BB051C; font-size: var(--font17); align-items: center; justify-content: center; padding: 0 clamp(10px,.22rem,22px); display: inline-flex;}
a.more:hover { color: #ffffff; background: #BB051C;}
a.more img { transition: all .4s; display: block; margin-left: .22rem;}
a.more:hover img {filter: brightness(0) invert(1);}
/**/
.bigAlts span { position: absolute; left: 0; top: 0; cursor: pointer;}
.bigAlts span img { display:block;}
.bigAlts {display: none; background: #ffffff;z-index: 100; position: fixed; margin: auto;width: 1300px;max-width: 93.75%; height: 720px; max-height: 80%; top: 0;bottom: 0;  left: 0; right: 0; overflow-y: auto;}
.scrollConts {width:100%; height: 100%; overflow: auto;}
.smallPicBoxs img {max-width: 100%;}
.BigPics { display: none;}
.BigPics img{ max-width: none;}
.bgcover {position: fixed;  left: 0; right: 0; bottom: 0; top: 0; background: #000; z-index: 8; display: none; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8;  z-index: 5;}
	
.productTitle { padding: 1rem 0;}
.productTitle p { font-size: var(--font40); color: #000000; line-height: 1.4;}
.typeImg { display: flex; justify-content: center; align-items: center; height: clamp(40px,.88rem,88px);}
.typeImg img { filter: grayscale(100%); opacity: .5; transition: all .4s; display: block; max-width: 100%; max-height: 100%;}
.typeFlex .swiper-slide.cur img { opacity: 1; filter: grayscale(0%);}
.typeFlex { border-bottom: 1px solid #BEBEBE; margin-bottom: 1rem; text-align: center;}
.typeFlex p { transition: all .4s; display: inline-flex; font-size: var(--font18); color: #8D8D8D; line-height: 1.3; position: relative; padding-bottom: .1rem;}
.typeFlex p::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition: all .4s; background: #BB051C;}
.typeFlex .swiper-slide { cursor: pointer; flex: 14.285%; width: auto!important;}
.typeFlex .swiper-slide.cur p::after{ width: 100%;}
.typeFlex .swiper-slide.cur p { color: #BB051C;}
.typeFlex .swiper-wrapper { gap:.2rem 0; flex-wrap: wrap; display: flex; justify-content: space-between;}
.proFlex {padding: .25rem clamp(20px,1.44rem,144px); display: flex; justify-content: space-between; align-items: center;}
.productList li { align-items: center; position: relative; margin-bottom: clamp(10px,.28rem,28px); background-image: linear-gradient(to bottom,#E2E2E2,#FFFFFF); }
.productList li:after { content: ''; left: 0; bottom: 0; position: absolute; width: 100%; height: clamp(15px,.25rem,25px); background: url(../images/bottomLine1.png) center no-repeat;
background-size: 100% 100%;}
.productList li:nth-child(2n):after { content: ''; position: absolute; width: 100%; height: clamp(15px,.25rem,25px); background: url(../images/bottomLine2.png) center no-repeat;
background-size: 100% 100%;}
.productList li:nth-child(2n) .proFlex{ flex-direction: row-reverse;}
.productDesc { width: 44.5%;}
.productImg { display: flex; justify-content: center; align-items: center; width: 49%; height: clamp(200px,3.67rem,367px);}
.productImg img { transition: all .8s; display: block; max-width: 100%; max-height: 100%;}
.productList .container {width: clamp(1200px,15.66rem,1566px);}
.productDesc h2 { font-size: var(--font34); color: #000000; font-weight: bold; line-height: 1.32; margin-bottom: .18rem;}
.productDesc p { font-size: var(--font16); line-height: calc(1em + 10px); color: #666666; margin-bottom: .23rem;}
.productDesc a { transition: all .4s; line-height: 2; border-radius: 2em; border: 1px solid #BB051C; color: #BB051C; font-size: var(--font17); align-items: center; justify-content: center; padding: 0 clamp(10px,.22rem,22px); display: inline-flex;}
.productDesc a:hover { color: #ffffff; background: #BB051C;}
.productDesc a img { transition: all .4s; display: block; margin-left: .22rem;}
.productDesc a:hover img {filter: brightness(0) invert(1);}
.productList li:last-child { margin-bottom: 0;}
.productList li:hover .productImg img { transform: scale(1.05);}
.productList { padding-bottom: 1.36rem;}
.location { margin: .9rem 0 .25rem; color: #000000; font-size: 16px;}
.location a { color: #000000; transition: all .4s;}
.location a:hover { color: #BB051C;}
.detailTitle h2 { font-size: 26px; color: #000000; font-weight: bold;}
.detailTitle { display: flex; justify-content: space-between;}
.downLink { display: flex; align-items: center;}
.downLink a { margin-left: .4rem; color: #000000; font-size: var(--font14); transition: all .4s; display: flex; align-items: center;}
.downLink a img { display: block; margin-right: 4px;}
.downLink a:hover { color: #BB051C;}
.downLink a:first-child { margin-left: 0;}
.detailShare { margin-left: .5rem; display: flex; align-items: center;}
.detailShare p { font-size: var(--font16); color: #000000;}
.detailShare a img { display: block; transition: all .4s;}
.detailShare a:hover img { opacity: .6;}
.detailLink { display: flex; align-items: center;}
.detailBanner { background: #E8E8E8; margin: .27rem 0 clamp(50px,1.69rem,169px);}
.bannerFlex { justify-content: space-between; display: flex; align-items: center; margin: 0 auto;}
.fullCont { margin: 0 auto; width: 100%; padding: .3rem 0 .25rem; max-width: 1920px; background: url(../images/swiperBg.png) right center no-repeat; background-size: auto 100%;}
.bannerArt h2 { font-weight: bold; font-size: var(--font46); color: #222222; line-height: 1.4; margin-bottom: .26rem;}
.bannerArt p { font-weight: bold; font-size: var(--font17); color: #222222; line-height: 1.52;}
.proSwiper { position: relative; width: 56%;}
.smallSwiper { left: -.9rem; position: absolute; width: 100%; bottom: 0; }
.smallSwiper .swiper-slide { cursor: pointer; border-radius: .17rem; overflow: hidden; display: flex; justify-content: center; align-items: center; box-sizing: border-box; background: #ffffff; position: relative; width: .91rem; height: .91rem;}
.smallSwiper .swiper-slide img { max-width: 100%; max-height: 100%; display: block;}
.proSwiper img { height: 5.8rem; display: block; margin: 0 auto;}
.smallSwiper .swiper-slide-thumb-active { border: 1px solid #BB051C;}
.bigSwiper .swiper-button-next,.bigSwiper .swiper-button-prev { width: clamp(32px,.6rem,60px); height: clamp(32px,.6rem,60px); background: #ffffff;
border-radius: 50%; cursor: pointer; color: #707070; transition: all .4s;}
.bigSwiper .swiper-button-next::after,.bigSwiper .swiper-button-prev::after { transition: all .4s; font-size: var(--font20);}
.bigSwiper .swiper-button-next:hover,.bigSwiper .swiper-button-prev:hover { color: #ffffff; background: #BB051C;}
.titleCell { padding-left: clamp(10px,.17rem,17px); border-left: 5px solid #AE0000; }
.titleCell p { font-weight: bold; font-size: var(--font24); color: #2A2A2A;}
.detailNotice ul { margin-top: .32rem; gap: .3rem; display: flex; flex-wrap: wrap;}
.detailNotice li { transition: all .4s; box-sizing: border-box; padding: .4rem .25rem .46rem; width: calc((100% - 1.2rem)/5); border-top: 2px solid #AE0000; background: #F7F6F9;}
.noticeImg { margin-bottom: .36rem; display: flex; justify-content: center; align-items: center; height: clamp(150px,2.33rem,233px);}
.noticeImg img { transition: all .8s; max-height: 100%;}
.detailNotice li p { text-align: center; font-size: var(--font20); line-height: 1.3; color: #000000;}
.detailNotice li:hover img { transform: scale(1.1);}
.detailNotice li:hover p { color:#AE0000}
.detailNotice li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.detailNotice { margin-bottom: .88rem;}
.detailChose { display: flex; align-items: start; justify-content: space-between; padding: 0 clamp(20px,.5rem,50px) 0 clamp(20px,1rem,100px);}
.detailMenu { width: 3.6rem;}
.detailGroup { flex: 1;}
.detailMenu li { color: #969696; font-size: var(--font24); display: block; cursor: pointer;}
.detailMenu p { font-size: var(--font24); margin: .1rem 0; position: relative; padding-left: .68rem;}
.detailMenu li p::after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -.05px; width: .47rem; height: 1px; background: #AE0000;
}
.detailMenu li.cur p { color: #AE0000;}
.detailMenu li span { margin-top: .24rem; display: block; width: .24rem; height: 1px; background: #AE0000;}
.detailMenu li span:nth-child(4) { margin: 0;}
.detailMenu li:nth-child(1) span:nth-child(1),.detailMenu li:nth-child(1) span:nth-child(2) { opacity: 0;}
.detailSlide p,.detailSlide { font-size: 20px;}
.detailSlide table { width: 100%!important;border-collapse: collapse !important;}
.detailTable { overflow: hidden; border-radius: .2rem .2rem 0 0;}
.detailSlide th,.detailSlide tr:nth-child(1) td{line-height: calc(1em + .1rem); padding: .17rem 0; text-align: left; padding-left: 1.25rem; background: #AE0000!important; font-size: var(--font28); color: #ffffff;}

.detailSlide tr:nth-child(odd) td{ background: #F7F6F9;}
.detailSlide td:nth-child(1) { color: #666666; font-size: var(--font22); line-height: calc(1em + .1rem); padding: .17rem 0; padding-left: 1.25rem;}
.detailSlide td:nth-child(2) { color: #000000; font-size: var(--font22); line-height: calc(1em + .1rem); padding: .17rem 0;padding-left: 1.25rem;}
.detailSlide img { display: block; margin: 0 auto; max-width: 100%;}
.videoBox { margin-top: 1rem; position: relative; overflow: hidden;}
.videoBox>img { pointer-events: none; display: block; position: relative; z-index: 2; width: 100%;}
.vcover { transition: all .4s;}
.player { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 8.3vw; z-index: 3;}
.player img { display: block; width: 100%;}
.videoBox video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.vcover.hideCover { opacity: 0;}
.tableNotice { font-size: var(--font24); color: #AE0000;}
.sameTitle { font-weight: bold; font-size: var(--font46); margin-bottom: .8rem;}
.samePro { margin-top: .8rem;}
.samePro ul { gap: .34rem; display: flex; flex-wrap: wrap;}
.samePro li { width: calc((100% - 1.02rem)/4); box-sizing: border-box; background: #F7F6F9; border-radius: .18rem; padding: .18rem .4rem .46rem;}
.samePic { height: 3.16rem; display: flex; justify-content: center; align-items: center;}
.samePic img { display: block; max-width: 100%; max-height: 100%;}
.samePro li h2 { margin-bottom: .13rem; font-weight: bold; font-size: var(--font34); line-height: calc(1em + .1rem);}
.samePro li p { font-size: var(--font16); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #666666;
line-height: calc(1em + 5px); height: calc(2em + 10px); margin-bottom: .2rem;}
.detailContainer { padding-bottom: .74rem;}
.serviceBanner { position: relative; height:clamp(250px,4.44rem,444px); background: url(../images/serviceBanner.png) center no-repeat; background-size: cover;}
.modeHead { padding-top: 0;}
.modeHead .header { background: none;}
.small-header .header{ background: #ffffff;}
.serviceBanner .location { margin: 0; position: absolute; bottom: .26rem; left: 50%; transform: translateX(-50%); color: #ffffff; font-size: var(--font24);}
.serviceBanner .location a { color: #ffffff;}
.serviceBanner .location a:hover { color: #AE0000;}
.serviceBanner .bannerPic { position: absolute; left: 50%; transform: translateX(-50%); height: 100%;}
.bannerPic img { width: 9.07rem; position: absolute; right: 0; bottom: -.82rem;}
.catalog { margin: 1.3rem auto 1.1rem;} 
.inContainer { width: 1600px; max-width: calc(100% - 200px); margin: 0 auto;}
.catalogCont { background: url(../images/serviceBg.png) center no-repeat #BB051C; padding: .23rem .8rem .66rem; background-size: 6.66rem; background-attachment: fixed;}
.catalogCont h2 { color: #ffffff; font-size: var(--font56); line-height: 1.32; margin-bottom: .67rem;}
.catalogDesc { padding-bottom: .22rem; border-bottom: 1px solid #CCCBD0; display: flex; justify-content: space-between; align-items: center;}
.catalogDesc p { color: #FFFFFF; font-size: var(--font26);}
.cataBtn a img { transition: all .4s; display: block; width: clamp(32px,.5rem,50px);}
.cataBtn { display: flex; align-items: center;}
.cataBtn a { margin-left:.2rem}
.cataBtn a:hover img { transform: rotateY(360deg);}
.manual h2 { font-size: var(--font56); line-height: 1.32; margin-bottom: .4rem;}
.manualControl { display: flex; justify-content: space-between;}
.manualControl p { font-size: var(--font22); transition: all .4s; color: #000000;}
.manual ul { display: flex; flex-wrap: wrap; gap:.53rem}
.manual li { transition: all .4s; box-sizing: border-box; padding: .2rem .25rem .22rem; background: #F7F6F9; width: calc((100% - 1.59rem)/4);}
.manualImg { margin-bottom: .23rem; position: relative; padding-top: 147%; overflow: hidden;}
.manualImg img { display: block; position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.manual li:hover .manualImg img { transform: scale(1.05);}
.manual li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #BB051C;}
.manual li:hover p { color: #ffffff;}
.manual li:hover .manualControl img {filter: brightness(0) invert(1);}
.manualControl img { transition: all .4s; display: block; width: clamp(20px,.3rem,30px);}
.productPage { padding: 2.6vw 0; font-size: 22px; display: flex; align-items: center; justify-content: center;}
.productPage select {border-radius: 22px; border: 1px solid #B4232E; height:24px; width:52px;}
.productPage a { color:#404040; margin:0 8px; line-height:28px}
.productPage a.cur {color:#ffffff; background:#B4232E; border-radius:28px; padding:0 14px;}
.productPage button {color:#ffffff; background:#B4232E; font-size:20px; padding:0 11px; line-height:28px; border-radius:28px; border:none;}
.productPage a.prevPageBtn { margin-right: 1.56vw; background: url(../images/fprev.png) center no-repeat; width: 40px; height: 20px;}
.productPage a.nextPageBtn { margin-left: 1.56vw; background: url(../images/fnext.png) center no-repeat; width: 40px; height: 20px;}
/**/
.newsPage { padding: 60px 0 0 8.3vw;}
.newsMenu { padding-top: 60px;}
.newsMenu p a { white-space: nowrap; font-size: 20px; color: #000000; line-height: 1.3;}
.newsMenu p { margin-bottom: 68px;}
.newsMenu p.cur a { color:#B4232E ;}
.artList li { position: relative; padding: 60px 0; justify-content: space-between; display: flex; transition: all 0.5s; padding-right: 8.3vw;}
.artList li::after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; background: #CCCBD0; right: 8.3vw;}
.artPic { width: 328px; height: 197px; overflow: hidden; border-radius: 20px;}
.artPic img { display: block; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover;}
.artList li:hover img { transform: scale(1.1);}
.artDesc { margin-left: 42px; margin-right: 108px; flex: 1;}
.artDesc h2 { font-size: var(--font24); font-weight: bold; color: #000000; line-height: 1.3; margin-bottom: .32rem;}
.artDesc p { color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; font-weight: 200; font-size: var(--font16); line-height: 1.845;}
.artDate p { margin-bottom: 7px; font-size: var(--font32); font-family: 'hb'; color: #000000; line-height: 1.34;}
.artDate { text-align: right;}
.artDate span { font-size: 16px; line-height: 1.31;}
.artList li:hover { background: url(../images/newsBg.png) center no-repeat; background-size: cover;}
.newsMore { margin: 60px 0 90px;}
.yearSelect { position: relative; display:inline-flex; align-items: center; gap: 11px; padding: 0 14px 0 12px; z-index:2}
.yearSelect span { cursor: pointer; display: block; border-bottom: 1px solid #B4232E; font-size: var(--font22); color: #B4232E; line-height: 34px;}
.yearSelect dl { background: rgba(255,255,255,.82); border-radius: 8px; transition: all .5s; visibility: hidden; opacity: 0; box-sizing: border-box; padding-left: 12px; line-height: 34px; width: 100%; border: 1px solid #ECECEC; position: absolute; left: 0; top: 0;}
.yearSelect dt {min-width: 50px;  cursor: pointer; display: inline-block; font-size: var(--font22); color: #404040; border-bottom: 1px solid #404040;}
.yearSelect dt:last-child { border: none;}
.yearSelect.act span { opacity: 0;}
.yearSelect.act dl { visibility: visible; opacity: 1;}
.yearSelect dt:hover { color: #B4232E; border-bottom: 1px solid #B4232E;}
.newsSearch {margin-bottom:20px; align-items: center; font-size: var(--font26); color: #707070;}
.newsSearch select {border: none; text-align:center; box-sizing: border-box; width: 60px;  height: 34px;
font-size: 26px; color: #B4232E;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-bottom:1px solid #B4232E;}
.newsSearch { display: inline-flex;gap:20px; position: relative;}
.yearSelect i { display: block; background: url(../images/selectIcon.png) center no-repeat; width: 14px; height: 9px;}
.productPage { padding:.52rem 0; font-size: var(--font22); display: flex; align-items: center; justify-content: center;}
.productPage select {border-radius: 22px; border: 1px solid #B4232E; height:24px; width:52px;}
.productPage a { color:#404040; margin:0 8px; line-height:28px}
.productPage a.cur {color:#ffffff; background:#B4232E; border-radius:28px; padding:0 14px;}
.productPage button { cursor: pointer; color:#ffffff; background:#B4232E; font-size:var(--font20); padding:0 11px; line-height:28px; border-radius:28px; border:none;}
.productPage a.prevPageBtn { margin-right: 1.56vw; background: url(../images/fprev.png) center no-repeat; width: 40px; height: 20px;}
.productPage a.nextPageBtn { margin-left: 1.56vw; background: url(../images/fnext.png) center no-repeat; width: 40px; height: 20px;}
.productPage span { border-radius: 22px; padding: 0 19px; border: 1px solid #B4232E; color: #B4232E;}
.productPage input{border-radius: 22px; font-size:22px; text-align:center; border: 1px solid #BEBEBE; height:25px; color: #333;width:52px;}
.productPage input:focus{border: 1px solid #B4232E; }
.productPage b { margin: 0 16px; display: flex; gap: 10px; align-items: center;}
.contactInfor { position: relative; z-index: 2; background: #BB051C; width: 1600px; max-width: calc(100% - 200px); margin: 25px auto 0; padding: .85rem 1.2rem .96rem;}
.formTitle h2 { font-weight: bold; color: #333; font-size: var(--font36);}
.contactInfor h2 { color: #ffffff; font-weight: bold; font-size: var(--font48); margin-bottom: .3rem;}
.formTitle p { color: #333333; font-size: var(--font16);}
.formTitle { margin-bottom: .36rem;}
.contactInfor ul { flex-wrap: wrap; display: flex; justify-content: space-between;}
.contactInfor li { line-height: 2; color: #ffffff; font-size: var(--font20);}
.contactInfor li:nth-child(odd) { width: calc(100% - 3.45rem);}
.contactInfor li:nth-child(even) { width: 3.45rem;}
.mapCont { margin: -.35rem auto 0; height: 6rem; width: 100%;}
.amap-logo,.amap-copyright { display: none!important;}
.contactForm { width: 1125px; max-width: calc(100% - 200px); margin: .36rem auto .77rem;}
.productLine dt h4 { position: relative; transition: all .4s; display: flex; align-items: center; color: #999999; font-size: var(--font16); line-height: 2;}
.productLine dt h4 i { cursor: pointer; margin: 0 .2rem 0 .4rem; display: block; width: 16px; height: 16px; background: url(../images/check.png) center no-repeat; background-size: 100% auto;}
.productLine dt { text-indent: 0;}
.productLine dt h4:hover,.lineSlide:hover { background: #FFF3F3; color: #BB051C;}
.productLine dt h4 b { transition: all .4s; background: url(../images/selectEnter.png) center no-repeat; width: .09rem; height: .17rem; background-size: 100% auto; position: absolute;
right: .34rem; top: 50%; transform: translateY(-50%);}
.lineSlide {position: relative; transition: all .4s; display: flex; align-items: center; color: #999999; font-size: var(--font16); line-height: 2; display: flex; align-items: center;}
.lineSlide i {cursor: pointer; margin: 0 .65rem 0 .4rem; display: block; width: 16px; height: 16px; background: url(../images/check.png) center no-repeat; background-size: 100% auto;}
.productLine dt h4.cur i,.lineSlide.cur i { background: url(../images/checked.png) center no-repeat; background-size: 100% auto;}
.productLine dt h4.cur,.lineSlide.cur { color: #BB051C;}
.productLine dt h4.act b { transform: translateY(-50%) rotate(90deg);}
.formCont ul { margin-bottom: 30px;}
.formCont li { margin-bottom: 8px;}
.formCont li>p { color: #0C0C0C; font-size: var(--font16); line-height: 1.35; margin-bottom: 8px;}
.formCont li p span { color: #BB051C;}
.formCont li input { color: #1E1E1E; padding:0; box-sizing: border-box; border: 1px solid #CACACA; border-radius: 4px; transition: all 0.3s; font-size: var(--font16); font-weight: 200; width: 100%; height: clamp(40px,.56rem,56px); background: #ffffff; padding:0; text-indent: .2rem;}
.lineSub { display: none;}
.productLine { position: relative; border: 1px solid #CACACA; border-radius: 4px; transition: all 0.3s; font-size: var(--font16); font-weight: 200; width: 100%;  height: clamp(40px,.56rem,56px); background: #ffffff; padding:0;}
.productLine h3 {padding-right: 50px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  cursor: pointer; font-size: var(--font16); color: #1E1E1E; text-indent: .2rem; line-height:clamp(38px,.54rem,54px); position: relative;}
.productLine h3::after { content: '';transition: all .4s; background: url(../images/selectEnter.png) center no-repeat; width: .09rem; height: .17rem; background-size: 100% auto; position: absolute;
right: .34rem; top: 50%; transform: translateY(-50%);}
.productLine dl{ display: none; padding: .3rem 0; position: absolute; background:#ffffff; top: 100%; width: 100%; left: 0;box-shadow: 0px 6px 30px 1px rgba(144,144,144,0.16); border-radius: 4px;}
.formCont textarea { outline: none; transition: all 0.3s; box-sizing: border-box; width: 100%; resize: none; height: 3.14rem; padding:.15rem .25rem; border: none; font-size: 20px; line-height: 1.3;
font-family: 'hr'; border: 1px solid #ffffff;}
.formCont li input:focus,.formCont textarea:focus { border: 1px solid #BB051C;}
.formCont li textarea {border: 1px solid #CACACA; border-radius: 4px; padding: 25px; font-size: var(--font20);}
.formCont button { display: block; font-size: var(--font22); cursor: pointer; background: #BB051C; width: 100%; height: .42rem; color: #ffffff; border: none;
border-radius: 4px; margin: .88rem auto 0;}
.formCont { width: 100%;}

/**/
.articleTitle h2 { line-height: 1.5; font-size: var(--font36); font-weight: bold; color: #000000;}
.articleTag { padding: 20px 0; display: flex; align-items: center; gap:2.6vw}
.articleTag span { display: inline-flex; gap: 8px; font-size: var(--font18); color: #666666; align-items: center;}
.articleTag img { display: block;}
.articlePage::after { content: ''; clear: both; display: block; height: 0;}
.articlePage {width: 1600px; max-width: calc(100% - 200px); margin: 1.75rem auto;}
.quicklyNews { padding: .48rem .4rem; border-radius: .2rem; float: right; width: 4.6rem; background: #fafafb;}
.qnPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.articleInfor { float: left; width: calc(100% - 5.1rem);}
.articleTitle { border-bottom: 1px solid #a9a9a9;}
.articleDetail { padding: 35px 0;}
.articleDetail video{width:100%}
.articleDetail p { font-size: 22px; color: #000000; line-height: 1.25;}
.articleDetail h2 { font-family: 'hb'; font-weight: bold; font-size: 22px; color: #BB051C; line-height: 2; margin-bottom: 22px;}
.articleDetail img { display: block; margin: 0 auto; max-width: 100%; height: auto!important;}
.quicklyNews li p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all 0.5s; color: #000000; font-size: var(--font24); font-weight:bold; line-height: 1.5;}
.quicklyNews span { display: block; margin: .2rem 0; font-size: var(--font18); color: #666666;}
.quicklyNews li { margin-bottom: .5rem; border-bottom: 1px solid #cccccd;}
.articleFpage .prevPage { border-radius: .43rem; display: block; margin: 0; transform: translate(0); position: static; transition: all 0.5s; display: block; background: url(../images/videoPrev.png) center no-repeat #F7F6F9; width: .75rem; height: .43rem; background-size: 100% auto;}
.articleFpage .nextPage { border-radius: .43rem; display: block; margin: 0; transform: translate(0);  position: static;transition: all 0.5s; display: block; background: url(../images/videoNext.png) center no-repeat #F7F6F9; width: .75rem; height: .43rem; background-size: 100% auto;}
.articleFpage .prevPage:hover { background: url(../images/prevon.png) center no-repeat; background-size: 100% auto;}
.articleFpage .nextPage:hover { background: url(../images/nexton.png) center no-repeat; background-size: 100% auto;}
.articleFpage { border-top: 1px solid #cfcfcf; margin-top: 40px; padding-top: 40px; display: flex; justify-content: space-between;}
.pageControl { display: flex; align-items: center;}
.articleFpage .back { transition: all 0.5s; font-size: var(--font28); color: #000000; gap: 10px; display: flex; align-items: center;}
.articleFpage .back img { display: block; width: clamp(24px,.38rem,38px);}
.articleFpage .back:hover { color:#BB051C;}
.qnPic { overflow: hidden; margin-bottom: 20px;}
.qnPic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.quicklyNews li:hover .qnPic img { transform: scale(1.1);}
.quicklyNews li:hover p { color: #BB051C;}
.quicklyNews li:last-child { border:none; margin: 0;}
.honorCont { background: url(../images/honorBg.png) center no-repeat; padding: 1.34rem 0 2.56rem; background-size: cover;}
.honorBox { width: 1400px; max-width: calc(100% - 200px); margin: 0 auto;}
.honorBox h2 { font-weight: bold; font-size: var(--font36); line-height: 1; margin-bottom: .8rem;}
.honorBox ul { display: flex; flex-wrap: wrap; gap: .68rem;}
.honorBox li { text-align: center; width: calc((100% - 2.72rem)/5);}
.honorPic { transition: all .4s; background: #ffffff; padding: 6px; overflow: hidden;}
.honorPic img { transition: all .8s; display: block; width: 100%;}
.honorBox li p { color: #333333; font-size: var(--font20); margin-top: .5rem; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.honorBox li:hover p { color: #BB051C;}
.honorBox li:hover img { transform: scale(1.05);}
.honorBox li:hover .honorPic { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.downAltBox { max-width: 92%; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 810px;z-index: 999; background: #ffffff; border-radius: 12px; padding: 0 0 66px;}
.downAltTit { padding: 21px 21px 0; display: flex; justify-content: end; margin-bottom: 23px;}
.downAltTit span { cursor: pointer;}
.downAltTit span img { width: 40px; display: block;}
.downAltBox li a { gap: 10px; border-radius: 10px; padding: 27px 34px; line-height: 32px; color: #000000; font-size: 24px; display: flex; justify-content: space-between; align-items: center; background: #F6F6F6;}
.downAltBox li a p { flex: 1;}
.downAltBox li { margin-bottom: 30px;}
.downAltBox li:last-child { margin-bottom: 0;}
.downAltBox ul { padding: 0 75px;}
.downAltBox p {padding:0 75px; margin-bottom: 30px; font-size:24px;color:#666666;}
.downAltBox input { text-indent: 10px; width:100%;border:none;background:#F6F6F6; font-size:24px;height:60px;}
.surePwd{display: block; margin: 20px auto 0; color: #ffffff; width: 140px; color: #ffffff;  border-radius: 4px; background: #BB051C; border: none; font-size: 18px; line-height: 3;}
.agreen { display: flex; align-items: center; font-size: var(--font16);}
.agreen a,.agreen span { color: #BB051C;}
.agreen input { display: block; margin-right: 8px;}
.mobSub { display: none;}
.policyCont { padding: 1.2rem 4%;}
.policyCont p { font-size: var(--font18); line-height: 1.5;}
.homeFlex { width:1566px; max-width:calc(100% - 100px); margin:0 auto; }
.aboutBanner { margin-top: var(--header-height); text-align: center; text-transform: uppercase; color: #ffffff; background: #BB051C; padding: .74rem 0; font-size:var(--font36); font-weight: bold;}
.aboutDesc { background: url(../images/aboutBg.png) center no-repeat; background-size: cover; padding: .8rem 0;}
.descCont { width: 1520px; max-width: calc(100% - 200px); margin: 0 auto;}
.topDesc { font-size: var(--font20); color: #000000; font-family: 'hr'; font-weight: 200; border-bottom: 1px solid rgba(112,112,112,.19); padding-bottom: .54rem;
margin-bottom:.6rem; line-height: 2;}
.bottomDesc h2 { font-weight: bold; font-size: var(--font24); margin-bottom: .15rem;}
.bottomDesc p { font-size: var(--font20); line-height: 2;}
.descFlex { margin-top: .9rem; display: flex; justify-content: space-between; gap: .5rem;}
.descSlide { flex: 1;}
.descSlide h2 { font-weight: bold; font-size: var(--font24); margin-bottom: .2rem;}
.descSlide p { font-size: var(--font20); line-height: 2; color: rgba(0, 0, 0, 1); font-weight: 200;}
.certificateTitle { text-transform: uppercase; text-align: center; font-size: var(--font36); margin: .58rem auto;}
.cerSwiper { text-align: center; margin: 0 auto; width: 1520px; max-width: calc(100% - 200px);}
.cerSwiper .swiper-button-next,.cerSwiper .swiper-button-prev { color: #BB051C;}
.cerSwiper .swiper-slide { height:auto}
.cerImg { padding-top: 150%;overflow: hidden; position: relative;}
.cerImg img { position: absolute;left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover;}
.certificate { padding-bottom: .7rem;}
.downAltBox { max-width: 92%; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 810px;
			z-index: 999; background: #ffffff; border-radius: 12px; padding: 0 0 66px;}
.downAltTit { padding: 21px 21px 0; display: flex; justify-content: end; margin-bottom: 23px;}
.downAltTit span { cursor: pointer;}
.downAltTit span img { width: 40px; display: block;}
.downAltBox li a { gap: 10px; border-radius: 10px; padding: 27px 34px; line-height: 32px; color: #000000; font-size: 24px; display: flex; justify-content: space-between; align-items: center; background: #F6F6F6;}
.downAltBox li a p { flex: 1;}
.downAltBox li { margin-bottom: 30px;}
.downAltBox li:last-child { margin-bottom: 0;}
.downAltBox ul { padding: 0 75px;}
.downAltBox p {padding:0 75px; font-size:24px;color:#666666;}
.downAltBox input {width:100%; height:60px; border:none;background:#F6F6F6; font-size:24px;}
.surePwd {
    display: block;
    margin: 20px auto 0;
    color: #ffffff;
    width: 140px;
    color: #ffffff;
    border-radius: 4px;
    background: #BB051C;
    border: none;
    font-size: 18px;
    line-height: 3;
}
.videoCont h2 {font-size: var(--font56); line-height: 1.32; margin-bottom: .4rem;}
.videoCont ul { gap: .46rem; display: flex;}
.videoCont li { text-align: center; width: calc((100% - .92rem)/3);}
.videoCover { position: relative; margin-bottom: .2rem;   height: 3.17rem; overflow: hidden; border-radius: .2rem;}
.videoCover video {position: absolute; left: 0; top: 0; z-index: 4; object-fit: cover; outline: none; display: none; width: 100%;  height: 100%;}
.videoCover img { transition: all .8s; display: block; width: 100%; height: 100%; object-fit: cover;}
.videoCont li p {font-size: var(--font20); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; color: #333333;}
.videoCont { margin: .5rem auto;}
.videoCont li:hover img { transform: scale(1.1);}
.videoCover span {background: url(../images/suport3.png) center no-repeat;
    width: 50px;
    height:50px;
    background-size: 100% auto;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;}
@media screen and (max-width: 1800px) {

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

}

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

}
@media screen and (max-width: 1440px) {
.nav li { margin-right: .5rem;}
.subMeun p { font-size: 14px;}
.detailTitle h2 { font-size: 22px;}
.subMeun { width:360px;}
}
@media screen and (max-width: 1380px) {
	.subText a { transform: translateY(-90%);}
}
@media screen and (max-width: 1200px) {
	.detailShare p { font-size: 14px;}
	.location { font-size: 14px;}
	.detailTitle h2 { font-size: 18px;}
    .homeFlex { max-width: 92%;}
	:root{
		--header-height: 60px; 
	}
	.menuControl { margin-right: 80px;}
	.header { padding: 0 20px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ color: #333333;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; border-radius: 0; padding: 0; width: 300px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #BB051C;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.nav li dl { position: static; width: 100%; padding: 0 0 10px; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px; line-height: 2;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px; display: inline;}
	body { padding-top: 60px;}
	.navSub { position: static; transform: translate(0);}
	.subIcon { display: none;}
	.subList a { color: #999; display: block; font-size: 12px; line-height: 2;}
	.mobSub dt>a { color: #666; font-size: 14px;}
	.subList { padding: 10px 0; display: none;}
	.mobSub { display: none;}
	
}
@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	.footer { padding-bottom: 0;}
	.contactInfor,.contactForm,.articlePage,.honorBox,.catalogCont,.inContainer { max-width: 92%;}
	.catalogCont { padding: 20px;}
	.catalogDesc p { font-size: var(--font18);}
	.contactInfor { padding: 20px;}
	.contactInfor h2 { font-size: var(--font22);}
	.contactInfor li { width: 100%!important;}
	.formCont button { height: 32px;}
	.quicklyNews li p { font-size: var(--font20);}
	
}
@media screen and (max-width: 780px){
	.newsSearch { margin-bottom: 0;}
	.newsPage { padding: 30px 4%;}
	.artList li { padding: 20px 0; flex-direction: column;}
	.artDesc { width: 100%; margin: 20px 0 0;}
	.artDate { display: none;}
	.artList li::after { width: 100%; right: 0;}
	.artPic { width: 100%; height: auto;}
	.categorMenu { width: 100%;}
	.categorMenu li { font-size: var(--font18);}
	.footLogo img { height: 20px;}
	.banner .swiper-pagination span { border: 1px solid #ffffff; margin:0 6px 0 0!important;}
	.subEwm { width: 100px; top: 40px;}
	.headerTel { display: none;}
	.menuControl { margin-right: 40px;}
	.langChose { border-right: none; padding-right: 0;}
	.banner img { height: 250px; object-fit: cover;}
	.bannerFpage { display: none;}
	.banner .swiper-pagination { left: 4%; bottom: 10px; top: auto; flex-direction: row;}
	.footerBottom { margin: 0; flex-direction: column;}
	.footLogo img  { height: auto; display: block; margin: 0 auto 30px;}
	.bottomRight { text-align: center;}
	.privacy { text-align: center;}
	.privacy a { margin: 0 10px;}
	.shareLink { justify-content: center;}
	.shareLink a { margin: 0 10px;}
	.cateFlex { flex-direction: column-reverse;}
	.categorGroup { width: 100%;}
	.categoriesList { padding: 30px 0;}
	.categorMenu { margin-top: 30px;}
	.categorMenu dt a { font-size: var(--font16);}
	.articlePage { margin: 90px auto 30px; flex-direction: column; display: flex;}
	.articleInfor { width: 100%; float: none;}
	.quicklyNews { width: 100%;}
	.articleFpage { margin-top: 0; padding-top: 20px; margin-bottom: .4rem;}
	.honorBox ul { justify-content: start; flex-wrap: nowrap; gap: 3%; overflow-x: auto;}
	.honorBox li { min-width: 30%;}
	.serviceBanner .bannerPic { display: flex; justify-content: center; align-items: center; bottom: auto; top: 50%; transform: translateY(-50%); width: 80%; left:10%; right: auto;}
	.bannerPic img { position: static;}
	.serviceBanner .location { font-size: var(--font16);}
	.honorCont { min-height: calc(100vh - 9.65rem); padding: 30px 0;}
	.honorBox h2 { margin-bottom: 20px;}
	.typeFlex p { white-space: nowrap;}
	.typeFlex .swiper-wrapper { overflow-x: auto; flex-wrap: nowrap;}
	.typeFlex .swiper-slide { margin-right: 3%;}
	.productTitle { padding: 30px 0;}
	.productTitle p { font-size: var(--font22);}
	.typeFlex .swiper-wrapper::-webkit-scrollbar { display: none;}
	.proFlex { flex-direction: column-reverse!important; padding: 30px;}
	.productDesc { width: 100%;}
	.productList li:after { background-size: 100% 50%!important;}
	.productImg { height: auto; margin-bottom: 20px;}
	.catalog { margin: 30px auto;}
	.manual li { width: calc(50% - .1rem);}
	.manual ul { gap: .2rem;}
	.manual h2 { font-size: var(--font22);}
	.productPage a.prevPageBtn,.productPage a.nextPageBtn { width: 20px; height: 13px; background-size: 100% auto!important;}
	.catalogCont h2 { font-size: var(--font40);}
	.detailTitle { flex-direction: column;}
	.detailLink { flex-direction: column; justify-content: start; align-items: start;}
	.detailShare { margin: 0;}
	.downLink { margin: 10px 0;}
	.bannerFlex {flex-direction: column-reverse;}
	.bannerArt { width: 100%;}
	.proSwiper { width: 100%;}
	.smallSwiper { position: static; margin-bottom: 20px; left: 0;}
	.fullCont {background: url(../images/swiperBg.png) center top no-repeat; background-size:100% auto}
	.detailBanner { margin-bottom: 30px;}
	.detailNotice ul { overflow-x: auto; flex-wrap: nowrap;}
	.detailNotice li { min-width:45%;}
	.detailChose { padding: 0; flex-direction: column;}
	.detailSlide table { width: 100%;}
	.detailSlide td,.detailSlide th { padding-left:0!important; text-indent: 0; text-align: center!important;}
	.detailNotice { margin-bottom: 30px;}
	.detailMenu ul { overflow-x: auto; display: flex;}
	.detailMenu p { padding: 0;}
	.detailMenu li span { display: none;}
	.detailMenu li p::after { display: none;}
	.detailMenu { margin-bottom: 20px; width: 100%;}
	.detailMenu li { white-space:nowrap; margin-right: .2rem;}
	.samePro ul {flex-wrap: wrap; gap: .2rem;}
	.samePro li { padding: 20px; width:calc(50% - .1rem);}
	.sameTitle { font-size: var(--font22); margin-bottom: 20px;}
	.detailMenu p { font-size: 14px;}
	.location { margin: 20px 0;}
	.descCont { max-width: 92%;}
	.descFlex { flex-direction: column;}
	.certificate ul { overflow-x: auto; max-width:92%;}
	.certificate li { min-width: 40%;}
	.cerSwiper { max-width: 92%;}
	.cerSwiper p{ font-size: 12px; }
	.detailGroup { width: 100%;}
	.downAltBox p {padding:0 14px; font-size:14px;color:#666666;margin-bottom:15px;}
	.downAltBox {padding: 0 0 20px;}
	.downAltBox ul { padding: 0 14px;}
	.downAltTit { padding: 14px 14px 0; margin-bottom: 14px;}
	.downAltBox li a { padding:5px 14px; font-size: 14px;}
	.downAltBox li { margin-bottom: 10px;}
	.downAltBox li:last-child { margin-bottom: 0;}
	.downAltTit span img { width: 30px;}
	.downAltBox li a img { width: 20px;}
	.surePwd{ line-height:2; font-size:16px;}
	.videoCont ul { flex-wrap: wrap; gap: 0;}
	.videoCont li { width: 100%; margin-bottom: 20px;}
	.videoCover span { width: 32px; height: 32px;}
	.categorImg { height: 2.7rem;}
	.categorImg img { height: auto; width: 100%;}
	.categorSlide li h2 { font-size: 16px;}
}