/*全局 开始*/
@charset "utf-8";
html{overflow-x: hidden;-webkit-box-shadow: none !important;box-shadow: none !important;}
html.safari .body{overflow-x: hidden;}

@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-black.eot");
    src: local("Lato Black"), local("Lato-Black"), url("../fonts/lato-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black.woff2") format("woff2"), url("../fonts/lato-black.woff") format("woff"), url("../fonts/lato-black.ttf") format("truetype"), url("../fonts/lato-black.svg#lato") format("svg");
    font-weight: 100;
    font-style: normal; 
}

@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-black.eot");
    src: local("Lato Black"), local("Lato-Black"), url("../fonts/lato-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black.woff2") format("woff2"), url("../fonts/lato-black.woff") format("woff"), url("../fonts/lato-black.ttf") format("truetype"), url("../fonts/lato-black.svg#lato") format("svg");
    font-weight: 900;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-blackitalic.eot");
    src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("../fonts/lato-blackitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-blackitalic.woff2") format("woff2"), url("../fonts/lato-blackitalic.woff") format("woff"), url("../fonts/lato-blackitalic.ttf") format("truetype"), url("../fonts/lato-blackitalic.svg#lato") format("svg");
    font-weight: 900;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-heavy.eot");
    src: local("Lato Heavy"), local("Lato-Heavy"), url("../fonts/lato-heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-heavy.woff2") format("woff2"), url("../fonts/lato-heavy.woff") format("woff"), url("../fonts/lato-heavy.ttf") format("truetype"), url("../fonts/lato-heavy.svg#lato") format("svg");
    font-weight: 800;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-heavyitalic.eot");
    src: local("Lato Heavy Italic"), local("Lato-HeavyItalic"), url("../fonts/lato-heavyitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-heavyitalic.woff2") format("woff2"), url("../fonts/lato-heavyitalic.woff") format("woff"), url("../fonts/lato-heavyitalic.ttf") format("truetype"), url("../fonts/lato-heavyitalic.svg#lato") format("svg");
    font-weight: 800;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-bold.eot");
    src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/lato-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold.woff2") format("woff2"), url("../fonts/lato-bold.woff") format("woff"), url("../fonts/lato-bold.ttf") format("truetype"), url("../fonts/lato-bold.svg#lato") format("svg");
    font-weight: 700;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-bolditalic.eot");
    src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("../fonts/lato-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bolditalic.woff2") format("woff2"), url("../fonts/lato-bolditalic.woff") format("woff"), url("../fonts/lato-bolditalic.ttf") format("truetype"), url("../fonts/lato-bolditalic.svg#lato") format("svg");
    font-weight: 700;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-semibold.eot");
    src: local("Lato Semi Bold"), local("Lato-SemiBold"), url("../fonts/lato-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibold.woff2") format("woff2"), url("../fonts/lato-semibold.woff") format("woff"), url("../fonts/lato-semibold.ttf") format("truetype"), url("../fonts/lato-semibold.svg#lato") format("svg");
    font-weight: 600;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-semibolditalic.eot");
    src: local("Lato Semi Bold Italic"), local("Lato-SemiBold Italic"), url("../fonts/lato-semibolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-semibolditalic.woff2") format("woff2"), url("../fonts/lato-semibolditalic.woff") format("woff"), url("../fonts/lato-semibolditalic.ttf") format("truetype"), url("../fonts/lato-semibolditalic.svg#lato") format("svg");
    font-weight: 600;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-medium.eot");
    src: local("Lato Medium"), local("Lato-Medium"), url("../fonts/lato-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-medium.woff2") format("woff2"), url("../fonts/lato-medium.woff") format("woff"), url("../fonts/lato-medium.ttf") format("truetype"), url("../fonts/lato-medium.svg#lato") format("svg");
    font-weight: 500;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-mediumitalic.eot");
    src: local("Lato Medium Italic"), local("Lato-MediumItalic"), url("../fonts/lato-mediumitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-mediumitalic.woff2") format("woff2"), url("../fonts/lato-mediumitalic.woff") format("woff"), url("../fonts/lato-mediumitalic.ttf") format("truetype"), url("../fonts/lato-mediumitalic.svg#lato") format("svg");
    font-weight: 500;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-regular.eot");
    src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/lato-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular.woff2") format("woff2"), url("../fonts/lato-regular.woff") format("woff"), url("../fonts/lato-regular.ttf") format("truetype"), url("../fonts/lato-regular.svg#lato") format("svg");
    font-weight: 400;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-italic.eot");
    src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/lato-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic.woff2") format("woff2"), url("../fonts/lato-italic.woff") format("woff"), url("../fonts/lato-italic.ttf") format("truetype"), url("../fonts/lato-italic.svg#lato") format("svg");
    font-weight: 400;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-light.eot");
    src: local("Lato Light"), local("Lato-Light"), url("../fonts/lato-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light.woff2") format("woff2"), url("../fonts/lato-light.woff") format("woff"), url("../fonts/lato-light.ttf") format("truetype"), url("../fonts/lato-light.svg#lato") format("svg");
    font-weight: 300;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-lightitalic.eot");
    src: local("Lato Light Italic"), local("Lato-LightItalic"), url("../fonts/lato-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-lightitalic.woff2") format("woff2"), url("../fonts/lato-lightitalic.woff") format("woff"), url("../fonts/lato-lightitalic.ttf") format("truetype"), url("../fonts/lato-lightitalic.svg#lato") format("svg");
    font-weight: 300;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-thin.eot");
    src: local("Lato Thin"), local("Lato-Thin"), url("../fonts/lato-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-thin.woff2") format("woff2"), url("../fonts/lato-thin.woff") format("woff"), url("../fonts/lato-thin.ttf") format("truetype"), url("../fonts/lato-thin.svg#lato") format("svg");
    font-weight: 200;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-thinitalic.eot");
    src: local("Lato Thin Italic"), local("Lato-ThinItalic"), url("../fonts/lato-thinitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-thinitalic.woff2") format("woff2"), url("../fonts/lato-thinitalic.woff") format("woff"), url("../fonts/lato-thinitalic.ttf") format("truetype"), url("../fonts/lato-thinitalic.svg#lato") format("svg");
    font-weight: 200;
    font-style: italic; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-hairline.eot");
    src: local("Lato Hairline"), local("Lato-Hairline"), url("../fonts/lato-hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairline.woff2") format("woff2"), url("../fonts/lato-hairline.woff") format("woff"), url("../fonts/lato-hairline.ttf") format("truetype"), url("../fonts/lato-hairline.svg#lato") format("svg");
    font-weight: 100;
    font-style: normal; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/lato-hairlineitalic.eot");
    src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url("../fonts/lato-hairlineitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairlineitalic.woff2") format("woff2"), url("../fonts/lato-hairlineitalic.woff") format("woff"), url("../fonts/lato-hairlineitalic.ttf") format("truetype"), url("../fonts/lato-hairlineitalic.svg#lato") format("svg");
    font-weight: 100;
    font-style: italic; }

body,html{
    font-family: "Lato", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif !important;
    /* font-family: -apple-system-font, Helvetica Neue, sans-serif, "Microsoft JhengHei", 微軟正黑體, 微软雅黑, Arial, sans-serif !important; */
    /* background-color: #f2eee8; */
    background: url(../images/bodybg.png) repeat #f2eee8;
    color: #644523;
    font-weight: 500;

}
.h1, .h2, .h3 {
    /* font-family: -apple-system-font, Helvetica Neue, sans-serif, "Microsoft JhengHei", 微軟正黑體, 微软雅黑, Arial, sans-serif !important; */
    font-family: "Lato", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, Arial, sans-serif !important;
    font-weight: 300  !important;
}

a{text-decoration:none;color: #644523;}
a:hover{ 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-45{max-height: 45px;overflow: hidden;}.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;}
.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;}

/*bootstrap重置*/
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;} */
    .container{max-width: 100%;}

}


.btn-danger{color: #fff;background-color: #ff500b;border-color: #ff500b;}.btn-rounded{border-radius: 50px;}h6,.h6{font-size: 14px;}.h7{font-size: 14px;}.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{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-bottom: 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-bottom: 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;
}
/*展开伸缩*/
.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;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: #a56f13;}
#footer ul{padding: 0;}
#footer .footer-copyright{background: #060606;
    border-top: 4px solid #060606;
    margin-top: 10px;}
/*分页*/
.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;}
.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;}
/*全局 结束*/
/*头部及导航 开始*/
/*头部*/
#headerWrapper{
    position: absolute;
    z-index: 1030;
}
#headerWrapper .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;
}
#headerWrapper .header-body[class*="border-color-"]{
    border-bottom: 0 !important;
}
#headerWrapper .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){
    #headerWrapper .header-container:not(.container):not(.container-fluid) .header-nav-main{
        padding: 0 0.75rem;
    }
}
#headerWrapper .container{
    position: relative;
}
@media(max-width: 767px){
    #headerWrapper .container{
        width: 100%;
    }
}
#headerWrapper .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%;
}
#headerWrapper .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;
}
#headerWrapper .header-column .header-row{
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}
#headerWrapper .header-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}
#headerWrapper .header-logo{
    margin: 16px 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
}
#headerWrapper .header-logo img{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    top: 0;
}
#headerWrapper .header-nav{
    padding: 16px 0;
    padding: 1rem 0;
    min-height: 70px;
}
#headerWrapper .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;
}
#headerWrapper .header-nav-top .nav > li > a, #headerWrapper .header-nav-top .nav > li > span{
    color: #999;
    font-size: 0.9em;
    padding:0 10px;
    display: inline-block;
}
#headerWrapper .header-nav-top .nav > li > a [class*="fa-"], #headerWrapper .header-nav-top .nav > li > a .icons, #headerWrapper .header-nav-top .nav > li > span [class*="fa-"], #headerWrapper .header-nav-top .nav > li > span .icons{
    margin-right: 3px;
    font-size: 0.8em;
    position: relative;
}
#headerWrapper .header-nav-top .nav > li > a{
    text-decoration: none;
}
#headerWrapper .header-nav-top .nav > li > a:hover, #headerWrapper .header-nav-top .nav > li > a a:focus{
    background: transparent;
}
#headerWrapper .header-nav-top .nav > li + .nav-item-left-border{
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}
#headerWrapper .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){
    #headerWrapper .header-nav-top .nav > li:not(.d-none){
        margin-left: 0;
        padding-left: 0;
    }
}
#headerWrapper .header-nav-top .nav > li.nav-item.dropdown.show .nav-link{
    background: transparent;
}
#headerWrapper .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*="fa-"]{
    left: -1px;
    top: -1px;
}
#headerWrapper .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;
}
#headerWrapper .header-nav-top .dropdown .dropdown-item{
    font-size: 0.75em;
}
#headerWrapper .dropdown-menu{
    min-width: 4rem !important;
}

#headerWrapper .dropdown-menu.on{
    display: block;
    position: absolute !important;
    left: -15px;
    top: 25px;
}
#headerWrapper .header-nav-top .dropdown-menu{
    border: 0;
    margin-top: -2px;
    margin-left: -2px;
    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;
}
#headerWrapper .header-nav-top .dropdown-menu:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    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);
}
#headerWrapper .header-nav-top .dropdown-menu a{
    padding: 5px 12px;
    font-size: 0.9em;
}
#headerWrapper .header-nav-top .dropdown-menu a:active{
    color: #FFF;
}
#headerWrapper .header-btn-collapse-nav{
    background: #CCC;
    color: #FFF;
    display: none;
    float: right;
    margin: 0 0 0 16px;
    margin: 0 0 0 1rem;
}
#headerWrapper.header-no-border-bottom .header-body{
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
#headerWrapper.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a, #headerWrapper.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a, #headerWrapper.header-no-border-bottom .header-nav.header-nav-line nav > ul > li > a, #headerWrapper.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a{
    margin: 0;
}
#headerWrapper.header-effect-shrink{
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}
#headerWrapper.header-effect-shrink .header-top{
    -webkit-transition: ease height 300ms;
    transition: ease height 300ms;
}
#headerWrapper.header-effect-shrink .header-container{
    min-height: 100px;
}
#headerWrapper.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 #headerWrapper .header-body[class*="border-color-"]{
        border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important;
    }
}
html.sticky-header-active #headerWrapper .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 #headerWrapper .header-body.header-body-bottom-border{
    /* border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important; */
}
html.sticky-header-active #headerWrapper.header-effect-shrink .header-body{
    position: relative;
}
html.sticky-header-reveal.sticky-header-active #headerWrapper .header-body{
    position: fixed;
    border-bottom: none;
    width: 100%;
    max-width: 100%;
}
html.sticky-header-enabled #headerWrapper .header-logo-sticky-change{
    position: relative;
}
html.sticky-header-enabled #headerWrapper .header-logo-sticky-change img{
    position: absolute;
    top: 0;
    left: 0;
}
html.sticky-header-enabled #headerWrapper .header-logo-sticky-change .header-logo-sticky{
    opacity: 0 !important;
}
html.sticky-header-enabled.sticky-header-active #headerWrapper .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){
    #headerWrapper .header-nav-main{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: auto !important;
    }
    #headerWrapper .header-nav-main nav{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    #headerWrapper .header-nav-main nav > ul > li{
        height: 100%;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-left: 2px;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul > li > a:after{
        display: none;
    }
    #headerWrapper .header-nav-main nav > ul > li > a:active{
        background-color: transparent;
        text-decoration: none;
        color: #555;
    }
    #headerWrapper .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down{
        margin-left: .25rem; font-size: 10px;
    }
    #headerWrapper .header-nav-main nav > ul > li > a.active{
        background-color: transparent;
    }
    #headerWrapper .header-nav-main nav > ul > li.open > a, #headerWrapper .header-nav-main nav > ul > li:hover > a{
        background: #CCC;
        color: #FFF;
    }
    #headerWrapper .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;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active{
        background-color: transparent;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a{
        background-color: #f8f9fa;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu{
        position: relative;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down{
        display: none;
    }
    #headerWrapper .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;
    }
    #headerWrapper .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);
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > a:after, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after{
        opacity: 1;
        right: 15px;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu{
        top: 0;
        opacity: 1;
    }
    #headerWrapper .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);
    }
    #headerWrapper .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);
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a{
        border-bottom: 0;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown.open > a, #headerWrapper .header-nav-main nav > ul > li.dropdown:hover > a{
        border-radius: 4px 4px 0 0;
        position: relative;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown.open > a:before, #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #headerWrapper .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu{
        top: auto;
        display: block;
        opacity: 1;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu{
        left: auto;
        right: 0;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega{
        position: static;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu{
        border-radius: 4px;
        left: 15px;
        right: 15px;
        width: auto;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content{
        padding: 1.6rem;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child{
        margin-top: 0;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a{
        background: #f7f7f7;
    }
    #headerWrapper .header-nav-main nav > ul > li .wrapper-items-cloned i{
        display: none;
    }
    #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li > a{
        border-radius: 0 !important;
    }
    #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu{
        border-radius: 0 !important;
    }
    #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu{
        border-radius: 0 !important;
    }
    #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info, #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info-wrapper{
        border-radius: 0 !important;
    }
    #headerWrapper .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu{
        border-radius: 0 !important;
    }
    #headerWrapper .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){
    #headerWrapper .header-nav-bar{
        z-index: 1;
    }
    #headerWrapper .header-nav-bar.header-nav-bar-top-border{
        border-top: 1px solid #EDEDED;
    }
    #headerWrapper .header-nav-bar .header-container{
        min-height: 0;
        height: auto !important;
    }
    #headerWrapper .header-nav-bar .header-nav{
        min-height: 60px;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav.header-nav-links{
        padding: 0;
    }

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

    #headerWrapper .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%;
    }
    #headerWrapper .header-nav.header-nav-links nav > ul > li:hover > a{
        color: #00a65a !important;
    }

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

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

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

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

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

    #headerWrapper .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a{
        color: #555;
    }

    #headerWrapper .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{
        color: #FFF;
    }
    #headerWrapper .header-nav.header-nav-click-to-open nav > ul > li.dropdown .dropdown-menu,
  #headerWrapper .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;
    }
    #headerWrapper .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu{
        top: -10000px;
        opacity: 0;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-body:not(.h-100){
        height: auto !important;
    }
}
#headerWrapper .header-nav-main nav > ul > li.dropdown.open > a:before, #headerWrapper .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){
    #headerWrapper .header-nav-main{
        position: absolute;
        background: transparent;
        width: 100%;
        top: 100%;
        left: 0%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    #headerWrapper .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%);
    }
    #headerWrapper .header-nav-main nav{
        max-height: 50vh;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 15px;
        -webkit-transition: ease all 500ms;
        transition: ease all 500ms;
    }
    #headerWrapper .header-nav-main nav.collapsing{
        overflow-y: hidden;
    }
    #headerWrapper .header-nav-main nav::-webkit-scrollbar{
        width: 5px;
    }
    #headerWrapper .header-nav-main nav::-webkit-scrollbar-thumb{
        border-radius: 0px;
        background: rgba(204, 204, 204, 0.5);
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul li{
        border-bottom: 1px solid #e8e8e8;
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul li a.dropdown-toggle{
        position: relative;
    }
    #headerWrapper .header-nav-main nav > ul li a.dropdown-toggle:after{
        content: none;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul li a:active{
        background-color: #f8f9fa;
        color: inherit;
    }
    #headerWrapper .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;
    }
    #headerWrapper .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a{
        position: relative;
    }

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


.slogan{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 90%;
    transform: translate(-50%,-50%);
    z-index: 5;
}

.slogan h2{
    background: linear-gradient(180deg, #fff, #beac94);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 92px;
}
.slogan h3{
   /* color: #8b6f4c; */
   background: linear-gradient(180deg, #fff, #beac94);
   -webkit-background-clip: text;
   color: transparent;
   font-size: 84px;
}
.slogan h4{
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    font-weight: 300;
    letter-spacing: 5px; 
}
.slogan p{
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    word-spacing: 0.2em; 
    letter-spacing: 5px; 
}
 

a:hover{color:#a56f13;}
.btn-color{color:#fff;background-color:#b18a48;border-color:#b18a48}
.btn-color:hover{color:#fff;background-color:#b18a48;border-color:#b18a48}
/*规格*/
[data-prime].active{background:#b18a48;border-color:#b18a48;}
/*主题*/
.page-right{border-top:2px solid #b18a48;}
/*折叠伸缩*/
ul.nav-list li > a.active{color: #6a4d2f;}
/*选项卡*/
.nav-tabs li.active .nav-link{border-top: 3px solid #b18a48;}
/*分页*/
.pages a:hover{border-color:#b18a48;background:#b18a48;}.pages li.active span{background:#b18a48;border-color:#b18a48;}
/*头部*/
/*头部导航主体*/
#headerWrapper .header-nav.header-nav-links nav > ul > li:hover > a{color: #b18a48 !important;}

/* 首页视频 */
#myCarousel{
    /* min-height: 800px; */
    position: relative;
    /* background-color: #333; */
}
#myCarousel video{
    /* width: 100%; */
}


#c_static_001-1683700117424 {
    background-color: #decfb9;
}

#c_static_001-1683700117424 .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: none;
    background-fill-value: background-image;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-top: 5%;
    padding-bottom: 2%
}

#c_static_001-1683700117424 .e_container-1 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#c_static_001-1683700117424 .e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    display-radio: flex;
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

#c_static_001-1683700117424 .e_container-3 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}


#c_static_001-1683700117424 .e_richText-4 .container_content{
    font_radio: 2;
    display-radio: 1;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    justify-items: center;
    width: auto;
    font-size: 16px;
    color: #6a4d2f;
    line-height: 2.5;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    /* text-align: center; */
    font-weight: normal
}
#c_static_001-1683700117424 .e_richText-4 .container_content>div:nth-child(1){
    text-align: right;
    flex: 1;
}
#c_static_001-1683700117424 .e_richText-4 .container_content>div:nth-child(2){
    text-align: left;
    flex: 1;

}
#c_static_001-1683700117424 .e_richText-4 .container_content>div{
    /* width: 85%; */
    margin: auto;
    padding: 30px;
}

#c_static_001-1683700117424 .e_image-16 {
    /* overflow: hidden;
    display-radio: 1;
    display: flex;
    justify-content: center;
    align-items: center; */
}

#c_static_001-1683700117424 .e_image-16 img {
    width: 130px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255,255,255,0.2);
    padding: 8px;
    margin: 8px 0;
    background-color: #fff;
    /* height: 100%;
    object-fit: contain */
}



#c_static_001-1683700117424 .e_container-3 .p_item {
    display-radio: 1
}

#c_static_001-1683700117424 .e_richText-6 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
    color: #6a4d2f;
    line-height: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center
}

#c_static_001-1683700117424 .e_richText-7 {
    font_radio: 2;
    display-radio: 1;
    font-size: 14px;
    color: #6a4d2f;
    line-height: 2;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center
}

#c_static_001-1683700117424 .e_provider-8 {
    text-align: center;
    font_radio: 2;
    display-radio: 1;
    color: #6a4d2f;
    font-size: 14px;
    line-height: 2
}

#c_static_001-1683700117424 .e_container-9 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex
}

#c_static_001-1683700117424 .e_container-9 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#c_static_001-1683700117424 .e_container-9 .cbox-9-1 {
    flex: 0 0 280px
}

#c_static_001-1683700117424 .e_text-10 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 36px;
    font-weight: normal;
    font-family: Impact;
    text-align: center;
    color: rgba(204,174,125,1)
}

#c_static_001-1683700117424 .e_line-11 {
    display-radio: 1;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #6a4d2f;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px
}

#c_static_001-1683700117424 .e_container-9 .cbox-9-0 {
    align-self: center
}

#c_static_001-1683700117424 .e_container-9 .cbox-9-2 {
    align-self: center
}

#c_static_001-1683700117424 .e_line-12 {
    display-radio: 1;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #6a4d2f;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px
}

#c_static_001-1683700117424 .e_container-13 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
    display-radio: flex;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}


#c_static_001-1683700117424 .e_container-13 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#c_static_001-1683700117424 .e_button-14 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    max-width: 200px;
    min-height: 0px;
    height: auto;
    font-size: 15px;
    line-height: 1.8;
    background-image: linear-gradient(to right,#ccae7d 0%,#907049 100%);
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    display-radio: block;
    border-radius: 5px 5px 20px 5px;
    border-style: solid;
    border-color: rgba(195,162,109,1);
    border-width: 0px;
    transition: 0.6s;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

#c_static_001-1683700117424 .e_button-14 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden
}

#c_static_001-1683700117424 .e_button-14::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px
}

#c_static_001-1683700117424 .e_button-14:hover::after {
    opacity: 1
}

#c_static_001-1683700117424 .e_button-14:hover {
    background-color: rgba(195,162,109,1);
    font-size: 15px;
    border-style: solid;
    border-color: rgba(195,162,109,1);
    border-width: 0px;
    border-radius: 5px 20px 5px 20px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    line-height: 1.8
}

#c_static_001-1683700117424 .e_credible-15 .img1 {
    width: 65px;
    height: 23px
}

#c_static_001-1683700117424 .e_credible-15 .img2 {
    width: 79px;
    height: 28px
}

#c_static_001-1683700117424 .e_credible-15 .img3 {
    width: 92px;
    height: 33px
}

#c_static_001-1683700117424 .e_credible-15 .img4 {
    width: 106px;
    height: 38px
}

#c_static_001-1683700117424 .e_credible-15 .img5 {
    width: 79px;
    height: 28px
}

#c_static_001-1683700117424 .e_credible-15 {
    background_radio: 1;
    display-radio: 1;
    width: 79px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}

.chengwei{
    display:flex;
    /* width: auto !important; */
    /* justify-content: center; */
    align-items: center;
}
.chengwei label{
    width: 76px;
    display: flex;
    white-space: nowrap;
 }
.chengwei input{
    float: left;
    height: 24px !important;
}

.booking-popup-wrapper .booking-popup-container>div,.sales-popup-wrapper .booking-popup-container>div{
    width: auto;
}


section .container {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    /* max-width: 1440px; */
}

@media only screen and (max-width:750px) {
    #myCarousel{
        margin-top: 100px;
    }
    
    .slogan{
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        transform: translate(-50%,-50%);
        z-index: 10;
    }
    .slogan h2{
        font-size: 32px;
        margin-bottom: 2px;
    }
    .slogan h3{
        font-size: 30px;
    }
    .slogan h4{
        margin-top: 10px;
        font-size: 14px;
    }
    .slogan p{
        font-size: 12px;
        letter-spacing: 1px; 

    }
    #c_static_001-1683700117424 .e_richText-4{
        /* display: none; */
    }

    #c_static_001-1683700117424 .e_richText-4 .container_content{
        display: block;
    }
    #c_static_001-1683700117424 .e_richText-4 .container_content>div{
        text-align: center !important;
        padding: 10px 0;
    }

    #c_static_001-1683700117424 .e_image-16{
        margin-top: 25px;
    }
    
    #c_static_001-1683700117424 .e_container-13{
        display: block;
        width: 90%;
    }
}