html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}*,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}   a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}  dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}:root{ --dark-color-50: #999;
--dark-color-75: #555;
--link-color:#005a9c; 
--hover-color:#b91c1c;
--color:#161513;
--bgc: #f0f0f0; }
@media screen and (max-width: 640px)  {
:root{ --header-height:3.5rem; 
}
}
@media screen and (min-width: 768px)  {
:root{ --header-height:5rem; 
}
}
html{
background-color: #FFF;
}
body{
font-size: 16px;
background-color: var(--bgc);  line-height: 1.6;
font-weight: 400;
color:var(--color);
max-width: 2048px;
margin-left: auto;
margin-right: auto;
}  *{
margin: 0;
padding:0; box-sizing: border-box;
}
ul,ol{ padding-left:1rem;
} img{
display: block;
}
a{
color: var(--link-color);
text-decoration: none;
}
a:hover{
color: var(--hover-color);
text-decoration: underline;
} @media (max-width: 1024px){
p{
line-height: 1.5;
}
} @media (max-width: 1024px){
} @media (min-width: 1280px){
} @media (min-width: 1024px){
}
.iconfont{
font-size: inherit;
}
.current--whole{
color:var(--hover-color);
} @media (min-width: 1024px){ .current--whole{
border-bottom: 3px solid var(--hover-color);
height: 100%;
display: flex;
align-items: center;
}
.nav-menu--whole a{
color:inherit;
text-decoration: none;
} .nav-menu--whole li:hover a[data-grade="1"], .nav-menu--whole a.active {
color:var(--hover-color); }
}  .dropdown-toggle-btn--whole{
padding:2px; border-style: solid;
border-width: 0 2px 2px 0;
}
.collapse-btn--whole:before{ content:"\e6e9";
}
.collapse-btn--whole[data-stat=open]:before{ content:"\e62c";
}
.search-box-btn--whole{
position:fixed;
z-index: 100;
top:0;
left:0;
width:100vw;
height:100vh;
background-color: #000000e0;
display: flex;
justify-content: center;
align-items: center;
}   .pager ul {display: flex; flex-wrap: wrap; gap:.5em; }  .pager a {display: block; padding:2px 1em; border:#dddddd solid 1px; }
.pager a:hover {border: var(--hover-color) solid 1px; color: var(--hover-color)}
.pager .active a {border: var(--hover-color) solid 1px;  background-color: var(--hover-color); color: #fff;} .pager .active a:hover {color: #fff; border: var(--hover-color) solid 1px !important;} .article{
word-wrap: break-word;
}
.article p{
margin: 1.25em 0;
}
.article img{
margin: 1.5em 0;
}
.article h2::before{
content: "";
display: block;
float: left;
margin-right:.5em ;
width: 1em;
aspect-ratio: 1 / 1;
background: url(//www.hongjiequipment.com/static/images/icon5.png) no-repeat center;
background-size: cover;
} @media (max-width: 1024px){
.article{
font-size: .9rem;
line-height: 1.5;
} .article h2, 
.article h3 {
margin:1rem 0 .5rem;
}
.article h2{
font-size: 1.25rem;
font-weight: 600;
}
.article h3{
font-size: 1.15rem;
font-weight: 500;
}
.article h4{
font-size: 1.05rem;
font-weight: 500;
}
.article h2:nth-child(1){
padding-top: 0 !important;
}
.article p{
margin:.5rem 0;
}
.article img{
margin:1rem 0;
} ::placeholder{
font-size: .8rem !important;
}
} @media (min-width: 1024px){
.article h2, 
.article h3,
.article h4 {
margin:1.25rem 0 1rem;
line-height: 1.35;
} .article h2{
font-size: 1.5rem;
font-weight: 600;
}
.article h3{
font-size: 1.25rem;
font-weight: 500;
}
.article h4{
font-size: 1.15rem;
font-weight: 500;
}
.article h2:nth-child(1){
padding-top: 0 !important;
}
} .table-chy
{
--bgc:#fff;
--color:#333;
--thead-bgc: var(--link-color);
--tr-bgc-even: #eee;
--tr-bgc-hover: #ccc;
}
.table-chy thead{
font-weight: 600;
color:#fff;
background-color: var(--thead-bgc);
}
.table-chy thead tr > * {
text-align: center;
border:1px solid #000 !important;
}
@media screen and (min-width: 1024px){
.table-chy thead tr > * {
padding-top:1.5rem;
padding-bottom:1.5rem;
}
}
.table-chy td,th{
padding:.5rem;
}
.table-chy tbody tr:nth-child(even){
background-color: var(--tr-bgc-even);
}
.table-chy tbody tr:hover{
background-color: var(--tr-bgc-hover);
} .kefu-chy{
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%); flex-direction: column;
gap:.3rem;
z-index: 100;
--bgc:#ffffff; --color-hover:var(--hover-color); } .kefu-chy > .item-box{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:.5rem;
padding:.5rem;
min-width:5rem;
min-height:5rem;
color:var(--color);
border-radius: 10% 0 0 10%;  cursor: pointer;
}
.kefu-chy > .item-box:hover{
color:var(--color-hover);
}
.kefu-chy a:hover{
color:var(--color-hover);
text-decoration: none;
} .kefu-chy .drawer-box{
position: absolute;
left:0;
top:50%;
transform: translate(0, -50%) scale(0);
padding-right: 10px;
transition: transform ease .2s;
z-index: -1;
} .kefu-chy > .item-box:hover .drawer-box, .kefu-chy li .now{
transform: translate(-100%, -50%) scale(1);
}
.kefu-chy .drawer-conent-box{
position: relative;
color:var(--color-hover);
background-color: var(--bgc);
padding:1rem;
} .kefu-chy .drawer-conent-box::after{
position: absolute;
top:50%;
right:0;
content:" ";
display: block;
width:1rem;
height:1rem;
background-color: var(--bgc);
transform: translate(30%, -50%) rotate(45deg);
}
.kefu-chy .item-box .iconfont, .kefu-chy .item-box .iconfont-hj{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:.5rem;
font-size: 14px;
line-height: 1;
}
.kefu-chy .item-box .iconfont::before, .kefu-chy .item-box .iconfont-hj::before{
font-size: 2em;
}
.btm-bar > .iconfont, .btm-bar > .iconfont-hj{
font-size: 24px !important;
line-height: 1.2;
} .collapse-table-chy tr:nth-child(n+7){
display: none;
} 
.btn-tab-colapse-chy{
display: block;
margin:5px auto;
background-color: #F0F0F0;
border-width: 0;
cursor: pointer;
line-height: 1.5;
}
.btn-tab-colapse-chy:hover{
background-color:#ccc;
}
.btn-tab-colapse-chy[data-colapse='1']:after{
content: '▲ flow up';
}
.btn-tab-colapse-chy::after{
content: '▼ more';
padding:0 1rem;
font-size: .6rem;
} .hover1_style {
position: relative;
overflow: hidden;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.hover1_style:hover {
text-decoration: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18) !important;
}
.hover1_style::after {
content: "";
display: block;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
-ms-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
-moz-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
-webkit-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
-ms-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hover1_style:hover::after {
left: 100%;
}  .ah-breadcrumb{
display: flex;
gap:.5rem;
} .wp-pager-chy{
display: flex;
justify-content: center;
gap:.5rem;
} .breadcrumb-banner a{
color:white;
}  .chy-slide-thumb-active
{
border:3px solid var(--hover-color);
}  .title-style-1::before{
content: " ";
display: inline-block;
border-left: 4px solid #f00;
padding-left: 1rem;
width: .5rem;
aspect-ratio: 1 / 1;
} .common-tit-icon{
display: block;
float: left;
position: relative;
width: 1em;
aspect-ratio: 1/1;
margin-right: .2em; }
.common-tit-icon::before {
display: block;
position: absolute;
left: 0;
bottom:0;
width: 45%;
content: '';
aspect-ratio: 1/1;
background: var(--link-color);
transform: translate(75%, -75%) ;
transform-origin: left bottom;
}
.common-tit-icon::after {
display: block;
position: absolute;
left: 0;
bottom:0;
width: 50%;
content: '';
aspect-ratio: 1/1;
background: var(--hover-color);
} #lmsgFormFreeze {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
min-height: 100vh;
height: 100%;
overflow-y: auto;
z-index: 100000001;
background-color: #0000008f;
display: flex;
justify-content: center; } .share-link-box{
}
.share-link-box .icon{
width: 1.5em;
height: 1.5em;
fill:#000000;
}
.share-link-box .icon:hover{
fill: var(--hover-color, red);
}
@media screen and (max-width: 1024px){
.share-link-box .icon{
width: 1em;
height: 1em;
font-size: 1.25rem;
}
}