
.about-banner{
    width:1584px;
    margin:0 auto ;
}
.about-banner >img{
    vertical-align: top;
    width:1584px;
    height: 380px;
    

}
.about-content{
    width:100%;
}
.title-container{
    width:1280px;
    margin: 0 auto;
    height: 77px;
    border-bottom: 1px solid #e5e5e5;

}
.title-container .title-nav {
    height: 77px;
    position:relative;
}
.title-container .title-nav>i{
    width:40px;
    height: 5px;
    background: #16559c;
    
}
.title-container .title-nav >ul >li{
    width:100px;
    float:left ;
    height: 77px;
   

}
.title-container .title-nav >ul >li>a{
    display: block;
    font-size: 18px;
    color:#555;
    height: 20px;
    margin-top:30px;
    text-align: left;

}
.title-container .title-crumbs >ul>li{
    float:left;
    height: 77px;
    line-height: 77px;
}
.title-container .title-crumbs >ul>li>a{
    font-size: 14px;
    color:#999999 ;
}
.m30{
    margin-left:30px;
}
.equip-video-content .container .main-video video{
    width:1026px;
    height:512px;
    object-fit:fill;
}
.equip-list-content {
    width:100%;
    background-color: #fff;
}
.equip-list-content .container .equip-list{
    padding-top:60px;
    padding-bottom: 138px;
    position:relative ;
}
.equip-list-content .container .equip-list >ul>li{
    float:left;
    margin-bottom:20px;
}
.equip-list-content .container .equip-list >ul>li>a{
    display:block ;
    font-size: 16px;
    color:#333;
}
.equip-list-content .container .equip-list >ul>li>a>img{
	display:block ;
	width:390px;
	height:240px;
}
.equip-list-content .container .equip-list >ul>li>a>p{
	width:370px ;
    height:30px;
    padding:0 10px;
    line-height:30px;
    white-space:nowrap ;
    overflow:hidden ;
    text-overflow:ellipsis ;
    
}
/*
.honor-content .container  .honor-list{
    padding-top:60px;
    padding-bottom: 192px;
    position:relative ;
}
.honor-content .container  .honor-list >ul>li{
    float:left;   
    padding-bottom: 48px;
}
.honor-content .container  .honor-list >ul>li>a{
    display: block;
    font-size: 15px;
    color:#333;
}
.honor-content .container  .honor-list >ul>li>a>img{
	width:390px;
	height:235px;
    vertical-align: top;
}
.honor-content .container  .honor-list >ul>li>a>p{
    width:360px;
    height:30px ;
    background: #f7f7f7;
    line-height:30px;
    text-align:center ;
    padding:0 15px;
    white-space:nowrap ;
   	overflow:hidden ;
   	text-overflow:ellipsis ;
    
}
*/

.introduction-content h1{
	font-size:20px;
	font-weight:bold ;
	text-align:center ;
	padding-top:20px;
	padding-bottom:10px;
	
}
.introduction-content > span{
	display:block ;
	text-align:center ;
	font-size:14px;
	color:#ccc;
	padding-bottom:20px;
	
}
.current-honor {
	padding:10px 20px; 
	overflow:hidden ;
	padding-bottom:80px;
}
/*202205010846*/
.time-axis .bottom-line{
    border-bottom: 2px solid #ccc;
    height: 104px;
    margin-top: 100px;
}

.time-axis ul li{
    width:180px;
    height:82px;
    float:left ;
    text-align: center;
    line-height: 82px;
    cursor: pointer;
}
.time-axis ul li .vertical-line{
    width:2px;
    height:22px;
    margin: 0 auto;
    background-color: #ccc;

}
.select-year{
    background: url(../img/history_bg.png) no-repeat 50% 50%;
    color:#fff ;

}
.everyear-history{
    margin-bottom: 50px;
}
.big-year{
    width:970px;
    margin:0 auto ;
    font-size: 34px;
    margin-top:80px;
    margin-bottom: 60px;
}
.months {
    width:970px;
    margin: 0 auto;

}
.months .month-left{
    float:left;
    width:100px;
    font-size: 24px;
    font-weight: bold;
    color:#16559c ;
    background: url(../img/history_icon1.png) no-repeat 95px 0px;
}


.months .month-right{
    float:left ;
    padding-left: 30px;
    border-left: 1px solid #16559c;
    background: url(../img/history_icon1.png) no-repeat -5px 0px;
}
.months .month-right ul li{
	margin-bottom:20px;
}
.months .month-right ul li a h3{
	text-align:left;
	
}
.months .month-right ul li a .content-img{
	margin-top:10px;
}
.months .month-right ul li a .content-img img{
	display:block ;
	width:390px;
	height:235px;
	
}
.months .month-right ul li a{
    font-size: 16px;
    color:#545454 ;
}
.months .month-right ul li a:hover{
    color:#16559c ;
}
