/*导航*/
    .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 {
    margin-right: 10px;
}
.navbar-brand .l2{ display: none;}
.navbar-brand:hover .l1{ display:none; }
.navbar-brand:hover .l2{ display:block; }

.met-nav .nav > li a p{ display:none; color:#e7695a;}
.met-nav .nav > li a:hover span{ display:none;}
.met-nav .nav > li a:hover p{ display:block;}
@media (max-width: 588px) {


}
.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;
    padding: 8px;
    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 {
 position: relative;
    margin-right: 60px;
    text-align: right;
}
@media (min-width: 768px) {
.nav > li {     margin-left: 60px;
    display: inline-block;
    float: none;
}
nav .yy{       text-align: right;
    margin-top: 14px;
    color: #fff;}
nav .yy a{color: #fff;}
nav .yy span{    margin: 0px 8px;}

.nav > li > a {
        font-size: 18px;
    color: #fff;
    line-height: 40px;
    position: relative;
    padding: 10px 0px 0px 0px;
    display: block;
}
.nav > li > a:hover{ color:#fff;}
.nav > li > a:after {
       content: '';
    bottom: 0;
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all .4s;
}
.nav > li > a:hover:after {
    width: 100%;
}
.nav > li > a.active:after {
    width: 100%;
}
 .nav > li > a.active{color:#fff;}

.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;
}
.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 > 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: '';
}


nav .lianxi{      
    position: absolute;
    right: 4%;
    top: 1px;}
nav .lianxi a{    font-size: 20px;
    color: #fff;
    line-height: 95px;}
nav .lianxi span{color: #fff;
    margin: 0px 2px;
    font-size: 20px;}

nav .lianxi a p {
    display: none;
    color: #e7695a;
}

nav .lianxi a:hover span{ display: none;}
nav .lianxi a:hover p{  display: -webkit-inline-box;}


}

@media (max-width: 767px) {
    .met-nav {
    min-height: 60px;
}
.met-nav .navbar-header {
    float: left;max-width: 72%;
}
.met-nav .navbar-collapse {
    float: none;
    width: 100%;
    border-top: 1px solid #2b2b2b;
    background: #2b2b2b;
}
.lianxi{ display: none;}
.met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before {
    border: 0;
}
.met-nav .navbar-logo img {
  width: 40px;
}
.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: 60px;
    line-height: 60px;
}
.met-nav .navbar-logo {
      height: 40px;
    padding-top: 12px;
    margin-left: 12px;
}
.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: 1199px) and (min-width: 992px) {
    .met-nav .nav > li > a {
  padding: 10px 30px;
    font-size: 14px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
    .met-nav .nav > li > a {
    padding: 0px 5px;
    font-size: 12px;
}
}
body.met-navfixed {
    padding-top: 0;
}
.met-nav.navbar-fixed-top {
   position: absolute;
        background: #0000;
}
.met-nav.stricky-fixed {
    background: #000000a1;transition: transform 2s;    height: 110px;
}
.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;
    margin-right: 15px;
}
@media (max-width: 767px) {
    button.mobileMenuBtn {
    display: inline-block !important;
}
}
#mobileNav li.active,
#mobileNav li:hover {
    background: #e7695a;
}
#mobileNav li.active a,
#mobileNav li:hover a {
    color: #fff!important;
}
@media (max-width: 767px) {
    #site-navbar-search .modal-center {
    height: auto!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;
}