﻿/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu ul
{
    margin: 0;
    padding: 0;
}/*主菜单设置*/
.ddsmoothmenu ul li
{
    position: relative;
    display: inline;
    float: left;
    width: 14.2%;
}
.ddsmoothmenu ul li a
{
    display: block;
    font-size: 17px;
}
.ddsmoothmenu ul li a span
{
    display: block;
    text-align: center;
}/*主菜单连接效果设置*/
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited
{
    color: #333;
}/*.ddsmoothmenu ul li a:after{
content: '';
 width:0;
 height:2px;
 background:linear-gradient(to right,#f62f11,#f62f11);
 position: absolute;
 left: 50%;
 top: 0;
 transition: all 0.3s; z-index:-999 ;
}*/
.ddsmoothmenu ul li a:hover
{
    z-index: 3000;
    color: #257dd3;
    background: url(../image/nav_a.jpg) center bottom no-repeat;
}/*.ddsmoothmenu ul li a:hover:after{width:100%;left:0; z-index:1000; }*/
.ddsmoothmenu ul li a#menu_selected
{
    color: #257dd3;
    background: url(../image/nav_a.jpg) center bottom no-repeat;
}/*.ddsmoothmenu ul li a#menu_selected::after{ content: ''; display: block; position: absolute; top:0; left:0; width:100%; height:2px; z-index:1; background:linear-gradient(to right,#f62f11,#f62f11);}*/
.ddsmoothmenu ul li a#menu_selected span
{
    color: #257dd3;
    z-index: 10;
}/*子集菜单设置*/
.ddsmoothmenu ul.menulevel
{
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
    z-index: 2000;
}
.ddsmoothmenu ul.menulevel li
{
    background: none;
    margin: 0;
    padding: 0;
    display: list-item;
    float: none;
}
.ddsmoothmenu ul.menulevel li a
{
    background-color: #11165e;
    height: 40px;
    line-height: 40px;
    width: 180px;
    margin: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    font-size: 15px;
    text-align: left;
    padding-left: 20px;
    color: #fff;
}
.ddsmoothmenu ul.menulevel li a span
{
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}/*子集菜单连接效果设置*/
.ddsmoothmenu ul.menulevel li ul
{
    top: 0;
}
.ddsmoothmenu ul.menulevel li a:link, .ddsmoothmenu ul.menulevel li a:visited
{
    background-image: none;
}
.ddsmoothmenu ul.menulevel li a:hover
{
    background: #257dd3;
    color: #fff;
    font-weight: bold;
}
.ddsmoothmenu ul.menulevel li a.selected
{
    background: #257dd3;
    color: #fff;
    font-weight: bold;
}
.ddsmoothmenu ul.menulevel li a span
{
    text-align: left;
    padding-left: 10px;
}
.ddsmoothmenu .downarrowclass
{
    position: absolute;
    top: 26px;
    right: 35px;
}
.ddsmoothmenu .rightarrowclass
{
    position: absolute;
    top: 8px;
    right: 10px;
}/*阴影*/
.ddshadow
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 1;
}
* html .ddsmoothmenu
{
    height: 1%;
}/* Holly Hack for IE \*//*Holly Hack for IE7 and below*/
* html .ddsmoothmenu ul li a
{
    display: inline-block;
}/*IE6 hack to get sub menu links to behave correctly*//*********************************************** 纵向主导航条 ***********************************************/
.left-products
{
    width: 255px;
    float: left;
}
.ddsmoothmenu-v
{
    margin-top: 10px;
}
.ddsmoothmenu-v ul li
{
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ddsmoothmenu-v ul li a
{
    display: block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 16px;
    border-bottom: 1px solid #ebebee;
}
.ddsmoothmenu-v ul li a span
{
    display: block;
    padding-left: 65px;
}
#LeftMenu .lihover #three li a
{
    color: #f62f11;
    background: url(/Tpl/Home/default/Public/images/sort_li.png) no-repeat 220px center;
    border-radius: 30px;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
}/*主菜单连接效果设置*/
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited
{
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ddsmoothmenu-v ul li a:hover
{
    transition: all .9s;
    background: url(/Tpl/Home/default/Public/images/sort_li.png) no-repeat 220px center;
    border-radius: 30px;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
}
.ddsmoothmenu-v ul li a:hover span
{
    color: #f62f11;
}
.ddsmoothmenu-v ul li a:active
{
    color: #f62f11;
    background: url(/Tpl/Home/default/Public/images/sort_li.png) no-repeat 220px center;
    border-radius: 30px;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
}
.ddsmoothmenu-v ul li a:active span
{
    color: #f62f11;
}
#LeftMenu .lihover a
{
    color: #f62f11;
    background: url(/Tpl/Home/default/Public/images/sort_li.png) no-repeat 220px center;
    border-radius: 30px;
}
.ddsmoothmenu-v ul li a.selected span
{
    color: #f62f11;
}/*主菜单当前所在页面*/
.ddsmoothmenu-v ul li a#menu_selected
{
    background: url(/Tpl/Home/default/Public/images/sort_li.png) no-repeat 220px center;
    border-radius: 30px;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
}
.ddsmoothmenu-v ul li a#menu_selected span
{
    color: #f62f11;
}/*子集菜单设置*/
.ddsmoothmenu-v ul.menulevel
{
    position: absolute;
    top: 0;
    visibility: hidden;
    border-top: 1px solid #ccc;
}
.ddsmoothmenu-v ul.menulevel li
{
    background: none;
    margin: 0;
    padding: 0;
    display: list-item;
}
.ddsmoothmenu-v ul.menulevel li a
{
    height: 35px;
    line-height: 35px;
    width: 180px;
    padding: 0 5px;
    margin: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ccc;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link, .ddsmoothmenu-v ul.menulevel li a:visited
{
    color: #000;
}
.ddsmoothmenu-v ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
}
.ddsmoothmenu-v ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link, .ddsmoothmenu-v ul.menulevel li a:visited
{
    color: #000;
}
.ddsmoothmenu-v ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
}
.ddsmoothmenu-v ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
}
.ddsmoothmenu-v ul li ul li a
{
    height: 45px;
    line-height: 45px;
}
.ddsmoothmenu-v ul li ul li a span
{
    padding-left: 93px;
}/*左侧箭头*/
.ddsmoothmenu-v .rightarrowclass
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.ddsmoothmenu-v ul.menulevel .rightarrowclass
{
    position: absolute;
    top: 8px;
    right: 10px;
}/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li
{
    float: left;
    height: 1%;
}
* html .ddsmoothmenu-v ul li a
{
    height: 1%;
}
#LeftMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
}
#LeftMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #f62f11;
    font-weight: bold;
}
#LeftMenu .lihover ul li a
{
    color: #333;
    font-weight: normal;
}
#LeftMenu .ahover span
{
    font-weight: bold;
}
#LeftMenu .lihover ul li a:hover span
{
    font-weight: bold;
    color: #f62f11;
}
#LeftMenu .lihover .lihover li span
{
    padding-left: 50px;
}
#LeftMenu .lihover .lihover .lihover li span
{
    padding-left: 70px;
}
.pd ul li a
{
    padding-left: 30px;
}/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu-h
{
    width: 100%;
}
.ddsmoothmenu-h ul
{
    margin: 0 auto;
    width: 850px;
}/*主菜单设置*/
.ddsmoothmenu-h ul li
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 250px;
    background: #2884df;
    text-align: center;
    margin-left: 25px;
    border-radius: 20px;
    font-size: 16px;
}
.ddsmoothmenu-h ul li a
{
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
}
.ddsmoothmenu-h ul li a span
{
    display: block;
}
#topMenu .lihover #three li a
{
    background: #11175f;
    color: #fff;
}/*主菜单连接效果设置*/
.ddsmoothmenu-h ul li a:link, .ddsmoothmenu-h ul li a:visited
{
    color: #fff;
}
.ddsmoothmenu-h ul li a:hover
{
    background-color: #11175f;
}
.ddsmoothmenu-h ul li a:hover span
{
    color: #fff;
}
.ddsmoothmenu-h ul li a:active
{
    background-color: #11175f;
}
.ddsmoothmenu-h ul li a:active span
{
    color: #fff;
}
#topMenu .lihover a
{
    color: #fff;
    background-color: #11175f;
}
.ddsmoothmenu-h ul li .selected:link, .ddsmoothmenu-h ul li a.selected:visited, .ddsmoothmenu-h ul li a.selected:active
{
    background-color: #11175f;
}
.ddsmoothmenu-h ul li a.selected span
{
    color: #fff;
}/*主菜单当前所在页面*/
.ddsmoothmenu-h ul li a#menu_selected
{
    background: #11175f;
}
.ddsmoothmenu-h ul li a#menu_selected span
{
    color: #fff;
}/*子集菜单设置*/
.ddsmoothmenu-h ul.menulevel
{
    position: absolute;
    top: 0;
    visibility: hidden;
    border-top: 1px solid #ccc;
}
.ddsmoothmenu-h ul.menulevel li
{
    background: none;
    margin: 0;
    padding: 0;
    display: list-item;
}
.ddsmoothmenu-h ul.menulevel li a
{
    height: 26px;
    line-height: 26px;
    width: 180px;
    padding: 0 5px;
    margin: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ccc;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-h ul.menulevel li a:link, .ddsmoothmenu-h ul.menulevel li a:visited
{
    color: #fff;
}
.ddsmoothmenu-h ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-top: 0;
}
.ddsmoothmenu-h ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-h ul.menulevel li a:link, .ddsmoothmenu-h ul.menulevel li a:visited
{
    color: #ffff;
}
.ddsmoothmenu-h ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
.ddsmoothmenu-h ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
.ddsmoothmenu-h ul li ul li a
{
    height: 35px;
    line-height: 35px;
}
.ddsmoothmenu-h ul li ul li a span
{
    padding-left: 30px;
}/*左侧箭头*/
.ddsmoothmenu-h .rightarrowclass
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.ddsmoothmenu-h ul.menulevel .rightarrowclass
{
    position: absolute;
    top: 8px;
    right: 10px;
}/* Holly Hack for IE \*/
* html .ddsmoothmenu-h ul li
{
    float: left;
    height: 1%;
}
* html .ddsmoothmenu-h ul li a
{
    height: 1%;
}
#topMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
#topMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
#topMenu .lihover ul li a
{
    color: #fff;
    font-weight: normal;
}
#topMenu .ahover span
{
    font-weight: bold;
}
#topMenu .lihover ul li a:hover span
{
    font-weight: bold;
    color: #be0201;
}
#topMenu .lihover .lihover li span
{
    padding-left: 50px;
}
#topMenu .lihover .lihover .lihover li span
{
    padding-left: 70px;
}/*********************************************** 图片主导航条 ***********************************************/
.ddsmoothmenu-pic
{
    width: 100%;
    padding-top: 20px;
}
.ddsmoothmenu-pic ul
{
    margin: 0 auto;
    width: 850px;
}/*主菜单设置*/
.ddsmoothmenu-pic ul li
{
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    text-overflow: ellipsis;
    float: left;
    width: 250px;
    background: #1e46c2;
    text-align: center;
    margin-left: 25px;
    border-radius: 30px;
}
.ddsmoothmenu-pic ul li a
{
    display: block;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 30px;
}
.ddsmoothmenu-pic ul li a span
{
    display: block;
}
#picMenu .lihover #three li a
{
    background: #15539e;
    color: #fff;
}/*主菜单连接效果设置*/
.ddsmoothmenu-pic ul li a:link, .ddsmoothmenu-pic ul li a:visited
{
    color: #fff;
}
.ddsmoothmenu-pic ul li a:hover
{
    background-color: #15539e;
}
.ddsmoothmenu-pic ul li a:hover span
{
    color: #fff;
}
.ddsmoothmenu-pic ul li a:active
{
    background-color: #15539e;
    color: #fff;
}
.ddsmoothmenu-pic ul li a:active span
{
    color: #fff;
}
#picMenu .lihover a
{
    color: #fff;
    background-color: #15539e;
}
.ddsmoothmenu-pic ul li .selected:link, .ddsmoothmenu-pic ul li a.selected:visited, .ddsmoothmenu-pic ul li a.selected:active
{
    background-color: #15539e;
}
.ddsmoothmenu-pic ul li a.selected span
{
    color: #fff;
}/*主菜单当前所在页面*/
.ddsmoothmenu-pic ul li a#menu_selected
{
    background: #15539e;
}
.ddsmoothmenu-pic ul li a#menu_selected span
{
    color: #fff;
}/*子集菜单设置*/
.ddsmoothmenu-pic ul.menulevel
{
    position: absolute;
    top: 0;
    visibility: hidden;
    border-top: 1px solid #ccc;
}
.ddsmoothmenu-pic ul.menulevel li
{
    background: none;
    margin: 0;
    padding: 0;
    display: list-item;
}
.ddsmoothmenu-pic ul.menulevel li a
{
    height: 26px;
    line-height: 26px;
    width: 180px;
    padding: 0 5px;
    margin: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ccc;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-pic ul.menulevel li a:link, .ddsmoothmenu-pic ul.menulevel li a:visited
{
    color: #fff;
}
.ddsmoothmenu-pic ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-top: 0;
}
.ddsmoothmenu-pic ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}/*子集菜单连接效果设置*/
.ddsmoothmenu-pic ul.menulevel li a:link, .ddsmoothmenu-pic ul.menulevel li a:visited
{
    color: #ffff;
}
.ddsmoothmenu-pic ul.menulevel li a:hover
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
.ddsmoothmenu-pic ul.menulevel li a.selected
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
.ddsmoothmenu-pic ul li ul li a
{
    height: 35px;
    line-height: 35px;
}
.ddsmoothmenu-pic ul li ul li a span
{
    padding-left: 30px;
}/*左侧箭头*/
.ddsmoothmenu-pic .rightarrowclass
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.ddsmoothmenu-pic ul.menulevel .rightarrowclass
{
    position: absolute;
    top: 8px;
    right: 10px;
}/* Holly Hack for IE \*/
* html .ddsmoothmenu-pic ul li
{
    float: left;
    height: 1%;
}
* html .ddsmoothmenu-pic ul li a
{
    height: 1%;
}
#picMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
#picMenu .lihover ul li a
{
    background: url(../image/mainmenu1.jpg) no-repeat left center;
    color: #034fab;
    font-weight: bold;
}
#picMenu .lihover ul li a
{
    color: #fff;
    font-weight: normal;
}
#picMenu .ahover span
{
    font-weight: bold;
}
#picMenu .lihover ul li a:hover span
{
    font-weight: bold;
    color: #be0201;
}
#picMenu .lihover .lihover li span
{
    padding-left: 50px;
}
#picMenu .lihover .lihover .lihover li span
{
    padding-left: 70px;
}
