.index_main_container{
    width: 100%;
    background: url("../image/index_bg.jpg") repeat-x;
}
.news_left{
    background: url('../image/index_news_bg1.gif');
    width: 90px;
    float: left;
    color:white;
    line-height: 31px;
}
.news_right{
    margin-left: 90px;
    border: 1px solid #d0d0d0;
    border-left:none;
    line-height: 28px;
    background: white;
}
.news_left, .news_right{
    height:31px;
    padding-left:10px;
    overflow: hidden;
}
.news{
    padding-top:10px;
}
#index_engineering{
    border:1px solid #ccc;
    box-shadow: 0 0 10px #ccc;
    padding:10px;
    margin-top:20px;
    border-radius: 5px;
    height: 205px;
    background: url('../image/index_engineering_bg.jpg') repeat-x;
}
.index_engineering_title_left{
    font-weight: bold;
    color:#0670c8;
    font-family: 'Microsoft Yahei', sans-serif;
    font-size:16px;
    margin-bottom:5px;
    float: left;
}
.index_engineering_title_right{
    float:right;
    font-size:small;
}
#marquee_container{
    width: 100%;
    overflow: hidden;
}
#marquee_container li{
    float:left;
    list-style: none;
    margin: 0 5px;
}
#marquee_container img{
    width:180px;
    border: 1px solid #ccc;
    padding:5px;
}
#marquee_main{
    float: left;
    width: 2000%;
}
#engineering_1_table_list,#marquee_blank{
    overflow: hidden;
    float:left;
}
#marquee_container .title{
    text-align: center;
    font-size:small;
}
.sub_block{
    float:left;
    margin-top:20px;
}
.sub_header_1{
    background: url("../image/header_bg_1.png") no-repeat;
    height: 4px;
    width: 100%;
}
.sub_header_2{
    background: url("../image/header_bg_2.jpg") no-repeat #dadada;
    height:30px;
    width: 100%;
    box-shadow: 3px 3px 2px #aaa;
    border-radius: 3px;
    padding: 2px 0 0 45px;
    font-weight: bold;
    color:white;
    font-family: 'Microsoft Yahei', sans-serif;
    font-size:16px;

}
.sub_header_2 .glyphicon{
    float: right;
    margin:5px 5px 0 0;
}
.profile{
    width:23%;
    margin-right:2%;
}
.content{
    overflow: hidden;
}
.profile .content{
    padding:5px;
    margin-top:10px;
    background: #eee;
    height: 260px;
    font-size:12px;
    line-height: 180%;
    color: #333;
    border-radius: 3px;
    box-shadow: 0 0 5px #aaa;
}
.profile img{
    width: 100%;
    margin-bottom:5px;
}
.design{
    width: 35%;
}
.news2, .contact{
    width:38%;
    margin-left:2%;
}
#design_1_table_list li{
    list-style: none;
    height:120px;
    overflow: hidden;
    margin:10px 10px 0 10px;
    border-radius: 3px;
    box-shadow: 0 0 5px #aaa;
    border: 1px solid #555;
}

#design_1_table_list .image{
    text-align: center;
}
#design_1_table_list img{
    width: 100%;
    position: relative;
    top:-32px;
}
#design_1_table_list .title{
    color:white;
    position: relative;
    z-index: 100;
    top:90px;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
#design_1_table_list .title a{
    color:black;
}
/*
#design_1_table_list .image{
    height:100px;
}*/
.design .content{
    padding:5px;
    height: 265px;
    font-size:12px;
    color: #333;
}
.news2{
    font-size:small;
    line-height: 26px;
}
.news2 .content{
    margin-top:10px;
    height:260px;
}
.news2 .title,.news2 .date{
    float:left;
    height: 26px;
    overflow: hidden;
}
.news2 li{
    width: 100%;
    list-style: none;
}
.news2 .title{
    width:75%;
}
.news2 .date{
    width:25%;
}
.news2 li a{
    color:#555;
}
.news2 li .glyphicon{
    color: #ccc;
    margin-right:5px;
}
.qualification{
    width: 60%;
}
.qualification .content{
    margin:10px 0 20px 0;
}
#qualification_1_table_list li{
    width: 30%;
    list-style: none;
    display: inline-block;
    margin-left:3%;
}
#qualification_1_table_list img{
    width: 100%;
    padding:5px;
    border:1px solid #ccc;
}
#qualification_1_table_list .name{
    text-align: center;
    font-size:12px;
}
#qualification_1_table_list a{
    color:#333;
}
.contact .content{
    background: url('../image/contact_bg.jpg') no-repeat right;
    padding:10px 5px;
    font-size:12px;
    line-height: 200%;
}

@media (max-width: 767px) {
    .design img{
        width: auto;
        height: 100%;
    }
    .profile,.design, .news2, .qualification,.contact{
        width: 100%;
    }
    .sub_block .content{
        height: auto;
    }
    .news2, .contact{
        margin-left:0;
    }
    .qualification .content{
        margin-bottom:0;
    }
}