
header{z-index:5;background-color:#ffffff;width:100%;}
@media(min-width:991px){
.head_sticky{box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);;z-index:10;position:fixed;width:100%;top:0;left:0;right:0;animation-duration:.5s;animation-name:stickyTransition}
#sticky_nav{display:flex;background-color:#ffffff;height:60px;}
#sticky_nav>div{width:1200px;min-width:1000px;display:flex;grid-column-gap:10px;justify-content:space-between;margin:auto;height:100%;}
@keyframes stickyTransition{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}
}}
@media(max-width:992px){#sticky_nav{display:none;}}

@media(max-width:992px){.topbar{display:none;}}


@media(min-width:991px){
.topbar_call{display:inline-flex;justify-content:center;align-items:center;}
.topbar_call a{display:inline-flex;padding-right:10px;padding-left:8px;color:#ffffff;z-index:1000}
.topbar_call a:hover{color:#f1f1f1;}
.topbar_call .iconfont:before{margin-right:3px;}
}


@media(min-width:991px){
.head_lang{display:flex;}
.head_lang{color:#ffffff;}
.head_lang a{display:inline-flex;padding:3px 5px 3px 33px;position:relative;margin-right:5px;border-radius:2px;color:#ffffff;}
.head_lang a::before{border-radius: 2px;height:15px;width:21px;position:absolute;left:5px;top:6px;align-self:center;content:"";}
.head_lang a:hover,.head_lang a.active{color:#f1f1f1;}
}

.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==);}

header .vn::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAbhJREFUOBGdU0FOw0AM9G5aWnop6j/KDSSERPsI/gESN+5c+AV/4CMgjpwQBVEEAooKbZINM846atMiISxtx7E9s7bTuPFwUMDkf+ZAI5dIK/1GCAF+FHVI0if+xQpwlQOEmbyKVhImHtGK4pUr15DHKSt+FPYFOmVi7bEcsDVs6BSs12nAsSmJi8dTLOR5eZikH4tIpu9aIt2TjhTNUtDqjWsNsZ6+dmpzaRccAUI8FCRu7CWSdAtp7zc19ms9RVHv7nZ31q5so59I77QjfsuL63jxLXQ9c1JMcdlbkNezqcxv8nIVtRfrrRvrznB2lcrT0USyUQpBkCVXzEaZjBGfXaflRLE74xE95tE92F4WMX/M5f3iWwXFcSA+f0n2kC2tx94BufSXOrWurYgvZHPgJHvO5OX8E4jnA6yA3eHgp0L65BEbmoybVx/7qWIJatIg94cTCR+FTC7n0jtuS3AgcyM1c+AGiLrb7T6vK9P6dcCvFs84/tr1vGcMKcaNs3BBg4utzMiGmiA7msXzNTGrAZafqXVWv9m6iHmuhSNW61kQoqufLUW1IHawQqqJkqQ7o8Ias/5/AFqswWKWDHqNAAAAAElFTkSuQmCC);}

header .de::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAPhJREFUOBGlUsERwyAMgzvP0Vf236bvzlFIQi2wSGqOXtP6I2JkWTaJy7KUYFFKCTHGAETwDLwSknP+WcSbYGNJKVVHSMxIJHv0k7C+Op2NRxIQMRPhPZtWUX54/FaEdeTLQ4S5YXySgFdC1nXFMlsNinE2EUjhZibp18PGsunrU6QLsglZhmxgFoYds745tSI/7syJ6zV8yqbj9856TTcD83Q35dv6YrnfyDn2yfHdjjleRXT19+ZEwv60o8HRoiU+fe9KwSsCTyGhQJTvCwW+uR4pSDwVtqNy61Tv9SqaBuq/ieaUTmiSjbtrS/Af7jvX9hyuOmkCL2KYsOOPqj5UAAAAAElFTkSuQmCC);}
header .es::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAU1JREFUOBHtU7FOwzAQfS7uQKsOCFSkIvEDSAiJsTs/wQLfwDfxBRXqzABzd2DpUMFEFRZC7Ji7nC+JXFKpOydZ93J37/Jsn83L+CwgWggBxhiwZ1PMno2jjJSgWLJcIWZ/vKMm8sFcxrEHBbtoUp+KkChgc+ebJomU5FM5td8QEQm28F4E1aUtkHZNheu2dKuRasLigqliadGGFC3c7nsoc6D8lhVyvD5kuL96x9v8iw6YctsW8ziv/OipaUxQcna7xuDQ4fy6j/0Dh9nNJxGI5Knmr8UNOa4/5lrCVgKynWwVsHzMMTw5wvKpQLaSos7N6sGp50LCtlJas/oYTUrk6w+MjvlWerK1arQiox6zmtSAeAfUlNTEwZzelZhcelK5h9Opw3BsqWmx83SY8Gzb4pu/VohTOkccUMy+28z/M935IpphoDPXV9c64l/34+tqHI+Y+AAAAABJRU5ErkJggg==);}

header .fr::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAWJJREFUOBF1lN1tBDEIhG1pC0gxaSFKBWk2LaSZPOVtzfEB47N9CtIerMHD8LPX396/rZVgdH908PvzIVczs9Z7D83h3+fXEqlb6NYus7E5LSDTCRCPZLPH7QQyrnWPCUYZexnO8sX5kmKMEewAPZn2I6ESo53p7apQ3cpcuBIorfzdmVKh2PgtmFVVV/PyRyERIrbAALICcSaxG9CU6PVSVTKt+oeDEIBGVPJqzyTEKK5YWuHkoIppXub3KRPEj1a7OTNJJF/8MSi15rlQ2SsG9Z/Y4Vt4+aCaT3ie7F0NBlXSCziDyNxegnt11c1iml6BqEy07BM0mU42mzum7+PJQ0CwNQDXDA45E7I1c/8IEVs3a1DKKMAEAkx9ja1Y1oaVmgm9FdhWu1nLz/VXESAetUEapvGF44QLMy0uW0/xrzIB1kPZ+mJ4V6Glo3z9MZx903vcq/7ORN4KJpACReyk+gDo+Q3yB8vLggAAAABJRU5ErkJggg==);}

@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:200px;}
	.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(max-width:992px){#sticky_nav .menu{display:none;}}
@media(min-width:992px){
.l2{display:none;position:absolute;z-index:999;padding:10px;box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);;top:60px;}
.l2>ul>li{display:block;float:left;margin-left:20px;}
.menu>li>ul{width:300px;position:absolute;left:0;top:60px;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 #40C4FF;}
.menu ul .dropdown-sub>a::after{transform:rotate(-90deg);}
}

@media (max-width:991px){.head_menu .head_search{display:none;}
}
@media (min-width: 991px){
  .head_search{display:block;position:relative;min-width:60px;}
  .head_search .dropdown_toggle{padding:14px 12px;position:relative;z-index:1;cursor:pointer;line-height:1.8;display:inline-block;}
  .head_search .dropdown_box{display:none;position:absolute;right:0;top:100%;z-index:3;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}
  .head_search .open + .dropdown_box{display:block;}
  .head_search .dropdown_box .search-box {position:relative;display:inline-block;width:327px;height:36px;}
  .head_search .dropdown_box .search-box input {border:1px solid #40C4FF;
    padding: 5px 5px 5px 15px;border-radius:3px;width:100%;height:36px;font-size:14px;}
  .head_search .dropdown_box .search-box button {cursor:pointer;font-size:15px;position:absolute;right:20px;top:6px;}
  .head_search .dropdown_box .search-box input:focus{border:1px solid #40C4FF;}
  .head_search .dropdown_box .search-box button:hover i{color:#0288D1;}
}



@media(min-width:992px){
#mobile_menu{display:none;}
#m_menu{display:none;}}
@media(max-width:991px){
.m_bar{display: flex;justify-content:right;align-items: center;max-height:80px;overflow:hidden; }
#mobile_menu{display:grid;grid-template-rows:2;padding:10px 15px;width:100%;}
.logo_div { display: flex;justify-content: center;align-items: center;max-height:80px;overflow:hidden; }
 
.logo_div a {width:100%;height:100%;display: flex;justify-content: center;align-items: center;max-height:80px;overflow:hidden; }
.logo_div img{height:100%;text-align:center;}
.logo a.light-logo{display:block}
.logo a.dark-logo{display:none}
#m_menu{z-index:1000;width:33px;height:33px;cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s;float:right;}
}
@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_nav{display:none}}
@media(max-width:991px){
    #m_nav{display:none;width:100%;z-index:1000;height:100%;background:#fff;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 #ddd;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;border:none;}
  .m_search_box input:focus{border:1px solid #0288D1;}
}



@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:#191919;}
.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:#191919;}
.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 (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);}
}


@media (max-width: 991px){
.head_social{display:inline-flex;align-items:center;margin-top:20px;}
.head_social a{display:inline-flex;margin-right:10px;padding:4px;color:#ffffff;}
}

.head_social .iconfont[class*="icon-"]{height:26px;width:26px;line-height:26px;border-radius:3px;border-width:1px;border-style:solid;font-size:15px;text-align:center;border:0 solid;display:flex;align-items:center;justify-content:center;}
.head_social .iconfont[class*="icon-"]:not(:hover){color:#fff;border-style:transparent;}
.head_social .iconfont[class*="icon-"]:hover{background-color:#fff;border-width:1px;}

 
#chats{position:fixed;top:140px;right:15px;height:50px;z-index:101}
#chats img{max-height:200px;}

.chats_body h4{background:#0091EA ;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(max-width:992px){#chats{position:fixed;bottom:0;right:15px;height:80vh;z-index:101}}

#chats .chats_box a:last-child{border-bottom:none;}
#chats .chats_box a{position:relative; }
#chats .chats_box a:hover{color:#0091EA ;}
#chats .chats_box span{position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;}
#chats>.iconfont{border:2px solid #fff;background:#0091EA ;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;}
.icon-envelope:before{ content: "\e608";}



#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:#0091EA ;border-radius:50%;transition:.3s;padding:10px;width:45px;height:45px;}
#back-to-top .iconfont::before{color:#ffffff;}
#back-to-top:hover .iconfont{background:#0288D1;border: 2px solid #0288D1;}
#back-to-top:hover .iconfont::before{color:#ffffff;}



footer{position:relative;overflow:hidden;z-index:1;padding-top:30px;margin-top:30px;background:#40C4FF;}
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(330px,1fr));
 }

footer h5{font-size:15px;margin-bottom:20px;padding-bottom:6px;position:relative;text-transform:uppercase;text-align:left;
color:#191919;font-size:1.125rem;font-family:Microsoft YaHei;}
footer>div>div>ul{list-style:none;}
footer>div>div>ul>li{text-align:left;width:100%;font-size:0.9735rem;min-height:32px;padding-top:10px;color:#191919;}
footer>div>div>ul>li>a{padding-left:3px;
	color:#191919;font-size:0.9735rem;font-family:Microsoft YaHei;}

@media (min-width:991px){footer{padding-top:50px;}}

@media (max-width:991px){
footer{padding:20px 0;border-top:0;}footer>div{max-width:600px;}
}



.foot_social{text-align:left;list-style:none;}
.foot_social span{display:inline-block;padding:0;margin:0 8px 8px 0;}
.foot_social .iconfont[class*="icon-"]{height:32px;width:32px;line-height:32px;border-radius:3px;border-width:1px;border-style:solid;font-size:16px;text-align:center;border:0 solid;display:flex;align-items:center;justify-content:center;}
.foot_social .iconfont[class*="icon-"]:not(:hover){color:#fff;border-style:transparent;}
.foot_social .iconfont[class*="icon-"]:hover{background-color:#fff;border-width:1px;}


footer .address{list-style:none; font-size:0.9735rem; color:#191919;}
footer .address .iconfont:before{padding-right:5px;color:#0288D1;font-size:0.875rem;height:28px;}
footer .address li{padding-bottom:1px;padding-top:8px;text-align:left;height:36px;display:flex;}
footer .address a{color:#191919;font-size:0.9735rem;font-family:Microsoft YaHei;min-height:28px;float:left;}
footer .address a:hover{color:#0288D1;}
.address_text{padding-left:8px;color:#191919;font-size:0.9735rem;text-align:left;margin-top:6px;font-family:Microsoft YaHei;}
.icon-map-marker-alt::before{color:#0288D1;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:center;font-size:0.75rem;color:#ffffff;}
#bottom{background-color:#ffffff;width:100%;padding:0.55rem;}
.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:#ffffff;}
}
.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}
.icon-tiktok,.icon-tiktok:hover {background-color:#000;border-color:#000;color:#000;}
.icon-instagram,.icon-instagram:hover{background-color:#ce2027;border-color:#ce2027;color:#fff}
.icon-facebook-f,.icon-facebook-f:hover{background-color:#3B5998;border-color:#3B5998;color:#3B5998}
