header {
    /* background-color: #fff; */
    color:#fff;
    
}
body{
    padding-top:1.2rem !important;
}
header .navbar-default{
    background-color: transparent;
}
.navbar-fixed-top{
    background-color: #fff;
}
header.navbar-fixed-top{
    box-shadow: 0px 2px 8px 0px rgb(23 6 6 / 10%);
}
@media(max-width:768px) {
    header {
        /* background-color: #fff; */
        border-bottom: 1px solid #F0F0F0;
    }
    body{
        padding-top:120px !important;
    }
}

/* @media(max-width:768px){
    .header-phone-email-wrapper{
        text-align: center;
    }
} */
a{
    color:#000;
}
.header-phone,
.header-email,
.header-login,
.header-regist,
.header-switch-lang {
    display: inline-block;
    line-height: 0.4rem;
    margin-top: 0;
    margin-bottom: 0;
}
.header-switch-lang{
    padding-left:20px;
}
.navbar-default .navbar-nav>li>a{
    color:#000;
}
.header-phone>a,
.header-email>a {
    /* color: #999; */
    color:#000;
}

.header-phone {
    margin-right: 0.24rem
}

.header-login {
    margin-right: 0.2rem;
}

.header-regist {
    margin-right: 0.4rem;
}
@media(max-width:768px){
    .header-regist {
        margin-right: 0px;
    }
}
.navbar-nav .nav-downup-img{
    display: inline-block;
    vertical-align: 4px;
    margin-left:12px ;
    transition:all 0.3s ease-in-out;
    width: 11px;
}
.navbar-nav>li:hover .nav-downup-img{
    transform:rotate(180deg);
}

.hover-dropdown-nav{
    display: none;
    opacity: 0;
    transition: all 0.3s ease-in;
    color:#000;
    border-radius: 5px;
    position: absolute;
    white-space: nowrap;
    top: 110%;
    z-index: 999;
    padding-top: 0.2rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(23, 6, 6, 0.1);
    border-radius: 5px;
}


.hover-dropdown-nav h5{
    padding-left:0.33rem;
    padding-right:0.33rem;
    font-size: 16px!important;
    margin-top: 0px;
     margin-bottom:-1px;
    padding-bottom: 24px;
}
.hover-dropdown-nav h5 a{
    color:#000;
    transition: all 0.3s ease;
}
h5{
    text-decoration: none;
}
.nav-link{
    text-decoration: none;
}
.nav-link:hover{
    color: #DD1F1F!important;
}
.hover-dropdown-nav h5 a:hover{
    color: #DD1F1F!important;
}
.navbar-nav>li:hover .hover-dropdown-nav{
    /* opacity: 1; */
    /* display: block; */
}
.absolut-place-holder{
    position: absolute;
    width: 100%;
    height: 20px;
    top:100%;
    background-color: transparent;
}
/* mobile nav */
.mobile-navbar .navbar-nav>.active>a{
    color: #f53838!important;
    background-color: transparent;
}
.mobile-navbar{
    position: absolute;
    width: 100%;
    background-color: #fff;
    display: none;
}
.mobile-navbar .navbar-nav>li>a{
    color: #000!important;
}
.mobile-navbar .navbar-nav .nav-downup-img{
 float:right;
}
.mobile-navbar .hover-dropdown-nav{
    position: relative;
    padding-top: 24px;
    border-top: 0px;
    left:0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}


.mobile-navbar .hover-dropdown-nav h5{
    background-color: transparent;
}
.mobile-navbar .header-select,
.mobile-navbar .nav-search-wrapper{
    display: block!important;
}
.mobile-navbar .header-search,.mobile-navbar .header-select{
    display: inline-block!important;
}
.mobile-navbar .navbar-nav>li{
    margin-right: 0;
}
.mobile-navbar .nav-search-wrapper{
    right:0;
}
/* switch language */
.header-switch-lang img {
    margin-right: 10px;
}

.header-switch-lang .dropdown-menu {
    min-width: 0.87rem;
    left: 0px;
    border-radius: 5px;
}
@media (max-width:768px) {
    .header-switch-lang .dropdown-menu {
        min-width: 87px;
        left: -15px;
        border-radius: 5px;
        margin:10px 0 0;
    }
}
.postion-center-dropdown .dropdown-menu{
    right: 0!important;
    left: 0!important;
}
.header-switch-lang .dropdown-menu>li>a {
    padding: 10px 15px;
}
.web-nav-title-link{
    padding-top: 0!important;
    padding-bottom: 0!important;
    line-height: 0.8rem!important;
}
/* switch language end  */
.navbar {
    border: 0px;
}

.navbar-brand {
    padding: 0px 15px;
}
.navbar-brand .text-hide {
    padding-bottom: 15px;
}

.navbar-logo {
    width: 0.58rem;
    height: 0.4rem;
    position: relative;
    top: 0.2rem;
    max-width: 100%;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
}

.navbar-nav>li>a {
    font-size: 16px;
}
.navbar-nav>li{
    margin-right: 0.34rem;
}
@media(min-width:768px) {
    .web-nav {
        position: relative;
        /* left: -0.4rem; */
    }
}
@media(max-width:768px) {
    .navbar-logo{
        top: 0.5rem;
    }
}

/* ipad */
@media only screen and (min-width:768px) and (max-width:1180px) {
    body{
      width: 100%;
      min-width: auto;
    }
    .navbar-default .container{
      width: 100%;
    }
    .nav.navbar-nav.navbar-right.web-nav li{
        margin-right: 5px;
    }
    .navbar-default .nav-search-wrapper{
        top: -10px;
    }
    .navbar-brand .navbar-logo{
        top: 25px;
        width:45px;
        height: auto;
    }
    #header-form{
        padding-top: 40px;
    }
    #header-form .header-search{
        width: 5rem;
    }
  }
@media only screen and (min-width:1200px) {
    .navbar-default .container{
        /* width: 1300px; */
    }
}

/* search */
.nav-search-wrapper {
    position: relative;
    top: 0.28rem;
    right: 15px;
    display: none;
}
.nav-search-wrapper>li{
    margin-right: 0;
}
.nav-search-icon {
    cursor: pointer;
    position: relative;
    top: -4px;
}
.header-select{
    display: inline-block;
    width: 1.38rem;
    vertical-align: top;
    position: relative;
    top: -10px;
    height: 40px;right: -5px;
    display: none;
    text-align: left;
}

.header-select:focus {
    border: 1px solid #d2d2d2;
    box-shadow: none;
}

.header-search:focus {
    border: 1px solid #d2d2d2;
    box-shadow: none;
}

.header-search {
    display: none;
    width: 5.63rem;
    padding-right: 30px;
    height: 40px;
    position: relative;
    top: -10px;
}

.header-search-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -2px;
    right: 10px;
}

.header-search-icon {
    cursor: pointer;
}
/* 重置li与liz之间的距离，被ckeditor影响到了 */
header nav ul li + li{
    margin-left:0px!important;
}