body{
    font-family: 'microsoft yahei','Montserrat', sans-serif;
    font-size: 14px;
}
.noborder{
    border:0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    padding: 0
}
.topinfo {
    margin: 0 auto;
    width: 1000px;
    padding: 0;
}
.topinfo li {
    display: inline-table;
    list-style: none;
    border-right: 1px solid #ccc;
    padding:0 10px;
    color: white;
}
.topinfo li.noborder{
    border:none
}
.topinfo a{
    color: white;
    text-decoration: none;
}
.navbar {
    margin-bottom: 0px;
    /* background: linear-gradient(to right, white , #eee 20%,#eee 80%, white ); */
    /* border-bottom: 5px solid #ddd; */
}
.navbar-brand {
    padding: 0 0 0 10px;
    float: left;
    height: 65px;
    line-height: 20px;
}
.navbar-nav>li>a {
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
}
.navbar-toggle {
    margin-top: 15px;
}
.navbar-nav li{
    /* border-left: 1px solid #ddd; */
}
.navbar-nav li:hover {
    background: #00407b;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff; 
    background-color: transparent;
}
@media (min-width: 992px) {
    .navbar-collapse {
        float: right!important;
    }
}
.mt20{
    margin-top: 20px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background-color: #999;
    background-image: none;
    text-shadow: none;
    border-color: #999;
}
a.list-group-item{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a.list-group-item:last-child{
    margin-bottom: -1px;
}
.products li{
    margin: 20px 0;
}
.info{
    margin-top: 20px;
    margin-bottom: 20px;
}
.info-body{
    border-radius: 4px;
    color: #555;
    line-height: 24px;
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    .info-nav{
        padding: 0;
    }
    .info-nav .list-group-item{
        border-right: 0;
    }
    .info-body{
        border: 1px solid #ddd;
        border-top-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .info-nav .list-group-item:first-child {
        border-top-right-radius: 0;
    }
    .info-nav .list-group-item:last-child {
        border-bottom-right-radius: 0;
    }
    #news a,#reach a{
        padding: 5px 15px;
    }
}
.milestone-item{
    clear:both;
    position: relative;
    overflow: auto;
}
.milestone-item.mblock{
    min-height: 50px;
}
.item-title{
    clear: both;
    padding: 5px;
}
.milestone-item .item-date{
    border:1px solid #00407b;
    text-align: center;
    margin: 10px 10px 0 10px;
    font-weight:600
}
.milestone-item .bg-success{
    color: #666;
}
@media (min-width: 992px) {
    .milestone-item .item-title{
        border-bottom: 1px dashed #ccc
    }
    .milestone-item.mblock .item-title{
        margin-top: -35px;
    }
    .milestone-item .item-title.fleft{
        float: left;
        margin-left: 65px
    }
    .milestone-item .item-title.fright{
        float: right;
        margin-right: 65px;
    }
    .milestone-item .item-date{
        border:2px solid #00407b;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 46px;
    }
    .milestone-item .item-date.aleft{
        float: left;
        border-radius: 50px;
        border-bottom-right-radius: 0;
        margin-right: 10px;
    }
    .milestone-item .item-date.aright{
        float: right;
        border-radius: 50px;
        border-bottom-left-radius: 0;
        margin-left: 10px;
    }
}
.milestone-item:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.milestone-item:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.job_list {
    width:100%;
    margin:0
}
.job_list a {
    color:#666;
}
.job_list th {
    text-align:left;
    background:#F0F0F0;
    padding:5px;
    border-bottom:2px solid #CCC;
}
.job_list td {
    padding:5px;
    border-bottom:1px dashed #CCC;
}
.job_info {
    border:1px solid #CCC;
    border-bottom:0;
    border-right:0;
    margin:10px 0;
    width:100%;
}
.job_info th {
    width:100px;
    vertical-align:top;
    text-align:right;
    background:#F0F0F0
}
.job_info td, .job_info th {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:5px 10px;
}
.pagelist {
    text-align: center;
    margin: 0;
    padding: 0;
    overflow: auto;
    margin-top: 5px;
}
.pagelist li {
    display:inline-block;
    min-width:30px;
    padding: 5px;
    margin: 3px;
    list-style: none;
    border: 1px solid #eee;
    color: #999
}
.pagelist li.active {
    background: #eee;
    color: #999
}
.footer {
    clear: both;
    margin-top: 30px;
    padding: 20px;
    color: #ccc;
    border-top: 1px solid #CCC;
    text-align: left;
    font-size: 12px;
    background-color: #3b4551;
}
.footer h3,.footer h4{
    color: #fff;
}
.footer a {
    color: #999;
    text-decoration: none;
}
.wrap{
    /*border: 3px solid #f00;*/
    /*width: 600px;*/
    height: 86px;
    position: relative;
    overflow: hidden;
}
.wrap ul{
    overflow: hidden;
    position:absolute;
    width: 700px;
    left: 0;
    top: 0;
    _height:1px;
}
.wrap ul li{
    float: left;
    width: 140px;
}

@media (min-width: 1200px) {
    .col-cus-5{
        float: left;
        width:20%;
    }
    .col-cus-7{
        float: left;
        width:14.28%;
    }
    .col-cus-8{
        float: left;
        width:12.5%;
    }
}