/*导航*/
    .met-nav {
}
.met-nav .nav > li > a,
.met-nav .dropdown-menu > li > a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.met-nav .econav {

}

.met-nav .econav > ul {
    line-height: 0;
    margin: 0px;
    padding-left: 25px;
}

.met-nav .econav button {
    font-size: 18px;
    color: #fff;
    background-color: transparent;
        line-height: 2.6em;
    border: 0px solid #ff6700;
    position: relative;
    z-index: 3;
    border-radius: 50%;
    outline: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
}

.met-nav .econav button.navbar-toggle {
    color: #fff;
    font-size: 20px;
    border: 0px solid #C4CAB3;
    height: 1.6em;
    padding: 0px 3px;
    float: none;
    margin-top: -7px;
}
.met-nav .econav button.navbar-toggle .hamburger-bar {
    background: #fff;
}
.met-nav .econav button.navbar-toggle:before,
.met-nav .econav button.navbar-toggle:after {
    background: #fff;
}
.met-nav .econav ul.dropdown-menu {
    margin-top: 0px;
}
.met-nav .econav ul.dropdown-menu a:before {
    content: '';
}
.met-nav .navbar-collapse {
    border-top: 0px;
}


	.met-nav .nav > li {
	}
	.met-nav .nav > li > a {
	      height: 60px;
	    line-height: 44px;
	    font-size: 18px;
	        color: #fff!important;
	    position: relative;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}
	.met-nav .nav > li.yy > a {
	     float: left;
	     padding: 10px 10px !important;
	}
	
	.met-nav .nav > li > a:hover, .met-nav .nav > li > a.active, .met-nav .nav > li > a:focus, .met-nav .dropdown.open > a, .met-nav .dropdown.ecoopen > a {
	    color:#e73118 !important;
	    background: transparent!important;
	}
	.met-nav .nav > li > a:after {
	    content: "";
	    display: block;
	    height: 2px;
	    width: 0px;
	    margin-top: 4px;
	    background: transparent;
	    transition: width 0.3s ease, background-color 0.3s ease;
	    -webkit-transition: width 0.3s ease, background-color 0.3s ease;
	    -o-transition: width 0.3s ease, background-color 0.3s ease;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    margin: 0 25%;
	}
	
	.met-nav .dropdown.ecodropdown > a:after {
	      margin: 0 48%;
	    content: "";
	    background: url(../img/arrow.png) no-repeat;
	    width: 11px;
	    height: 6px;
	display:none;
	}
	.met-nav .nav > li:hover  a:after{ display:block;}
	
	.met-nav .dropdown-menu {
	    top: 100%;
	    transition: all 0.5s ease !important;
	    border-color: #da9700;
	    z-index: 9999;
	    padding: 0px;
	    border: 0;
	    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
	    -moz-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
	    -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
	    background: #2b2b2b;
	    color: #fff;
	}
	.met-nav .dropdown-menu.bullet {
	    top: 100%;
	    border-bottom-color: transparent;
	}
	.met-nav .dropdown-menu li {
	 border-bottom: 1px solid #6a6a6a;position: relative;
	}
	.met-nav .dropdown-menu li .subb{display: none;  position: absolute;
    right: -120px;
    top: 0px;  
    background: #555;
    width: 120px;
    text-align: center;}
	.met-nav .dropdown-menu li .subb a{   font-size: 16px;  color: #fff;
    width: 100%; padding: 8px 0px;
    display: block;
 }
	.met-nav .dropdown-menu li .subb a:hover{ color: #e73118;}
	.met-nav .dropdown-menu li > a {
	    -webkit-transition: all .3s ease;
	    -o-transition: all .3s ease;    padding: 12px;
	    transition: all .3s ease;
	    color: #bbb!important;
	}
	.met-nav .dropdown-menu li:hover .subb{ display: block;}
	.met-nav .dropdown-menu li > a.active, .met-nav .dropdown-menu li > a:hover, .met-nav .dropdown-menu li > a.focus {
	    color: #e73118 !important;
	    background: transparent!important;
	}
	.met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before {
	    display: none;
	    top: -7px !important;
	    border-bottom-color: #2b2b2b;
	    right: 35px!important;
	}
	
	.met-nav .navbar-nav > li.ecodropdown > ul {
	    top: 150%;
	    visibility: hidden;
	    opacity: 0;
	    display: block;
	}
	.met-nav .navbar-nav > li.ecodropdown:hover > ul {
	    visibility: visible;
	    opacity: 1;
	    top: 100%;
	}
	.met-nav .navbar-nav > li.ecodropdown > ul > li > ul {
	    left: 120%;
	    visibility: hidden;
	    opacity: 0;
	    display: block;
	}
	.met-nav .navbar-nav > li.ecodropdown > ul > li.dropdown-submenu:hover > ul {
	    visibility: visible;
	    opacity: 1;
	    left: 100%;
	}
	.met-nav .dropdown-mega .dropdown-menu {
	    right: auto;
	    left: auto;
	}
	.met-nav .dropdown-megas .dropdown-menu {
	    right: 0;
	    left: auto;
	}
	.met-nav .mega-content {
	    padding: 10px 25px;
	}
	.met-nav .mega-content .list-icons {
	    padding-left: 15px;
	}
	.met-nav .mega-content .mega-about {
	    padding: 5px 20px;
	    max-width: 480px;
	}
	.met-nav .mega-content .mega-menu {
	   
	}
	.met-nav .mega-content h5 a {
	    color: #e73118;
	    font-size: 16px;
	}
	.met-nav .mega-content h5 a:before {
	    content: '';
	}
	
body.met-navfixed {
    padding-top: 0;
}

.met-nav.navbar-fixed-top {
    height: 60px;
    background: url(../img/top.jpg) repeat-x center top;
position: fixed;
}
.met-nav.stricky-fixed {

}
.navbar-logo {

}
.met-nav.stricky-fixed .nav > li {
}

/* 新增手机版菜单*/
    .mm-slideout {
    z-index: inherit!important;
}
button.mobileMenuBtn {
    border-radius: 10px!important;
}
button.mobileMenuBtn {
    display: none!important;
}

#mobileNav li.active,
#mobileNav li:hover {
    background: #e73118;
}
#mobileNav li.active a,
#mobileNav li:hover a {
    color: #fff!important;
}

#site-navbar-search .modal-content {
    border-radius: 0px;
}
#site-navbar-search .modal-content .modal-body {
    padding: 40px 40px 20px;
    position: relative;
}
#site-navbar-search .modal-content .modal-body .close {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 40px;
}
#site-navbar-search .modal-content a.btn {
    border: none;
    font-size: 16px;
    text-align: left;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
}
#site-navbar-search .modal-content a.btn span.flag-icon {
    font-size: 30px;
    margin-top: 10px;
    margin-right: 8px;
}
/* 新增顶部导航*/
    .topbar {
    background: #262626;
}
.topbar .social ul li {
    display: inline;line-height: 40px;
}
.topbar .social ul.social-icons li a {
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    padding: 0 6px;
    color: #868686;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.topbar .social ul.social-icons li:hover a {
    color: #ff6700;
}
.topbar .social ul.social-icons li a i {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.topbar .social ul.social-icons li:hover a {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.topbar .contact-info ul.aet {
    float: left;
}
.topbar .contact-info ul.aet li {
    float: left;
}
.topbar .contact-info ul.aet li a {
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 0px;
    margin-right: 22px;
    color: #868686;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.topbar .contact-info ul.aet li:hover a,
.topbar .contact-info ul.aet li a:before {
    color: #868686;
}
.topbar .contact-info ul.aet li a i.fa {
    font-size: 15px;
    margin-right: 5px;
    color: #868686;
}
.topbar .met-nav-right-shop {
    margin: 0px;
}
.topbar .met-nav-right-shop a,
.topbar .met-nav-right-shop i {
    color: #868686;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.topbar .met-nav-right-shop.nav > li {
    background: transparent!important;
}
.topbar .met-nav-right-shop li.dropdown > a:hover,
.topbar .met-nav-right-shop li.open > a {
    background: #ff6700;
    color: #fff;
}
.topbar .met-nav-right-shop li.dropdown > a:hover i,
.topbar .met-nav-right-shop li.open > a i {
    color: #fff;
}
.topbar .met-nav-right-shop .dropdown-menu {
    top: 40px;
}
.topbar .met-nav-right-shop .dropdown > a > i {
    color: #868686;
}
.topbar .met-nav-right-shop .avatar img {
    width: 80%;
}
.topbar .met-nav-login .btn {
    background: transparent!important;
    border-color: transparent!important;
    padding: 0px 15px;
    height: 40px;
    margin: 0px;
    line-height: 40px;
    color: #868686!important;
    font-size: 14px!important;
}
.topbar .met-nav-login .btn:hover {
    background: #ff6700 !important;
    color: #fff!important;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .met-nav .nav > li > a {
  padding: 10px 12px;
    font-size: 14px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
    .met-nav .nav > li > a {
    padding: 10px 4px;
    font-size: 12px;
}
}
@media (max-width: 768px) {
    button.mobileMenuBtn {
    display: inline-block !important;
}
    #site-navbar-search .modal-center {
    height: auto!important;
}
 .met-nav {
    height: 46px !important;
}
.met-nav .navbar-header {
    float: left;
}
.met-nav .navbar-collapse {
    float: none;
    width: 100%;
    border-top: 1px solid #2b2b2b;
    background: #2b2b2b;
}
.met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before {
    border: 0;
}
.met-nav .navbar-logo img {
    width: 70%;
}
.econav {
    height: 46px !important;
}
.met-nav .nav > li {
    padding: 0!important;
}
.met-nav .nav > li > a {
    color: #bbb!important;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}
.met-nav .dropdown-menu > li > a, .met-nav .mega-menu a {
    height: 30px;
    line-height: 30px;
    color: #bbb!important;
}
.met-nav .nav > li > a:hover, .met-nav .nav > li > a.active, .met-nav .nav > li > a:focus, .met-nav .dropdown.open > a, .met-nav .dropdown.ecoopen > a, .met-nav .dropdown-menu > li > a:hover, .met-nav .mega-menu a:hover {
    color: #fff!important;
    background: transparent!important;
}
.met-nav .econav > ul > li {
    height: 46px;
    line-height: 46px;
}
.met-nav .navbar-logo {
}
.met-nav .dropdown-menu li, .met-nav .mega-content li {
    margin: 2px 0;
    padding: 0px;
}
.met-nav .dropdown-menu li a, .met-nav .mega-content li a {
    padding: 3px 15px 3px 25px!important;
    line-height: 22px!important;
    display: block!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
}
.met-nav .mega-content {
    padding: 0px;
}
.met-nav .mega-content .row {
    margin-right: 0px;
    margin-left: 0px;
}
.met-nav .mega-content .blocks, .met-nav .mega-content [class*="blocks-"] {
    margin-right: 0px;
    margin-left: 0px;
}
.met-nav .mega-content .mega-menu {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.met-nav .mega-content .mega-menu h5 {
    margin-top: 2px;
    margin-bottom: 2px;
}
.met-nav .mega-content .mega-menu .mega-menus {
    padding-left: 15px;
}



}

@media (max-width: 588px) {

}