.news-index {
    background: url(../../images/index/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(../../images/index/hr_index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
/* hr_end */
/* 人力 */
.server-index {
    background: url(../../images/index/server-index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
/* hr_end */
/* project */
.project-index{
    background: url(../../images/index/server-index.jpg) center center no-repeat;
    background-size: cover;
    height: 220px;
}
.project ul{
    display: inline-flex;
    
}
/*product  */
.product-index {
    background: url(../../images/index/product-index.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;
        color: #f93414;
        /*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: 101%;
                width: 101%;
                /*backgrounkd-color:#4d9dff;*/
                border-bottom: 1px solid #f93414;
            }
@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-grid;
        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*/
/*TAB样式*/
.ProductTab {
   
}
#box {
   /* width: 400px;
    height: 300px;
    margin: 100px auto 0;*/
}

#tab_nav {
    margin: 4px;
    margin-left:16px;
    padding: 0;
    height: 45px;
    line-height: 44px;
}

    #tab_nav li {
        float: left;
        margin: 0;
        list-style: none;
        border: 1px solid #999;
      /*  border-bottom: none;*/
        height: 44px;
        width: 120px;
        text-align: center;
        background: #FFF;
    }

/*a {
    font: bold 14px/24px "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
    color: green;
    text-decoration: none;
}

    a:hover {
        color: red;
    }*/

#tab_content {
    /*width: 398px;*/
    height: 450px;
    /*border: 1px solid #999;*/
   /* font: bold 4em/273px "微软雅黑", Verdana, Arial, Helvetica, sans-serif;*/
   /* text-align: center;*/
    background: #FFF;
    overflow: hidden;
}

#t_1, #t_2, #t_3 {
    width: 100%;
    height: 450px;
}