@media (max-width: 576px) {
    html { font-size: 14px; }
}

html, body { height: 100%; }
pre { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
a { color: #d0111b; }
a:hover { color: #db2932; }
a.black { color: #212529; }
a.black:hover { color: #d0111b; }
.color-body { color: #212529; }
.color-primary { color: #d0111b; }
.color-primary-hover { color: #db2932; }
.ft2 { font-size: 1.75rem; /*28px*/ }
.ft3 { font-size: 1.125rem; /*18px*/ }
.ft4 { font-size: 1rem; /*16px*/ }
.ft5 { font-size: .875rem; /*14px*/ }
.g-app { height: 100%; display: flex; flex-flow: column nowrap; }
.g-main { flex: auto; }
.cent { max-width: 77rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }

/*节标题*/
.section-caption { width: 16rem; text-align: center; margin: 0 auto; padding-bottom: .1875rem; background: url(/Static/app/img/caption-line.png) no-repeat center bottom; }
.section-caption h3 { font-weight: 400; letter-spacing: 1px; padding-bottom: .125rem; }
.section-caption .en { font-size: 0.875rem; color: rgba(0, 0, 0, .42); padding-bottom: .4rem; }
.section-caption.light h3 { color: #fff; }
.section-caption.light .en { color: rgba(255, 255, 255, .9); }
@media (max-width: 576px) {
    .section-caption h3 { letter-spacing: 0; padding-bottom: .1rem; }
}

/*内页 banner*/
.subpage-banner { position: relative; height: 25vw; background: url(/Static/app/img/banner1.jpg) no-repeat center -1rem; background-size: 100% auto; }
@media (max-width: 992px) {
    .subpage-banner { height: calc(100vw * 0.45); background-position: center top; }
}
.sp-banner { position: relative; height: calc(100vw * 0.2); background-position: center center; background-size: 100% auto; }
.sp-banner .fg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0 auto; color: #fff; text-align: center;}
.sp-banner .fg h1 { font-size: 2.8rem; }
.sp-banner .fg p { font-size: 1.25rem; margin-top: 1rem; }
@media (max-width: 992px) {
    .sp-banner { height: calc(100vw * 0.45); }
}

/*#region ====主导航====*/

.navbar { max-width: 100rem; margin-left: auto; margin-right: auto; padding: 0 1rem; }
.navbar .navbar-brand { padding: 0; }
.navbar .navbar-title { display: none; }
.navbar .hotline { display: none; }

@media (max-width: 992px) {
    .g-nav { position: fixed; width: 100%; box-shadow: 0 0 .3rem rgba(0,0,0,.06); z-index: 30; }
    .g-nav-placeholder { height: 3.75rem; }
    .navbar { padding: 0; }
    .navbar .navbar-brand { display: none; }
    .navbar .navbar-title { display: block; padding: 0 1rem; height: 3.75rem; display: flex; align-items: center; flex: auto; background-color: #fff; }
    .navbar .navbar-title img { display: block; width: 5rem; }
    .navbar .navbar-toggler { position: absolute; top: .7rem; right: 1rem; padding: .55rem .6rem; border: none; background-color: #d0111b; font-size: .8rem; border-radius: .2rem; }
    .navbar .navbar-toggler span { opacity: .9; background-image: url("data:image/svg+xml;base64, PHN2ZyB0PSIxNjE3MjQ0MTE2MjM5IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTA1MSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij48cGF0aCBkPSJNOTYzLjc2NDcwNiAxMzguMDM5MjE1MzR2MTIwLjQ3MDU4OUg2MC4yMzUyOTRWMTM4LjAzOTIxNTM0aDkwMy41Mjk0MTJ6TTYwLjIzNTI5NCA1NTkuNjg2Mjc0MzRoOTAzLjUyOTQxMlY0MzkuMjE1Njg2MzRINjAuMjM1Mjk0djEyMC40NzA1ODh6IG0wIDMwMS4xNzY0NzFoOTAzLjUyOTQxMnYtMTIwLjQ3MDU4OEg2MC4yMzUyOTR2MTIwLjQ3MDU4OHoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjEwNTIiPjwvcGF0aD48L3N2Zz4="); }
    .navbar-nav { padding: .5rem 1.5rem; height: calc(100vh - 3.75rem); background-color: rgba(0, 0, 0, .85); max-height: none; }
    .navbar .navbar-nav > .nav-item { border-bottom: dashed 1px rgba(255, 255, 255, .3); font-size: 1.14rem; }
    .navbar .navbar-nav > .nav-item > .nav-link { position: relative; padding: .85rem 0; color: #fff; }
    .navbar .navbar-nav > .nav-item > .nav-link::after { position: absolute; display: block; top: 1.05rem; right: 0; width: 1.25rem; height: 1.25rem; content: ""; border: none; background-size: contain; background-image: url("data:image/svg+xml;base64, PHN2ZyB0PSIxNjE3MjU4ODM3ODczIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTA4MSIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBkPSJNMzQwLjk5MiAxNDguOTkycS04Ljk5MiAxMC4wMTYtOC45OTIgMjIuMDE2dDguOTkyIDIwLjk5MmwzMTIgMzIwLTMxMiAzMjBxLTguOTkyIDguOTkyLTguOTkyIDIwLjk5MnQ4Ljk5MiAyMC45OTIgMjAuOTkyIDguOTkyIDIwLjk5Mi04bDMzMS4wMDgtMzQwLjk5MnE4Ljk5Mi04Ljk5MiA4Ljk5Mi0yMi4wMTZ0LTguOTkyLTIyLjAxNkwzODIuOTc2IDE0OC45NnEtOC45OTItOC0yMC45OTItOHQtMjAuOTkyIDh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIxMDgyIj48L3BhdGg+PC9zdmc+"); }
    .navbar .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after { transform: rotate(90deg); transition: transform .2s; }
    .navbar .navbar-nav > .nav-item > .nav-link.dropdown-toggle[aria-expanded*="true"]::after { transform: rotate(-90deg); }
    .navbar .navbar-nav .dropdown-menu { margin: 0; padding: 0 0 1rem 0; background-color: transparent; border: none; }
    .navbar .navbar-nav .dropdown-item { position: relative; padding: .85rem 1.25rem; color: #fff; font-size: 1.14rem; }
    .navbar .navbar-nav .dropdown-item:hover { background-color: transparent; color: #d0111b; }
    .navbar .navbar-nav .dropdown-item::after { position: absolute; display: block; top: 1.05rem; right: 0; width: 1.25rem; height: 1.25rem; content: ""; border: none; background-size: contain; background-image: url("data:image/svg+xml;base64, PHN2ZyB0PSIxNjE3MjU4ODM3ODczIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iMTA4MSIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBkPSJNMzQwLjk5MiAxNDguOTkycS04Ljk5MiAxMC4wMTYtOC45OTIgMjIuMDE2dDguOTkyIDIwLjk5MmwzMTIgMzIwLTMxMiAzMjBxLTguOTkyIDguOTkyLTguOTkyIDIwLjk5MnQ4Ljk5MiAyMC45OTIgMjAuOTkyIDguOTkyIDIwLjk5Mi04bDMzMS4wMDgtMzQwLjk5MnE4Ljk5Mi04Ljk5MiA4Ljk5Mi0yMi4wMTZ0LTguOTkyLTIyLjAxNkwzODIuOTc2IDE0OC45NnEtOC45OTItOC0yMC45OTItOHQtMjAuOTkyIDh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIxMDgyIj48L3BhdGg+PC9zdmc+"); }
}

@media (min-width: 992px) {
    .g-nav-placeholder { }
    .navbar .navbar-nav > .nav-item { position: relative; }
    .navbar .navbar-nav > .nav-item > .nav-link { color: #212529; padding: 0 1.25rem; height: 5.75rem; line-height: 5.75rem; min-width: 5rem; text-align: center; border-bottom: solid .25rem #fff; white-space: nowrap; }
    .navbar .navbar-nav > .nav-item.hot::before { content: "";  position: absolute; right: .3rem; top: 1.25rem; display: block; width: 21px; height: 16px; background: url(/Static/app/img/hot2.gif) no-repeat left top; }
    .navbar .navbar-nav .dropdown-toggle::after { margin-left: .5rem; border-width: .6rem; vertical-align: .1rem; color: #999; }
    .navbar .navbar-nav > .nav-item:hover > .nav-link,
    .navbar .navbar-nav > .nav-item.active > .nav-link { border-bottom-color: #d0111b; }

    .navbar .navbar-nav .dropdown-menu { display: block; margin: 0; padding: 0; width: 100%; min-width: 0; opacity: 0; border-radius: 0; border: none; background-color: transparent; max-height: 0; overflow: hidden; transition: opacity .5s ease-in, max-height .5s ease-in; }
    .navbar .navbar-nav > .nav-item:hover .dropdown-menu { max-height: 300px; opacity: 1; transition: opacity .8s ease-out, max-height .8s ease-out; }
    .navbar .navbar-nav .dropdown-item { padding: 0; line-height: 3.5rem; text-align: center; background-color: rgba(238,238,238, .85);  }
    .navbar .navbar-nav .dropdown-item:hover { background-color: rgba(238,238,238, .95); }
}

@media (min-width: 1500px) {
    .navbar .navbar-nav > .nav-item { margin-right: 1rem; }

    .navbar .hotline { display: block; margin-left: 1.2rem; white-space: nowrap; }
    .navbar .hotline > i { display: inline-block; vertical-align: middle; width: 1.875rem; height: 1.875rem; margin-right: .5rem; background: url(/Static/app/img/phone.png) no-repeat left top; }
    .navbar .hotline .text { display: inline-block; vertical-align: middle; font-size: 1.5rem; color: #d0111b; margin-top: -0.1rem; line-height: 1; text-align: center; }
    .navbar .hotline .text i { display: inline-block; margin-top: .1rem; font-style: normal; }
}

/*#endregion*/

/*#region ====页脚====*/

.g-footer { position: relative; z-index: 0; background-color: #222; color: #bbb; font-size: .875rem; }
.g-footer a { color: #bbb; }
.g-footer a:hover { color: #d0111b; }

.g-footer-links { padding: 3rem 2.25rem 3rem; display: flex; justify-content: space-between; border-bottom: solid 1px #444; }
.g-footer-links .inner { display: flex; justify-content: space-between; width: 48rem; }
.g-footer-links .inner .group { }
.g-footer-links .inner .group:last-child { margin-right: 0; }
.g-footer-links .inner .group h4 { color: #fff; font-size: 1.125rem; padding-bottom: .45rem; }
.g-footer-links .inner .group ul { list-style: none; padding: 0; margin: 0; }
.g-footer-links .inner .group li { margin-top: .5rem; }
.g-footer-links .external { display: flex; justify-content: center; }
.g-footer-links .external .item + .item { margin-left: 1.75rem; }
.g-footer-links .external .item img { display: block; width: 8.75rem; height: 8.75rem; }
.g-footer-links .external .item .text { margin-top: .75rem; text-align: center; font-size: 1rem; }

.g-footer-links .contact { width: 13rem; word-break: break-all; }
.g-footer-links .contact p { margin-bottom: .5rem; }
.g-footer-links .contact p:last-child { margin-bottom: 0; }

.g-footer-end { padding: 1rem 1rem; text-align: center; line-height: 2; }
.g-footer-end span + span { margin-left: .5rem; }

@media (max-width: 1200px) {
    .g-footer-links {  justify-content: center; }
    .g-footer-links .external .item + .item { margin-left: 2rem; }
    .g-footer-end span { display: block; }
    .g-footer-end span + span { margin-left: 0; }
}

/*#endregion*/

/*#region ====分页====*/

.pager { margin-top: 3rem; }
.pager .pager_content { display: block; text-align: center; }
.pager .num, 
.pager .current,
.pager .pn,
.pager .ellipsis { display: inline-block; padding: 0 0 .1rem 0; margin: 0 .4rem; min-width: 2.8rem; line-height: 2.4rem; white-space: nowrap; overflow: hidden; text-align: center; background-color: #f5f5f5; border: solid 1px #e0e0e0; }
.pager .current, .pager .num:hover, .pager .pn:hover { color: #fff; background-color: #d0111b; border-color: #d0111b; }
.pager .num a, .pager .pn a { display: block; color: #212529;  }
.pager .num:hover a, .pager .pn:hover a { color: #fff; text-decoration: none; }
.pager .pn { background-color: #fff; }
.pager .pn a { padding: 0 1.2rem; }
.pager .pn.disabled { border-color: #e0e0e0; background-color: #fff; border-color: #eee; }
.pager .pn.disabled a { cursor: default; color: #bdbdbd; }
.pager .ellipsis { background-color: #fff; border-color: #fff; margin: 0; }
@media (max-width: 768px) {
    .pager .num, .pager .current, .pager .ellipsis { display: none; }
    .pager .pn { padding: .35rem 0 .25rem 0; width: 40%; margin:0 .6rem; background-color: #d0111b; border-color: #d0111b; }
    .pager .pn.disabled a { color: #ccc; }
    .pager .pn a { color: #fff; }
}

/*#endregion*/

/*#region ====未完待续====*/

.to-be-continued { padding: 8rem 0; background: #ededed; }
.to-be-continued img { display: block; margin: 0 auto; }

/*#endregion*/

/*富文本区块*/
.dhtml { min-height: 37.5rem; line-height: 2; text-align: justify; font-size: 1rem; }
.dhtml p { margin: 0; /*margin: 0 0 1.5em 0;*/ }
.dhtml img { vertical-align: middle; max-width: 100%; height: auto; }
.dhtml .indent { text-indent: 2em; }
@media (max-width: 576px) {
    .dhtml { font-size: 1.14rem; }
}


.mobile-nav-holder { display: none; height: 72px; }
.mobile-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background-color: rgba(0,0,0,.95); z-index: 100; }
.mobile-nav ul { overflow: hidden; height: 100%; margin: 0; padding: 0; }
.mobile-nav li { float: left; margin: 0; list-style: none; width: 25%; height: 100%; box-sizing: border-box;  cursor: pointer; }
.mobile-nav li:last-child { border: none; }
.mobile-nav li a { width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; color: #fff; font-size: 13px; text-align: center; text-decoration: none; }
.mobile-nav li a > i { width: 20px; height: 20px; margin: 0 auto .4rem; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.mobile-nav li a:active { background-color: #d0111b; }
.mobile-nav li.mn-home i { background-image: url(/Static/app/img/mn6.png); }
.mobile-nav li.mn-qq i { background-image: url(/Static/app/img/qq.png); }
.mobile-nav li.mn-phone i { background-image: url(/Static/app/img/mn1.png); }
.mobile-nav li.mn-contact i { background-image: url(/Static/app/img/mn5.png); }
.mobile-nav li.mn-prod i { background-image: url(/Static/app/img/mn8.png); }

@media screen and (max-width:767px) {
    .mobile-nav-holder { display: block; }
    .mobile-nav { display: block; }
}