.topbar{ width: 100%; padding: 25px; background: url(../images/topbg.png) no-repeat center; background-size:cover;}
.topbar .logo{ width: 271px; height: 47px;}
.topbar .logo a{ display: block; width: 271px; height: 47px; background: url(../images/logo.png) no-repeat;}
.topbar .logo a h1{ display: none;}

.topbarbom{}
.topbarbom a{ display:inline-block; background: #00876D; height: 47px; line-height: 47px; color: #FFFFFF; font-size: 1rem; padding:0 15px; border-radius: 8px; text-align:center; }
.topbarbom a i{ margin-right:10px;}
.topbarbom a:hover{ background:#000;}
.navbg{ width: 100%; height: 72px; line-height: 72px; background: #FFFFFF;}
.navbg.current{ position:fixed; left:0; top:0; z-index:999; border-bottom:1px solid #eee;}

nav.Hnav li{ position: relative; line-height: 72px; font-size: 1rem; margin-right: 90px;}
nav.Hnav li a{ font-size: 1.2rem; color: #111111; font-weight: bold; line-height: 69px; display: inline-block;}
nav.Hnav li a i{ margin-left: 6px;}
nav.Hnav li:hover ul.ul1{ display: block;}
nav.Hnav li ul{ display: none; position: absolute; left: 0; z-index: 999; top: 72px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 280px;}
nav.Hnav li ul li{ height: 42px; line-height: 42px; font-size: 0.9rem; border-bottom: 1px solid #EEEEEE; padding: 0; margin:0;}
nav.Hnav li ul li a{ display: block; padding: 0 10px; font-weight: normal; font-size: 0.9rem;  line-height: 42px;}
nav.Hnav li ul li a:hover{ background: #00876d; color: #FFFFFF;}
nav.Hnav li ul li:hover ul.ul2{ display: block;}
nav.Hnav li ul li ul.ul2{ position:absolute; left:280px; top:0;}

nav.Hnav li.pronav ul{ width: 600px;}
nav.Hnav li.pronav ul li{ width: 33.3%; float: left;}

.langue{ height: 24px; line-height: 24px; cursor: pointer; position: relative;}
.langue em{ font-weight: normal; display: inline-block; padding: 0 5px;}
.langue:hover ul{ display: block;}
.langue ul{ display: none; position: absolute; width: 120px; z-index: 666; height: auto; background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(16,34,55,0.08); border-radius:6px; text-align: center;}
.langue ul li{ width: 100%; border-bottom:1px solid #EEEEEE; height: 40px; line-height: 40px; font-size: 0.9rem;}
.langue ul li:last-child{ border-bottom: none;}
.langue ul li a{ display: block;}
.langue ul li a:hover{ background: #00876D; color: #FFFFFF;}


.searchshow{  width: calc(100% - 501px);height: 47px; background: #FFFFFF; border:2px solid #00876d; border-radius: 8px; padding:2px;} 
.searchshow input{ height: 39px; line-height: 39px; padding: 0 25px; border: none; width: 82%; background: none;}
.searchshow button{ border: none; background: #00876D; color: #FFFFFF; font-size: 1.2rem; width:8%; border-radius: 8px;}
.searchshow button:hover{ background: #111111;}

.HeaderM{ display: none;}

@media (max-width: 768px) {

.navbg{ display: none;}
.topbar{ display: none;}
body{ font-size: 0.9rem;}
.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: auto; height:60px; overflow: hidden; }
.HeaderM .logo a{ display: block; overflow: hidden;   width: auto; height:60px;}
.HeaderM .logo a img{width: auto; height:40px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}
.m-menu{float: right;width: 30px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.client-2{ display: none;}
#mmenu {
	z-index:9999;  opacity: 1.0;
}
#mmenu li .home-search {
	float:left;
	margin-left:20px;
	width:90%;
	background-color:#fff;
	padding-left:0;
	overflow:hidden;
	margin-top:10px;
	position:relative
}
#mmenu li .home-search .keyword {
	text-align:left;
	border:0;
	box-shadow:0;
	border-radius:0;
	width:85%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-mz-border-radius:0;
	font-size:14px;
	color:#999;
	line-height:20px;
	vertical-align:top;
	padding:6px 86px 6px 10px;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid #ccc
}
#mmenu li .home-search .keyword:focus {
	transition:border linear .2s, box-shadow linear .5s;
	-moz-transition:border linear .2s, -moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #00876d;
}
#mmenu li .home-search .btn-sub {
	top:0;
	border:0;
	right:0;
	color:#0201ff;
	width:15%;
	height:34px;
	line-height:34px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	border-radius:0;
	background:#00876d url(../images/search3.png) no-repeat center center;
}


}