/*#region reset*/
@font-face {font-family: "Roboto";src: url("/plugins/fonts/Roboto/Roboto-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Cario";src: url("/plugins/fonts/Cairo/Cairo-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Lato";src: url("/plugins/fonts/Lato/Lato-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-400.woff2') format('woff2');font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-500.woff2') format('woff2');font-weight: 500;font-display: swap}
.swiper-about-certificates {padding-bottom:3rem;}
:root {
    /*default: 16px #333 1.6*/
    --container-width: 1300px;
    --body-font-family: Roboto;
    --title-font-family: Cario;
    --body-color: #555;
    --body-line-height: 1.7;
    --body-bg-color: #fff;
    --main-color: #113E77;
    --sub-color: #dd2821;
    --banner-bg-color: #d3d3d3;
    --offcanvas-bg: #fff;
    --video-play-color: #dd2821;
    --inquiry-btn-bg-color: #113E77;
}
/*html,body {position: relative;height: 100%;}*/
.cus-fix {top: 100%; left: 0; margin-top: 0;padding:1rem; min-width:12rem;}
.swiper-about-certificates .swiper-button-next,.swiper-about-certificates .swiper-button-prev {background: #113e77;color: #fff; padding: 9px; top:43%;}
.swiper-about-certificates .swiper-button-next::after,.swiper-about-certificates .swiper-button-prev::after {font-size: 34px;}
.attr-wrapper{ position: relative;}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check+.btn{ border: 1px solid #f2f2f2;}
.btn-check:checked+.btn{ border: 1px solid #c42729;}
.dark {background:var(--main-color)}

.main-container{padding:50px 0}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}

.search-group{padding: 10px 15px;}
.search-group .form-control{border-radius: 5px 0 0 5px;background: #f2f2f2;padding: .25rem .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(--main-color);padding: .25rem .5rem;}

.header-top {padding:5px 0;background:#062d5d; color:#fff;}
.header-top a,.header-top i {color:#fff;}
.search-modal button {font-size:16px;}
.search-modal {}
.dropdown-menu {box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);}

/*#region top bar & menu*/
.header{ padding: 12px 0;color:#555;background: #f8f8f8;line-height: 1;}
.header a{color:#555}
.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;}
.lang .dropdown-menu{ z-index: 1021;}
.lang .dropdown-item{ color: #666; padding: 0.4rem 1rem;}

.dropdown.lang {padding-left:1rem;}
.dropdown.lang button {    background: #fff; border: none; padding: 5px 22px;  border-radius: 30px;}
.dropdown.lang .dropdown-menu {z-index:9999; box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);}
.dropdown.lang .dropdown-menu a {color:#666; }
.dropdown.lang .dropdown-menu a:hover {background:#eee;}

.navbar{width: 100%;top: 0;transition: transform ease 0.4s;}
/*.navbar .dropdown[data-bs-desktop] > .dropdown-menu {display: block;transition: all  0.6s ease-in;max-height: 0px;overflow: hidden}
.navbar .dropdown[data-bs-desktop]>.dropdown-toggle:hover+ .dropdown-menu{ max-height: 1000px;}*/
.navbar-brand{ padding: 12px 0;}
.navbar-brand>.img-fluid{ max-width: 142px;}
.navbar .nav-link {flex-grow: 1;padding: 0.5rem 1.25rem;text-transform: uppercase;color:#fff;}
.navbar-nav .dropdown-item:hover{ color: var(--main-color);}
.nav-quote{ margin-left:10px;background: var(--main-color);border-width: 0;color:#fff;font-size:14px;border-radius: 30px;padding: 5px 15px; }
.fixed-switch{transform: translateY(calc(-100% - 0px));}

/*.sticky-effect{ position: sticky}*/
.sticky-effect .navbar-brand>.img-fluid{ max-width: 120px;}
.sticky-effect{ background: transparent;}
@keyframes slidedown {
    0% {
        transform: translateY(-70px);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-effect{ position: fixed;width: 100%;top: 0px;background: var(--main-color);animation: slidedown 300ms linear;}
.fixed-effect1{transform: translateY(calc(-100% - 0px));}
@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;}
}
.slide-effect{ background: #000;}
.slide-effect .navbar-toggler .icon{color:#fff!important}
.slide-effect .logo{filter:initial!important}
.navbar.slide-effect  .nav-link{ color: #fff}
/*#endregion*/


/*swiper缩略图*/
.swiper-gallery-thumbs {padding: 10px 0;--swiper-navigation-size:18px;--swiper-navigation-color:#fff}
.swiper-gallery-thumbs .swiper-button-next,.swiper-gallery-thumbs .swiper-button-prev {width: 18px;height: 36px;background: #9F9F9F;}
.swiper-gallery-thumbs .swiper-slide {position: relative;border: 1px solid #f2f2f2;transition: border ease 0.2s;background-size: cover;background-position: center;}
.swiper-gallery-thumbs .swiper-slide-thumb-active { border-color:#E3524F;}
/*缩略图背景模式*/
.swiper-gallery-thumbs.background .swiper-slide{ height: 100px;}
/*购物车图标*/
.widget-cart{ position: relative;}
.widget-cart-header{padding: 12px;font-size: 18px;}
.cart-counter{ position: absolute;right:0;top:0;display: none;text-align: center;width: 20px;height: 20px;line-height: 20px;font-size: 12px;border-radius: 50%;background: var(--main-color);color: #fff;}

/*#region banner*/
.banner-simple.background,.swiper.background {height: 300px;}
@media(max-width:768px) {
    .banner-simple.background {height: 120px}
    .swiper.background{ height: 220px;}
}

/*以下项为图片带背景图显示标题和导航的设置。如不需要可删除*/
.overlay{background: rgba(0,0,0,0.2);}
.banner-nav{ display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;}
.banner-nav .title{margin-bottom:12px;text-transform: uppercase;font-weight: 700;font-size: 40px;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: var(--main-color);margin: 5px auto 0;}
.banner-nav .breadcrumb{font-size: 15px;}
.banner-nav .breadcrumb-item a{ color: #fff; }
@media(max-width: 576px) {
    .banner-nav{ height: 170px;}
    .banner-nav .title{ font-size: 16px;margin-bottom:0 !important; text-align:center;}
    .breadcrumb {font-size:12px !important; justify-content:center;}
    .banner-nav .title::after {margin:1px auto;}
}
/*以下项为首页banner背景模式时的设置，如不需要可删除*/
.home-banner {width: 100%;height: 500px;}
.home-banner video{ width: 100%;height: 100%;object-fit: cover;}
.bottom-contact {padding:4rem 0; background:var(--main-color); color:#fff;}
.bottom-contact h2 {font-size: 32px; line-height: 1.5em; font-weight:bold;}
.bottom-contact p {font-size:14px;}
.bottom-contact .btn-more {border:1px #fff solid; padding:.6rem 1.5rem; border-radius:40px;color:#fff;}
.bottom-contact .btn-more:hover {transform:scale(1.1)}

/*#endregion*/
.header-video-home {margin-top:-95px;}
.navbar>.container-fluid, .navbar>.container-xl {position:static;}
.pro-item-list {list-style:none; padding:0;}
.pro-item-list a {font-size: 14px;color: #717171;}
.pro-item-list a:hover {color:var(--main-color)}
.title-bod a {font-weight:bold; color:var(--main-color); font-size:18px;}
.pro-wide-menu {padding:3rem;}
.col-menu {width:13%;}
.col-menu-2 {width:26%;}
.col-menu-3 {width:12%;}

.home-video-flex {display:flex;}
.home-video-flex .hv-left {width:70%;position:relative;}
.home-video-flex .hv-left .mask {position:absolute; top:0;left:0;width:100%; height:100%;background:#000;z-index:1;opacity:0.5}
.home-video-flex .hv-right {width:30%; background:var(--main-color);}
.home-video-flex .hv-left video {width:100%; object-fit:cover; height:100%;}
.home-video-flex .hv-right section {color:#fff;padding:20% 10% 20% 10%;}
.home-video-flex .hv-right section h6 {font-size: 20px;}
.home-video-flex .hv-right section h2 {font-size: 46px;line-height: 60px;font-weight:bold;}
.home-video-flex .hv-right section p {margin-bottom:4rem;}
.home-video-flex .hv-right section .btn-more {background:#fff;color:var(--main-color); border-radius:50px;}

.section-3 {padding-top:3rem;}

.section-2 {padding-bottom:0;padding-top:3rem;}
.section-2 .top { position: relative; z-index:1; top: -125px;}
.section-2 section {padding:60px 60px 60px 60px; background:#fff;  border-radius:67px; box-shadow:0px 0px 17px 0px rgba(39.24904891304349, 77.53260419128074, 175.5, 0.22);}
.section-2 section h2 {font-size: 32px; font-weight:bold; font-size:32px; line-height: 1.5em;color:var(--main-color)}
.section-2 section h3 {font-size: 24px; font-weight:bold;}
.section-2 .tip a{color:var(--main-color)}
.section-2 section p {margin-bottom:3rem;}
.section-2 section .row a {border:#D5D5D5 1px solid; margin-bottom:1.5rem; transition:all ease 400ms; border-radius:42px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#D5D5D5; font-size: 15px; padding: 12px 24px; display:inline-block;}
.section-2 section .row a:hover {background:var(--main-color); color:#fff; border-color:var(--main-color)}

.home-title {text-align:center;}
.home-title h2 {font-size: 32px; line-height: 1.5em; font-weight:bold;}

.section-products {margin-top:2rem;}
.section-products h3 {font-size:24px; font-weight:bold; text-align:center;padding:1rem 0; margin-bottom:1rem;}
.section-products p {margin-bottom:1rem;font-size:14px; color:#000; }
.btn-more {border-radius:50px; transition:all ease 300ms;}

.section-3 .more {padding:3rem 0;}
.section-3 .more .btn {background:#fff; color:var(--main-color); padding:.6rem 2rem; border-color:var(--main-color); }
.section-3 .more .btn:hover {color:#fff; background:var(--main-color)}

.home-apply {padding:2rem 0;}
.home-apply h2,.home-news h2,.home-certificates h2 {text-align:center; font-size:34px;  margin-bottom:2rem;font-weight: bold;}
.home-apply h3 {font-size:24px;margin-bottom:7px;}
.home-apply p {font-size:18px; line-height:26px;}
.home-apply section {margin-bottom:1.6rem;text-align:left;}
.home-apply section h2 {font-size:16px;margin-bottom:0;text-align:left;}
.home-apply section ul {padding-left:0;}
.home-apply section li {font-size:14px;list-style:none;}

.choose-item {margin-bottom:5rem;}
.choose-item span {display:block; width:60px; height:60px; line-height:64px; margin-right:1rem; text-align:center;font-size:32px; border-radius:50px; background:#fb8e2c;color:var(--main-color)}
.choose-item h6 {font-size:18px; font-weight:bold;}
.choose-item-title {margin-bottom: 20px;}

.section-5 {padding-top:10rem;}
.section-5top {padding-top:8rem;}
.section-5 .player-btn {position: absolute !important; left: 50%;bottom: 50%;z-index: 1;transform: translate(-45px, 50px) scale(1) !important; width: 80px !important; height: 86px !important;}section-5top {padding-top:10rem;}
.section-5top h5 {margin-bottom:20px; font-size:24px; font-weight:bold; color:var(--main-color)}
.section-5top h2 { font-size: 32px; line-height: 1.5em;margin-bottom:20px; font-weight:bold; color:#000}
.section-5top .btn-more {background:var(--main-color); color:#fff; border-color:var(--main-color)}
.section-5top .btn-more:hover {transform:scale(1.1)}
.player-content {position:relative;}

.section-6 {background:url(../../images/bg-3-1.jpg) no-repeat; background-size:contain;}
.section-6 section {padding:15% 20% 15% 15%; background:var(--main-color); color:#fff; height:100%; margin:30px;}
.section-6 section h2 {font-size:32px; font-weight:bold;}
.section-6 section p {font-size:16px;margin-bottom:2rem;}
.section-6 section .btn-more {background:#fff; color:var(--main-color);padding:0.6rem 2rem;}
.section-6 section .btn-more:hover {transform:scale(1.1)}
.s6-top {padding-top:5rem;padding-bottom:5rem;}

.home-certificates {}
.home-certificates .title-font {}

/*#region page-title &summary*/
.page-title{display: flex;background-repeat: no-repeat;background-position: center center;background-size: cover;line-height: 1;}
.page-title .container-xl,.page-title .container-fluid{display: flex;justify-content: space-between;align-items: center;}
.page-title .title{margin-bottom: 0;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
@media(max-width:768px) {
    .page-title .container-xl, .page-title .container-fluid { flex-direction: column }
}
.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 600;}

.shrink-wrapper{ margin-bottom: 30px;}
.shrink-wrapper .text{position: relative;overflow: hidden;text-overflow: ellipsis;transition: height .2s;margin-bottom: 8px;}
.shrink-wrapper .text::after {position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;height: 30px;background: linear-gradient(0,#fff 0,rgba(0,0,0,0));opacity: 1;transition: opacity .2s;}
.shrink-wrapper .text.expand{ max-height: 100% !important;text-overflow: unset;}
.shrink-btn{ background: transparent;border-width: 0;font-size: 14px;text-transform: uppercase;color: #696969;min-width:80px}
.shrink-btn::before{ display: inline-flex;font-family: CmsFont;content: "\f10b";margin-right: 5px;transition: transform .2s ease-in-out;}
.shrink-btn.expand::before{transform: rotate(-180deg)}

/*横向导航菜单*/
.menu-horizontal{display: flex;justify-content:center;list-style-type: none;padding: 0;margin: 0;}
.menu-horizontal .nav-item{display: flex;flex-direction: column;padding: 0 10px}
.menu-horizontal .nav-link{display: flex;justify-content: center;align-items: center;text-align: center;background: #f6f6f6;padding: 10px 25px;}
.menu-horizontal-wrapper{margin-bottom: 30px;}
.menu-horizontal .nav-link:hover{color:var(--main-color)}
.menu-horizontal .nav-link.active{ background: var(--main-color);color: #fff;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ padding: 0;border-bottom: 1px solid #eee;}
    .menu-horizontal .dropdown-menu {position: static;}
    .menu-horizontal .dropdown-item {text-align: center;}
}
/*#endregion*/

/*横向列表式*/
.filter-wrapper{  display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.selected-wrapper{margin-bottom:20px}
.filter-wrapper .dropdown{ margin:0 5px 5px 0;}
.filter-wrapper .dropdown-menu{ border: 1px solid #f5f5f5;background: #fafafa;padding: 12px 10px;font-size: 14px;}
.filter-wrapper .dropdown-menu>li:hover{ color: var(--main-color);cursor: pointer}
.filter-wrapper .btn{background:#ECECEC;border-radius:0;padding:8px 15px;font-size:14px;}

.filter-wrapper .dropdown-menu a:hover{color:var(--main-color)}
.filter-wrapper label{ display: flex;align-items: center;}
.filter-wrapper label input{ margin-right: 5px;}
.filter-wrapper li{padding:4px 0;}

.select-item {display: inline-flex;align-items: center;line-height: 1;background: #F2F5FC;border: 1px solid #eeeeee;padding: 8px 8px;margin: 0 8px 0 0;font-size: 12px;}
.select-item b{font-weight: normal}
.select-item em{font-style: normal;color:#c82333}
.select-item::after {font-family: Cmsfont;content: "\f00e";margin-left: 5px;color: var(--main-color);}

/*纵向列表式*/
.filter-box{ padding: 15px;border-bottom: 1px solid #e7ebf7;}
.filter-box a:hover{color:#092E9F;}
.filter-box .title{ font-size: 14px;font-weight: 600;}
.filter-box .list-unstyled{ max-height: 160px;overflow-y:auto;font-size: 13px;scrollbar-width:thin}
.filter-box .list-unstyled li{ padding: 5px 0  0 25px;}
.filter-box label{ font-size: 13px;}
.filter-box input{ margin-right: 5px;}
    .filter-box .list-unstyled::-webkit-scrollbar {
        background: #F2F5FC;
        /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 100%;
    }
::-webkit-scrollbar-thumb{background:#092E9F}
    /*#region row&col item*/
    .item-row.product {
        margin-bottom: 40px;
    }


.main-title{font-family: var(--title-font-family); font-size: 30px;margin-bottom: 25px;color:var(--main-color)}

.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail::before{ opacity: 0.1;}
.product-row .entry-wrapper{padding: 0 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-text{ 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: var(--main-color);}
.product-col .entry-wrapper{ padding: 14px 8px;background: #f2f2f2;}
.product-col h3{ margin: 0;text-align:center; line-height:1.1;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0;}
.product-col .thumbnail-wrapper{ overflow: hidden;}


.article-col{margin-bottom:40px;background:#f9f9f9}
.article-col .entry-wrapper{padding: 20px 12px;}
/*.article-col:hover .thumbnail::before{ opacity: 0.1;}*/
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-family: var(--title-font-family);font-size: 16px;margin-bottom: 15px;transition: all ease-in 0.2s;}
.article-col .entry-title:hover{color:var(--main-color)}
.article-col .entry-text{ font-size: 15px;color: #666;line-height: 1.4;}


.article-row{margin-bottom:40px;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row:hover .thumbnail::before{ opacity: 0.2;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{font-size: 22px;margin-bottom:15px;}
.article-row .entry-title:hover {text-decoration:underline; text-decoration:underline;}
.article-row .entry-text{ color: #777;}
.article-row .more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .item-row .entry-title{ font-size: 16px;}
}


.pic-col{ margin-bottom: 1.75rem;border:1px solid #f2f2f2;transition: all ease 0.2s;}
.pic-col:hover{border:1px solid #ddd}
.pic-col .entry-wrapper{padding: 0.5rem 0.75rem;text-align: center;background: #eee;}
.pic-col .entry-title{ margin: 0;font-size:15px;}

.video-col{margin-bottom:24px;border: 1px solid #f6f6f6;overflow: hidden;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #777;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:15px;font-weight: 400;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.border{ border: 1px solid #e7e7e7;}
.widget{ margin-bottom: 30px;}
.widget-header{padding: 0.875rem;background: var(--main-color);color: #fafafa; margin-bottom:0.3rem;}
.widget-header .title{position:relative;font-size:20px;font-weight:500;color:#fff;margin: 0; }
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 12px 8px;}
.widget-collapse .menu-link:hover {color:var(--main-color)}
.widget-collapse .sub-menu .menu-link{ padding-left: 16px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.widget-collapse .menu-item.active .menu-link{ color:var(--main-color)}
.widget-collapse .drop:after{ font-family: cmsfont;content: "\f107";transition: transform .2s ease-in-out;color: #777;}
.widget-collapse .drop.collapsed:after{transform: rotate(-180deg);}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.media-article{ margin-bottom: 15px;}
.media-article img{ max-width: 90px;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:hover{ color: #C42729;transition: color ease 0.2s;}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:100px}
}

.media-product{padding:10px;margin-bottom:15px;border:1px solid #eee;}
.media-product:hover{ border-color: var(--main-color);transition: all ease 0.3s;}
.media-product img{ max-width: 85px;margin-right: 12px;}
.media-product .post-title{margin: 0;font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a:hover{ color: var(--main-color);transition: color ease 0.2s;}
.media-product .no{ margin: 5px 0 0;font-size: 12px;color:#8395a2;}
.media-product .more{margin: 5px 0 0;text-transform: uppercase;color:var(--main-color);font-size:12px;}
.media-product .more:after{font-family:cmsfont;content:"\f0da";padding-left:5px;}
.media-product .more:hover{color:var(--main-color);transition:all ease .2s;}
@media(max-width:992px) {
    .media-product img{max-width:100px}
}

/*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-container{margin-bottom: 1.5rem;border:1px solid #e9eef4}
.nav-tabs-product {background:#f2f2f2;justify-content:start;}
.nav-tabs-product .nav-link {padding:12px 28px;border-width: 0;background: #aaa;color: #fff;}
.nav-tabs-product .nav-link.active{ background: var(--main-color);color: #fff;}

.content-wrapper{ padding: 6px;}
.content-wrapper h2,.content-wrapper h3{font-size: 20px;font-weight: 500;color:#0c2e60}
.content-wrapper a{color:var(--main-color)}
.content-wrapper table thead th{ background: #777;color: #fff;font-weight: 500;}
.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;}*/


.post-nav{display: flex;justify-content: space-between;padding: 15px 20px;margin-bottom: 30px;background: #f2f2f2;line-height:1.5;font-size:14px;border-radius: 5px;}
.post-nav span{ font-weight: 500;}
.post-nav a:hover{color:var(--main-color)}
@media(max-width:768px){
    .post-nav{flex-direction: column}
    .post-nav .next{ margin-top: 8px;}
}

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

/*#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: 25px;background: #fff;--param-width: 160px; --param-padding: 6px;--param-color: #555;}
.product-head .entry-wrapper{}
.product-head .title {font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}
.product-summary{ font-size: 14px;margin-bottom: 10px;}
.product-summary p:not(:last-child){ margin-bottom: 8px;}
.product-param{ padding: 16px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.product-head .tag-wrapper{ padding: 8px 0;border-bottom: 1px solid #e5e5e5;font-size: 13px;}
.product-head .tag-wrapper a{display:inline-flex;padding:4px 6px;background: #eee;margin: 5px 5px 5px 0;font-size: 12px;border-radius: 6px;color: #333;}
.product-head .tag-wrapper a:before{ font-family: CmsFont;content: "\f02b";margin-right: 4px;}
.product-head .btn-inquiry{background: var(--sub-color);color:#fff;flex-grow: 1;}
.product-head .btn-inquiry:hover{background:var(--sub-color);}
.product-head .btn-addtocart{ background: #e8b62d;}
@media(max-width: 768px) {
    .product-head .entry-wrapper {margin-top: 20px; }
}
.attr-value-wrapper{ display: flex;flex-direction: row;flex-grow: 0;}
.attr-value-item{ display: flex;align-items: center;flex-shrink: 0;margin-right: 12px;background: #f2f2f2;border:1px solid #ccc}
.attr-value-item i{ font-style: normal; margin: 0 8px;font-size: 14px;}
.attr-value-img{ max-height: 40px;}
/*#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 {padding-top: 50px; color:#9C9C9C; font-size:14px;}
/*footer li{ padding: 3px 0;}*/
/*footer .row >[class*="col-"]{margin-bottom:20px;}*/
.footer-share .text {text-align:right}
.footer-share {padding:2rem 0;}
footer h4{color: #2A2A2A;font-size: 18px;margin-bottom:15px;font-weight: bold; }
footer li {padding:3px 0;}
footer a{color:#9C9C9C; font-size:14px;}
footer a:hover{ color: var(--main-color);}
footer .contact-info .icon{ margin-right: 5px;}
.footer-bottom {padding:1rem 0; background:var(--main-color); color:#fff;}
footer .footer-bottom{padding: 15px 0;font-size: 14px;text-align: center;}

/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8}
.company-wrapper .title {font-size: 28px;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title::after{display: block;content: "";margin-top: 10px;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}

.company-features {background: #f6f6f6;color: #666;padding: 60px 0;line-height: 1.7;}
.company-features .title{ font-size:28px;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .title::after{display: block;content: "";margin: 10px auto 0;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}
.company-features .entry-wrapper{ padding: 20px 0;}
.company-features .entry-title{ font-family: var(--title-font-family);font-size: 18px;font-weight: 600;color:var(--sub-color)}
.company-features .entry-content{ font-size: 14px;}
.company-features p{ margin-bottom: 0;}
@media(max-width:768px) {
    .company-wrapper .title{font-size:24px;}
    .company-features{ padding: 60px 0 40px;}
    .company-features .title{ font-size: 24px;}
}
/*#endregion*/
/*#region home page*/
.home-container{ position: relative;margin-top: -60px;}

.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) 0 5px 10px 0;}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}

.home-news {padding:2rem 0;}
.home-news-list {}
.home-news-list .news-thumb-card {display:block;}
.home-news-list .news-thumb-card img {width:100%;}
.home-news-list section {height:100%; -webkit-box-shadow:0 3px 6px 0 rgb(0 0 0 / 10%); box-shadow:0 3px 6px 0 rgb(0 0 0 / 10%);}
.home-news-list h3 {font-family:var(--fm);}
.home-news-list h3 a {color: var(--main-color); font-size: 20px;line-height: 22px; letter-spacing: .2px;}
.home-news-list h3 a:hover {text-decoration:underline;}
.home-news-list .news-thumb-text {padding:1rem;}
.home-news-list .news-thumb-text p {color: #5f5f5f;font-size: 16px;  line-height: 24px;}
.home-news-list .news-thumb-item {padding-left:1rem; padding-right:1rem;padding-bottom:6px;}
.home-news-list .news-thumb-item a {color:var(--main-color);font-size: 14px;}
.home-news-list .news-thumb-item a:hover {text-decoration:underline;}
.home-news-list .news-thumb-item time {font-size:12px; color:#999;}
.news-thumb-flex {flex-direction:column; justify-content:space-between;}
.news-box-height {height:100%;flex-direction: column;justify-content: space-between;}
.home-news .btn-more {background: #fff;color: var(--main-color);padding: 0.6rem 2.5rem; border-color: var(--main-color);margin-top:2rem;}
.home-news .btn-more:hover {background:var(--main-color); color:#fff;}

.home-certificates {padding:2rem 0;}

@media(max-width:1200px) {
    .home-video-flex .hv-right section h2 { font-size: 28px; line-height: 40px;}
    .icon-bars {color:#fff;}
    .section-4 .s4-flex .s4-item:nth-of-type(1) {width:29%;}
    .section-4 .s4-flex .s4-item:nth-of-type(2) {width:42%;padding:30px;}
    .section-4 .s4-flex .s4-item:nth-of-type(3) {width:16%;}
    .section-5 {background-size:contain !important;}
    .section-5top {padding-top:1rem;}
    .section-5top h2 {font-size:22px;}
    .section-6 section {margin:0;}
    .section-6 section {padding:3rem;}
}
@media(max-width:992px) {
    .home-video-flex .hv-right section h6,.home-video-flex .hv-right section h6 span {font-size:20px !important;}
    .home-video-flex .hv-left,.home-video-flex .hv-right {width:100%;}
    .home-video-flex .hv-right section {padding:1rem;}
    .home-video-flex {flex-wrap:wrap;}
    .section-6,.section-5 {background:none !important;}
    .section-6 section {margin-bottom:1rem; height:auto;}
    .home-container{ top: 0;padding:40px 0 0}
    .section-5 {padding-top:1rem;margin-top:0;}
    .section-5top .btn-more,.section-2 section p,.home-video-flex .hv-right section p,.choose-item {margin-bottom:1rem;}
    .s6-top {padding-bottom:0;padding-top:1rem;}
    .section-3 {margin-top:1rem;}
    .feature-wrapper{ border-radius: 0;box-shadow: none;border-color: #eee}
    .section-2 section {padding:30px;}
    .section-6 section p,.home-video-flex .hv-right section p {font-size:14px;}
    .home-title h2,.section-6 section h2 {font-size:24px;}
    .section-2 .top {top:0;}
    .section-2 img {display:none;}
    .footer-share {padding-top:0;}
    .header-top,.header-top a {font-size:12px;}
    .navbar-brand {padding:5px 0;}
}
@media(max-width:700px) {
    .navbar-brand>.img-fluid {max-width: 79px;}
    .home-video-flex .hv-right section h2 {font-size:22px;}
    .section-2 section h3 {font-size:18px;}
    .section-2 section p,.home-title p {font-size:12px;}
    .section-products h3 {margin-bottom:0;padding:.4rem 0; font-size:16px;}
    .home-apply h2, .home-news h2 {font-size:18px;}
    .header-top { padding:0; background: #062d5d; color: #fff;position: relative;z-index: 3;}
    .section-2 section .row a {margin-bottom:0.5rem; padding: 3px 14px;}
    .section-2 section h2 {text-align:center;}
    .product-col .entry-wrapper {padding:4px;}
    .product-col .entry-title {font-size:12px;}
    .widget-header .drop:after {color:#fff;}
    .widget-collapse .menu-link {padding:8px;}
    .product-head .title {font-size:18px;}
    .nav-tabs-product .nav-link {padding:5px 18px;}
    #form-feedback {margin-bottom:1rem;}
    .desc h2 {font-size:22px !important;margin-top:2rem;}
    .bottom-contact h2 {font-size:20px;}
    .bottom-contact {padding:2rem 0;}
        .bottom-contact p  {font-size:12px;}
    .footer-share,.footer-share .text {text-align:center;}
    .footer-share .text {padding-top:1rem;}
    article .title {font-size:22px;}
    footer {padding-top:2rem;}
    .pic-col {margin-bottom:0.75rem !important;}
    .section-3 .more {padding:1rem 0;}
    footer .footer-bottom {padding:8px 0; font-size:12px;}
}

    /*#endregion*/