@font-face {font-family: 'Lato';src: url('../images/Lato-Regular.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: 'Montserrat';src: url('../images/Montserrat-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap}
@font-face {font-family: "Montserrat";src: url("../images/Montserrat-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}
:root {
    --theme-font: Lato;
    --title-font: Poppins;
    --main-color: #678e2d;
    --sub-color: #edbd1c;
}
body {line-height: 1.7;color: #444;}
a{color:#666;}
@media(min-width:1366px) {
    .container-xl {max-width: 1320px} 
}
.main-container{ padding: 60px 0;}
@media(max-width:768px) {
    .main-container{ padding-top: 40px;padding-bottom: 0;}
}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.form-feedback .btn{color: #777;color: #fff;background:var(--sub-color);font-size:16px;padding:.5rem 0.75rem;transition:all ease .2s;max-width:300px;border-radius:5px;}
.form-feedback .btn:hover{background:var(--main-color);}
.form-feedback .form-control{ border-color: #eee;font-size:16px;padding: .5rem .75rem;}
.search-group{max-width:320px;margin-bottom:20px;}
.search-group .form-control{border-radius: 5px 0 0 5px;background: #fff;padding: .5rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 5px 5px 0;color: #fff;background: var(--sub-color);padding: .5rem .75rem;}
@media(max-width:991px){
    .search-group{max-width:100%;}
}

/*#region navbar&top*/
.header{ top: 0;background:#f2f2f2;color: #555;font-size:14px;overflow:hidden;}
.header a{color:#fff}
.header a:hover{ color: #666;}
.header .split{ margin: 0 12px;color:#fff;}
.header .icon{margin-right: 0.25rem;color:#fff;}
.header .top-left{display:flex;position:relative;}
.header .top-left .box{display:flex;align-items:center;z-index:1;}
.header .top-left::after{content:"";width:1000px;height:100%;background-color:var(--sub-color);position:absolute;right:0;top:0;z-index:0;}
.header .top-right{display:flex;align-items:center;justify-content:flex-end;padding:6px 0;}

.bg-white{background:#fff;padding:10px;border-radius:5px;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.navbar{top: 0;z-index: 100;background:transparent;margin-bottom:-120px;margin-top:40px;}
.navbar-inside{margin:0;background:#fff;padding:10px 0;}
.navbar-nav .nav-link {flex-grow: 1;padding: .5rem 2rem;text-transform: uppercase;justify-content: center;font-weight: 500;color:#000;}
.navbar-nav .nav-item:last-child .nav-link{background:var(--sub-color);color:#fff;padding:.1rem 1rem;font-weight:600;border-radius:5px;}
.navbar-nav .nav-item:first-child .nav-link:before{ display: none;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus {color: var(--sub-color)}
.navbar-nav .nav-link.active {color: var(--sub-color)}
.navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;font-size: 15px;}
.navbar-nav .dropdown-item:hover{ color: #0f68bb;}
.navbar-brand{ padding: 0;}
.navbar-brand>.img-fluid{ max-height: 50px;margin-right: 0;padding-left:20px;}
@media(max-width:1200px) {
    .bg-white{border-radius:0;box-shadow:initial;padding:10px 0;}
    .navbar{margin:0;}
    .navbar-nav .nav-link{ padding: 0.5rem 1rem;}
    .navbar-nav .nav-link:before{ content: none;}
    .navbar-nav .dropdown-menu{ width: 100%;background: transparent;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
/*.offcanvas-menu{ background: #009fe3;}*/
.offcanvas-title{font-size:20px;}
.offcanvas-menu .nav-item{border-bottom: 1px solid #f2f2f2;padding: 0 8px;}
.offcanvas-menu .nav-item.active{background:#f2f2f2;}
.offcanvas-menu .nav-link{ padding-top: 10px;padding-bottom: 10px;}
/*#endregion*/
/*#region banner*/
.inner-content{ background: rgba(0, 0, 0, 0.1);padding: 2rem;border-radius: 1rem;text-align: left;color: #f2f2f2;font-size: 20px;}
.inner-content h3{font-size:36px;color:var(--sub-color);font-weight:bold;margin-bottom:20px;}
.inner-content h2{font-size:48px;font-weight:bold;margin-bottom:30px;}
.banner .overlay{background: rgba(0,0,0,.2);}
.banner-nav{ padding: 150px 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: #fff;margin: 15px auto 0;}
@media(max-width: 768px){
    .inner-content{padding:20px 5px;}
    .inner-content p{display:none;}
    .inner-content h2{font-size:24px;margin-bottom:0;}
    .inner-content h3{font-size:18px;margin-bottom:10px;}
}
@media(max-width: 576px) {
    .banner-nav{ padding-top: 70px;padding-bottom: 70px;}
    .banner-text{ display: none;}
    .banner-nav .title{font-size:1.5rem}
}
/*#endregion*/
/*#region page-title & page-summary*/
.page-title{padding: 20px 0;background: #F7F7F7;line-height: 1;}
.page-title .breadcrumb{ text-transform: uppercase;font-size: 14px;}
.page-summary{line-height: 1.6;margin-bottom: 35px;font-size: 15px;color:#666;}
.page-summary .shrink-wrapper{ background: #f7f7f7;padding:20px;}
.page-summary p{ margin-bottom: 0;}
/*#region row&col item*/
.article-row{padding:20px 0;border-bottom:1px dashed #ddd;}
.article-row:nth-child(1){padding-top:0;}
.article-row .thumbnail:hover:before{ opacity: 0.1;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-meta:before{content:"\f073";font-family:FontAwesome;color:var(--main-color);padding-right:8px;}
.article-row .more{color:var(--main-color);font-size:12px;transition:all ease .2s;}
.article-row .more:after{content:"\f0da";font-family:FontAwesome;padding-left:5px;}
.article-row .more:hover{color:var(--sub-color);}
.article-row .entry-title{ font-family: var(--title-font);font-weight: 600;font-size: 16px;margin-bottom:15px;}
.article-row .entry-title a{color:#222;transition:all ease .2s;}
.article-row .entry-title a:hover{color:var(--sub-color);}
.article-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .article-row .entry-title{ font-size: 20px;}
}

.article-col{margin-bottom:30px;}
.article-col:hover .entry-thumbnail:before{ opacity: 0.2;}

.article-col .entry-wrapper{ padding:15px 0;}

.article-col .entry-meta{padding-bottom: 5px;font-size:14px;color:var(--main-color);}

.article-col .entry-title{ font-size: 20px;margin-bottom: 8px;font-weight:600;}
.article-col .entry-title a{color:#000;transition:all ease .2s;}
.article-col .entry-title a:hover{color:var(--sub-color);}

.article-col .entry-content{ color: #9e9e9e}
.article-col .date{position:absolute;background:var(--sub-color);color:#fff;bottom:0;left:10px;width:60px;height:70px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;font-size:.875rem;}
.article-col .date strong{font-size:1.8rem;}
.article-col .read-more{padding:10px 0;border-top:1px solid #e5e5e5;font-size:.875rem;font-weight:600;display:flex;justify-content:space-between;}
.article-col .read-more i{font-size:1.2rem;}
.article-col .read-more a:hover{color:#C42729;}
@media(max-width:768px) {
    .article-col{margin-bottom:10px;}
    .article-col .entry-wrapper{padding:10px 15px}
    .article-col .read-more{padding:15px 20px;}
}

.product-row{margin-bottom:60px;}
.product-row:hover .entry-thumbnail:before{ opacity: 0.2;}
.product-row .entry-wrapper{padding: 40px 20px 20px 20px;height:100%;}
.product-row .entry-title{margin-bottom:30px;font-size:32px;}
.product-row .entry-title a{font-weight:bold;color:#000;}
.product-row .read-more{padding:10px 30px;background:var(--main-color);color:#fff;border-radius:30px;transition:all ease .2s;}
.product-row .read-more:hover{background:var(--sub-color);}
.product-row .entry-content{ color: #888;margin-bottom:30px;}
@media(max-width:991px) {
    .product-row .entry-wrapper{ padding: 0 0 20px 20px;}
    .product-row .entry-title{ font-size: 24px;margin-bottom:20px;}
}
@media(max-width:768px){
    .product-row .entry-wrapper{padding:20px 0 0 0;}
}

.product-col{ margin-bottom: 25px;transition: all ease 0.4s;}
.product-col .thumbnail{border:1px solid #eee;}
.product-col .entry-wrapper{padding: 14px 8px;flex-grow: 1;}
.product-col .entry-wrapper a:hover{color:var(--main-color);}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0px;}

.img-col{}
.img-col .entry-title{ margin: 0;font-size:16px;background:#f6f6f6;padding: 0.875rem 0.75rem;text-align: center;}
.img-col .entry-title a:hover{color:var(--main-color);}

.cert-col a{border:1px solid #dfdfdf;}
.cert-col .entry-title{padding: 8px 5px;text-align: center;}

.case-col a{background:#000;}
.case-col img{opacity:.5;transition:all ease .2s;}
.case-col:hover img{opacity:1}

.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;}

.faq-row{ margin-bottom: 1rem;}
.faq-row .entry-title{ background: #f6f6f6;font-family: Raleway;font-size: 1rem;font-weight: 400;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer;transition: all ease 0.2s;}
.faq-row .entry-title:hover{ background: #f2f2f2;color:#A46529;}
.faq-row .entry-wrapper{ padding: 1rem;border: 1px solid #eee;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}
@media(max-width:768px) {
    .faq-row .entry-title{font-size:1rem;}
}
/*#endregion*/
/*#region sidebar*/
.sidebar {}
.widget{ margin-bottom: 30px;}
.widget-header{border-bottom:1px solid #e5e5e5;background:var(--sub-color);position:relative;border-radius:5px 5px 0 0}
.widget-header:before{content:"\f0c9";font-family:FontAwesome;color:#fff;position:absolute;right:15px;font-size:20px}
.widget-header .title{font-family:var(--title-font);font-size:20px;font-weight:700;color:#fff;margin: 0;padding:12px 10px;text-transform:uppercase;}
.widget-header .drop:after{color:#fff;}
.widget-header2{margin-bottom:20px;}
.widget-header2 .title{font-family:var(--title-font);font-size:20px;font-weight:700;margin:0;;text-transform:uppercase;}
.widget-header2 .title:before{content:"\f009";font-family:FontAwesome;color:var(--sub-color);padding-right:10px;}
.widget-collapse{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 12px 8px;color:#444;display:flex;justify-content:space-between;transition:all ease .2s;}

.widget-collapse .menu-link:hover{color:var(--sub-color);padding-left:20px;}
.widget-collapse .menu-item.active .menu-link{color:var(--sub-color);font-weight:bold;}
.widget-collapse .drop{color: #333;}

.widget-collapse .sub-menu .menu-link{padding-left:25px;}

@media(max-width:768px) {
    .sidebar{margin-top:30px;}
    .widget-header{ margin-bottom: 0;}
    .widget-header:before{content:"";}
}
@media(max-width:768px) {
    .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;padding:10px 0;margin-bottom:15px;border-bottom:1px solid #eee;}
.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:var(--main-color)}
.media-product .more{color:var(--sub-color);font-size:12px;transition:all ease .2s;}
.media-product .more:after{content:"\f0da";font-family:FontAwesome;padding-left:5px;}
.media-product .more:hover{color:var(--main-color);}
.media-product p{font-size:14px;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}
/*#endregion*/

/*#region category index & cateogyr summary*/
.category-wrapper{}
.category-title{padding:18px 15px;;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-family: var(--title-font);font-weight: 600;font-size: 20px;margin-bottom: 0;text-transform: uppercase;}
.category-title h3 a{color:#002A53}
.category-wrapper .more{ text-transform: uppercase;color:#1367af;font-weight: 500;}
@media(max-width:768px){
    .category-title h3{font-size:16px;}
}

/*#endregion*/

/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;padding:20px 0;}
.content-wrapper h1{font-size: 24px;;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h2{ font-size: 22px;}
.content-wrapper h3{ font-size: 20px;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table p{margin-bottom:.2rem;}
.content-wrapper table th,.content-wrapper table td {padding: 0.8rem;vertical-align: middle;border: 1px solid #dee2e6;}
.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:#fff;display:flex;justify-content:center;border-bottom:1px solid rgba(0,0,0,.1);}
.content-wrapper .nav-link{ padding: 10px 60px;border:0;}
.content-wrapper .nav-tabs .active{ font-size: 20px;text-transform: uppercase;font-weight: 600;color:var(--sub-color);border-bottom:2px solid var(--sub-color) !important;}

.content-wrapper.product{padding:0;}
.content-wrapper.product .content{padding: 1.5rem 0;}
.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: left;margin-bottom:20px;}
.content-wrapper header span{ }
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777;}
.content-wrapper.article .title{ font-family: var(--title-font);color: #000;font-size: 30px;font-weight: 600;margin-bottom:8px;}
.content-wrapper.article .summary{font-size: 1rem;color: #777;}
.content-wrapper.article .summary:before{content:"\f073";font-family:FontAwesome;color:var(--main-color);padding-right:8px;}
@media(max-width:768px) {
    .content-wrapper{margin-bottom:0;}
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:1.5rem 1rem;}
}

.share-box{ display: flex;justify-content: space-between;padding: 15px 15px;background: #f8f8f8;margin: 15px 0;}
.share-box .share{display:flex;;align-items:center;text-transform: uppercase;}
.share .social>span{background:#eee !important;color:#999 !important;transition: all ease 0.3s;}
.share .social>span:hover{background:#a46529 !important;color:#fff !important;}
.share .share-title{font-size:16px;margin-right:15px;font-weight:300;}
@media(max-width:768px){
    .share{flex-direction:column;justify-content:center;margin-bottom:20px;}
    .share .share-title{margin-bottom:0.5rem;}
}
.post-navigation{display:flex;; line-height:1.5;font-size:1rem;align-items:center;}
.post-navigation a{padding:5px 0;line-height:1;display:flex;align-items:center;text-transform:uppercase;}
.post-navigation i{font-weight:500;font-size:1.25rem;}
.post-navigation .nav-prev{padding-right: 10px;border-right: 0.5px solid #f7f7f7;}
.post-navigation .nav-prev .icon{ margin-right: 5px;}
.post-navigation .nav-next{padding-left: 10px;}
.post-navigation .nav-next .icon{ margin-left: 5px;}
@media(max-width:768px){
    .post-navigation{justify-content:center;}
}

.layout-wrapper{ background: #fafafa;padding:30px 16px;border: 1px solid #f5f5f5;}
.layout-wrapper .title{ position: relative;font-family: var(--title-font);font-size:26px;font-weight: 600;margin-bottom: 25px;padding-bottom: 15px;}
.layout-wrapper .title:after{ position: absolute;bottom: 0;display: block;content: "";width: 70px;height: 3px;background: #009fe3;}

.page-link{padding: .5rem 0.875rem;color:#666;}
.page-link:hover{color:var(--sub-color);}
.page-item.active .page-link {color: #fff;background-color: var(--sub-color);border-color: var(--sub-color);}


/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .title {font-family: var(--title-font);font-size: 22px;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: 120px;padding: 4px 0;}
.product-param dd{flex-basis: calc(100% - 150px);padding: 4px 0 4px 10px;color: #666;}

.cart-wrapper{ display: flex;margin-top: 25px;}
.button{ display: block;cursor: pointer;padding: 8px 20px;text-transform: uppercase;}
.button.icon{ margin-right:5px;}
.button.btn-inquiry{ text-align: center;background: linear-gradient(to right, #C42729, #f25226, #C42729, #f25226);color:#fff;border-radius:5px; }
.button.btn-addtocart{ background: #e8b62d;border: 0;color: #fff;}

.product-message .text{margin-bottom:20px;}
/*#endregion*/


/*#region footer*/
footer {padding-top: 60px;background: url(../images/foot_bg.jpg) no-repeat center;background-size:cover;color:#fff;}
footer a{ color: #fff;transition: all ease 0.2s;}
footer .foot-brand{text-align:center;padding-top:15px;}
footer .foot-brand p{font-size:14px;}
footer .foot-brand .img-fluid{padding:10px;}
footer .title{position: relative;font-family: var(--title-font);font-size: 22px;padding:15px 0;margin-bottom:20px;font-weight: 600;color: #f2f2f2;border-bottom:4px solid rgba(255, 255, 255, 0.03);}
footer .title:after{ position: absolute;bottom: -4px;display: block;content: "";width: 40px;height: 4px;background: var(--main-color);border-radius: 2px;}
footer a:hover{ color: var(--sub-color);}
footer .contact li{margin:10px 0 0;}
footer .category{ margin-bottom: 0;}
footer .category li{ padding: 3px 0;}
footer .category a:before{font-family: FontAwesome;content: "\f112";margin-right:5px;}
footer .footer-bottom{text-align: center;padding:15px 0;margin-top:40px;color: #fff;border-top:1px solid #4d4f54;}

@media(max-width:768px) {
    footer .footer-bottom{margin-top:20px;}
}

/*#endregion*/
/*#region company page*/

.company-container{padding-top:60px;}
.company-wrapper{padding:0 12px;}
.company-title{ position: relative;font-weight: 600;font-size:2rem;text-transform: uppercase;font-family: var(--title-font);padding-bottom: 15px;margin-bottom: 30px;}
.company-title:after {display: block;content: "";width: 80px;height: 2px;background-color:var(--sub-color);margin-top: 12px;}
.company-wrapper .summary{ margin-bottom: 30px;color:#707070;line-height: 1.7;}
.company-wrapper .summary strong{color: #222;margin-bottom: 20px;}

.company-wrapper .counter{background:#fff;box-shadow: 0 0 35px rgba(0,0,0,.15);z-index:1;position:relative;text-align: center;}
.company-wrapper .counter>.col{ padding-top: 20px;padding-bottom: 15px;border-right: 1px solid #ddd;}
.company-wrapper .counter>.col:last-child{border-right-color: transparent;}
.company-wrapper .counter .count{font-family: var(--title-font);font-weight:bold;color:var(--sub-color);font-size:2.25rem;}
@media(max-width:1400px) {
    .company-wrapper .counter .count{font-size:1.8rem;}
}
@media(max-width:991px) {
    .company-container{padding-top:40px;}
    .company-wrapper{ padding: 0 0 30px 12px;}
    .company-title{ font-size: 1.6rem;margin-bottom:15px;}
    .company-wrapper .counter{margin-right:0;font-size: 14px;}
    .company-wrapper .counter .count{font-size:1.5rem;}
}

.history-wrapper{margin-bottom:40px;}
.history-wrapper .title {font-family: var(--title-font);text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.history-wrapper .title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #01b9e6;border-radius:2px;}
.history-item{ display: flex;display: -ms-flexbox;align-items: center;flex-grow: 0;}
.history-item .year{position: relative;flex-basis: 130px;flex-shrink: 0;font-family: Montserrat;font-size: 20px;font-weight: 600;color:var(--sub-color);padding:16px 20px;text-align: center;align-items: center;}
.history-item .year:before{position:absolute;z-index:2;top:24px;right: -8px;content:"";width:16px;height:16px;border-radius:16px;background:#999999;border:3px solid #ddd;transition:all ease .2s;}
.history-item .summary{position: relative;color:#666;transition:all ease .2s;border-left:1px solid #ddd;padding: 24px 30px;}
.history-item:hover .year:before{top:20px;}
@media(max-width:768px) {
    .history-item .year{flex-basis: 100px;}
}
/*#endregion*/
/*#region contact page*/
.contact-wrapper{text-align:center;padding:80px 0;position:relative;}
.contact-wrapper:before{content: "";background: linear-gradient(180deg, rgba(0,0,0,0) 10%, #f2f2f2 90%);position: absolute;left: 0;bottom: 0; width: 100%;height: 60%;z-index: -3;}
.contact-wrapper .box p{color:#727272}
.contact-wrapper .box .icon-box{position:relative;display:inline-block;margin-bottom:30px;}
.contact-wrapper .box .icon-box:before{content:"";position:absolute;width:50%;height:50%;left:25%;bottom:25%;border-radius:100%;position:absolute;border:1px solid #fde18c;transition:all ease .5s;z-index:-1;}
.contact-wrapper .box:hover .icon-box::before{width:140%;height:140%;left:-20%;bottom:-20%;}

.contact-wrapper .box .fa{font-size:50px;display:inline-block;color:var(--sub-color);position:relative;display:inline-block;padding:25px;}
.contact-wrapper .box .fa:after{content:"";width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: -1;border-radius: 30%;background:#fff;transform: rotate(45deg);transition:all ease .5s;box-shadow: 0 -3px 7px 0 rgba(0,0,0,0.07);background: #fff;}
.contact-wrapper .box .fa:before{transform:rotateY(45deg)}
.contact-wrapper .box:hover .fa::after{border-radius:100%;width:106%;height:106%;top:-3%;left:-3%;}

.contact-wrapper .box .entry-title{font-family:var(--title-font);font-weight:600;font-size:1.2rem;margin-bottom:20px;color:#333;text-transform: uppercase;}
.contact-wrapper .box .entry-wrapper{box-shadow: 0 5px 27px rgba(0,0,0,.09);padding:60px 20px 20px;margin-top:-50px;position:relative;z-index:-2;transition:all ease .5s;background:#fff;}
.contact-wrapper .box:hover .entry-wrapper{box-shadow: 0 5px 27px rgba(0,0,0,.05);}
.contact-wrapper a{ color: #111 !important;font-size:18px;font-weight: 500;}

.inquiry-wrapper{padding:80px 0;}
.message-wrapper{border:5px solid #f2f2f2;padding:40px;}
.message-wrapper .title{font-family:var(--title-font);color: #222;font-size:2.5rem;font-weight:600;}
.message-wrapper .text{color:#999;margin-bottom:20px;}

@media(max-width:991px){ 
    .contact-wrapper{padding:40px 0 20px;}
    .contact-wrapper .box{ border-bottom: 1px solid #e6e6e6;margin-bottom:25px;}
    .contact-wrapper .entry-title{margin-bottom:15px;}
    .inquiry-wrapper{padding:40px 0 0;}
    .inquiry-wrapper h4{font-size:2rem;}
    .message-wrapper{padding:20px;}
    .message-wrapper .title{font-size:1.6rem;}
}

/*#endregion*/
.bg-gray{background:#f2f2f2;}

#faq-page .card{ margin-bottom: 1rem;}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}
/*home page*/
.home-title{text-align:center;margin-bottom: 100px;}
.home-title h2{font-size:50px;margin-bottom:0;font-weight:600;color:#000;}
.home-title span{font-size:14px;color:var(--main-color);}
.home-more{display:inline-block;color:var(--sub-color);padding:3px 0;border-bottom:2px solid var(--sub-color);transition:all ease .2s;font-size:20px;}
.home-more:hover{color:var(--main-color);border-color:var(--main-color);}
@media(max-width:1400px) {
    .home-title{margin-bottom:60px;}
    .home-title h2{font-size:40px;}
} 
@media(max-width:991px){
    .home-title{margin-bottom:40px}
    .home-title h2{font-size:32px;}
}

.home-case{padding:120px 120px 80px;}
.home-case .entry-wrapper{padding:40px 15px 15px;}
.home-case .entry-title{position:relative;font-size:28px;margin-bottom:20px;padding-bottom:10px;}
.home-case .entry-title a{color:#000;}
.home-case .entry-title:after{position:absolute;z-index:1;display:block;bottom:0;content:"";width:110px;height:3px;background:var(--sub-color);}
.home-case .entry-title:before{position:absolute;z-index:2;bottom:0;display:block;content:"";width:60px;height:3px;background:#333}
.home-case .entry-content{line-height:1.8;margin-bottom:35px;}
.home-case .more{color:#333;padding:8px 40px;border:2px solid #333;display:inline-block;transition:all ease .2s;}
.home-case .more:hover{background:var(--sub-color);color:#fff;border-color:var(--sub-color);}

.home-case .swiper-nav{display:flex;position:absolute;right:0;left:0;display:flex;z-index:2;bottom:0px;margin-left:53%;}
.home-case .swiper-button-prev-custom, .home-case .swiper-button-next-custom {display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;background: #9F9F9F;color: #fff;font-size: 22px;cursor: pointer;transition:all ease 0.2s;}
.home-case .swiper-button-prev-custom{margin-right:30px;}
.home-case .swiper-button-prev-custom:hover,.home-case .swiper-button-next-custom:hover{background:var(--main-color)}
.home-case .swiper-button-prev-custom:before, .home-case .swiper-button-next-custom:before {font-family: FontAwesome;}
.home-case .swiper-button-prev-custom:before{content:"\f104"}
.home-case .swiper-button-next-custom:before{content:"\f105"}
@media(max-width:1400px) {
    .home-case{padding:80px 0 60px;}
    .home-case .entry-wrapper{padding:15px;}
}
@media(max-width:991px) {
    .home-case{padding:40px 0 20px;}
    .swiper-category .entry-wrapper{padding:20px 0 70px;}
    .swiper-category .swiper-nav{bottom:5px;margin-left:0;justify-content:center;}
}

.home-product{padding:80px 0 0;} 
.home-product>.container-fluid{}
.home-product .product-row{margin-bottom:140px;}
.home-product .product-row .entry-wrapper{padding:120px 20% 50px 50px;}
.home-product .order-lg-first .entry-wrapper,.home-product .order-first .entry-wrapper{padding:120px 50px 50px 20%;}
.home-product .product-row .home-more{color:var(--main-color);border-color:var(--main-color);}
.home-product .product-row .home-more:hover{color:var(--sub-color);border-color:var(--sub-color);}

@media(max-width:1400px) {
    .home-product .product-row .entry-wrapper{padding:30px;}
    .home-product .product-row{margin-bottom:80px;}
}
@media(max-width:991px) {
    .home-product{padding:40px 0 0;}
    .home-product .product-row .entry-wrapper{padding:20px;}
    .home-product .product-row{margin-bottom:30px;}
}

.home-about{padding:60px 0;}
.about-wrapper{padding:80px 20% 30px 50px;}
.about-wrapper .title{font-size:48px;font-weight:bold;color:#000;margin-bottom:20px;}
.about-wrapper .content{padding-bottom:20px;line-height:1.8;}
.about-wrapper .content p{margin-bottom:10px;}
.about-wrapper .content h3{margin-bottom:15px;line-height:1.8}

.home-vr{padding:60px 0 100px;}
.vr-wrapper{padding:100px 80px 30px 20%;}
.vr-wrapper .title{font-size: 48px;font-weight: bold;color: #000;margin-bottom: 20px;}
.vr-wrapper .title a{color:#000;}
.vr-wrapper .content{color:#000;}
.vr-wrapper .content strong{font-size:18px;}

@media(max-width:1400px) {
    .about-wrapper{padding:20px;}
    .vr-wrapper .title{font-size:28px;}
    .about-wrapper .title{font-size:28px;}
    .vr-wrapper{padding:20px;}
}
@media(max-width:991px){
    .home-vr,.home-about{padding:20px 0;}
}

.home-quote{background:url(../images/quote_bg.jpg) no-repeat center;background-size:cover;text-align:center;padding:80px 0;color:#fff;}
.home-quote h4{font-size:30px;}
.home-quote strong{color:var(--sub-color);font-size:34px;padding-left:10px;}

.home-contact {padding:100px 0 60px;}
@media (max-width: 1400px) {
    .home-contact{padding:60px 0 40px;}
}
@media (max-width: 991px) {
    .home-quote{padding:30px 0;}
    .home-quote h4,.home-quote strong{font-size:24px;}
    .home-contact {padding: 40px 0}
}
.contact-wrapper2{padding-top:30px;}
.contact-wrapper2 .title{font-family: var(--title-font);font-size: 2rem;margin-bottom: 1rem;color:#000;font-weight: 700;text-transform: uppercase}
.contact-wrapper2 .share-item{ margin-top: 20px;}

.contact-item{ display: flex;display: -ms-flexbox;padding: 24px 0;border-bottom:1px solid #e5e5e5;align-items: center;color:#555;}
.contact-item h3{ font-family: var(--title-font);font-size:20px;}
.contact-item p{margin:0}
.contact-item .icon{ font-size: 30px;color: var(--main-color);margin-right: 25px;}
.contact-item a:hover{color:#C42729}
.feedback-wrapper {padding: 50px 60px;margin-left: 30px;background-color: #fff;box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12)}
.feedback-wrapper .title{ font-family: var(--title-font);font-size:30px;color:#000;}

@media(max-width:1400px){
    .feedback-wrapper{padding:30px 40px;}
}
@media(max-width:991px) {
    .contact-wrapper2 .title{font-size:1.6rem;}
    .contact-item{ padding: 15px 0;}
    .feedback-wrapper .title{font-size:24px;}
    .feedback-wrapper{ margin-left: 0;margin-top: 40px;padding: 0px;box-shadow: none;}
}

.gallery-container{padding-top:40px;}
.gallery-container2{ padding: 0 40px 40px;text-align: center;}
@media(max-width:1400px) {
    .gallery-container2{padding:0;}
    .gallery-container{padding-top:20px;}
}
.gallery-container3{margin-bottom:40px;}

.swiper-gallery{--swiper-navigation-size:24px;--swiper-theme-color:#f2f2f2;align-items: stretch;}
.swiper-gallery .swiper-button-prev,.swiper-gallery .swiper-button-next{width:44px;height:44px;background: rgba(0,0,0,.6);transition: all ease 0.3s;border-radius:3px;top:45%;}
.swiper-gallery .swiper-button-prev:hover,.swiper-gallery .swiper-button-next:hover{background: var(--sub-color);color: #fff;}


.nb-icon-inner-wrap,.nb-icon-wrap{ display:none !important;}

.product-search .main-title{margin-bottom:25px;font-size:24px;}


@media(min-width:991px) {
.product-thumb img{
width:550px !important;   
max-width:550px !important;
height:400px !important;   
max-height:400px !important;
}
}


/*首页视频*/
.video {
    position: relative;
}

.video::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
}

/*视频方案弹框*/
.mask__2{
  position: fixed;
  width: 100%;
  height: 0%;
  background-color: rgba(0,0,0,0.5);
  left: 0;
  top: 0;
  z-index: 888;
  transition: all 1s ease;
}


.mask_open{
  height: 100%
}

.video_container{
  position: fixed;
  width: 1200px;
  height: 675px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s ease;
  z-index: 99999999;
  background-color: #fff;
}

.video_img{position: relative;cursor: pointer;}




.video_button{background-size:cover;background-position:center;background-repeat:no-repeat;position: absolute;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;height: 80px; width: 80px;z-index: 9;}
.status{display:none;}
.left, .right {fill: #FFF;transition: all .5s;}
path{pointer-events:all;transition:all .8s ease;}















.video_show{
  transform: translateY(0%);
  opacity: 1;
}

.video_container iframe{
    width: 100%;
    height: 100%;
    object-fit: fill;

}

#close{
  position: absolute;
  right: -40px;
  top: -10px;;
  font-size: 34px;
  color: #fff;
  cursor: pointer;
}