@media(min-width:991px){
.topbar{padding-top:5px;padding-bottom:5px;font-size:13px;}
.topbar .container{width:100%; max-width:1200px;justify-content: space-between;display: flex;;margin: 0 auto;padding:0 15px;}
.topbar a{font-size:13px;z-index:999;}
.topbar a:hover{color:#313131;}
}
@media(max-width:992px){.topbar{display:none;}}
.topbar{color:#000;}
.topbar a{color:#000;}
.topbar a:hover{color:#313131;}


@media (max-width:991px){
	.logo img{max-height:40px;z-index:999;}
	.logo a.light-logo{display:block}
	.logo a.dark-logo{display:none}
	.header .logo{padding:2px}
	.header .logo img{max-height:40px}
}
@media (min-width:992px){
    .logo{display:flex;align-items:center;z-index:999;}
    .logo a.light-logo{display:block}
    .logo a.dark-logo{display:none}
    .logo img{max-height:60px;max-width:390px;z-index:999;}
	.logo svg{max-height:60px;max-width:390px}
}


@media(max-width:992px){#sticky_nav .menu{display:none;}}
@media(min-width:992px){
.menu{display:flex;align-items:center;}
.menu>li{position:relative;display:inline-block;word-wrap:break-word;height:100%;}
.menu>li>button{background-color:transparent;border: none;outline: none;}
.menu>li>button,
.menu>li>a{z-index:1000;display:block;position:relative;transition:all .2s ease-in-out;color:#ffffff;
	font-size:16px;padding:20px 12px;line-height:1;font-family:abel;}
.menu>li>a:hover{z-index:1000;color:#ffffff;}


.l2{position:absolute;z-index:999;padding:10px;box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);;display:none;top:56px;}
.l2>ul>li{display:block;float:left;margin-left:20px;}

.menu>li>ul{width:300px;position:absolute;top:100%;left:0;top:56px;z-index:-1;border-radius:2px;opacity:0;padding:20px 0 25px 10px;box-shadow:0px 12px 30px -2px rgba(0,0,0,0.1);
transition:all 0.4s ease;transform:rotateX(90deg);transform-origin:0 0;}
.menu>li>ul>li{display:block;text-align:left;}
.menu li:hover>ul{opacity:1;z-index:3;transform:rotateX(0deg);display:block;}

.menu li:hover>div{opacity:1;z-index:3;transform:rotateX(0deg);display:block;}
.menu .dropdown-sub:ul{border-top:solid 1px #f1f1f1;}
.menu .dropdown-sub>a{display:inline-flex;padding-right:10px;justify-content:space-between;}
.menu ul .dropdown-sub>a::after{transform:rotate(-90deg);}
}

@media(min-width:992px){#mobile_menu{display: none;}}
@media(max-width:991px){
#mobile_menu{display:flex;flex-wrap:nowrap;flex-direction:row;padding:10px 15px;
width:100%;align-items:center;justify-content:space-between;
}}

@media (min-width:991px){#m_panel{display:none;}}
@media(max-width:992px){
#m_panel{z-index:1000;width:33px;height:33px;color:#000;
    cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s;}
}


@media (max-width:991px){
	.logo img{max-height:40px}
	.logo a.light-logo{display:block}
	.logo a.dark-logo{display:none}
	.header .logo{padding:2px;}
	.header .logo img{max-height:40px}
}
@media (min-width:992px){
    .logo{display:flex;align-items:center;width:300px;}
	.logo a{line-height:0px;}
    .logo a.light-logo{display:block}
    .logo a.dark-logo{display:none}
    .logo img{max-height:60px;max-width:390px}
	.logo svg{max-height:60px;max-width:390px}
}


@media(min-width:991px){#m_menu{display:none;}}
@media(max-width:992px){
#m_menu{z-index:1000;width:33px;height:33px;color:#000;
    cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s;}
}

@media(min-width:991px){#m_nav{display:none}}
@media(max-width:991px){
    #m_nav{display:none;width:100%;z-index:1000;height:100%;background:#ffffff;cursor:auto;position:fixed;top:0;padding:5px;}
    #m_nav{-webkit-transition:all 0.5s;transition:all 0.5s;}
    #m_nav .open{display:block;}
    #m_menu_close{right:50px;top:0px;text-align:right;padding:10px;}
    #m_menu_close:before {font-size:22px;}
}    

@media (min-width:992px){.m_search_box{display:none}}
@media (max-width: 992px){
  .m_search_box {position:relative;display:inline-block;margin:0; padding:15px;width:327px;border-radius:3px;}
  .m_search_box input{border:1px solid var(--border_b);padding: 5px 5px 5px 15px;border-radius:3px;width:100%;font-size:14px;}
  .m_search_box button{background:transparent;cursor:pointer;font-size:15px;position:absolute;right:20px;top:22px;}
  .m_search_box input:focus{border:1px solid var(--theme);}
  .m_search_box button:hover i{color:var(--theme);}
  .m_search_box [class*="svg_"]{pointer-events:none;cursor:default;display:inline-flex;}
  .m_search_box [class*="svg_"]::before{background:#333;pointer-events:none;cursor:default;width:16px;height:16px;align-self:center;
    -webkit-mask-position:center;-webkit-mask-size:initial;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:initial;mask-repeat:no-repeat;}
}



@media(min-width:992px){.head_menu .m_menu{display:none;}}
@media(max-width:992px){

.m_menu{display: grid;gap: 10px;padding-left:26px;padding-right:26px;max-height:calc(100vh - 50px); overflow-y: auto;}
.m_menu li{text-align:left;display:block;}
.m_menu li ul{display:none;}
.m_menu>li>a{text-align:left;padding:10px 20px 8px 0;font-size:16px;display:inline-block;}
.m_menu .dropdown-sub.open>ul{display:block;padding:10px;}
.m_menu>li>ul{background:#f1f1f1;}
.m_menu>li>ul>li{text-align:left;display:block;color:#777777;}
.m_menu>li>ul>li>a{font-size:13px;padding:10px 10px;display: inline-block;}
.m_menu .dropdown-sub{position:relative;}
.m_menu .dropdown-sub .dropdown-plus{position:absolute;top:0px;right:0px;width:36px;height:42px;cursor:pointer;}
.m_menu .dropdown-sub .dropdown-plus::after,
.m_menu .dropdown-sub .dropdown-plus::before{position:absolute;top:22px;right:12px;width:13px;height:1px;content:"";background:#777777;}
.m_menu .dropdown-sub .dropdown-plus::after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.m_menu .dropdown-sub.open > .dropdown-plus::after{display:none;}
}

@media(min-width:991px){.panel_content{display:none;}}
@media(max-width:991px){
.panel_content{width:360px;z-index:999;height:100%;overflow-y:auto;display:none;
position:fixed;top:0;left:0;background:#ffffff;
-webkit-transition:all 0.5s;transition: all 0.5s;}


.head_panel_box{padding:80px 40px 50px;min-height:100%;display:flex;width:100%;
justify-content:space-between;flex-direction:column;}
#m_panel_close{cursor:pointer;top:20px;right:10px;height:40px;width:40px;position:absolute;display:block;}
}

@media (max-width: 991px){
	.panel_lang a{display: block; padding: 8px 5px 8px 40px;position: relative;margin-top:5px;border-radius: 2px;}
	.panel_lang a::before{height: 15px;width: 21px;position: absolute;content: "";left: 10px;top:13px;align-self: center;display: inline-block;}
	.panel_lang a{color: inherit;}
	.panel_lang a:hover,
	.panel_lang a.active{background: rgba(0,0,0,0.05);}
}

.en::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAIAAACEOBM8AAAAB3RJTUUH5QgYCBIZPQydiwAAAPNJREFUeJxjdHHp/s/IgBXMFzmKXQIK/v//z8zg7Nr96PHbsvJVjx+/g5MQkW8//+BBXz9++XDmNKOza7eJscK168+0NKXQyKlc+/Haz8DAwMAwc9YBv4BJN2+9qKhaAyfrGjbMmLkfv/3ffv75dPMWY3zinKdPP+jryd65+1JFWRxC3r33UoCfu+nHZsL2O7t2X7/xrKFpIyZJjP0sDAwMc+cdvnfv9ZcvP9DINwkhBK1n/HTzFouCEmF3YgN/HtxjfBQZQJ7mUfsZGBgYGD+eOc2iqsnIwUGqzv8/fvy+fZ3xYUQQI+NfBgYceRCvCYyMrADeAft6EdKh8wAAAABJRU5ErkJggg==);}


@media (max-width: 992px){
    .panel_call {display:block;justify-content: center;align-items: center;}
    .panel_call a{font-size:0.9rem;display:flex;padding-top:15px;}
    .panel_call [class*="svg_"]::before{width:18px;height:18px;margin-right:10px;align-self: center;}

    .panel_call a{color: inherit;}
    .panel_call a:hover{color: var(--theme);}
    .panel_call [class*="svg_"]::before{background-color:var(--text_b_2);}
    .panel_call [class*="svg_"]:hover::before{background-color:var(--theme);}
}


@media (max-width: 991px){
    .m_social {display: block;align-items: center;}
    .m_social a{display:inline-flex;margin-right:10px;margin-bottom:10px;padding: 6px;border-radius:2px;}
    .m_social [class*="svg_"]::before{background:var(--text_w_1);width:18px;height:18px;align-self: center;-webkit-mask-position: center;-webkit-mask-size: initial;-webkit-mask-repeat: no-repeat;mask-position: center;mask-size: initial;mask-repeat: no-repeat;}
    .m_social [class*="svg_"]:not(:hover)::before{background:var(--text_w_1);border-color: transparent;}
    .m_social [class*="svg_"]:hover::before{border-color: transparent;}
}

 
#chats{position:fixed;bottom:140px;right:15px;height:50px;z-index:101}
@media (max-width:426px){}
.chats_body h4{background:#ffffff;padding:12px;text-align:left;color:#fff;font-size:18px;}

#chats .chats_box{background:#fff;padding:15px 20px 15px 15px;max-height:75vh;opacity:1;overflow-y: auto;position: relative;}
@media(min-width:426px){
.chats_body{border-radius:10px;position:absolute;bottom:calc(100% + 20px);box-shadow:0 0 20px 0 rgb(0 0 0 / 30%);right:0;overflow:hidden;}
}
#chats .chats_box a:last-child{border-bottom:none;}
#chats .chats_box a{position:relative; }
#chats .chats_box a:hover{color:#ffffff;}
#chats .chats_box span{position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;}
#chats>.iconfont{
border:2px solid #fff;background:#ffffff;display:inline-block;width:45px;height:45px;
border-radius:50%;transition:.3s;padding:10px;color:#fff;}
.chats_switch::before{width:26px;height:26px;-webkit-mask-position:center;-webkit-mask-size:initial;-webkit-mask-repeat:no-repeat;}

 
.chats_box a>div{display:grid;grid-template-columns:30px auto;margin-top:10px;border-bottom: 1px dashed #eee;}
.chats_box a>div>.chat_content{display:grid;grid-template-rows:26px auto;}
.chat_weixin{}
.chats_box a>div>.iconfont{display:flex;}
.chats_box a>div>div>div{text-align:left;}


#back-to-top{position:fixed;display:none;z-index:5;bottom:80px;right:15px; cursor:pointer;}
#back-to-top .iconfont{border: 2px solid #fff;background:#ffffff;
    border-radius:50%;transition:.3s;padding:10px;width:45px;height:45px;}
#back-to-top .iconfont::before{color:#ffffff;}
#back-to-top:hover .iconfont{background:#fff;border: 2px solid #ffffff;}
#back-to-top:hover .iconfont::before {color:#ffffff;}



footer{position:relative;overflow:hidden;z-index:1;padding-top:30px;margin-top:30px;background:#f5f5f5;}
footer>.foot_body{margin-left:auto;margin-right:auto;max-width:1200px;text-align:center;padding:0 15px 15px;
display:grid;grid-gap:clamp(0.938rem, 0.553rem + 1.92vw, 1.875rem);gap:clamp(0.938rem, 0.553rem + 1.92vw, 1.875rem);
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
footer>div>div>ul{list-style:none;}
.foot_body>div>ul>li{border-bottom:1px dashed #777777;text-align:left; width:100%;padding-top:5px;padding-bottom:5px;}
.foot_body>div>ul>li>a{padding-left:3px;color:#191919;font-size:0.875rem;min-height:32px;width:100%;font-family:abel; }
.foot_body>div>ul>li>a:hover{color:#ffffff;}
footer h5{font-size:15px;margin-bottom: 20px;padding-bottom:10px;position:relative;text-transform:uppercase;text-align:left;color:#191919;}
footer h5::before{background:#ffffff;bottom:0;content:"";height:2px;position:absolute;width:40px;}

.f65{list-style: none;}
.f65 li{border-bottom:1px dashed #f1f1f1; padding-bottom:8px;text-align: left;}
.f65 a{display: block;padding:5px 0;}
 
.f65 .foot_news{display:flex;}
.f65 .foot_news{border-bottom:1px dashed #f1f1f1;padding-bottom:7px;margin-bottom:7px;}
.f65 .foot_news img{width:60px;margin-right:15px;overflow:hidden;position:relative;}
.f65 .foot_news .info{flex-basis:0;flex-grow:1;max-width:100%}
.f65 .foot_news span{font-family:abel;color:#191919;font-size:0.875rem;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.f65 .foot_news span:hover,.f65 .foot_news time:hover{color:#ffffff;}
.f65 .foot_news time{margin-top:8px;display:inline-block;font-size:0.625rem;color:#72768b;}


 


 


footer .address{list-style:none; font-size:0.5rem; color:#777777;}
footer .address .iconfont:before{padding-right:5px;color:#ffffff;font-size:0.875rem;height:28px;}
footer .address li{border-bottom:1px dashed #ddd; padding-bottom:1px;padding-top:8px;text-align:left;height:36px;display:flex;}
footer .address a{color:#777777;font-size:0.875rem;font-family:abel;min-height:28px;float:left;}
footer .address a:hover{color:#ffffff;}
.address_text{padding-left:3px;color:#777777;font-size:0.5rem;text-align:left;font-family:abel;margin-top:6px;}
.icon-map-marker-alt::before{color:#ffffff;float:left;padding-right: 5px;}


#bottom>div{margin-left:auto;margin-right:auto;max-width:1200px;text-align:center;
    display:flex;align-items:center;justify-content:flex-end;font-size:13px;color:#777777;}
#bottom{background-color:#f1f1f1;width:100%;padding:15px;}
.foot_company{margin-right:30px;}

@media(max-width:991px){
#bottom>div{margin-left:auto;margin-right:auto;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;color:#777777;}
}
.icon-weixin,.icon-weixin:hover{background-color:#fff;border-color:#68c864;color:#68c864}
.icon-whatsapp,.icon-whatsapp:hover{background-color:#fff;border-color:#43d854;color:#43d854}