/*nav*/
.head-pc{width:100%;}
.nav {
    width: 100%;
    height: 42px !important;
    margin:0 auto;}
#nav {
    background: #0b4f96;
height: 42px !important;}
.nav>ul {
    font-size: 0;
    height: 100%;}

.nav>ul>li {}

.nav>ul>li>a {
    display: block;
    font-size: 18px;
    line-height: 54px;
    color: #fff;
    font-weight:bold;
    text-align: center;
    position: relative;
    transition: all 0.3s;}

.nav>ul>li:first-child>a::before {
    display: none;}

.nav>ul>li.active>a {
    /*background: #0a5894;*/
    font-weight:bold;}

.nav>ul>li:hover>a {}

.nav>ul>li.on>div {}



.nav>ul>li.on>a::after {
    border-bottom: 5px solid #ffffff;}


.nav>ul>li>div {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #0a5894;
    z-index: 9999;
    overflow: hidden;
    line-height: normal;
    display: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    opacity: 1;}

.nav>ul>li>div>ul {
    overflow: hidden;}

.nav>ul>li>div>ul>li a {
   display: block;
    font-size: 14px;
    line-height: 25px;
    transition: .3s;
    color: #fff;
    text-align: center;
    padding: 10px 0;}

.nav>ul>li>div>ul>li a:hover {
    background-color: #125eac;}
        /* 本例子css */
        .picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
        
        
        .picMarquee-left .bd{ padding:10px;}
        .picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
        .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
        .picMarquee-left .bd ul li .pic{ text-align:center;}
        .picMarquee-left .bd ul li .pic img{ width:200px; height:auto; display:block; padding:2px;}
        .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;}
        .picMarquee-left .bd ul li .title{ line-height:24px;}