/* CSS Document */
/* ---------------------------------------------开始头部css--------------------------------------------- */
.pig_top { 
    background:url(/homeimages/index_02.jpg) repeat-x; 
    padding-top:5px;
    color:#FFF;
    font-size:12px;
    z-index:303;
    position:relative;
    height:108px;
}
.pig_top .pig_top_main { 
    width:1400px; 
    margin:0 auto; 
}
.pig_top .pig_logo { 
    width:240px; 
    float:left; 
    padding-top:5px;
}
.pig_top font { 
    float:right;
    font-size:12px;
}
.pig_top font a { color:#ffffff;}
.pig_top font a:link,.pig_top font a:visited {color:#ffffff;}
.pig_top font a:hover{color: #FF6;}
.pig_top .pig_top_nav{ 
    padding-top:5px; 
    margin-top:12px;
}
.pig_top .nav_main { 
    width:1150px; 
    float:right;
    /* 关键：禁止换行，一行展示全部导航 */
    white-space: nowrap;
    overflow:hidden;
}
.pig_top ul {
    overflow:hidden;
}
.pig_top ul li { 
    /* 取消固定宽度，由padding自适应文字 */
    width:auto; 
    height:50px; 
    padding:0 16px;
    line-height:50px; 
    font-size:16px; 
    float:left;
    text-align:center;
    box-sizing: border-box;
    /* 禁止li内部换行 */
    white-space: nowrap;
}
.pig_top ul li a { 
    display:block; 
    height:50px;
    text-decoration:none;
    position:relative;
    transition: all 0.25s ease;
    font-weight:normal;
}
.pig_top li a:link, 
.pig_top li a:visited { 
    background:none; 
    color:#5b5b5b;
    text-decoration:none;
}
/* hover效果：无背景，字体变粗，文字变色 + 底部同宽横杠 */
.pig_top li a:hover, 
.pig_top li a:active { 
    background:none;
    color:#e67722; 
    font-weight:bold;
}
.pig_top li a:hover::after{
    content:"";
    position:absolute;
    width:100%; /*横杠与栏目名称区域同宽*/
    height:3px;
    background:#e67722;
    bottom:0;
    left:0;
    border-radius:2px;
}
/* 当前栏目选中class=a：去掉背景，字体加粗，文字变色+底部横杠 */
.pig_top ul li .a { 
    display:block; 
    height:50px; 
    background:none;
    color:#e67722;
    position:relative;
    font-weight:bold;
}
.pig_top ul li .a::after{
    content:"";
    position:absolute;
    width:100%; /*横杠与栏目名称同宽*/
    height:3px;
    background:#e67722;
    bottom:0;
    left:0;
    border-radius:2px;
}
/* ---------------------------------------------结束头部css--------------------------------------------- */
