@charset "utf-8";
.common .title{
position:relative;
margin-bottom:7.2%;
padding:0px 4%;
}
.common>.title>.border{
border:1px solid #9A231D;
}
.common>.title .info-title{
padding:0px 40px;
position:absolute;
left:40%;
top:-20px;
background-color:#FFFFFF;
}
.common>.title .info-title>div{
background-color:#9A231D;
padding:10px 40px;
color:#FFFFFF;
text-align:center;
border-radius:6px;
font-size:19px;
font-family:'黑体';			
}
.common .conte{
overflow:auto;
text-align:center;
padding:0px 4%;
}
.common .conte>a>.img{
overflow:hidden;
}
.common .conte>a>.img img{
transition:all 0.6s;
}
.common .conte>a>.img img:hover{
transform:scale(1.3);
}
.common .conte>a:hover{
color:#9A231D;
}
.common .conte>a{
width:12%;
float:left;
margin:0px 2.3%;
}
.common .conte .con{
font-size:17px;
}
@media screen and (min-width: 1240px) {

}
@media (min-width: 1200px) and (max-width: 1239px){
.common>.title .info-title{
left:38%;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.common>.title .info-title{
left:37.5%;
}
}
@media (min-width: 750px) and (max-width: 991px){
.common>.title .info-title{
left:33%;
}

}
@media (min-width: 0px) and (max-width: 749px){
.common>.title{
margin-top:3%;
}
.common>.title>.border{
border:none;
}
.common>.title .info-title{
position:static;
padding:0px;
}
.common>.title .info-title>div{
font-size:20px;
padding:12px 20px;
}
.common .conte>a{
width:33.33%;
}
.common .conte .con{
font-size:20px;
}
.common .conte>a{
margin:0px;
}




}