﻿/*#region reset*/
body {
    font-family: Poppins;
    /*background: #F5F7FA*/
}
.layout-wrapper {
    background: #F2F2F2;
    padding: 15px;
    margin-bottom: 1.5rem;
}
.layout-wrapper img{
	max-width:100%;
    height:auto;
}
/*.container-xl {max-width: 1300px;}*/
.top{ border-bottom: 1px solid #EB8F0A;padding: 5px 0;color: #777;}
.top a{ color: #777;}

/*#region banner*/
.totop {
    display: flex;
    display: -ms-flexbox;
    position: fixed;
    bottom: 100px;
    display: none;
    right: 0px;
    background: rgba(37, 40, 45,0.6);
    color: #fff;
    padding: 6px 12px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/*#endregion*/
.search{background:#f3f3f3;border-radius:15px;padding-left:1em;}
.search input{border:none;background:#f3f3f3;height:2em;margin-top:4px;}
.top .input-group-sm > .form-control,.top .input-group-sm > .input-group-append > .btn{ font-size: 0.75rem;}
.top .input-group{width:12em!important}
.header{ background: #fff;}
.navbar-brand{ padding: 0.75rem 0;}
.navbar-custom{background:#fff;}
.navbar-custom .navbar-nav>.nav-item{}
.navbar-custom .navbar-nav{ border-top: 1px solid #f2f2f2;}
.navbar-custom .navbar-nav .nav-link {padding: 1rem 1.25rem;text-align: center;text-transform: uppercase;font-weight: 600; }
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {color: #999}
.navbar-custom .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, 0.3);}
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active {color: #F29E0A}
.navbar-custom .navbar-text {color: rgba(0, 0, 0, 0.5);}
.navbar-custom .navbar-text a {color: rgba(0, 0, 0, 0.9);}
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus {color: rgba(0, 0, 0, 0.9);}
.top .dropdown-menu{padding:10px;}

.dropdown.wide{ position: static}
.dropdown.wide>.dropdown-menu{ width: 100%;padding: 15px 0;font-size: 0.875rem;border-width: 0;background: transparent;}
.dropdown.wide>.dropdown-menu>.container-xl{ display: block;}
.dropdown.wide>.dropdown-menu h6{font-weight: normal;}
.dropdown.wide>.dropdown-menu li{ padding: 5px 0;}
.dropdown.wide>.dropdown-menu a:hover{color: #174592}

@media(min-width:992px) {
    .navbar-custom{ }
    .navbar .navbar-nav{ border-top-width: 0;}
    .navbar .dropdown.wide>.dropdown-menu{background: #fff;}
    .dropdown.wide>.dropdown-menu>.container-xl{padding: 0px 15px;}
    /*body{padding-top:110px}*/

    .navbar .dropdown:hover>.dropdown-menu,
    .navbar .dropdown .dropright:hover>.dropdown-menu{ display: block;}
}

@media(max-width:576px) {
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 5px 0;}
    .navbar-brand>.img-fluid{max-width:260px}
    .navbar-custom .navbar-nav .nav-link{ padding: 0.75rem 1rem;font-weight: normal;}
    .top .input-group{display:none;}
}
/*#endregion*/

.main-wrapper{ margin-top: 60px;}

/*#region sidebar*/
.sidebar .side-title{ margin-bottom: 3px;padding: 18px 15px;background: #56D9B9;color: #fff;}
.sidebar .side-title:before{ content: "";border-left: 5px solid #fff;padding-left: 18px;}
.menu-complex {list-style: none;margin: 0;padding: 0;}
.menu-complex>li>a,.menu-complex>li>div {position: relative;display: block;padding: 12px 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #f2f2f2;border-bottom:1px solid #fff;outline-width: 0;}
.menu-complex a:hover,.menu-complex>li>div:hover{ background: #eee;}
.menu-complex a.active,.menu-complex>li>div.active>.text-link{color:#56D9B9}
.menu-complex .dropdown-submenu > a::after {margin-right:-5px;}
.menu-complex .dropdown-menu{background:#fafafa;}

.menu-complex .child-menu{ margin: 0;padding: 0;list-style-type: none;}
.menu-complex .child-menu a{ display: block;padding: 8px 12px}
.menu-complex .child-menu a:hover{ background: #f2f2f2;}

.menu-complex>li>div>.text-link{display: block; margin-right: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.menu-complex>li>div>.ico{ position: absolute;display: block;width: 16px;height: 20px;margin-right: 0;right: 6px;top: 12px;font-family: cmsfont;content: "\f105";text-align: center;line-height: 20px}
.menu-complex>li>div>.ico:after{ font-family: cmsfont;content: "\f107";font-size: 1rem;color: #999;}
.menu-complex>li>div>.ico.collapsed:after{ font-family: cmsfont;content: "\f106";font-size: 1rem;}
.side-box{ background: #F2F2F2;padding: 5px;}


/*#endregion*/
/*#region*/
.form-feedback .btn{color: #777;color: #fff;background:#c82333}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 40px;padding-bottom: 50px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 30px;}
}
.layout-container{ background: #fff;padding: 15px;margin-bottom: 1.5rem;}
/*#endregion*/
/*#region page-title*/
.page-title{padding: 5px 0;background: #f2f2f2;border-bottom: 1px solid #f1f1f1;line-height: 1;}
.page-title .container-xl{ display: flex;display: -ms-flexbox;justify-content:space-between}
.page-title .title{ margin-bottom: 0;font-size: 1rem;font-weight: 300;text-align: center;line-height:2.1em;font-weight:600}
.page-title .breadcrumb{ justify-content: center;margin-bottom: 0;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 5px;}
@media(max-width:768px) {
    .page-title{padding:0.75rem 0 0.5rem}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.25rem;margin-bottom: 0rem;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
}
.page-title-1{ text-align: center;text-transform: uppercase;font-size: 1.75rem;font-weight: 700;margin-bottom: 1.5rem;}
/*#endregion*/
/*#region product list style*/
.product-row{display: block;margin-bottom: 2rem;}
.product-row .card-thumb{border: 1px solid #9F9F9E;padding: 3px;}
.product-row .card-body{padding: 0rem 1.25rem;}
.product-row .card-title{margin-bottom: 0.75rem;font-size: 1.5rem;font-weight: 300}
.product-row .card-text{ font-size: 0.875rem;}
.product-row time{ display: block;font-size:1.5rem;font-weight: 600;}
.product-row .more{ display: block;align-items: end;justify-content: flex-end}
.product-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .product-row .card-body{ padding: 1.25rem 0 0;}
    .procenter{ display:none;}
}

.product-col{ margin-bottom: 1.25rem;}
.product-col .card{height: 100%;border: 1px solid #eee;}
.product-col .card-thumb{border:2px solid #EEA80C}
.product-col .card-title{  display: flex;display: -ms-flexbox;flex-grow: 1;align-items: center;justify-content: center;text-align: center;background: #EEA606;color: #fff;font-size: 0.875rem;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a{ color: #fff;}
.product-col .card-body{ font-size: 0.9em;padding: 1.5em 1em;flex-grow: 0;background:#fff;line-height:1.6em;color:#8a8a8a;height: 118px; overflow: hidden;}

@media(max-width:768px) {
    .product-col .card-body{ height:auto;}
}

.product-col-default{ margin-bottom: 1.25rem;}
.product-col-default .card{height: 100%;}
.product-col-default .card-thumb{border:1px solid #C3C3C3}
.product-col-default .card-title{ display: flex;display: -ms-flexbox;flex-grow: 1;align-items: center;justify-content: center;text-align: center;background: #fff;color: #555;font-size: 0.875rem;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col-default .card-title a{ color: #555;}
.bghui .product-col-default .card-title{background:none;}

.product-col-default-1 {
    margin-bottom: 1.25rem;
}
.product-col-default-1 .card{height: 100%;}
.product-col-default-1 .card-thumb{border:2px solid #eea606;box-shadow:0px 4px 4px #727272;}
.product-col-default-1 .card-title{ display: flex;display: -ms-flexbox;flex-grow: 1;align-items: center;justify-content: center;text-align: center;background: #fff;color: #555;font-size: 0.875rem;font-weight: normal;margin: 0;padding: 1rem 0.5rem 1.5em; line-height:1em;}
.product-col-default-1 .card-title a{ color: #555;}

.boxbg{background: #eeeeee;padding: 2em 1em 0 1em; margin-bottom:2em;}
/*#endregion*/
/*#region article list style*/
.article-row{ margin-bottom: 1.25rem;padding-bottom: 1.25rem;}
.article-row .card-body{padding: 0rem 1.5rem;}
.article-row .card-title{margin-bottom: 0.75rem;font-size: 1rem;font-weight: 400}
.article-row .summary{ color: #777;}
.article-row time{ display: block;font-size:0.875rem;color:#EEA606}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row time{ font-size: 1rem;}
    .article-row .card-title{ font-size: 1rem;font-weight: 600;}
    .article-row .card-text{font-size:0.875rem}
}

.article-col{ margin-bottom: 1rem;}
.article-col .card-title{  flex-grow: 1;margin: 0;font-size: 0.875rem;font-weight: 600;text-align:left;padding: 0.5rem 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article-col .card-thumb{border:1px solid #E7E7E7}
.article-col time{ font-style: italic;color: #EB8E0B;font-size: 0.75rem; }
/*.article-col .card-body{ font-size: 0.75rem;padding: 0.75rem;}*/

.post-navigation{ padding: 15px;background: #ECECEC;margin-bottom: 1.5rem;}
.post-navigation ul{ margin-bottom: 0;}
.post-navigation ul li{ padding: 5px 0;}
.post-navigation span{ display: inline-block;width: 100px;color:#F47E00}

/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{height: 100%;}
.img-col .card-thumb{border:2px solid #EEA80C;box-shadow: 0px 4px 4px #676767;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;text-align: center;}

.cert-row{ margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #5E5A59;}
.cert-row .card-body{ padding: 0 1.25rem;}
.cert-row .card-thumb{background: #EEEEEE;padding: 1rem;text-align: center}
.cert-row .card-title{ font-weight: 600;font-size: 1.5rem;}
.cert-row:hover{color:#274373}

@media(max-width:576px) {
    .cert-row .card-body{ padding: 1.25rem 0rem;}
    .cert-row .card-title{ font-size: 1.25rem;}
}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #eee;box-shadow: 5px 5px 10px #ccc;padding: 10px;background: #fff;}
.cert-col .card-thumb img{ border: 1px solid #eee !important;}
.cert-col .card-title{display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;margin-top: 0.5rem;text-align: center;}

.down-col{ margin-bottom: 1.5rem;}
.down-col .card{border: 1px solid #f2f2f2;}
.down-col .card-title{flex-grow:1;background: #EEEEEE;padding: 1rem;margin: 0;transition: all ease 0.2s;}
.down-col .card-thumb:hover img {filter: hue-rotate(120deg);opacity: 0.8;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}

.video-col{margin-bottom: 1.5rem;}
.video-col .card{height: 100%;}
.video-col iframe{border: 2px solid #E6C791;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;font-size: 0.875rem;}
/*#endregion*/

.nav-horizontal-wrapper{ margin-bottom: 1.5rem;}
.nav-horizontal{display: flex;display: -ms-flexbox;list-style-type: none;padding: 0;margin-bottom: 0;justify-content: center;}
.nav-horizontal .nav-item{display: flex;display: -ms-flexbox; margin: 0 0.25rem;}
.nav-horizontal .nav-item:first-child{ margin-left: 0;}
.nav-horizontal .nav-item:last-child{margin-right:0}
.nav-horizontal .nav-link{ display: flex;display: -ms-flexbox;padding: 0.75rem 0.9em;justify-content: center;align-items: center;text-align: center;background: #E3E3E3;border-radius: 5px;}
.nav-horizontal .nav-link.active{ background: #EEA606;color: #fff;}

.nav-horizontal-child {display: flex;display: -ms-flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #EFEFEF;list-style-type: none;padding: 0;margin-bottom: 0;}
.nav-horizontal-child .nav-link{ display: flex;display: -ms-flexbox;padding: 1rem 0.875rem;height: 100%;justify-content: center;align-items: center;text-align: center;}
.nav-horizontal-child .nav-link.active{ color: #e20001;}
@media(max-width:768px) {
    .nav-horizontal .nav-item{ margin: 0;}
    .nav-horizontal .nav-link{ flex-grow: 1;text-align: center;border-radius: 0}
    .nav-horizontal-child{ justify-content: left;}
    .nav-horizontal-child .nav-link{ padding: 0.5rem 0.75rem;}
}

.nav-collapse{ border: 1px solid #eee;}
.nav-collapse .collapse-header,
.nav-collapse .collapse-header-single{ display: flex;display: -ms-flexbox;justify-content: space-between;padding: 0.75rem;border-bottom: 1px solid #eee;background: #f6f6f6;border-radius: 0}
.nav-collapse .collapse-header.active,
.nav-collapse .collapse-header-single.active{ background: #EEA606;color: #fff;}
.nav-collapse .collapse-header:after{ font-family: cmsfont;content: "\f107";}
.nav-collapse .nav-horizontal-child{background:transparent}
/*#region content wrapper*/
.content-wrapper{ line-height: 1.8;background: #fff;}
.content-wrapper h2{font-size: 1.5rem;}
.content-wrapper h3{ margin-bottom: 1.25rem}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.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 .content{ padding: 1.25rem;}

.content-wrapper.product{background:#f2f2f2;padding:1.2em;}
.content-wrapper .nav-tabs {background:#ececec;border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;}
.content-wrapper .tab-content {background:#fff;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.bghui{background: #f2f2f2;padding: 1.2em 1.2em 0;}

.content-wrapper header{ border-bottom: 1px solid #959492;text-align: center;margin-bottom: 1.5rem;padding-bottom: 0.5rem;}
.content-wrapper .summary{ color: #777;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .title{ font-size: 1.25rem;font-weight: normal;margin-bottom: 0.5rem;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}
.topbg{ border-top: 2px solid #eea606;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1rem;}
    .content-wrapper iframe{ max-width: 100%; height:200px;}
}

.app-wrapper .sub-title{ display: inline-block;background: #EEA606;color: #fff;border-radius: 12px;padding: 5px 25px;font-size: 1rem;margin-bottom: 1rem; margin-top:2em;}
.app-wrapper .title-bg{ border-left:4px solid #eea606; padding-left:8px;}
.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 time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { background:#f2f2f2;padding:1.2em;}
.product-head .title {font-size: 1rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .content{ line-height: 1.6;font-size: 0.875rem;}
.product-head .content h2,.product-head .content h3{ font-size: 1.25rem;font-weight: 600;}
.product-head .dl-horizontal dt{ font-weight: normal;text-align: left}
.product-head .content-thumb{ border: 2px solid #efa707;}

.product-service{ padding: 12px 10px; }
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;margin-right: 15px;}
.product-video{ display: inline-block;background: #410689;color: #fff;padding: 6px 16px;}
/*#endregion*/

.page-sub-title{position: relative;padding: 8px 18px;font-size: 1rem;margin-bottom: 20px;font-weight: 400;background: #EEA606;color: #fff;}
.page-sub-title2{position: relative;padding: 8px 0px;font-size: 1rem;margin-bottom: 20px;font-weight: 400;color: #015498;}
.page-sub-title3{position: relative;padding: 8px 0px;font-size: 1rem;margin-bottom: 20px;font-weight: 400;color: #1a1a1a;border-bottom:1px solid #dbdbdb}
/*#region about-wrapper*/
.about-wrapper{padding-top:0px;}
.about-wrapper .title{font:normal bold 24px "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;color:#333;margin-bottom:30px;font-weight: 300;}
.about-wrapper .title:after{display:block;margin-top:6px;content:"";width:70px;height:2px;background:#EA5504}
.about-wrapper .title.text-center:after{ margin-left: auto;margin-right: auto;}
.about-wrapper .summary{ width: 50%;margin: auto;font-size: 18px;text-align: center;font-weight: 300;margin-bottom: 30px;}
@media(max-width:768px) {
    .about-wrapper .summary{ width: 100%;}
}

.capacity{ border: 1px solid #d2f2f2;border-radius: 0.5em;margin-top: 1rem;margin-bottom: 1rem;box-shadow: 0px 1px 3px #dcdcdc;}
.capacity h3{ background: #EEA606;color: #fff;text-transform: uppercase;padding: 10px 15px;font-size: 1.25rem;margin-bottom: 0;border-top-left-radius:0.25em;border-top-right-radius:0.25em;}
.essent{ border: 1px solid #d2d2d2;border-radius: 0.5em;padding: 1rem; box-shadow: 0px 1px 3px #dcdcdc;}
.img-radius { border-radius: 0.5em;}
/*#endregion*/
/*#region contact*/
.contact-wrapper {
    margin-top: 60px
}
.contact-wrapper h3{ font-size: 1.25rem;font-weight: 600;}
.contact-wrapper p{ margin-bottom: 6px;}
.contact-wrapper .col-12{ margin-bottom: 1.5rem;}
.contact-wrapper h4{ font-size: 1rem;font-weight: 600;color:#28639B}
.info-wrapper{ height: 100%;background: #fff;padding: 1rem;box-shadow: 2px 2px 4px #e7e7e7;}
.contact-wrapper .form-control{ background: transparent;}
.video-bg { box-shadow: 2px 2px 4px #e7e7e7;}
/*#endregion*/

/*#region footer*/

footer { background: #000;color: #fff;padding-top: 1.75rem;}
footer a{color:#fff}
footer  [class*="col-"]{margin-bottom:20px;}
footer h6{font-size:1.25rem;color:#fff;font-weight: 500;margin-bottom:15px;}
footer .footer-bottom{background:#EB8E0B;color: #fff;text-align: center;padding-top:15px;padding-bottom:15px;text-transform: uppercase}

/*#endregion*/
#faq-page .card{ margin-bottom: 1rem;border:1px solid #DBDBDB}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;margin-bottom: 0;cursor: pointer;color:#EB8600}
#faq-page .card-header span{ display: inline-block;background: #EC8701;color: #fff;padding: 10px 15px;margin-right: 10px;}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}

.home-nav{background:#EB8E0B;padding: 15px; }
.home-nav .hm-nav-col{ text-align: center; }
.home-nav .hm-nav-col i{ font-size: 2.2rem;color: #fff; }
.home-nav .hm-nav-col p{color: #fff; margin-bottom: 0;font-size: 1rem; margin-top: 8px;}

.home-guide{ position: relative;background: #EB8E0B;color: #fff;padding: 1rem;text-align: center;font-size: 1rem;}
.home-guide p{ margin-bottom: 0;}
.home-guide strong{ font-size: 1.5rem;text-transform: uppercase;}
.home-guide:after {z-index: 1;position: absolute;top: 100%;left: calc(50% - 50px);bottom: 0;display: inline-block;content: "";border-top: 20px solid #EB8E0B;border-right: 50px solid transparent;border-bottom: 0;border-left: 50px solid transparent;}

.home-intro{ padding-top: 40px;padding-bottom: 40px;font-size: 1rem;}
.home-intro li{ padding: 15px 0;background:url(images/ico.png) no-repeat left center;padding-left: 40px;}
.hm-intro-a{ padding-left:15px;color:#EB8E0B}

.home-features{ background-size: cover;padding: 20px 0 10px 0;color: #fff;text-align: center;font-weight: 600;font-size:1rem}
.home-features img{ margin-bottom: 0.75rem;}
.home-features .num{ font-size: 1.75rem;}

.home-news{ padding-top: 0px;padding-bottom: 40px;}
.home-news h3{ text-align: center;color: #EB8E0B;font-weight: 600;font-size: 2rem;}
.home-news p{ text-align: center;}
/*.home-news h3:after{ display: block;margin: 5px auto 15px;content: "";width: 150px;height: 3px;background: #ddd;}*/
.home-news .info{ margin-bottom: 1.5rem;font-size: 1rem;}
.home-news .info p{ margin-bottom: 5px;}

.home-news .news-tabs{ display: flex; justify-content: center;align-items: center; margin: 30px auto 30px; }
.home-news .news-tabs .nav-tabs{border: none;}
.home-news .news-tabs .nav-item{ margin: 0 6px;  border-radius: 25px;overflow: hidden; }
.home-news .news-tabs .nav-item .nav-link{font-size: 16px; color:#818181;background: #e5e5e5;border: none; padding: 10px 30px;}
.home-news .news-tabs .nav-item .nav-link.active{ color:#fff;background: #eb8f0a;}
.home-news .card-text{ background: #eb8f0a;padding: 17px; display:flex;  }
.home-news .card-text .card-time{ width: 20%;color: #fff;}
.home-news .card-text .card-time .time1{font-size: 2.5rem; }
.home-news .card-text .card-time .time2{font-size: 0.85rem;}
.home-news .card-text .card-text-nr{width: 80%;}
.home-news .card-text .card-text-nr a{font-size: 1.1rem; color: #fff; border-bottom: 1px solid #f1b060;display: block;}
.home-news .card-text .card-text-nr p{ font-size: 0.85rem;color: #fff; margin-top: 20px; text-align: left; }

.home-news .card-text2 .card-title-ul{ border-bottom: 1px solid #e1e1e1;padding-bottom: 18px;padding-top: 18px; }
.home-news .card-text2 .card-title-ul a{font-size: 1.1rem;color: #2a2a2a; }
.home-news .card-text2 .card-title-ul a:hover{color: #eb8e0b;}
.home-news .card-text2 p{font-size: 0.85rem;color: #818181; margin-top: 20px;  text-align: left;}

.home-bottom{ background-size: cover;padding: 40px 0;color: #ffffff;}
.home-bottom h4{ font-size: 1.75rem;font-weight: 600;margin-bottom: 1.5rem;}
.home-bottom .btn{ background: #EB8E0B;color: #fff;}

.home-company{ padding: 40px 0;background: #EB8E0B;color:#fff}
.home-company .more{ display: inline-block;background: #373737;padding: 0.875rem 2.5rem;color: #fff;font-size: 1rem;border-radius: 5px;}
.home-company h1{ font-size: 1.75rem;}
@media(max-width:768px) {
    .home-company .more{ font-size: 0.875rem;padding: 0.5rem 2rem;}
    .home-features .num{ font-size: 1rem;}
    .home-features p{ font-size: 0.5rem;}
}

.home-faq li{ margin-bottom: 0.875rem;display: block;border: 1px solid #DADADA;padding: 8px 5px;color: #fff;border-radius: 3px;}
.home-faq a{ color: #fff; }
.home-faq span{ display: inline-block;background: #EB8F0A;padding: 3px 9px;margin-right: 5px;border-radius: 3px;}
.home-bottom .form-control {background-color: rgba(0, 0, 0, .5) !important;color: #fff;}

.history{ border: 1px solid #EEA606;margin-bottom: 1.5rem;}
.history h3{ font-size: 1.5rem;font-weight: 600;color: #333;}
.history .p-4:after{ display: block;content: "";width: 60px;height: 5px;background:#EEA606}

.xc-topnavbox {
    align-items: flex-end !important;
}
.xc-topnav {
    padding-bottom: 1em;
}
.xc-homenews1 {
    border-bottom: 1px solid #ededed;
    padding-bottom:0em;
}
.xc-homenews1 time{
    font-weight:600;
}
.xc-homenews2{
    font-size:1em;
    line-height:1.3em;
    padding:1.1em 0 1.8em;
}
.xc-homenews3 {
    width: 9em;
    border-radius: 0.25em;
    height: 2.7em;
    text-align: center;
    color: #fff;
    font-size: 0.7em;
    line-height: 2.7em;
    background: #eb8e0b;
    margin:0 auto;
}
.xc-footer1 li{
    border-bottom: 1px dashed #414141;
    margin-bottom:0.4em;
}
.xc-footer1 li a{
    line-height: 2em;
}
.xc-pro1{
    background:#fff;
}
.xc-pro2{
    width:5em;
    float:right;
    color:#fff;
    background:#000;
    text-align:center;
    font-size:0.7em;
    line-height:1.8em;
}
.xc-pro2:hover{
    color:#eea606;
}


/*#region content table container*/
.table-wrapper table { border: 1px solid #DCDCDC }
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 2px solid #999; text-align: center; min-width: 100px;}
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table tr td p { margin-bottom:0;padding-top:5px;padding-bottom:5px;  }
@media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media (max-width: 1199.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
/*#endregion*/



/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #EB8E0B;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f80a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:cmsfont;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
}



















