/* 以下样式不用修改 开始*/

    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:9999;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;
        min-width: 100%;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:9999;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   


/* 共6级导航子菜单打开关闭控制 支持多级菜单动画 */

/* 导航容器设置基础层级 */
.nav_menustyle_1_1 {
    position: relative;
    z-index: 9999;}

/* 二级菜单基础样式 - 垂直展开 */
.nav_menustyle_1_1 > ul > li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    min-width: 100%;
    z-index: 9999;}

/* 三级及以上菜单基础样式 - 水平展开 */
.nav_menustyle_1_1 ul li ul li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    transform: translateX(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 10000;}

/* 显示二级菜单 */
.nav_menustyle_1_1 > ul > li:hover > ul {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;}

/* 显示三级及以上菜单 */
.nav_menustyle_1_1 ul li ul li:hover > ul {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;}


    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/

.nav_menustyle_1_1 a
{
    display: block;
        text-align: center;
        color: #fff;
        font-size: 18px;
        position: relative;
        line-height: 50px;
        height: 50px;
        padding: 0px 23px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
   background: #002e73;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;           /*必须设为 菜单高度 + 1*/
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;}   
.nav_menustyle_1_1 table table
{
    left:81px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;background-color:rgba(0, 46, 115,.6)
;}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{
text-decoration:none;color:#fff;background: #002e73
;}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{
display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:42px;height:42px;
background-color:rgba(0, 46, 115,.7);}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{
text-decoration:none;color:#fff;background: #002e73;}