@font-face { font-family: "Open Sans"; src: url(../font/opensans/OpenSans-Regular.eot); src: url(../font/opensans/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(../font/opensans/OpenSans-Regular.woff2) format("woff2"), url(../font/opensans/OpenSans-Regular.woff) format("woff"), url(../font/opensans/OpenSans-Regular.ttf) format("truetype"), url(../font/opensans/OpenSans-Regular.svg#OpenSans-Regular) format("svg"); font-weight: 400; font-style: normal; font-display: swap }

@font-face{font-family:bebas-neue-pro;src:url("../font/BebasNeueProRegular/font.woff2") format("woff2"),url("../font/BebasNeueProRegular/font.woff") format("woff");font-display:swap}
@font-face{font-family:bebas-neue-pro;src:url("../font/BebasNeueProBold/font.woff2") format("woff2"),url("../font/BebasNeueProBold/font.woff") format("woff");font-weight:700;font-display:swap}
* { padding: 0px; margin: 0px; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:14px; font-family:"Open Sans",Helvetica,Arial,sans-serif;}
body { font-size: inherit; font-family: inherit; color: #333; background-color:#fff; line-height:1.7; }
h1, h2, h3, h4, h5, h6 { list-style: none; font-weight: normal; color: #555; line-height:1.5; margin-bottom:.8em; }
h1,h2,h3,h4,h5{font-weight:600;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{ font-size:18px;}
h3{ font-size:16px;}
h5{ font-size:14px;}
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
sup {vertical-align: super;font-size: smaller;}
a {color:rgb(195,51,0); text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
a:hover { color: #005caf; }
.mywhatsapp{cursor:pointer;}
.img {width:100%; height:auto;object-fit:cover;}
.img1{ max-width:100%; height:auto;}
.img-wrap{ line-height:0;}
.iframe-v{ width:100%; height:100%;}
.ul,.unstyled{list-style:none; padding-left:0;}
ul{padding-left:20px;}
p{ margin-bottom:1em;}
.element-invisible{ display:none!important;}
.clearfix::after { display: block; clear: both; content: ""; }
.container {max-width: 1520px; min-width: 300px; margin: 0 auto; position:relative;}
.container{padding-left:10px; padding-right:10px;}
.row{margin-left:-10px; margin-right:-10px;}
.col{padding-left:10px; padding-right:10px;}
.row{display: flex;flex-wrap: wrap;}
.row > *{flex-shrink: 0;width: 100%;max-width: 100%;}
.col {flex: 1 0 0%;}
.row-cols-auto > * {flex: 0 0 auto;width: auto;}
.row-cols-1 > * {flex: 0 0 auto;width: 100%;}
.row-cols-2 > * {flex: 0 0 auto;width: 50%;}
.row-cols-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
.col-auto {flex: 0 0 auto;width: auto;}
.gap-b .col{ margin-bottom:20px;}
.gap-b0 .col{margin-bottom:0;}
.align-items-center {align-items: center !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1{ margin-bottom:10px;}

@media (min-width: 576px){
.container{padding-left:10px; padding-right:10px;}
.row{margin-left:-10px; margin-right:-10px;}
.col{padding-left:10px; padding-right:10px;}
.gap-sm-b .col{margin-bottom:20px;}
.gap-sm-b0 .col{margin-bottom:0;}
.row-cols-sm-2 > * {flex: 0 0 auto; width: 50%;}
.row-cols-sm-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
.row-cols-sm-4 > * {flex: 0 0 auto;width: 25%;}
.col-sm {flex: 1 0 0%;}
.col-sm-auto {flex: 0 0 auto;width: auto;}
.col-sm-2 {flex: 0 0 auto;width: 16.66666667%;}
.col-sm-3 {flex: 0 0 auto;width: 25%;}
.col-sm-9 {flex: 0 0 auto;width: 75%;}
.col-sm-10 {flex: 0 0 auto;width: 83.33333333%;}
.mb-sm-1{ margin-bottom:20px;}
}
@media (min-width: 768px){
.gap-md-b0 .col{margin-bottom:0;}
.row-cols-md-auto > * {flex: 0 0 auto;width: auto;}
.row-cols-md-2 > * {flex: 0 0 auto;width: 50%;}
.row-cols-md-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
.row-cols-md-4 > * {flex: 0 0 auto;width: 25%;}
.row-cols-md-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
.col-md {flex: 1 0 0%;}
.col-md-auto {flex: 0 0 auto;width: auto;}
.col-md-3 {flex: 0 0 auto;width: 25%;}
.col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-md-8 {flex: 0 0 auto;width: 66.66666667%;}
.col-md-9 {flex: 0 0 auto;width: 75%;}
.justify-content-md-between {justify-content: space-between;}
.align-items-md-center {align-items: center !important;}
}
@media (min-width: 992px){
.container{padding-left:15px; padding-right:15px;}
.row{margin-left:-15px; margin-right:-15px;}
.col{padding-left:15px; padding-right:15px;}
.gap-lg-b .col{margin-bottom:30px;}
.gap-lg-b0 .col{margin-bottom:0;}
.row-cols-lg-auto > * {flex: 0 0 auto;width: auto;}
.row-cols-lg-2 > * {flex: 0 0 auto; width: 50%;}
.row-cols-lg-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
.row-cols-lg-4 > * {flex: 0 0 auto;width: 25%;}
.row-cols-lg-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
.row-cols-lg-7 > * {flex: 0 0 auto;width: 14.286%;}
.col-lg-3 {flex: 0 0 auto;width: 25%;}
.col-lg-6 {flex: 0 0 auto;width: 50%;}
.col-lg-9 {flex: 0 0 auto;width: 75%;}
.justify-content-lg-between {justify-content: space-between;}
}

/*header*/
.header{z-index:9999; position:relative;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}
.header.f{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.header.f .right .yy{color: #fff;}
.header.f .right .ss{color: #fff;}
.header.f .right .wx{color: #fff;}
.header.f .nav-menu>li>a{color: #fff;}
.header.f .nav-menu>li.active>a,.header.f .nav-menu>li:hover>a{color:#333;}
.header.f .nav-menu>li::after{ background-color:#fff;}
.header.f:hover { background: rgba(255,255,255,1) }
.header.f:hover .nav-menu>li>a{color: #333;}
.header.f:hover .nav-menu>li::after{ background-color:#fcb026;}

.header .logo{float:left;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .logo a{display:inline-block; line-height:1; padding:10px 0;}
.header .logo img{width:auto; max-width:329px; height:55px;}
.header.f .logo .img1{display:block;}
.header.f .logo .img2{display:none;}
.header .logo .img1,.header.on .logo .img1,.header:hover .logo .img1{display:none;}
.header .logo .img2,.header.on .logo .img2,.header:hover .logo .img2{display:block;}
.header .an{ float:right;display:block;position:relative; width:30px; height:18px; margin:20px 0; display:none;}
.header .an span { background-color:#999}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header.f .an span{background-color:#fff;}
.header.on .an span{background-color:#555;}

.header .right {float: right;text-align: left;margin-left:30px;}
.header .right i {font-size: 20px;}
.header .right .yy {line-height:75px;display: inline-block;padding: 0 10px;position: relative;color: #fff;}
.header .right .ss {line-height:75px;display: inline-block;padding: 0 10px;position: relative;color: #fff;}
.header .right .wx {line-height:75px;display: inline-block;padding: 0 10px;position: relative;color: #fff;}
.header .right .yy,.header.on .right .yy,.header:hover .right .yy{color: #333;}
.header .right .ss,.header.on .right .ss,.header:hover .right .ss{color: #333;}
.header .right .wx,.header.on .right .wx,.header:hover .right .wx{color: #333;}
.header .right .yy .x_l {width:100px;top:80px;position: absolute;left: 50%;margin-left: -50px; background:#fff;line-height: 40px;display: none}
.header .right .yy .x_l a {color: #333;display: block;font-size: 14px;text-align: center;}

.header .nav-w{float:right;}
.header .nav-w a{position:relative;}
.header .nav-w ul,.header .nav-w li{list-style:none; padding-left:0;}
.header .nav-menu:after{display: block; clear: both; content: "";}
.header .nav-menu li{position:relative;font-size:14px;line-height:25px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .nav-menu>li{margin:0 2px; line-height:60px;font-size:16px; float:left;}
.header .nav-menu>li::after{content:"";width:0; height:30px; position:absolute; left:50%; bottom:50%;margin-bottom: -15px;border-radius: 15px;z-index:1;}
.header .nav-menu>li::after{transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);}
.header .nav-menu>li::after,.header.on .nav-menu>li::after{background-color:#fcb026;}
.header .nav-menu>li.active::after,.header .nav-menu>li:hover::after{width:100%;}
.header .nav-menu>li>a{display:block;padding:10px 20px;z-index:2;}
.header .nav-menu>li>a,.header.on .nav-menu>li>a{color:#333;}
.header .nav-menu>li>.nav-child{position:fixed; width:100vw; top:80px; left:0;background-image: linear-gradient(to right, #f4f4f4 35%, #ebebeb 35%);padding:30px 0;}
@media (min-width: 1300px){
.header .nav-menu .nav-child{display:none!important;}
.header .nav-menu li:hover>.nav-child{display:block!important;}
}

.header .nav-menu .left { width:25%; float: left; }
.header .nav-menu .yb { width:65%; float: right; }
.header .nav-menu .yb a{color:#333;}
.header .nav-menu .yb a:hover{color:#005caf;}

.header .nav-menu .left li { display: inline-block; width: 100%; line-height: 40px; padding: 0; margin: 0; }
.header .nav-menu .left a { display: block; font-size: 14px; color: #000; line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.15); padding-left: 30px;}
.header .nav-menu .left a {transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;}
.header .nav-menu .left a:hover { color: #fcb026; padding-left: 20px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; }
.header .nav-menu .left a em { font-style: normal; margin-right: 5px; font-size: 14px; }

.header .nav-menu .yb .w_z { width: 49%; float: left; }
.header .nav-menu .yb .w_z p { font-size: 14px; line-height: 1.8; color: #555; }
.header .nav-menu .yb .w_z .more{margin-top:20px;}
.header .nav-menu .yb .w_z .more a { font-size: 14px; color: #555; }
.header .nav-menu .yb .w_z .more a em { display: inline-block; margin-left: 10px; font-size: 16px; }
.header .nav-menu .yb .w_z .more a:hover { color: #fcb026; }
.header .nav-menu .yb .tp { width: 46%; float: right; }
.header .nav-menu .yb .tp img { width: 100%; display: block; }

.header .sub-menu-slider .row{margin-left:-10px; margin-right:-10px;}
.header .sub-menu-slider .col{padding-left:10px; padding-right:10px; margin:10px 0;}
.header .sub-menu-slider .item-sale{ background:transparent;}
.header .sub-menu-slider .item-sale .b_t{font-size:12px; padding:10px 10px 0; text-align:center;}

.header .sub-menu-slider .item-sale.h img{ height:180px; object-fit:cover;}

.header .item-menu-productinfo p{margin-bottom:5px;}
.header .item-menu-productinfo .title{font-size:16px; font-weight:700; margin-bottom:6px; display:block;}
.header .item-menu-productinfo .attrs{color:rgba(0,0,0,0.7);}
.header .item-menu-productinfo strong{font-weight:normal; font-style:italic; border-bottom:1px dotted;color:rgba(0,0,0,1);}

.header.on{position:fixed; top:0; left:0;width:100%; z-index:9999; box-shadow:0 0 10px #aaa;background:rgba(255,255,255,1);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.header.on{transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
@media (max-width: 1300px){
.header{padding-top:0; padding-bottom:0;}
.header .logo a{padding:0;}
.header .logo img{height:30px;margin:15px 0;}
.header .an{ display:block;}
.header .right{display:none;}
.header .nav{width:100%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; left:-100%; z-index:9999; overflow:auto;margin-top:0;box-sizing: border-box;}
.header .nav{transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s; }
.header .nav.on{left:0;}
.header .nav-menu li{text-align:left;}
.header .nav-menu>li{line-height:60px; border-bottom:1px solid #ccc; float:none; margin:0; padding:0 15px;}
.header .nav-menu>li.parent a{position:relative; width:80%;}
.header .nav-menu>li.parent:before{position:absolute;content: "\e661";font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; right:0; top:0;}
.header .nav-menu .nav-child{display:none;}
.header .nav-menu>li>.nav-child{position:relative;background: none; padding:0; top:0;}
.header .nav-menu li:hover>.nav-child{display:none;}
.header .nav-menu>li.active::after, .header .nav-menu>li:hover::after{ width:0;}
.header .nav-menu>li>a{padding:0;}
.header .nav-menu .yb{display:none;}
.header .nav-menu .left{width:100%; float:none;}
}

/*search*/
.search{ width:100%; padding:30px 0; margin:0 auto; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:99; display:none;box-sizing: border-box;}
.search div.finder,.search .an_sj{ float:left;}
.search div.finder{width: 95%;}
.search .an_sj{width: 5%;line-height: 52px;color: #555;text-align: right;}
.search form{ display:flex; flex-wrap:nowrap; overflow:hidden;}
.search button.finder{width:5%;height:52px;line-height:52px;font-size:0; text-align:center; -webkit-appearance:none;font-weight: bold;}
.search button.finder,.search .search-query{border:0; background:none; outline:none; vertical-align:middle;margin-top:0;}
.search button.finder span{font-size: 18px;}
.search .search-query{flex:1;height:52px; border-radius:0; font-size:18px; line-height:52px; color:#555; -webkit-appearance:none;}
#finder-search fieldset{border:0;display:flex; flex-wrap:nowrap;}
#finder-search input{flex:1; padding:8px;color:#555;font-size:16px;}
#finder-search button{ width:10%; border:none; background-color:#fcb026; color:#333; font-size:16px; padding:.8em 1em; margin:0 0 0 10px;line-height:1;}
#finder-search label{ display:none;}
#search-query-explained{color:red;}
.search-results,.search-results li{ list-style:none; line-height:1.5;padding-left:0;}
.search-results li{ margin-bottom:15px;}
.search-results .result-title {font-size:16px;font-weight:600; margin-bottom:7px;}
.search-results .result-text{}
.search-results .result-url{color:rgba(0,0,0,0.7);}

/*article*/
.pagebody{padding-top:30px; padding-bottom:30px;}

/*form*/
input.ff_elem,textarea.ff_elem{width:100%!important;max-width:100%!important;min-width:100%!important;padding:8px; font-size:14px; border:1px solid rgba(0,0,0,0.3); color:rgba(0,0,0,0.3);font-family: Arial, Helvetica, sans-serif;}
input.ff_elem::placeholder,textarea.ff_elem::placeholder{color:rgba(0,0,0,0.3); font-family: Arial, Helvetica, sans-serif; font-size:14px;}
button.bfSubmitButton,button.bfSubmitButton:hover{ border:none; background-color:#fcb026; color:#333; font-size:16px; padding:.8em 1em; line-height:1;}
button.btn.btn-primary{line-height:1;}
.bfQuickMode section.bfElemWrap{padding:8px 0}
.bfQuickMode .bfSubmitButton{float:none; width:100%;}

/*footer*/
.footer-w{background-color: #0a0b0c; padding:40px 0 0;color:rgba(255,255,255,0.8);}
.footer .tit1 a { font-size:1.8em; font-weight:bold; color:#fff;opacity: 1; line-height:36px; display:block;margin-bottom: 10px; font-family:bebas-neue-pro;}
.footer a {font-size: 14px;line-height: 30px;color: #fff;display: block;opacity: 0.65;}
.footer a:hover {color: #fcb026;}
.list-contact,.list-contact .item-sub{ list-style:none; padding:0;}
.list-contact .item-sub{font-size: 14px;color: #fff; line-height: 1.4;position: relative;margin-bottom: 15px;opacity: 0.65;}
.list-contact i{margin-right: 5px;}
.copyright{line-height: 60px;font-size: 14px;color: #ccc;margin-top: 20px;border-top: rgba(255,255,255,0.2) 1px solid;background: #000;text-align: center;}
.copyright a{color:#fff; font-style:italic;}
.copyright a:hover{text-decoration:underline;}

/*侧边漂按钮*/
#_help{ position:fixed; top:30%; width:45px; right:10px; z-index:999; color:#333;}
#_help >div {position:relative; width:45px; height:45px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin-bottom:10px; background:#fcb026 url(../images/img1.webp) center center no-repeat; }
#_help .list-inquiry{background-position:-135px 0;}
#_help .list-email{background-position:-180px 0;}
#_help .list-wechat{background-position:-90px 0;}
#_help .list-skype{background-position:-225px 0;}
#_help .list-whatsapp{background-position:0 0;}
#_help .list-tel{background-position:-45px 0;}
#_help .box{ position:absolute; top:0; right:45px;width:200px; display:none; font-size:16px;}
#_help .box .txt{margin-right:10px;background-color:#fcb026; padding:10px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-align:center;}
#_help > div:hover .box{ display:block;}

#_help a{ display:block;}
#_help a,#_help a:hover{color:#333; text-decoration:none;}

#_help .box-a{display:block; height:45px;}
#_help .box-a,#_help .box-a:hover{color:transparent;}