/*padding不影响大小*/

.mean-nav *{

-moz-box-sizing: border-box !important;

-webkit-box-sizing: border-box !important;

-o-box-sizing: border-box  !important;

-ms-box-sizing: border-box !important;

box-sizing: border-box !important;

}





a.meanmenu-reveal{display:none}

/*导航宽度*/

.mean-container .mean-bar {

  background:none;

  position:static;

  padding: 0px 0px;

  right:0;

  top:0;

  width: auto;

  height: 100%;

  z-index: 999999;

  width: 100%;

}

.mean-container .mean-bar:before {

  content: "menu";

  font-size: 16px;line-height: 40px;margin: 0 0 0 15px;text-transform: uppercase;color: #fff;;

}

.mean-container a.meanmenu-reveal{margin:0px 0px 0px 0;transition:all 0.0s ease 0s;width:20px;height:20px;padding:10px 10px 10px;cursor:pointer;color:#fff;text-decoration:none;font-size:20px;text-indent:-9999em;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;background: none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;text-align: center !important;line-height:18px;background: #222;margin-right:45%;}

@media(max-width:992px){

.mean-container a.meanmenu-reveal{}

}

@media(max-width:480px){

.mean-container a.meanmenu-reveal{}

}

.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:2px;margin-top:3px}

.mean-container .mean-nav{margin: 0px 0 0px 0;width: 100%;background: #222}



.mean-container .mean-nav ul{width: 100%;padding:0px 15px 0px;margin:0px 0 0px 0;display: inline-block;

-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0);

   -moz-box-shadow:0px 0px 20px rgba(0,0,0,0);

     -o-box-shadow:0px 0px 20px rgba(0,0,0,0);

        box-shadow:0px 0px 20px rgba(0,0,0,0);}

.mean-container .mean-nav ul li {

  background: none repeat scroll 0 0;

  display: inline-block;

  position: relative;

  width: 100%;

  border-bottom: 1px solid rgba(255,255,255,0.1);

}

.mean-container .mean-nav ul li a {

  background: none repeat scroll 0 0;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  margin: 0;

  padding:0;

  text-align: left;

  width: 100%;

  padding: 10px 0px 10px 0px;

  text-decoration: none;

  text-transform: capitalize;

}

.mean-container .mean-nav ul li ul{background: #333;padding:5px 0px;width: 98%;margin:0 1% 10px 1%;

-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1);

   -moz-box-shadow:0px 0px 20px rgba(0,0,0,.1);

     -o-box-shadow:0px 0px 20px rgba(0,0,0,.1);

        box-shadow:0px 0px 20px rgba(0,0,0,.1);

}



.mean-container .mean-nav ul li ul li {

  background: none repeat scroll 0 0;

  position: relative;

  width: 100%;

  border: none;

  border-top: none;

 

}



.mean-container .mean-nav ul li ul li a {

  padding:6px 10px

}



.mean-container .mean-nav ul li ul li ul{background: #333;padding:0px 0px;margin:0px 2%;border-top: 1px solid #444;width:96%;

-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1);

   -moz-box-shadow:0px 0px 20px rgba(0,0,0,.1);

     -o-box-shadow:0px 0px 20px rgba(0,0,0,.1);

        box-shadow:0px 0px 20px rgba(0,0,0,.1);

        }



.mean-container .mean-nav ul li ul li ul li {

  background: none repeat scroll 0 0;

  position: relative;

  width: 100%;

  border: none;

  border-top: none;

  border-bottom: 1px solid #444;

}

.mean-container .mean-nav ul li ul li ul li a {

}





/*外框颜色*/

.mobile-menu-area {display: inline-block;display: none;}

@media(max-width:992px){

  .mobile-menu-area {display: inline-block;padding: 0px 0;float: right;width: 100%;}

}

.mobile-menu-area .container{padding:0 0px;}

.mean-container .mean-nav ul li li a {

  width: 100%;

  padding:0;

  text-shadow: none !important;

  visibility: visible;

  font-weight: normal;

  text-transform: capitalize;

  color: #777;

  font-size:13px;

  width: 100%;

  padding: 6px 0 6px;

  font-family: "Ubuntu-R";

}

.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}

.mean-container .mean-nav ul li li li a{}

.mean-container .mean-nav ul li li li a:before{content:"\f0da";font-family:FontAwesome;padding-right:5px;}

.mean-container .mean-nav ul li li li li a{}

.mean-container .mean-nav ul li li li li li a{}

.mean-container .mean-nav ul li a {}

/*"+%-"*/

.mean-container .mean-nav ul li a.mean-expand{

	width:40px;

	height: 40px;

  font-size: 24px !important;

    padding: 9px !important;

	text-align:center;

	position:absolute;

	right:0;top:0;

	z-index:2;

	border:0!important;

}

.mean-container .mean-nav ul li ul li a.mean-expand{width: 34px;height: 34px;right:5px;}

.mean-container .mean-nav ul li a.mean-expand:before{content: ''; position: absolute; right: 14px; top: 18px; display: block; width: 12px; height: 2px; background: #fff; z-index: 99;}

.mean-container .mean-nav ul li a.mean-expand:after{content: ''; position: absolute; top: 13px; right: 19px; display: block; width: 2px; height: 12px; background: #fff; z-index: 99; }

.mean-container .mean-nav ul li ul li a.mean-expand:before{background: #fff ;right:10px;}

.mean-container .mean-nav ul li ul li a.mean-expand:after{background: #fff;right:15px;}





/*hover*/

.mean-container .mean-nav ul li:hover>a{color:#35b94b;}

.mean-container .mean-nav ul li ul li:hover>a{color:#35b94b;}

.mean-container .mean-nav ul li ul li:hover>a.mean-expand:before{background: #35b94b}

.mean-container .mean-nav ul li ul li:hover>a.mean-expand:after{background: #35b94b}

.mean-container .mean-nav ul li ul li ul li:hover>a{color:#35b94b;}





.mean-container .mean-nav ul li a.mean-clicked:before{background: #35b94b}

.mean-container .mean-nav ul li ul li a.mean-clicked:before{background: #35b94b}

.mean-container .mean-nav ul li a.mean-clicked:after{display: none;}

.mean-container .mean-nav ul li a.mean-expand:hover {}

.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}

.mean-nav .wrapper{width:100%;padding:0;margin:0}

.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.mean-remove{display:none!important}

.mean-container .mean-bar::after {

  color: #ffffff;

  content: "";

  font-size: 18px;

  left: 15px;

  position: absolute;

  text-transform: uppercase;

  top: 12px;

  display: none;

  

}





/*mainmenu*/

.mainmenu-area{display:block;float:left;width:65%;padding-left:13px;}

.mainmenu_box{float:right;width:36%;padding-right:0;}



.mainmenu-left {

    /*position: relative;*/

}

.product-menu-title {

  background: #444444 none repeat scroll 0 0;

  cursor: pointer;

  padding: 3px 16px;

}

.product-menu-title h2 {

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 48px;

    margin: 0;

    text-transform: uppercase;

}

.product-menu-title h2 i {

  float: right;

  margin-top: 17px;

}

.product-menu-title h2:before {

    content: "\f03c";

    font-family: FontAwesome;

    font-weight: 400;

    margin-right: 15px;

}

.product_vmegamenu ul {list-style:none;}

.product_vmegamenu ul li {float:left;padding:0 24px;}

.product_vmegamenu ul li:first-child{padding-left:0;}

.product_vmegamenu ul li a {

  color: #333333;

  display: block;

  font-size: 16px;

  padding:15px 20px;

  position: relative;

  text-transform:uppercase;

  font-family: 'Ubuntu-R';

  letter-spacing:1px;

}

.product_vmegamenu ul li a:hover{

	color:#226cc5;

}

.find .product_vmegamenu ul li a {

    padding: 12px 10px;

}

.product_vmegamenu ul li a.hover-icon::after {

  content:"\f107";

  font-family: FontAwesome;

  font-size: 18px;

  position: absolute;

  right: 0;

  color:#808080;

  top: 14px;

}

.product_vmegamenu ul li a img {

    margin-right: 10px;

}

.product_vmegamenu ul li .vmegamenu {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #eaeaea;

	box-shadow: 0 0 5px -1px #666666;

	left: 0;

	position: absolute;

	top: 82px;

	width: 100%;

	opacity: 0;

	z-index: 99222222222222;

	-webkit-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	visibility:hidden;

	padding:10px;

}

.product_vmegamenu ul li:hover .vmegamenu {

    opacity: 1;

	top:52px;

	visibility:visible;

}

.product_vmegamenu ul li .vmegamenu span {

  float: left;

  padding: 15px;

  width: 20%;

}

.product_vmegamenu ul li .vmegamenu span s {

    display: block;

}

.product_vmegamenu ul li .vmegamenu span img{max-width:100%;}

.product_vmegamenu ul li .vmegamenu span a.vgema-title {

  border-bottom: 1px solid #eaeaea;

  font-size: 14px;

  background:#ededed;

  padding:10px;

  text-transform:capitalize;

  font-family: "Roboto-B";

  text-align:center;

  letter-spacing:normal;

}

.product_vmegamenu ul li .vmegamenu span:hover a.vgema-title{background:#226cc5;color:#fff;} 

.product_vmegamenu ul li .vmegamenu2{

	width:400px;

}

.product_vmegamenu ul li .vmegamenu2 span {

  padding: 0px;

  width:0;

}



/* mainmenu */

.mainmenu{text-align:center;}

.mainmenu ul li {

    display: inline-block;

}

.mainmenu ul li a {

  color: #4c4c4c;

  display: block;

  font-size: 16px;

  padding: 30px 22px;

  text-transform:uppercase;

  transition:all .3s;

  font-family: 'ArchivoNarrowB';

}

.mainmenu ul li:hover > a, .mainmenu ul li.active > a{

	color:#1b63c7;text-decoration:none;

}

.mainmenu ul li ul{

    background: #ffffff none repeat scroll 0 0;

    border-top: 2px solid #1b63c7;

    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);

    left:auto;

    opacity: 0;

    position: absolute;

    top: 100%;

    transform: scaleY(0);

    transform-origin: 0 0 0;

    transition: all 0.4s ease 0s;

    z-index: 99999999;

    padding: 10px 20px;

    visibility: hidden;

    text-align: left;

	width:200px;

}

.mainmenu ul li:hover > ul{

	opacity:1;

	visibility:visible;

	transform:scaleY(1);

}

.mainmenu ul li > ul li{

	display:block;

} 

.mainmenu ul li > ul li > a {

	color: #666666;

	padding:  6px 0;

	text-transform: capitalize;

	font-size:14px;

	font-family: 'ebrima';

}

.mainmenu ul li > ul li > a:hover{

	color:#ff6a00;

	padding-left:3px;

} 



.mainmenu ul li.product_vmegamenu ul{width:100%;left:0;}

.mainmenu ul li.product_vmegamenu ul li{}

.mainmenu ul li.product_vmegamenu ul li>a{font-size:16px;color:#333;border-bottom:1px solid #e5e5e5;text-transform:uppercase;font-family: 'ArchivoNarrowB';}

.mainmenu ul li.product_vmegamenu ul li>a:hover{padding-left:0;}

.mainmenu ul li.product_vmegamenu ul li>a span{width:36px;height:40px;display:inline-block;background:url(../images/about-hexagon-hover.png) no-repeat; background-size:100%;padding:8px;margin-right:5px;}

.mainmenu ul li.product_vmegamenu ul li>a span img{max-width:100%;}

.mainmenu ul li.product_vmegamenu ul li>a p{display:inline-block; vertical-align:middle;}

.mainmenu ul li.product_vmegamenu ul li div{padding:10px;}

.mainmenu ul li.product_vmegamenu ul li div span{display:block;margin-bottom:10px;}

.mainmenu ul li.product_vmegamenu ul li div span a{display:inline-block;font-size:13px;text-transform:capitalize;font-family: 'ebrima';padding:0;}



header.small .mainmenu-area{padding-left:30px;width:72%;}

header.small .mainmenu nav>ul>li>a{padding:22px;}



@media only screen and (max-width: 1200px) {

	.mainmenu-area{width:78%;}

	.mainmenu ul li a{padding:30px 20px;}

	header.small .mainmenu-area{width:80%;}

}



@media only screen and (max-width: 992px) {

	.mobile-menu-area .row,.mobile-menu-area .container{width:100%;margin:0;}