/*css reset*/
/*导航栏*/
/* 电脑端导航样式优化 */
.nav_box {
    background: #2c3e50; /* 深蓝色背景，类似京东/淘宝 */
    height: 50px; /* 增加导航高度 */
    position: relative;
    clear: both;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.nav {
    line-height: 50px;
    height: 50px;
    border-top: none; /* 移除顶部边框 */
}

.nav li {
    float: left;
    line-height: 50px;
    position: relative;
    margin: 0 15px;
}

.nav li a {
    font-size: 16px;
    display: block;
    color: #fff; /* 白色文字 */
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    padding: 0 5px;
}

.nav li a .iconfont {
    padding-right: 5px;
}

.nav li a.icon_d::after {
    content: "\e7d9";
    margin-left: 5px;
    position: absolute;
    top: 50%;
    right: -15px;
    color: rgba(255, 255, 255, 0.7);
    transform: translateY(-50%);
    font-size: 12px;
}

.nav li a.icon_u::after {
    content: "\e7d8" !important;
}

/* 当前项和下划线动画效果 */
.nav li::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    bottom: 0;
    border-bottom: 3px solid #ff6a00; /* 橙色下划线，类似淘宝/京东 */
    transition: all 0.3s ease;
}

.nav li.cur::before, 
.nav li:hover::before {
    left: 10%;
    width: 80%;
}

.nav li.cur a, 
.nav li:hover a {
    color: #F8842D;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

/* 下拉菜单样式 */
.nav li ul {
    position: absolute;
    top: 100%;
    z-index: 999;
    background: #fff;
    transition: all 0.3s ease;
    display: none;
    left: -15px;
    min-width: 180px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #ff6a00;
    padding: 5px 0;
}

.nav li ul li {
    float: none;
    width: 100%;
    line-height: 40px;
    white-space: nowrap;
    display: block;
    border-top: 1px solid #f0f0f0;
    margin: 0;
}

.nav li ul li:first-child {
    border-top: 0;
}

.nav li ul li a {
    color: #555;
    font-size: 14px;
    padding: 0 20px;
    font-weight: normal;
}

.nav li ul li::before {
    border-bottom: 0 !important;
}

.nav li ul li:hover {
    background: #f8f8f8;
}

.nav li ul li:hover a, 
.nav li.cur ul li:hover a {
    color: #ff6a00 !important;
}

/* 导航搜索按钮样式 */
.nav_box #nav_search {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    line-height: 50px;
    font-size: 16px;
    background: transparent;
    cursor: pointer;
    color: #fff;
}

.nav_box #nav_search::before {
    content: "\e640";
    font-family: iconfont !important;
}

.nav_box #nav_search:hover {
    color: #ff6a00;
}

/* 搜索框样式 */
.search {
    position: absolute;
    top: 51px;
    right: 0;
    z-index: 999;
    width: 100%;
    max-width: 310px;
    padding: 15px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search form {
    position: relative;
}

.search input {
    line-height: 36px;
    height: 36px;
    border: 1px solid #e0e0e0;
    width: 100%;
    vertical-align: bottom;
    padding: 1px 74px 0 10px;
    color: #666;
    border-radius: 3px;
}

.search button {
    line-height: 36px;
    background: #ff6a00;
    color: #ffffff;
    width: 50px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 3px 3px 0;
    transition: all 0.3s;
}

.search button:hover {
    background: #ff8500;
}

/* 固定导航样式 */
.nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
/*导航栏浮动*/


.hovermenu{right:0px; bottom:200px;}
.hovermenu .a{margin-bottom:5px;}
.hovermenu .a .i , .hovermenu .a-top .i , .hovermenu .a-show .i{border-top-left-radius: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 3px;}
.hovermenu .a .i , .hovermenu .zh_click .i , .hovermenu .a-show .i , .hovermenu .d .Hreserve, .hovermenu .d .htel2, .hovermenu .d .hsms2,  .hovermenu .d .Hdown, .hovermenu .d .Hemail{background: #0069cc!important;}
.hovermenu .a .i:hover , .hovermenu .zh_click .i:hover , .hovermenu .a-show .i:hover , .hovermenu .d .Hreserve:hover , .hovermenu .d .htel2:hover , .hovermenu .d .hsms2:hover ,  .hovermenu .d .Hdown:hover , .hovermenu .d .Hemail:hover{background: #005cb3!important;} 
.hovermenu .a-top .i{background:#D2D3D6!important;}
.hovermenu .a-top .i:hover{background:#c0c1c3!important;}
@media screen and (max-width: 981px) {
/*导航栏*/
.nav_box{height:auto!important;clear:none;}
.nav {overflow: auto;line-height:40px;max-height: calc(100vh - 60px);height:auto;border-top:0;}
.nav li{width:100%;line-height:40px;border-top:1px solid #f2f2f2;margin:0;}
.nav li a{padding:0 0 0 20px;color:#333333;}
.nav li a.cut_65{width: -webkit-calc(100% - 65px);width: -moz-calc(100% - 65px);width: calc(100% - 65px);}
.nav li .icon_d {position:absolute;right:0;top:0;}    
.nav li .icon_d::after{content:"\e79b"!important;color:#999999;padding:0 15px;margin:0;top:0;right:0;border-left:1px solid #f2f2f2 ;position: absolute;display: block; z-index: 1000;}
.nav li .icon_u::after{content:"\e79c"!important;}
.nav li::before{border-bottom:0!important;}
.nav li:hover , .nav li.cur:hover , .nav li ul li:hover{background:#f7f7f7;}
.nav li.cur{background:#ffffff;}
.nav li.cur ul li a{color:#333333;} 
.nav li:first-child{border-top:0}
.nav li ul{position: static;top:0;z-index:999;overflow: hidden; box-shadow: 0 0 0 0 rgba(0,0,0,0);transition:top .5s;}  
.nav li ul li:first-child{border-top:1px solid #f2f2f2;}
.nav li ul li a{padding:0 20px;font-weight: normal;font-family: "iconfont" !important;} /*gai*/
.nav li ul li a::before {content: "\e7b3";font-size:12px;margin-right:5px;color:#cacacc;}/*gai*/
}