.Classic_case{
    width: 100%;
    margin-top: 57px;
}
.mk_title{
    width: 100%;
}
.mk_title h1{
    text-align: center;
    font-size:32px;
}
.mk_title p{
    text-align: center;
    color:#666666;
    font-size:16px;
    padding-top:20px;
}
.Classic_case ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
}
.Classic_case ul li{
    float:left;
}
.Classic_case ul li p{
    font-size:16px;
    color:#000;
    margin: 0 18px;
    padding: 0 3px 22px 3px;
    box-sizing: border-box;
}
.Classic_case ul .on p{
    border-bottom: 1px solid #003787;
    color:#003787;
    font-weight: 600;
}
.Classic_case .Classic_case_content{
    width: 100%;
    margin-top: 55px;
}
.Classic_case .Classic_case_content .Classic_case_content_main{
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-flow:wrap;
    display: flex;
}
/*.Classic_case .Classic_case_content .activa{
    display: ;
}*/

.Classic_case .Classic_case_content .Classic_case_content_main .main_list{
    width: 16%;
    height:301px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 18px;
    position: relative;
}
@media (max-width: 1680px){
	.Classic_case .Classic_case_content .Classic_case_content_main .main_list{
		height:240px;
	}
}
@media (max-width: 1440px){
	.Classic_case .Classic_case_content .Classic_case_content_main .main_list{
		height:220px;
	}
}
@media (max-width: 1366px){
	.Classic_case .Classic_case_content .Classic_case_content_main .main_list{
		height:200px;
	}
}
.Classic_case .Classic_case_content .Classic_case_content_main .main_list img{
    height: 100%;
    width: auto;
}
.Classic_case .Classic_case_content .Classic_case_content_main .main_list .zhezhao_1{
    position: absolute;
    bottom:-303px;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0, 55, 135,0.7);
    transition: bottom .5s ease,opacity .5s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.Classic_case .Classic_case_content .Classic_case_content_main .main_list:hover .zhezhao_1{
    bottom:0;
    opacity: 1;
}
.Classic_case .Classic_case_content .Classic_case_content_main .main_list .zhezhao_1 p{
    color:#fff;
    font-weight: 600;
}
.Classic_case .Classic_case_content .Classic_case_content_main .main_list .zhezhao_1 span{
    color:#fff;
    padding-top: 8px;
}