/*全局 开始*/
@charset "utf-8";
html{overflow-x: hidden;-webkit-box-shadow: none !important;box-shadow: none !important;}
html.safari .body{overflow-x: hidden;}
body{margin: 0;font-size: 12px;line-height: 22px;color: #333;font-family: Arial,"\5FAE\8F6F\96C5\9ED1";}
a{text-decoration:none;color: #333;}a:hover{color:#00a65a; text-decoration:none;}
ul,li{list-style: none;}.cursor{cursor: pointer;}.btn.disabled{cursor: not-allowed;}.detail{overflow: hidden;}.detail img{max-width:100%;}
.hidden{display: none}.wrap{word-break:break-all; word-wrap:break-all;}
.btn-color{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-color:hover{color:#fff;background-color:#5a6268;border-color:#545b62}
.max-height-70{max-height: 70px;overflow: hidden;}.max-height-100{max-height: 100px;overflow: hidden;}
.border-gray{border-color:#ccc!important}.border-gray:hover{border-color:#dc3545!important}
.input{border-radius: 4px;font-size: 13px;line-height: 1.6;height: 34px;padding: 6px 12px;border: 1px solid #ccc;}.input-sm{height:30px!important;}
.bg-opacity{background: rgba(0,0,0,.6);}.choosebg{position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:18px solid #dc3545;border-left:18px solid transparent;}.choose{position:absolute;bottom:-1px; right:-1px; color:#fff;}#modal_sm{z-index: 1100; top:150px;}.datepicker{font-size: .85rem;}
/*规格*/
[data-prime].disabled{background:#f4f4f4;color:#444;border-color:#ddd;cursor:not-allowed;opacity:.65;}
[data-prime].active{background:#00a65a;color:#fff;border-color:#00a65a;}
[data-prime].active:after{content: "\f058"; margin-left: .2rem; font-family: "Font Awesome 5 Free";font-weight:600;}
/*数量增减*/
.quantity{position: relative;width: 140px;height: 30px;}
.quantity .minus{background: transparent;color: #5E5E5E;position: absolute;border-radius: 0.25rem 0 0 0.25rem;height: 35px;width: 45px;outline: 0;}
.quantity .plus{background: transparent;color: #5E5E5E;position: absolute;border-radius: 0 0.25rem 0.25rem 0;height: 35px;width: 45px;outline: 0;right: 0;top: 0;}
.quantity .qty{text-align: center;width: 140px;font-size: 1em;border-radius: .25rem;height: 35px;outline: 0;}
/*购物车*/
.mini-cart{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;}
.mini-cart .mini-cart-content{position: absolute;width: 300px;top: 100%;right: 0;padding-top: 1.6rem;opacity: 0;visibility: hidden;z-index: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);-webkit-transition: ease opacity 300ms, ease visibility 300ms, ease transform 300ms;transition: ease opacity 300ms, ease visibility 300ms, ease transform 300ms;}
.mini-cart .mini-cart-content .inner-wrapper{position: relative;-webkit-box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.5);}
.mini-cart .mini-cart-content .inner-wrapper:before{content: '';display: block;position: absolute;top: -10px;right: 30px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFF;}
.mini-cart .mini-cart-content .product-image{position: relative;}
.mini-cart .mini-cart-content .product-image > a{position: absolute;top: -7px;right: -7px;width: 1.2rem;height: 1.2rem;text-align:center;vertical-align:middle;-webkit-box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.5);}
.mini-cart .mini-cart-content .mini-cart-total{padding: 11.2px 0;padding: 0.7rem 0;}
.mini-cart:hover .mini-cart-content{opacity: 1;visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
/*bootstrap重置*/
.nav > li:hover .dropdown-menu {display: block;}h5,.h5{font-size: 1rem;}.weui-dialog,.modal-content{border:4px solid rgba(0,0,0,.1);border:4px solid #ccc\9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
@media(min-width: 1200px){
    .container{max-width: 1170px;}
}
.btn-danger{color: #fff;background-color: #ff500b;border-color: #ff500b;}.btn-rounded{border-radius: 50px;}h6,.h6{font-size: 14px;}.h7{font-size: 12px;}.form-control{font-size: .8rem;}.btn-sm{font-size: .5rem;}
.table-striped tbody tr:nth-of-type(odd){background:#f8f9fa !important;}.table-hover tbody tr:hover{background:#f8f9fa !important;}.table td, .table th{padding: .6rem;}
/*weui重置*/
.weui-dialog__title,.weui-dialog__ft{font-size: 15px;}
.weui-toast{width:auto !important;min-height:auto !important;padding: 1rem;}
.weui-mask, .weui-mask_transparent{z-index: 1201 !important;}
.weui-mask{
    opacity: 0;
    visibility: hidden;
}
.weui-mask.weui-mask--visible{
    opacity: 1;
    visibility: visible;
}
.weui-dialog.weui-dialog--visible,.weui-toast.weui-dialog--visible,.weui-dialog.weui-toast--visible,.weui-toast.weui-toast--visible{
    opacity: 1;
    visibility: visible;
}
.weui-dialog, .weui-toast{
    visibility: hidden;
    margin: 0;
    top: 45%;
    z-index: 2000;
}
.weui-dialog{max-width: 350px;background-clip:padding-box;}
.modal-header{padding:.4rem;background:#f3f3f3;}.modal-header .close{padding:0;margin:0;}.modal{top:100px;}
/*主题*/
.page-right{
    min-height: 160px;
    padding:25px 20px; border-top:2px solid #00a65a; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-radius:5px; margin-bottom:30px;}
.divider{
    border: 0;
    height: 1px;
    margin: 22.5px auto;
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    text-align: center;
    position: relative;
    clear: both;
}
.divider .fa{
    text-align: center;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    background: #FFF;
    border-radius: 45px;
    color: #a9a9a9;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    width: 45px;
    font-size: 20px;
    margin: 0 auto 0 -22.5px;
    top: -22.5px;
    left: 50%;
    z-index: 1;
}
.divider .fa{
    background: #f4f4f4;
    color: #a9a9a9;
}
.news .date{
    float: left;
    margin-right: 10px;
    text-align: center;
}
.news .date .month{
    background: #dfdfdf;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    font-size: 0.9em;
    padding: 4px 10px 4px;
}
.news .date .day{
    background: #eee;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    border-radius: 3px 3px 0 0;
}
.news p{color: #6c757d; margin:0 0 .5rem 78px;}
.news article>hr{margin:0 0 1rem 78px;}
/*折叠伸缩*/
aside h6{font-size: 14px;}
ul.nav-list li{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
ul.nav-list li a:hover{background: #f8f9fa;}
ul.nav-list li a{
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 8px 0 8px 10px;
    display: block;
}
ul.nav-list li a:before{
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-weight: 900;
    position: absolute;
    top: 8px;
    font-size: 7.2px;
    font-size: 0.45rem;
    opacity: 0.7;
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
    left: 0;
}
ul.nav-list li > a.active{
    font-weight: bold; color: #00a65a;
}
ul.nav-list li ul{
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0;
}
.aside-list li{border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 1rem; padding-bottom: .5rem;}
.aside-list li:last-child{border-bottom: 0;}
.aside-list li:hover{background: #f8f9fa; cursor: pointer;}
/*选项卡*/
.nav-tabs li .nav-link{
    background: #f7f7f7;
    border-bottom: none;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-top: 3px solid #ddd;
    margin-right: 1px;
}
.nav-tabs li.active .nav-link{
    background: #FFF;
    border-left-color: #EEE;
    border-right-color: #EEE;
    border-top: 3px solid #00a65a;
}
.tab-content{
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background-color: #FFF;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px;
}
/*内容框*/
.featured-box{
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.featured-box .box-content{
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 3px;
    padding: 15px 25px 15px 25px;
    position: relative;
    top: -1px;
}
/*评论*/
ul.comments{
    padding: 0;
}
ul.comments li{
    clear: both;
    padding: 10px 0 0 75px;
}
ul.comments li img.avatar{
    height: 40px;
    width: 40px;
}
ul.comments li .img-thumbnail{
    margin-left: -75px;
    position: absolute;
}
ul.comments li .comment{
    margin-bottom: 10px;
}
ul.comments .comment-arrow{
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f7f7f7;
    border-top: 15px solid transparent;
    height: 0;
    left: -15px;
    position: absolute;
    top: 15px;
    width: 0;
}
ul.comments .comment-block{
    background: #f7f7f7;
    border-radius: 5px;
    padding: 20px 20px 30px;
    position: relative;
}
ul.comments .comment-block p{
    margin: 0;
}
ul.comments .comment-block p>img{max-width:100%;}
/*展开伸缩*/
.toggle{
    margin: 0 0 20px;
    position: relative;
    clear: both;
}
.toggle > label{
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    background: #f7f7f7;
    border-left: 3px solid #CCC;
    border-radius: 5px;
    display: block;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
}
.toggle > label:before{
    content: " ";
    position: absolute;
    top: calc(50% + 1px);
    right: 14px;
    border-color: #CCC;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 8px;
    height: 8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, top 0.3s;
    transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(-45deg) translate3d(0, -50%, 0);
    transform: rotate(-45deg) translate3d(0, -50%, 0);
    -webkit-transform-origin: 35%;
    transform-origin: 35%;
}
.toggle > .toggle-content{
    display: none;
}
.toggle > .toggle-content > p{
    margin-bottom: 0;
    padding: 5px 0;
}
.toggle.active > label{
    background: #f7f7f7;
    border-color: #CCC;
}
.toggle.active > label:before{
    top: calc(50% - 8px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*banner*/
.carousel-item{
    /*height:31.3rem;*/
    height:640px;
    background-color:#777;
}
.carousel-item > img{position:absolute;top:0;left:0;min-width:100%;height:31.3rem;}
/*底部*/
#footer{    background: #0e0e0e;
    border-top: 4px solid #0e0e0e;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 40px 0 0;
    position: relative;
    clear: both;color: #555;}
#footer h4{
    font-size: 1.2em;
    font-weight: 200;margin-bottom: 0.9rem; color: #aaa;
}
#footer a{color: #555;}
#footer a:hover{color: #aaa;}
#footer ul{padding: 0;}
#footer .footer-copyright{background: #060606;
    border-top: 4px solid #060606;
    margin-top: 10px;}
/*分页*/
.pages .pagination{display: inline;}
.pages .pagination li.disabled{background: #f4f4f4;cursor: not-allowed;}
.pages a,.pages span{display:inline-block;padding:3px 10px;margin:0 2px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.pages a,.pages li{display:inline-block;list-style: none;text-decoration:none; margin:5px 0;}
.pages li.rows{margin:0 0 0 7px;font-size:14px; line-height:29px;}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{margin:0;}
.pages a:hover{border-color:#008d4c;background:#00a65a;color:#fff;}
.pages li.active span{background:#00a65a;color:#FFF;font-weight:700;border-color:#008d4c;}
/*在线客服*/
.chat-menu{position:fixed;right:5px;bottom:80px;z-index:999;}
.chat-menu .kfbtn{width:4.5rem;height:4.5rem;margin-bottom:1px;cursor:pointer;position:relative;padding-top:14px;}
.chat-menu .btn-qq{background:#247af0;}
.chat-menu .btn-qq:hover{background:#0055a1;}
.chat-menu .btn-qq .qq{background:#0055a1;position:absolute;width:160px;left:-160px;top:0px;line-height:23px;color:#FFF;font-size:0.8rem;text-align:center;display:none; padding:10px 0}
.chat-menu .btn-qq .qq a{ margin:3px 0 4px 0; display:block; color:#fff;}
.chat-menu a.btn-qq,.chat-menu a.btn-qq:visited{background:#247af0;text-decoration:none;display:block;}
.chat-menu .btn-wx{background:#42b41f;}
.chat-menu .btn-wx:hover{background:#379d17;}
.chat-menu .btn-wx .pic{position:absolute;left:-147px;top:0px;display:none;width:147px;height:147px;}
.chat-menu .btn-phone{background:#ff6600;}
.chat-menu .btn-phone:hover{background:#ff811b;}
.chat-menu .btn-phone .phone{background:#ff811b;position:absolute;width:200px;left:-200px;top:0px;line-height:4.5rem;color:#FFF;font-size:1.2rem; font-weight:bold;text-align:center;display:none;}
.chat-menu .btn-top{background:#666666;display:none;}
.chat-menu .btn-top:hover{background:#444;}
.chat-float{position: absolute;top: 0;right: 4.5rem;cursor: pointer;}
/*Responsive*/
@media (max-width: 767px) {
    .chat-menu{bottom:30px;}
    .chat-menu .kfbtn{width:2.3rem;height:2.3rem;padding-top:0.5rem;margin-bottom:20px;border-radius:50%!important}
    .chat-menu .btn-phone .phone{line-height:2.3rem;}
    .chat-float{right: 2.3rem;}
}
/*产品/鼠标移动到图片显示文字及按钮*/
.thumb-info{
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: #FFF;
    border-radius: 4px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.thumb-info .thumb-info-wrapper{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 4px;
    margin: 0;
    overflow: hidden;
    display: block;
    position: relative;
}
.thumb-info .thumb-info-wrapper:after{
    content: "";
    background: rgba(33, 37, 41, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    bottom: -4px;
    color: #FFF;
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    display: block;
    opacity: 0;
    z-index: 1;
}
.thumb-info .thumb-info-inner{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}
.thumb-info .thumb-info-title{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(33, 37, 41, 0.8);
    color: #FFF;
    left: 0;
    letter-spacing: -.05em;
    position: absolute;
    z-index: 2;
    max-width: 90%;
    padding: 13px 21px 2px;
    bottom: 13%;
}
.thumb-info img{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
    position: relative;
    width: 100%; min-height: 210px;
}
.thumb-info:hover .thumb-info-wrapper:after{
    opacity: 1;
}
.thumb-info:hover .thumb-info-title{
    background: rgba(33, 37, 41, 0.9);
}
.thumb-info:hover img{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.thumb-info.thumb-info-centered-info .thumb-info-title{
    background: transparent;
    left: 5%;
    width: 90%;
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translate(0%, -30%);
    transform: translate(0%, -30%);
    top: 50%;
    bottom: auto;
    opacity: 0;
    text-align: center;
    padding: 0;
    position: absolute;
}
.thumb-info.thumb-info-centered-info:hover .thumb-info-title{
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
/*产品滚动效果*/
.owl-carousel .owl-nav{
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.owl-nav .disabled{opacity: .5;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    outline: 0;
    margin: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.owl-carousel .owl-nav button.owl-prev{
    left: 0;
}
.owl-carousel .owl-nav button.owl-prev:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f053";
    position: relative;
    left: -1px;
    top: -1px;
}
.owl-carousel .owl-nav button.owl-next{
    right: 0;
}
.owl-carousel .owl-nav button.owl-next:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f054";
    position: relative;
    left: 1px;
    top: -1px;
}
.owl-carousel.show-nav-title .owl-nav{
    top: 0;
    right: 0;
    margin-top: -15px;
    width: auto;
}
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:active{
    font-size: 18px;
    background: transparent !important;
    width: 18px;
}
.owl-carousel.show-nav-title .owl-nav button.owl-prev{
    left: -40px;
}
.owl-carousel.show-nav-title .owl-nav button.owl-prev:before, .owl-carousel.show-nav-title .owl-nav button.owl-prev:after, .owl-carousel.show-nav-title .owl-nav button.owl-next:before, .owl-carousel.show-nav-title .owl-nav button.owl-next:after{
    font-size: inherit;
}
.owl-carousel.show-nav-title.show-nav-title-both-sides .owl-nav{
    width: 100%;
}
.owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev{
    left: 0;
}
.owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next{
    right: 0;
}
.owl-carousel.show-nav-title.show-nav-title-both-sides-style-2 .owl-nav{
    margin-top: 15px;
}
/*详情页*/
.owl-carousel.nav-dark:not(.nav-style-1):not(.show-nav-title) .owl-nav button[class*="owl-"]{
    background-color: rgba(0, 0, 0, 0.4) !important;
    border-color: transparent !important;
    color: #FFF !important;
    border-radius: 3px;
}
.owl-carousel .owl-item{max-height: 400px; overflow: hidden;}
.owl-carousel .small{max-height: 50px; overflow: hidden;}
/*全局 结束*/
/*头部及导航 开始*/
/*头部*/
#header{
    position: relative;
    z-index: 1030;
}
#header .header-body{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFF;
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    border-top: 3px solid #00a65a;
    border-bottom: 1px solid transparent;
    z-index: 1001;
}
#header .header-body[class*="border-color-"]{
    border-bottom: 0 !important;
}
#header .header-container{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}
@media(max-width: 991px){
    #header .header-container:not(.container):not(.container-fluid) .header-nav-main{
        padding: 0 0.75rem;
    }
}
#header .container{
    position: relative;
}
@media(max-width: 767px){
    #header .container{
        width: 100%;
    }
}
#header .header-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    max-height: 100%;
    height: 82px;
}
#header .header-column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#header .header-column .header-row{
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}
#header .header-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}
#header .header-logo{
    /*margin: 16px 0;*/
    margin: 0;
    position: relative;
    z-index: 1;
}
#header .header-logo img{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    top: 0;
}
#header .header-nav{
    padding: 16px 0;
    padding: 1rem 0;
    min-height: 70px;
}
#header .header-nav-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{
    color: #999;
    font-size: 0.9em;
    padding:0 10px;
    display: inline-block;
}
#header .header-nav-top .nav > li > a [class*="fa-"], #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span [class*="fa-"], #header .header-nav-top .nav > li > span .icons{
    margin-right: 3px;
    font-size: 0.8em;
    position: relative;
}
#header .header-nav-top .nav > li > a{
    text-decoration: none;
}
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus{
    background: transparent;
}
#header .header-nav-top .nav > li + .nav-item-left-border{
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}
#header .header-nav-top .nav > li + .nav-item-left-border:after{
    background: rgba(0, 0, 0, 0.08);
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    left: 0;
}
@media(max-width: 575px){
    #header .header-nav-top .nav > li:not(.d-none){
        margin-left: 0;
        padding-left: 0;
    }
}
#header .header-nav-top .nav > li.nav-item.dropdown.show .nav-link{
    background: transparent;
}
#header .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*="fa-"]{
    left: -1px;
    top: -1px;
}
#header .header-nav-top .nav > li.nav-item-anim-icon > a:hover [class*="fa-"]{
    -webkit-animation: navItemArrow 600ms ease;
    animation: navItemArrow 600ms ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#header .header-nav-top .dropdown .dropdown-item{
    font-size: 0.75em;
}
#header .header-nav-top .dropdown-menu{
    border: 0;
    margin-top: -2px;
    margin-left: 3px;
    padding: 0;
    -webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.05);
    background: #FFF;
    padding: 3px;
    min-width: 80px;
    z-index: 10000;
    margin-right: 0;
    margin-top: 1px;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
#header .header-nav-top .dropdown-menu:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 23px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    -webkit-transform: translate3d(-7px, -6px, 0);
    transform: translate3d(-7px, -6px, 0);
}
#header .header-nav-top .dropdown-menu a{
    padding: 5px 12px;
    font-size: 0.9em;
}
#header .header-nav-top .dropdown-menu a:active{
    color: #FFF;
}
#header .header-btn-collapse-nav{
    background: #CCC;
    color: #FFF;
    display: none;
    float: right;
    margin: 0 0 0 16px;
    margin: 0 0 0 1rem;
}
#header.header-no-border-bottom .header-body{
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
#header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a{
    margin: 0;
}
#header.header-effect-shrink{
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}
#header.header-effect-shrink .header-top{
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}
#header.header-effect-shrink .header-container{
    min-height: 100px;
}
#header.header-effect-shrink .header-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media(max-width: 991px){
    html.mobile-menu-opened #header .header-body[class*="border-color-"]{
        border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important;
    }
}
html.sticky-header-active #header .header-body{
    position: fixed;
    border-bottom-color: rgba(234, 234, 234, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(234, 234, 234, 0.5);
    box-shadow: 0 0 3px rgba(234, 234, 234, 0.5);
}
html.sticky-header-active #header .header-body.header-body-bottom-border{
    border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important;
}
html.sticky-header-active #header.header-effect-shrink .header-body{
    position: relative;
}
html.sticky-header-reveal.sticky-header-active #header .header-body{
    position: fixed;
    border-bottom: none;
    width: 100%;
    max-width: 100%;
}
html.sticky-header-enabled #header .header-logo-sticky-change{
    position: relative;
}
html.sticky-header-enabled #header .header-logo-sticky-change img{
    position: absolute;
    top: 0;
    left: 0;
}
html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-sticky{
    opacity: 0 !important;
}
html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-sticky{
    opacity: 1 !important;
}
/*头部导航主体*/
@media (max-width:540px){
    .nav-col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){
    .nav-col{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
.nav-col ul li {overflow: hidden;}
.nav-col ul li img{width: 30px;height: 30px;}
@media(min-width: 992px){
    #header .header-nav-main{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: auto !important;
    }
    #header .header-nav-main nav{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    #header .header-nav-main nav > ul > li{
        height: 100%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-left: 2px;
    }
    #header .header-nav-main nav > ul > li > a{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: normal;
        border-radius: 4px;
        color: #555;
        font-size: 0.85rem;
        font-style: normal;
        padding: 0.5rem 1rem;
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }
    #header .header-nav-main nav > ul > li > a:after{
        display: none;
    }
    #header .header-nav-main nav > ul > li > a:active{
        background-color: transparent;
        text-decoration: none;
        color: #555;
    }
    #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down{
        margin-left: .25rem; font-size: 10px;
    }
    #header .header-nav-main nav > ul > li > a.active{
        background-color: transparent;
    }
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a{
        background: #CCC;
        color: #FFF;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu{
        top: -10000px;
        display: block;
        opacity: 0;
        left: auto;
        border-radius: 0 4px 4px;
        border: 0;
        border-top: 3px solid #CCC;
        -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
        box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
        margin: 0;
        min-width: 200px;
        padding: 5px 0;
        text-align: left;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{
        border-bottom: 1px solid #f7f7f7;
        color: #777;
        font-size: 0.8em;
        font-weight: 400;
        padding: 6px 18px 6px 18px;
        position: relative;
        text-transform: none;
        letter-spacing: -0.5px;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active{
        background-color: transparent;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a{
        background-color: #f8f9fa;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu{
        position: relative;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down{
        display: none;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after{
        font-family: 'Font Awesome 5 Free';
        content: "\f054";
        font-weight: 900;
        position: absolute;
        top: 50%;
        font-size: 0.5rem;
        opacity: 0.7;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu{
        left: 100%;
        display: block;
        margin-top: -8px;
        margin-left: -1px;
        border-radius: 4px;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after{
        opacity: 1;
        right: 15px;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu{
        top: 0;
        opacity: 1;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > a:after{
        right: 30px;
        -webkit-transform: translateY(-50%) rotateY(180deg);
        transform: translateY(-50%) rotateY(180deg);
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu{
        left: auto;
        right: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a{
        border-bottom: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a{
        border-radius: 4px 4px 0 0;
        position: relative;
    }
    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        border-bottom: 5px solid #CCC;
    }
    #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu{
        top: auto;
        display: block;
        opacity: 1;
    }
    #header .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu{
        left: auto;
        right: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega{
        position: static;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu{
        border-radius: 4px;
        left: 15px;
        right: 15px;
        width: auto;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content{
        padding: 1.6rem;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title{
        color: #555;
        display: block;
        font-size: 0.85em;
        font-weight: 600;
        margin-top: 20px;
        padding-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: -0.5px;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child{
        margin-top: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a{
        border: 0 none;
        border-radius: 4px;
        color: #777;
        display: block;
        font-size: 0.8em;
        font-weight: normal;
        margin: 0 0 3px -8px;
        padding: 3px 8px;
        text-shadow: none;
        text-transform: none;
        text-decoration: none;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a{
        background: #f7f7f7;
    }
    #header .header-nav-main nav > ul > li .wrapper-items-cloned i{
        display: none;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a{
        border-radius: 0 !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu{
        border-radius: 0 !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu{
        border-radius: 0 !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info, #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info-wrapper{
        border-radius: 0 !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu{
        border-radius: 0 !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a{
        border-radius: 0 !important;
    }
}
@media(min-width: 992px){
    #header .header-nav-bar{
        z-index: 1;
    }

    #header .header-nav-bar.header-nav-bar-top-border{
        border-top: 1px solid #EDEDED;
    }
    #header .header-nav-bar .header-container{
        min-height: 0;
        height: auto !important;
    }
    #header .header-nav-bar .header-nav{
        min-height: 60px;
    }
    #header .header-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    #header .header-nav.header-nav-links{
        padding: 0;
    }

    #header .header-nav.header-nav-links .header-nav-main{
        -ms-flex-item-align: stretch;
        align-self: stretch;
        min-height: 0;
        margin-top: 0;
    }

    #header .header-nav.header-nav-links nav > ul > li > a{
        position: relative;
        background: transparent !important;
        padding: 0 1rem;
        margin: 1px 0 0;
        min-height: 60px;
        height: 100%;
    }
    #header .header-nav.header-nav-links nav > ul > li:hover > a{
        color: var(--primary) !important;
    }

    #header .header-nav.header-nav-links nav > ul > li:hover > a:before, #header .header-nav.header-nav-links nav > ul > li.open > a:before{
        opacity: 1;
    }

    #header .header-nav.header-nav-links nav > ul > li > a.active{
        background: transparent;
    }

    #header .header-nav.header-nav-links nav > ul > li > a.active:before{
        opacity: 1;
    }

    #header .header-nav.header-nav-links nav > ul > li.dropdown > a:before{
        border-bottom: 0;
    }

    #header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu{
        margin-top: 0;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a{
        color: var(--white) !important;
    }

    #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
        color: #FFF;
    }
    #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown .dropdown-menu,
  #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown li.dropdown-submenu > .dropdown-menu{
        -webkit-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out;
    }
    #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu{
        top: -10000px;
        opacity: 0;
    }
    #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown.open .dropdown-menu > li.dropdown-submenu:hover:not(.open) .dropdown-menu{
        top: -10000px;
        opacity: 0;
    }
    #header .header-body:not(.h-100){
        height: auto !important;
    }
}
#header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before{font-family: 'Font Awesome 5 Free';content: "\f0d8";font-weight: 900;position: absolute;top: 90%;font-size: 2rem;opacity: 0.7;left:35%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;color:#aaa;}
/*移动端头部导航主体*/
@media(max-width: 991px){
    #header .header-nav-main{
        position: absolute;
        background: transparent;
        width: 100%;
        top: 100%;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    #header .header-nav-main:before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #FFF;
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #header .header-nav-main nav{
        max-height: 50vh;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 15px;
        -webkit-transition: ease all 500ms;
        transition: ease all 500ms;
    }
    #header .header-nav-main nav.collapsing{
        overflow-y: hidden;
    }
    #header .header-nav-main nav::-webkit-scrollbar{
        width: 5px;
    }
    #header .header-nav-main nav::-webkit-scrollbar-thumb{
        border-radius: 0px;
        background: rgba(204, 204, 204, 0.5);
    }
    #header .header-nav-main nav > ul{
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #header .header-nav-main nav > ul li{
        border-bottom: 1px solid #e8e8e8;
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #header .header-nav-main nav > ul li a{
        font-size: 13px;
        font-style: normal;
        line-height: 20px;
        padding: 7px 8px;
        margin: 1px 0;
        border-radius: 4px;
        text-align: left;
    }
    #header .header-nav-main nav > ul li a.dropdown-toggle{
        position: relative;
    }
    #header .header-nav-main nav > ul li a.dropdown-toggle:after{
        content: none;
    }
    #header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down{
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.6rem;
    }
    #header .header-nav-main nav > ul li a:active{
        background-color: #f8f9fa;
        color: inherit;
    }
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu{
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 13px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        clear: both;
        display: none;
        float: none;
        position: static;
    }
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a{
        position: relative;
    }

    #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:after{
        content: none;
    }
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down{
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.6rem;
    }
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu{
        display: block;
        margin-left: 20px;
    }
    #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu{
        display: block;
        margin-left: 20px;
    }
    #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title{
        margin-top: 10px;
        display: block;
        text-align: left;
    }
    #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav{
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none;
    }
    #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a{
        display: block;
        text-decoration: none;
    }
    #header .header-nav-main nav > ul li:last-child{
        border-bottom: 0;
    }
    #header .header-nav-main nav > ul > li > a{
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 1px;
        margin-bottom: 1px;
        color: #555;
    }
    #header .header-nav-main nav > ul > li > a:active{
        color: #555;
    }
    #header .header-nav-main nav > ul > li > a.active{
        color: #FFF !important;
        background: #CCC;
    }
    #header .header-nav-main nav > ul > li > a.active:focus, #header .header-nav-main nav > ul > li > a.active:hover{
        color: #555;
        background: #CCC;
    }
    #header .header-nav-main nav .not-included{
        margin: 0;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li a{
        border-radius: 0 !important;
    }
    #header .header-nav-bar .header-container{
        min-height: 0;
        height: auto !important;
    }
    #header .header-nav-bar .header-nav{
        min-height: 60px !important;
        padding: 0;
    }
    #header .header-btn-collapse-nav{
        outline: 0;
        display: block;
        position: relative;
        z-index: 1;
    }
    #header .header-logo img{
        z-index: 1;
    }
    #header .header-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
/*导航特效：包含banner 开始*/
html #header.header-transparent{min-height: 0 !important;width: 100%;position: absolute;}
html #header.header-transparent .header-body:not(.header-border-bottom){border-bottom: 0;}
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body{background-color: transparent !important;}
html:not(.sticky-header-active) #header.header-transparent-light-bottom-border .header-body{border-bottom: 1px solid rgba(68, 68, 68, 0.4);}
html:not(.sticky-header-active) #header.header-transparent-light-bottom-border-1 .header-body{border-bottom: 1px solid rgba(68, 68, 68, 0.1);}
html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border .header-body{border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border-1 .header-body{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
/*导航特效：包含banner 结束*/
/*头部及导航 结束*/