@charset "utf-8";
:root{
  --f-family:'Arial', "Microsoft Yahei", sans-serif;
  /* --f-family:'hm',sans-serif; */
  /* --font-weight__l:100; */
  --font-weight__r:400;
  --font-weight__m:500;
  --font-weight__sb:600;
  --font-weight__b:700;
  --main_line_height:1.5;
  --white:#fff;
  --white-color__rgb:255,255,255; /*#FFFFFF*/
  --white-color:rgba(var(--white-color__rgb),1);
  --black-color__rgb:0,0,0; /*#000000*/
  --black-color:rgba(var(--black-color__rgb),1);
  --default-color__rgb: 34,34,34; /*#222*/
  --default-color: rgba(var(--default-color__rgb), 1);
  --default-color_333__rgb: 51,51,51; /*#33*/
  --default-color_333: rgba(var(--default-color_333__rgb), 1);
  --default-color_666__rgb: 102,102,102; /*#666*/
  --default-color_666: rgba(var(--default-color_666__rgb), 1);
  --primary-color__rgb: 207, 32, 27; /*#cf201b*/
  --primary-color: rgba(var(--primary-color__rgb), 1);
  --hover-color:#ff7b00;
}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* 链接重置样式 */
a{text-decoration:none; color:inherit;}
a:hover{color:var(--hover-color)}
/* 焦点状态重置 */
:focus,
a:focus{outline:0;-moz-outline:none}
/* 添加键盘焦点样式，提高可访问性 */
html{-webkit-text-size-adjust:100%;}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
main,figure,figcaption,nav,section,article,aside,header,footer{display:block;margin: 0;padding: 0;}
img,
video{max-width:100%;height:auto;border-style:none}
video{display:block;}
/* SVG 元素样式 */
svg:not(:root){overflow:hidden}
/* Lists ========================================================================== */
.no-mpl,
.no-mpl li{list-style:none;padding-left:0;margin:0}
dl,dt,dd{margin: 0;}
/* Forms ========================================================================== */
pre,
button,
input,
optgroup,
select,
textarea{font-family:inherit;font-size:100%;line-height:var(--main_line_height);margin:0}
button,
input{overflow:visible}
button,
select{text-transform:none}
.form-button{appearance:none;-webkit-appearance:none;padding:0;border:none;background:var(--primary-color);color:var(--white-color);cursor:pointer;transition:background-color .3s ease,color .3s ease;height: var(--button_height);}
.form-button:hover{background-color:rgba(var(--primary-color__rgb),.1)}
.form-input{border:1px solid rgba(var(--default-color__rgb),.2);width:100%;transition:border-color .3s ease,box-shadow .3s ease;padding:.08rem;border-radius:.04rem;font-size:var(--font-size__16);outline:none;color: rgba(var(--black-color__rgb),0.5);}
/* 输入框和文本域焦点状态 */
.form-input.focus,
.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color__rgb),.2);color: var(--default-color);}
/* 添加禁用状态样式 */
.form-button:disabled,
.form-input:disabled{opacity:.5;cursor:not-allowed}
/* Tables ========================================================================== */
table{width:100%}
table,td,th{border-collapse:collapse;border-spacing:0}

pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}

/* 添加无障碍隐藏类 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 添加自定义滚动条样式 */
::-webkit-scrollbar{width:.04rem;height:.04rem}
::-webkit-scrollbar-track{background:rgba(34,34,34,0.1);}
::-webkit-scrollbar-thumb{background:var(--hover-color);border-radius:.04rem}
::-webkit-scrollbar-thumb:hover{background:var(--hover-color);}

/*figure*/
.figure {overflow: hidden; position: relative;z-index: 1;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}

img[class*=block]{width: 100%;display: block;}


/* 选择框 */
.select-base{border: solid 1px rgba(var(--default-color__rgb), 0.2);appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.svg) no-repeat right 0.2rem center transparent;padding-right:0.2rem;height: 0.5rem;line-height: 0.5rem;background-size:auto 0.1rem;}
.select-base::-ms-expand {display: none;}

/* 自定义自动填充样式 */
.form-input:-webkit-autofill,
.form-input:-webkit-autofill:hover,
.form-input:-webkit-autofill:focus,
.form-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--white-color) inset !important;
  -webkit-text-fill-color: var(--black-color) !important;
  transition: background-color 5000s ease-in-out 0s;
}


/* 无图片 */
.no-pic {object-fit: cover;}

/* 设备类型 */
@media screen and (min-width: 1025px) {
  [data-device-type="mobile"] {display: none;}
}
@media screen and (max-width: 1024px) {
  [data-device-type="desktop"] { display: none;}
}

/* 省略号 */
[data-elps]{ --clamp: 1; line-clamp: var(--clamp);-webkit-line-clamp: var(--clamp); display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;}
[data-elps="1"] {--clamp: 1;}
[data-elps="2"] {--clamp: 2;}
[data-elps="3"] {--clamp: 3;}
[data-elps="4"] {--clamp: 4;}
[data-elps="5"] {--clamp: 5;}
[data-elps="6"] {--clamp: 6;}
[data-elps="3"]{--clamp: 7;}
p[data-elps]{margin: 0;}

/* 添加打印样式 */
@media print {
  body {background-color: #fff !important;color: #000 !important;}
  a {color: #000 !important;text-decoration: underline;}
  img { max-width: 100% !important;}
  @page {margin: 0.5cm;}
  h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}
  p, h2, h3 {orphans: 3;widows: 3;}
}

/* 弹性布局 */
[data-flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[data-flex*=aic]{-ms-flex-align:center;align-items:center}
[data-flex*=aife]{-ms-flex-align:flex-end;align-items:flex-end}
[data-flex*=aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[data-flex*=ais]{-ms-flex-align:stretch;align-items:stretch}
[data-flex*=aibs]{-ms-flex-align:baseline;align-items:baseline}
[data-flex*=jcc]{-ms-flex-pack:center;justify-content:center}
[data-flex*=jcsa]{-ms-flex-pack:space-around;justify-content:space-around}
[data-flex*=jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[data-flex*=jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[data-flex*=jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[data-flex*=row]{flex-wrap:wrap;-ms-flex-wrap:wrap;}
[data-flex*=column]{flex-direction:column;-ms-flex-direction:column}
@media (max-width:1024px){[data-flex*='1024']{display:block}}
@media (max-width:768px){[data-flex*='768']{display:block}}
@media (max-width:640px){[data-flex*='640']{display:block}}
@media (max-width:480px){[data-flex*='480']{display:block}}

/* Reset ========================================================================== END*/

/* 新增*/
.autoCon-1600{ max-width:16rem;}
.autoCon-1280{ max-width:12.8rem;}
[class*=autoCon-]{margin:0 auto; width:94%;}
@media (max-width:1024px) {
  [class*=autoCon-]{width: 94%;}
}


/* 视频 */
[data-videoswiper] .video-inner,
[data-videoswiper] .vide-box,
[data-videoswiper] video{position:absolute;top:0;left:0;width:100%;height:100%}
[data-videoswiper] video{object-fit:cover}
[data-videoswiper] .video-inner{z-index:10}
[data-videoswiper] .video-box{background-color:#000;z-index:5}
[data-videoswiper] .open-video{top:0;left:0;width:100%;height:100%;z-index:1;visibility:hidden;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NjE1OTM2NDQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjExLjkxNDA2MjUiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ2LjkwNDIyOCAxOC4xMDU3M2MtMjc3Ljc2OTE4IDAtNTAyLjk0NTI5IDIyNS4xNzYxMS01MDIuOTQ1MjkgNTAyLjk0NTI5IDAgMjc3Ljc3MTY0IDIyNS4xNzQ4OCA1MDIuOTQ3NzUgNTAyLjk0NTI5IDUwMi45NDc3NSAyNzcuNzY3OTUgMCA1MDIuOTQ1MjktMjI1LjE3NjExIDUwMi45NDUyOS01MDIuOTQ3NzVDMTA0OS44NDk1MTggMjQzLjI4MzA3IDgyNC42NzIxNzggMTguMTA1NzMgNTQ2LjkwNDIyOCAxOC4xMDU3M0w1NDYuOTA0MjI4IDE4LjEwNTczek01NDYuOTA0MjI4IDk3My43MDE2NTljLTI0OS45OTI2MzEgMC00NTIuNjUxODY4LTIwMi42NTkyMzctNDUyLjY1MTg2OC00NTIuNjUxODY4IDAtMjQ5Ljk5MDE3MiAyMDIuNjU5MjM3LTQ1Mi42NDk0MDggNDUyLjY1MTg2OC00NTIuNjQ5NDA4czQ1Mi42NTA2MzggMjAyLjY1OTIzNyA0NTIuNjUwNjM4IDQ1Mi42NDk0MDhDOTk5LjU1NDg2NiA3NzEuMDQyNDIyIDc5Ni44OTY4NTkgOTczLjcwMTY1OSA1NDYuOTA0MjI4IDk3My43MDE2NTlMNTQ2LjkwNDIyOCA5NzMuNzAxNjU5ek03NzUuMjAzOTI0IDQ4NS40MDY0NzhjLTc4LjI2Nzk2Mi01My4yNTU5MS0yMjAuMTkxOS0xMzIuOTY3NjA4LTMwMS4wMDQyMzItMTgyLjM1ODM4OC0zMy4xMzIxNDYtMjAuODkzNTkyLTYwLjk5MzU0OS0xMi41MDI5NTItNjMuNjY3MDQzIDI0LjM5OTYzMy0xLjkzODA5OSA5OC44NDA1ODggMCAyODkuNTUwMjY0IDAgMzkwLjEwMTQ0NSAxLjY4MTA3OSAzNy40NjIxMjUgMzQuNzA5OTI2IDQyLjQwMzI5MyA2My4zNzU1OSAyNy4zNjIxMjEgODAuNzIxMzMtNDguOTA2MjU1IDIxOS40NTY1MDUtMTMyLjk1Nzc3IDMwMC41ODg1NzQtMTgyLjExMjQzNkM3NzMuOTY4MDE3IDU2Mi40NzY2NTYgODM2LjA5Nzg2MiA1MjguMzA1MzY0IDc3NS4yMDM5MjQgNDg1LjQwNjQ3OEw3NzUuMjAzOTI0IDQ4NS40MDY0Nzh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMjAwIj48L3BhdGg+PC9zdmc+) no-repeat center center/.5rem auto}
/* SVG圆圈动画 */
@keyframes circle-progress {
    0% {
        stroke-dashoffset: 75.4;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@media (max-width:1024px){
[data-videoswiper] .swiper-wrapper,
[data-videoswiper] .swiper-slide{height:auto}
[data-videoswiper] .open-video{z-index:10;visibility:visible}
[data-videoswiper] .video-box{opacity:0;visibility:hidden;transition:.3s}
[data-videoswiper] .vide-inner.active .open-video{visibility:hidden}
[data-videoswiper] .vide-inner.active .video-box{opacity:1;visibility:visible}
}

[data-popup]{position: fixed;z-index: 1000;background: rgba(var(--black-color__rgb), 0.5);display: flex;align-items: center;justify-content: center; width: 100%;height: 100%; left: 0;top: 0;}
[data-popup] .inner{width:90%;position: relative;}
[data-popup] .close{cursor:pointer;width:.4rem;height:.4rem;position:absolute;z-index:4;right:.2rem;top:.2rem}
[data-popup] .close:before,
[data-popup] .close:after{position:absolute;content:'';width:80%;left:10%;height:3px;top:50%;margin-top:-1.5px;background:#fff;transform:rotate(-45deg)}
[data-popup] .close:before{transform:rotate(45deg)}

/*视频弹窗*/
[data-popup="video"] .inner{max-width:1000px;}
[data-popup="video"] .inner video{display:block;width:100%}

/* 滚动动画 */
.scroll-animate.animated{visibility:hidden}
.scroll-animate[data-text] font{display:inline-block}
.scroll-animate[data-text] font.space{width: 0.4em;}
.disable-hover{pointer-events:none}
/*置标分页Pages*/
.Pages,
.Pages .p_page,
.Pages .num{display:flex;align-items:center;}
.Pages{justify-content:center;margin:var(--pm__50) 0 0 0; font-size:.16rem;}
.Pages > span:not(.p_page){display: none;}
.Pages a{ display: flex; width:0.5rem; height: 0.5rem; align-items: center; justify-content: center; margin: 0 0.05rem; transition: var(--transition); border:solid 1px rgba(0,0,0,0.15); border-radius:50%;}
.Pages .num{font-style: normal; margin:0 0.1rem;}
.Pages .num a{margin:0 0.05rem; background-color:var(--white-color); font-weight:400; transition: .3s;}
.Pages .num a:hover,
.Pages  a.a_cur{background-color:var(--hover-color); color:var(--white-color); border-color:var(--hover-color);}
.Pages .p_page > a{font-size:0; overflow:hidden;background:no-repeat center center; background-size: 0.07rem auto;}
.Pages .p_page > a.a_first,
.Pages .p_page > a.a_end{display: none;}
.Pages .p_page > a[href^="javascript:"]{cursor: default; opacity:1;}
.Pages .p_page > a:not([href^="javascript:"]):hover{background-color:var(--hover-color); border-color:var(--hover-color);}
.Pages .p_page > a.a_prev{ background-color:var(--white-color); background-image:url(../images/prev.svg); transition: .3s;}
.Pages .p_page > a.a_next{ background-color:var(--white-color); background-image:url(../images/next.svg); transition: .3s;}
.Pages .p_page > a.a_prev:not([href^="javascript:"]):hover{background-image: url(../images/prev-on.svg);}
.Pages .p_page > a.a_next:not([href^="javascript:"]):hover{background-image: url(../images/next-on.svg);}


[data-fullscreen]{position: absolute;left: 0;width: 100%;z-index: 4;}
[data-fullscreen*="t"]{top: 0;}
[data-fullscreen*="b"]{bottom: 0;}
[data-fullscreen*="full"]{height: 100%;}

[data-spacept]{padding-top: var(--pm__120);}
[data-spacepb]{padding-bottom: var(--pm__120);}
[data-spacept="60"]{padding-top: var(--pm__60);}
[data-spacepb="60"]{padding-bottom: var(--pm__60);}

/*列表行*/
[data-items]{--itemmr:0rem;--itemnum:1;width: calc(100% + var(--itemmr)); display: flex;flex-wrap: wrap;}
[data-items] > *{padding-right: var(--itemmr); margin-bottom: var(--itemmr); width: calc(100% / var(--itemnum));}
ul[data-items]{padding: 0;}
[data-items] li{list-style: none; }

[data-parent]{position: relative;z-index: 1;}
[data-play]{cursor: pointer;}
[data-play]::before{position: absolute; content: '';width: 0.46rem;	height: 0.46rem;border-radius: 50%;margin: -0.23rem 0 0 -0.23rem; background: url(../images/play.svg) no-repeat center center  var(--primary-color); background-size: auto 40%;z-index: 10;left: 50%;top: 50%;}
.inside_video{z-index: 20;background-color: #000;}
.inside_video video{display: block;height: 100%;width: 100%;}


/*视频弹窗*/
.root-popup-videobox{position: fixed; left: 0;top: 0;z-index:200;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5); display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.root-popup-videobox .inner{width: 90%;max-width: 1000px;}
.root-popup-videobox .inner video{display: block;width: 100%;}
.root-popup-videobox .close{ cursor:pointer; width:0.4rem; height:0.4rem; position:absolute; z-index:4; right:0.2rem; top:0.2rem;}
.root-popup-videobox .close::before,
.root-popup-videobox .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.root-popup-videobox .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}