@charset "utf-8";
.content_box{
    width: 100%;
    padding-top: 40px;
    background: #f8f8f8;
}
.content{
    width: 1200px;
    height: 650px;
    margin:0 auto;
    
}
.content_list{
    width: 100%;
    height: 100%;

}
.content_list li{
    float: left;
    width: 270px;
    height: 270px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    margin-right: 40px;
    margin-bottom: 40px;
    
}
.content_list li.nomr{
    margin-right: 0;
}
.content_list .ico1{
    width: 84px;
    height: 71px;
    background: url(../image/1-1.png) no-repeat center center;
    position: absolute;
    top: 77px;
    left: 50%;
    margin-left: -42px;
}
.content_list h6{
    font-size:24px;
    position: absolute;
    left: 50%;
    top: 170px;
    color: #00b9e4;
    margin-left: -48px;
}
.content_list li:nth-child(2) h6{
    color: #e9573e;
}
.content_list li:nth-child(3) h6{
    color: #169fa5;
    margin-left: -72px;
}
.content_list li:nth-child(4) h6{
    color: #f6bb43;
}
.content_list li:nth-child(5) h6{
    color: #8dc153;
}
.content_list li:nth-child(6) h6{
    color: #0c92d1;
}
.content_list li:nth-child(7) h6{
    color: #ec87c1;
}

.content_list li:nth-child(1):hover{
    background: #00b9e4;
    box-shadow: 2px 2px 2px 2px #00b9e4;
}
.content_list li:nth-child(2):hover{
    background: #e9573e;
    box-shadow: 2px 2px 2px 2px #e9573e;
}
.content_list li:nth-child(3):hover{
    background: #169fa5;
    box-shadow: 2px 2px 2px 2px #169fa5;
}
.content_list li:nth-child(4):hover{
    background: #f6bb43;
    box-shadow: 2px 2px 2px 2px #f6bb43;
}
.content_list li:nth-child(5):hover{
    background: #8dc153;
    box-shadow: 2px 2px 2px 2px #8dc153;
}
.content_list li:nth-child(6):hover{
    background: #0c92d1;
    box-shadow: 2px 2px 2px 2px #0c92d1;
}
.content_list li:nth-child(7):hover{
    background: #ec87c1;
    box-shadow: 2px 2px 2px 2px #ec87c1;
}
.content_list li:hover h6{
    color: #fff;
}
.header_botm_list ul{
    width: 1069px !important;
    height: 70px;
    margin:0 auto;

}