/*#region reset*/
@font-face {font-family: "OpenSans";src: url("/plugins/fonts/OpenSans/OpenSans-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: "OpenSans";src: url("/plugins/fonts/OpenSans/OpenSans-500.woff2") format("woff2");font-weight: 500;font-style: normal;font-display: swap}
:root {
    --theme-font:OpenSans;
    --title-font: OpenSans;
    --main-color:#0D274D;
    --sub-color:#ddd;
    --bk:#000;
}
/*default fontsize:1rem*/
body {color: #444;font-size: 15px;line-height: 1.6;}
@media(min-width:1366px) {
    .container-xl {
        max-width: 1665px
    }
}
a {color:#111}
.main-container{padding:50px 0}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}
/*a{color:#444;}*/
.form-feedback .form-label{color: #666;}
.form-feedback .form-control,.form-feedback .input-group-text{ padding:10px;color: #555;border-color: #e6e6e6;}
.form-feedback .btn{display: block;width: 100%;background: #c82333;color: #fff;border-radius:0;padding:.75rem;transition: all .2s ease}
.form-feedback .btn:hover{background:#ec5a31;}
/*#region banner*/
.banner-content  h1,.banner-content h2,.banner-content  h3{ font-size: 2rem;font-weight: 600;}
.banner-bg .swiper-container{height:360px;}
@media(max-width:768px) {
    .banner-bg .swiper-container{ height: 200px;}
    .banner-content h2,.banner-content h3{ font-size: 15px;}
}
@media(max-width:576px) {
    .banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4 {font-size: 1.5rem}
     .banner-content .inner-content{ width: 100%;font-size: 12px;}
    .banner-content p{max-width: 100%;font-size:14px}
}
.banner-nav{padding:100px 0;color:#fff}
.banner-nav .title{ font-family: var(--title-font);text-transform: uppercase;font-weight: 600;font-size: 2rem;text-align: center;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: #fac012;margin: 4px auto 0;}
.banner-nav .breadcrumb{ margin-top: 15px;justify-content: center;color: #f2f2f2;}
.banner-nav .breadcrumb-item a{ color: #fff !important;}
@media(max-width:768px) {
    .banner-nav{padding:60px 0}
}
.page-sub-title {font-size:18px;}
/*#endregion*/
/*#region top bar & menu*/
.header{ padding: 12px 0;color:#f6f6f6; line-height: 1;}
.header .row>*{ display: flex;align-items: center;}
.header a{color:#fff}
.header .split{margin:0 12px;}
.header .icon{ margin-right: 0.25rem;line-height: 1;}
.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;color: #fff;}
.lang .dropdown-item{ color: #666;}

.icon-bars {color:#fff;}
.navbar{top: 0;z-index: 100;background:#000;border-bottom: 1px solid #262626; }
.navbar-brand{ padding: 18px 0;}
.navbar-brand>.img-fluid{max-width: 220px}
.navbar .nav-link {flex-grow: 1;padding: 0.5rem 1.25rem;text-transform: uppercase;color:#fff;}
.navbar .nav-link:hover{ color: #E60213;}
.navbar .nav-link.active{color:#E60213;}
@media(max-width:1200px) {
    .navbar-nav .dropdown-menu{ width: 100%;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
/*.offcanvas-menu{ background: #f8f8f8;}*/
.offcanvas-title{font-size:20px;}
.offcanvas-menu .nav-item{border-bottom: 1px solid #f2f2f2;padding: 0 8px;}
.offcanvas-menu .nav-item:hover .nav-link{color:var(--main-color)}
.offcanvas-menu .nav-item.active{background:#f2f2f2;color: var(--main-color);}
/*.offcanvas-menu .nav-link,.offcanvas-menu .drop{ color: #444;}*/
/*#endregion*/
/*#region page-title &summary*/
.page-title{padding: 16px 0;}
.page-title .title{font-family: var(--title-font);font-size: 1.5rem;}
.page-bread {width:100%;border-bottom:1px #ccc dashed}
.page-bread h3 {font-size: 22px;font-weight: bold;padding-bottom: 8px;border-bottom: 2px #000 solid; margin-bottom: -2px;}

/*other page style*/
.home-products {background:#d9d9d9;padding:3rem 0;}
.home-title {}
.home-title h2 {font-size:1.8rem;}
.home-product-detail {display:block;height:100%;background:#fff;padding: 1.4rem;}
.home-product-detail h3 {font-weight:bold; font-size:16px;text-align:center;border-bottom: 3px #555 solid; padding-bottom: 1rem;}
.home-product-detail p {font-size:14px;}
.home-product-detail:hover {background:#999;color:#fff;}
.home-product-detail:hover h3 {border-bottom-color:#fff;}
.btn-more {display: block;width: 180px;height: 34px;background: #343434; color:#fff; border-radius: 20px; margin:1.5rem auto;}
.btn-more:hover {color:#fff;}
.home-news {padding:3rem 0}
.home-news-list {list-style:disc;}
.home-news-list li,.home-news-list li a {color:#4c4c4c;font-size:16px;}
.home-news-list li {border-bottom: 1px #b2b2b2 solid;padding-bottom: 9px; margin-bottom: 9px;width: 100%;}
.home-news-list li time {color:#b2b2b2;}
.home-news-list li a {width: 75%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.home-fixed-news  a {display:block;}
.home-fixed-news h3 {font-size:1.1rem;font-weight:bold;}
.home-fixed-news p {color:#b2b2b2;}
.home-fixed-news time {border-bottom: 1px #b2b2b2 solid;color:#b2b2b2; font-size:1.5rem; width:100%; display:block;}

.home-company {padding:3rem 0;background:#f5f5f5;}
.home-company-content {background: url(/theme/longhua2/images/about_title.png) no-repeat;margin-left: 3rem; padding-top: 7rem; line-height:30px;}
.home-company-line {border-right:1px #ccc solid;}
.home-company-info {margin-top:3rem;}
.home-company-info section {background:#fff;padding:1rem 3rem;-moz-box-shadow:0 0 5px rgba(128,128,128,0.3); -webkit-box-shadow:0 0 5px rgba(128,128,128,0.3); box-shadow:0 0 5px rgba(128,128,128,0.3);}
.home-company-info section div {font-size:14px; padding-left:1rem;}

@media(max-width:768px) {
    .page-title .container-xl{ align-items: center;}
    .page-title .title{ margin-bottom: 20px;}
    .home-news-list {padding:0;}
    .m-hide {display:none;}
    .home-company-content {margin-left:0; margin-top:1rem;}
}

.main-title{display: flex;flex-direction: column;font-family: var(--title-font);font-size: 1.25rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;}
.main-title:after{ display:flex;content: "";width: 140px;height: 1px;background: #F31D39;margin-top:14px;}
.main-title.text-center:after{align-self: center;}

.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 600;}

/*#endregion*/
.article-row{margin-bottom:40px;}
.article-row:hover .entry-thumbnail:before{ opacity: 0.2;}
.article-row .entry-wrapper{padding: 0px 20px;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{ font-family: var(--title-font);font-size: 22px;margin-bottom:15px;}
.article-row .entry-content{ color: #888;}
.article-row .read-more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
.article-row .read-more .icon{padding-left:5px;}
.article-row .read-more:hover{color:#fac012}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .article-row .entry-title{ font-size: 16px;}
}

.article-col{margin-bottom:40px;}
.article-col:hover .thumbnail:before{ opacity: 0.2;}
.article-col .entry-wrapper{ padding:20px 0}
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-size: 18px;margin-bottom: 12px;}
.article-col .entry-content{ color: #666;}


.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail:before{ opacity: 0.2;}
.product-row .entry-wrapper{padding: 0px 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}

.product-col{ margin-bottom: 25px;border: 1px solid #E5E5E5;transition: all ease 0.2s;}
.product-col:hover {border-color: #DD2821;}
.product-col .entry-wrapper{ padding: 14px 8px;background: #f2f2f2;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0px;}

.img-col{ margin-bottom: 1.75rem;border:1px solid #f2f2f2;transition: all ease 0.2s;}
.img-col:hover{border:1px solid #ddd}
.img-col .entry-wrapper{margin: 0;padding: 0.5rem 0.75rem;text-align: center;background: #dee2e6;align-items: center;display: flex;justify-content: center;}
.img-col .entry-title{ margin: 0;font-size:16px;}

.cert-col{ margin-bottom: 1.25rem;border:1px solid #f2f2f2;transition: all ease 0.2s;}
.cert-col:hover{border:1px solid #ddd}
.cert-col .entry-wrapper{margin: 0;padding: 0.75rem 0.75rem;text-align: center;background: #EEE;font-size:14px;line-height: 1.42;display:flex;align-items: center;justify-content: center;}

.video-col{margin-bottom:1.25rem;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #666666;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:16px;text-align: center;}

/*#endregion*/


.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}

.widget{ margin-bottom: 30px;}
.widget-title {font-family: var(--title-font);font-size: 16px;padding: 12px 1rem;color: #fff;background: #d9292d;}
.widget-header{background:#d9292d;padding:0 1rem;}
.widget-header .title{position:relative;font-family:var(--title-font);font-size:16px;font-weight:500;color:#fff;margin: 0;padding:12px 0;}

.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 12px 8px;}
.widget-collapse .menu-link:before{ font-family:cmsfont;content: "\f105";font-size:0.875rem;margin-right: 8px;color:#999}
.widget-collapse .menu-item.active{ background: #f2f2f2;}
.widget-collapse .drop{color: #112988;}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.media-article{ display:flex;align-items:flex-start;margin-bottom: 1.25rem;}
.media-article img{ max-width: 75px;margin-right: 12px;}
.media-article .post-title{ font-size:14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:90px}
}
.media-product{ display:flex;margin-bottom: 1.25rem;}
.media-product img{ max-width: 85px;margin-right: 12px;border:1px solid #f2f2f2;}
.media-product .post-title{font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a{ transition: color ease 0.2s;}
.media-product .post-title a:hover{color:#C42729}
.media-product p{font-size:14px;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}


/*#region horizontal menu*/
/*.menu-horizontal-wrapper{background:#fafafa}
.menu-horizontal .nav-item{}
.menu-horizontal .nav-link{ padding: 1rem 2.5rem;color: #666;font-size:1rem}
.menu-horizontal .nav-link.active{ background: #B32123;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}*/
/*#endregion*/

/*#region sort*/
.sort-box{ display: flex;margin-bottom: 1rem;border: 1px solid #f2f2f2;}
.sort-box a{ display: flex;padding: 8px 12px;align-items: center;border-right: 1px solid #f2f2f2;}
.sort-box a:hover{ background: #f8f8f8;transition: all 0.2s ease;}
.sort-box a>.icon{ padding: 0 0 0 5px;color: #999;}
.sort-box a.active{ color: #dd0804;background: #f2f2f2;}
.sort-box a.active>.icon{color:#dd0804}
/*#endregion*/
/*page*/
.nav-page-wrapper {display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/

/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #E64545 !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 1.25rem;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ color: #0c2e60;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #83868c;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:9px;}
}

.share-box{padding: 15px 15px;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.share{display:flex;align-items:center;}
.share .share-title{font-size:16px;margin-right:15px;text-transform: uppercase;}
@media(max-width:768px){
    .share{flex-direction:column;justify-content:center;margin-bottom:20px;}
    .share .share-title{margin-bottom:0.5rem;}
}

.post-nav{display: flex;line-height:1.5;font-size:1rem;align-items:center;}
.post-nav a{padding:5px 0;line-height:1;display:flex;align-items:center;text-transform:uppercase;}
.post-nav .nav-prev{border-right: 0.5px solid #f7f7f7;}
.post-nav .nav-prev:before{ font-family: CmsFont;content: "\f104";margin-right: 5px;}
.post-nav .nav-next{padding-left: 10px;}
.post-nav .nav-next:after{ font-family: CmsFont;content: "\f105";margin-left: 5px;}
@media(max-width:768px){
    .post-nav{justify-content:center;}
}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a:before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;background:#fff}
.product-head .title {font-size: 1.25rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .product-summary{ background: #f6f6f6;color: #888;padding:6px;font-size: 14px}
.product-param dt{flex-basis: 150px;padding: 5px 0;}
.product-param dd{flex-basis: calc(100% - 150px);padding: 5px 0 6px 10px;color: #666;}
.product-cart .btn:nth-child(even){ margin-left: 15px;}
.btn-inquiry{ background: #cf4536;color:#fff;}
.btn-addtocart{ background: #e8b62d;color: #fff;}
/*#endregion*/

/*#region contact page*/
.contact-wrapper{}
.contact-wrapper .title {font-family: var(--title-font);font-size: 1.5rem;font-weight: 600;color: #333;margin-bottom: 1.5rem;}
.contact-wrapper p {margin-bottom: 0.875rem;}
@media(max-width:576px) {
    .contact-wrapper .title{font-size:1.5rem;}
}
/*#endregion*/


.faq-row{ margin-bottom: 0;}
.faq-row .entry-title{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;padding: 15px 10px;border-bottom:1px solid #B2B3B7;font-size:16px;font-weight:600;transition: all ease 0.2s;}
.faq-row .entry-title:after{font-family: CmsFont;content: "\f0d7";margin-left:8px;font-size:16px;font-weight:normal;color:#777;transition:all ease 0.2s;}
.faq-row .entry-title.collapsed:after{transform: rotate(-180deg);}
.faq-row .entry-wrapper{ padding: 15px;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}

/*#region footer*/
footer {background: #313337;color: #fff;padding-top: 50px;}
footer .container-xl{background: transparent no-repeat right center;padding-bottom:0;}
footer li{ padding: 3px 0;}
footer .row >[class*="col-"]{margin-bottom:20px;}
footer h4{font-family: var(--title-font);font-size:18px;margin-bottom:15px;font-weight: bold}
footer a{color:#fff}
footer a:hover{ color: #ccc;}
footer .contact-info .icon{ margin-right: 5px;}
footer .footer-bottom{padding: 15px 0;font-size: 14px;background:#111;text-align: center;}

/*#endregion*/
/*#region home page*/
.home-title{ position: relative;color: #333;font-weight: 600;font-size: 2rem;font-family: var(--title-font);padding-bottom: 15px;text-transform: uppercase;}
.home-title.text-center{text-align: center;}

.home-banner-video{ width: 100%;height: 650px;transition: all ease 0.2s;}
.home-banner-video video{ width: 100%;height: 100%;object-fit: cover;}
@media(max-width:992px) {
    .home-banner-video{ height: 400px;}
}
@media(max-width:576px) {
    .home-banner-video{ height: 200px;}
    .home-products {padding:1rem 0 !important;}
    footer .row >[class*="col-"] { margin-bottom: 7px !important;}
    .navbar-brand { padding: 5px 0;}
    .navbar-brand>.img-fluid { max-width: 150px;}
    .lang .dropdown-toggle,.breadcrumb {font-size:12px;}
    .page-bread h3 {font-size:14px;}
    .product-head .title {font-size:18px}
    .product-col .entry-wrapper a {font-size:14px;}
    .home-title h2 {
    font-size: 1.4rem;}
}

.home-container{ position: relative;margin-top: -60px;}
.navbar .dropdown-menu {box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);}
.widget-header .drop::after {color:#fff}
.form-feedback .btn {width:100%}
.home-features .row>*{ display: flex;}
.feature-wrapper{ display: flex;flex-grow: 1;align-items: center;padding:20px;border-radius: 16px;background:#fff;border: 1px solid #f6f6f6;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}

@media(max-width:992px) {
    .home-container{ top: 0;padding:40px 0 0}
    .feature-wrapper{ border-radius: 0;box-shadow: none;border-color: #eee;}
    .banner-simple, .swiper-slide-child {min-height:auto;}
}

/*#endregion*/
.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}
/*#region private policy*/
#privacy-policy {position: fixed;width: 90%;left: 5%;bottom: 10px;background: rgba(0, 0, 0, .3);backdrop-filter: blur(10px);z-index: 19;padding: 14px 14px 6px;border-radius: 8px;color: #fff;display: none;}
.privacy-wrapper{display: flex;justify-content: space-between;align-items: center;}
.privacy-content h2,.privacy-content h3,.privacy-content h4,.privacy-content h5,.privacy-content h6 { font-size: 18px; font-weight: 500;}
.privacy-content p{ font-size: 14px;}
.privacy-inner{padding-left: 40px;min-width: 250px;}
.privacy-inner .btn{ color: #fff;font-size: 16px;--bs-btn-border-radius:5px}
.btn-accept { background: var(--main-color);margin-right: 15px;}
.btn-decline{background:#000}
@media(max-width:992px) {
    #privacy-policy{ width: 100%;left: 0;bottom: 55px;border-radius: 0;}
    .privacy-wrapper{ padding-left: 0;}
}