.bbb{
    width: 100%;
    display: none;
    

}
.bbb li{
    width: 100% !important;
    float: left;
    height: auto !important;
    border: none !important;
    background: rgba(52,94,206, 0.7) !important;
}

.nav{display: block; width:1170px;margin: 0 auto; background: #345ECE;}
.nav .nav_pc{ width: 100%;}
.nav ul li{float:left;position: relative;border-right: 1px dashed #cccccc;box-sizing: border-box;z-index: 999;}
.nav ul li:first-child{border-left: 1px dashed #cccccc;}
.nav ul li .f_a{line-height:67px;display:block;text-align:center;font-size:16px;color:#fff;}
.nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;
    
    
    background-color: rgba(52,94,206, 0.7);
    /* border-radius: 15px; */
    
    
    z-index: 9999;box-sizing: border-box}

.nav li:hover{
    background: #8fc31f;
}
.nav ul li .s_navbox .s_a a:hover{
    background: #8fc31f;
}


.nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}


.header {
    width: 100%;
   }
   .headerTop {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
   }
   .headerTop p {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #333333;
    float: left;
   }
   .headerTop ul {
    float: right;
   }
   .headerTop li {
    float: left;
    height: 40px;
    line-height: 40px;
   }
   .headerTop li a {
    font-size: 14px;
    color: #666666;
    padding: 0 20px;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #6f6f6f;
   }
   .headerTop li:first-child a {
    border-left: none;
   }
   .headerTop li.last a {
    padding-right: 0;
    border-right: none;
   }
   .headerCenter {
    width: 100%;
    height: 137px;
   }
   .headerCenter .box {
    float: left;
   }
   .headerCenter .header-logo {
    float: left;
    width: 84px;
    height:92px;
    margin-top:21px;
    display: block;
    margin-left: 10px;
   }
   .headerCenter .header-logo img {
    display: block;
   }
   .headerCenter .Part {
    float: left;
    margin-left:24px;
    width: 388px;
    margin-top: 46px;
   }
   .headerCenter .Part h2 {
    font-size: 24px;
    color: #00BEFF;
   }
   .headerCenter .Part p {
    font-size: 14px;
    color: #333333;
    margin-top: 4px;
   }
   .headerCenter .phone {
    background: url(../images/header_phone.png) no-repeat left  center;
    padding-left: 50px;
    float: right;
    margin-top: 52px;
   }
   .headerCenter .phone p {
    color: #333333;
    font-size: 14px;
   }
   .headerCenter .phone em {
    font-size: 24px;
    color: #333333;
    display: block;
    font-family: arial;
   }
   .headerNav {
    height: 60px;
    background: #345ECE;
   }
   .headerNav ul {
    width: 100%;    position: relative;
    z-index: 99;
   }
   .headerNav li {
    float: left;
    width: 11%;
    font-size: 14px;
    height: 60px;
    position: relative;
    border-left: 1px solid #345ECE;
    position: relative;
   }
   .headerNav li a:hover{
       background: #8fc31f;
   }
   .headerNav li:first-child {
    border-left: none;
   }
   .headerNav li>a {
    color: #fff;
    text-decoration: none;
    height:60px;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 17px;
   }
   .headerNav li.cur {
    background: url(../images/navbg.png) repeat-x;
   }
   .headerNav li:hover {
    background: url(../images/navbg.png) repeat-x;
   }
   .headerNav li.cur>a {
    display: block;
    /*! color: #fff; */
   }
   .headerNav li:hover>a {
    display: block;
    color: #fff;
   }
   .headerNav li i {
    display: none;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: -2px;
    /*! background: #252525; */
   }
   .headerNav li.cur i {
    display: block;
   }
   .headerNav li:hover i {
    display: block;
   }

   .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}