.title{
color: #333333;
font-size: 36px;
}

.content{
width: 683px;

}

.left-info{
display: flex;
align-items: center;
margin-top: 40px;
width: 658px;
height: 69px;
cursor: pointer;
}

.left-title{
width: 526px;
font-size: 20px;
margin-left: 40px;
color: #333333;
cursor: pointer;
}

.time{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 77px;
height: 67px;
border: #951500 1px solid;
border-radius: 4px;
color: #951500;
text-align: center;
}

.time1{
font-size: 24px !important;
font-family: georgia;
line-height: 35px;
  font-size:
}

.left-info:hover .time {
color: #fff;
background-color: #951500;
}

.left-info:hover .left-title{
color: #951500;
}

.box{
display: flex;
align-items: center;
margin: 0 auto;
justify-content: center;
height: 615px;
background-color: #F5F5F5;
box-sizing: border-box;
}

.box1{
padding-right: 20px;
padding-left: 46px;
}

.box2{
padding-left: 20px;
}

.box p{
color: #CCCCCC
}

.seeMore1{
display: flex;
justify-content: space-between;
align-items: center;
}

.more11 {
color: #888888;
cursor: pointer;
}

.more_1{
transform: translateY(2px);
}

.more_2{
transform: translateY(2px);display: none;
}

.more11:hover .more_1{
display: none;
}
.more11:hover span{
color: #000;
}
.more11:hover .more_2{
display: inline-block;
}