.news-index {
    background: url(../img/news-index.jpg) center center no-repeat;
    background-size: cover;
    height: 180px;
}

.about-index h2 {
    margin-top: 0;
    background-color: #00bbff;
    display: inline-block;
    line-height: 50px;
    width: 100%;
    text-align: center;
}

.about-index .nav-stacked li {
    float: none;
    /*border-bottom: 1px solid #e2e2e2;*/
    border-bottom: 1px dashed #e2e2e2;
}
/* 人力 */
.hr-index {
    background: url(../img/hr_index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
/* hr_end */
/* 人力 */
.server-index {
    background: url(../img/server-index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
/* hr_end */
/* project */
.project-index{
    background: url(../img/server-index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
.project ul{
    display: inline-flex;
    
}
/*product  */
.product-index {
    background: url(../img/xz.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}

    .product-index h2 {
        font-size: 33px;
        line-height: 33px;
        display: block;
        color: #fff;
        /* position: absolute; */
        margin-top: 80px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .product-index p {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        float: right;
        margin-bottom: 60px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
    }

.product_menu {
    background-color: #f3f3f3d6;
}

    .product_menu ul {
        text-align: center;
        line-height: 55px;
        margin: 0 auto;
        /*background-color:powderblue;*/
    }

        .product_menu ul li {
            display:inline-block;
            _zoom:1;
            _display:inline;
            font-size: 18px;
            line-height: 55px;
            height: 55px;
            margin-top: 3px;
            margin-right: 6px;
            margin-left: 6px;
            /*margin: 5px 5px;*/
            /* background-color: aliceblue; */
        }

            .product_menu ul li a:hover {
                color: #00bbff;
                font-size: 103%;
                width: 103%;
                /*backgrounkd-color:#4d9dff;*/
                border-bottom: 2px solid #00bbff;
            }
@media(max-width:768px){
    .product_menu ul {
        text-align: center;
        line-height: 45px;
        margin: 0 auto;
        /*background-color:powderblue;*/
    }

    .product_menu ul li {
          display:inline-block;
            _zoom:1;
            _display:inline;
        font-size: 15px;
        line-height: 45px;
        height: 45px;
        margin-top: 3px;
        margin-right: 6px;
        margin-left: 6px;
        /*margin: 5px 5px;*/
        /* background-color: aliceblue; */
    }
}

.product_list {
    
}

    .product_list img {
        width:100%;
        border-radius:5px 5px 5px 5px ;
    }
.photo_list {
    width: 100%;
    display: inline-grid;
    margin-bottom: 10px;
    line-height:16px;
}
    .photo_list h3 {
        text-align: left;
        font-size: 20px;
        color: dodgerblue;


    }
    .photo_list p{
        font-size:12px;
        color:#b0b0b0;

    }
    .photo_list span{
        font-size:13px;
        color:#808080;

    }
    .photo_list a:hover{
        background-color:#c1eeff;
        border-radius:6px;
        color:#fff;

       
    }
   
/*end product*/