@charset "utf-8";
:root {
    --background-color-black: #0e0f11;
    --background-color-black2: #131313;
    --background-color-black3: #222222;
    --background-color-red: #d0021b;
    --background-color-red2: #b30218;
    --background-color-white: #ececec;
    --font-color-white: #ffffff;
    --font-color-white2: #ececec;
    --font-color-white3: #d0d0d0;
    --font-color-red: #d0021b;
    --font-color-red2: #f71b35;
    --font-color-black: #0e0f11;
}
/* animation */
.fadeInUp {transition: transform 0.4s ease, box-shadow 0.4s ease;}
.fadeInUp:hover {transform: scale(1.06);}

/* black red theme */
/* Header */
.blackred .lh-header {background-color: var(--background-color-red);}
.blackred .lh-header .lh-nav li a {color: var(--font-color-white);font-weight: bold;}
.blackred .lh-header .lh-nav li:not(.lh-logo) a:hover, .blackred .lh-header .lh-nav li:not(.lh-logo) a.on {color: var(--font-color-black);}
.blackred .lh-header .lh-nav li:not(.lh-logo) a:before {background: var(--font-color-black);}
.blackred .lh-nav li:not(.lh-logo) a:before {height:6px;}
/* .blackred .lh-nav {box-shadow: inset 0px 0px 20px rgb(71 1 1 / 72%);} */
.blackred .lh-search-btn, .lh-home {color: var(--font-color-white);}
.blackred .lh-toggle {background-color: var(--background-color-black2);}
.blackred .lh-toggle-nav li dt a {color: var(--font-color-white);}
.blackred .lh-toggle-nav li dt a:hover{color: var(--font-color-red);}
.blackred .lh-toggle-nav li dt a:hover:before {background: var(--font-color-red);}
.blackred .lh-toggle-nav li dd a {color: var(--font-color-white2);}
.blackred .lh-toggle-nav li dd a:hover, .blackred .lh-toggle-nav li dd a:after {color: var(--font-color-red);}
.blackred .lh-footer{background-color: var(--background-color-red);box-shadow: inset 0px 0px 20px rgb(71 1 1 / 72%);}
/* home */
.blackred .lh-main-hd li span, .blackred .lh-main-hd li i, .blackred .lh-main-hd:before {background: var(--background-color-red2);}
.blackred .lh-main-hd li span:after {border-left-color: var(--background-color-red2);}
.blackred .lh-main-hd li i:after {border-color: var(--background-color-red2);}
.blackred .lh-banner-bd li .text a:hover {background:var(--background-color-red) !important; color:var(--font-color-white) !important;}
.blackred .lh-index-banner .swiper-slide-active .lh-pro-item li a {background: var(--background-color-red);}
.blackred .lh-pro-item li .text h3 {color: var(--font-color-white);}
.blackred .lh-pro-item li .text h4 {color: var(--font-color-black);}
.blackred .lh-pro-item li .text h4:after {background: var(--font-color-black);}
.blackred .lh-pro-item li .text span {color: var(--font-color-white3);}
/* product */
.blackred .lh-other-nav {background: var(--background-color-black);border-color: var(--font-color-red);}
.blackred .lh-other-nav li a {color: var(--font-color-white);}
.blackred .lh-other-nav li a:hover,.blackred .lh-other-nav li a.on{color: var(--font-color-red);}
.blackred .lh-other-nav li a:after {background: var(--font-color-red);}
.blackred .lh-other.ones {background: var(--background-color-black2);}
.blackred .lh-other.ones.detail {background: var(--background-color-white);}
.blackred .lh-system-item li a {background: var(--font-color-red);}
.blackred .lh-system-item li a:hover {background: var(--background-color-black3);}
.blackred .lh-system-item li h2, .blackred .lh-system-item li h2:hover {color: var(--font-color-white);}
.blackred .lh-system-item li a:after {background: var(--background-color-red);}
.blackred .lh-ones>.container {background: var(--background-color-black2);}
.blackred .detail .lh-ones>.container {background: var(--background-color-white);}
.blackred .lh-proDetails-page a {color: var(--font-color-black);}
.blackred .lh-proDetails-page a:hover {color: var(--font-color-red);}
/* service */
.blackred .lh-service-ul li .text {background: #000000ba;box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 72%);}
.blackred .lh-service-ul li .text a:hover {background: var(--background-color-red);border-color: var(--font-color-white2);}
/* news */
.blackred .lh-news-hd li:after {border-right-color: var(--background-color-red2);border-bottom-color: var(--background-color-red2);}
.blackred .lh-news-hd li:before {border-left-color: var(--background-color-red2);border-top-color: var(--background-color-red2);}
.blackred .lh-news-bd li .time h3 {color: var(--font-color-white3)};
.blackred .lh-news-l ul li a:hover {color: var(--font-color-red);}
.blackred .lh-news-l ul li a:hover::before {background: var(--font-color-red);}
.blackred .lh-news-item li a {background: var(--font-color-red);}
.blackred .lh-news-item li a:hover {background: var(--background-color-black3);}
.blackred .lh-news-item li a:hover .text h2 {color: var(--font-color-red);}
.blackred .lh-news-item li a:hover .text h4 {color: var(--font-color-white2);}
.blackred .lh-news-item li .text h2, .blackred .lh-news-item li .text h2:hover {color: var(--font-color-white);}
.blackred .lh-news-item li .text .desc, .blackred .lh-news-item li .text .desc:hover {color: var(--font-color-white2);}
.blackred .lh-news-item li .text .publish-time, .blackred .lh-news-item li .text .publish-time:hover {color: var(--font-color-white2);}
.blackred .lh-news-item li a:after {background: var(--background-color-red);}
.blackred .lh-news-bd li {background: var(--background-color-red);}
.blackred .lh-news-bd li h2 {color: var(--font-color-white);}
.blackred .lh-news-bd li span {color: var(--font-color-white3);}
.blackred .lh-news-bd li .time h4 {color: var(--font-color-white3);}
.blackred .lh-news-l h3 {color: var(--font-color-white);}
.blackred .lh-news-l span {color: var(--font-color-white2);}
.blackred .lh-news-l ul li a {color: var(--font-color-white);}
.blackred .lh-news-l ul li a:hover {color: var(--font-color-white3);}
.blackred .lh-news-l ul li a:before {background: var(--background-color-red2);}
.blackred .lh-ones-cont a{color: var(--font-color-red); text-decoration: underline;}
/* contact */
.blackred .lh-contact-a {border-color: var(--font-color-red);}
.blackred .lh-contact-text {background: var(--background-color-red);}
.blackred .lh-public-h3 {color: var(--background-color-red);}
.blackred .lh-contact-item li span {color: var(--font-color-white);}
.blackred .lh-contact-item li:last-child a {color: var(--font-color-red);}
.blackred .lh-contact-item li:last-child a:hover {color: var(--font-color-white);}
.blackred .lh-contact-item li input, .blackred .lh-contact-item li textarea {color: var(--font-color-white);}
/* about */
.blackred .lh-profile {background: var(--background-color-black);}
.blackred .lh-public-h2 {color: var(--font-color-red);}
.blackred .lh-public-pre {color: var(--font-color-white3);}
.blackred .lh-welfare {background-color: var(--background-color-black2);}
.blackred .lh-index-about { background: #010101 url(../../images/aoteneng/icon1.png) no-repeat right center; }
.blackred .lh-index-about .text h2 {color: var(--font-color-red);}
.blackred .lh-index-about .text h3 {color: var(--font-color-white);}
.blackred .lh-index-about .text span {color: var(--font-color-white3);}
.blackred .lh-index-about .container video {box-shadow: 5px 1px 6px 4px #6969694a;border-radius: 10px;}
/* video */
.blackred .lh-solution-top .text h2 {color: var(--font-color-red);}
.lh-solution-item li .text h2 {color: var(--font-color-red);}
.lh-solution-item li .text span {color: var(--font-color-white3);}
/* case */
.blackred .lh-index-service h2 {color: var(--font-color-red);}