.clearfix{
    clear: both;
}
.honor-container{
    width: 1200px;
    margin: 0px auto;
    clear: both;
}

.honor-nav{
    width: 100%;
    height: 80px;
    /* line-height: 80px; */
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.honor-nav .nav-item{
    width: 200px;
    text-align: center;
    float: left;
}
.honor-nav .nav-item a{
    font-size: 18px;
    color: #999999;
    display: block;
    width: 72px;
    height: 24px;
    line-height: 24px;
    margin:28px auto 0px auto;
    position: relative;
}
.honor-nav .active a::after{
    content: " ";
    width:100%;
    height: 2px;
    display: block;
    background-color: #939391;
    position: absolute;
    left: 0px;
    bottom:-10px;
}



/*- 中心标题 --------------------------------------*/
.honor-title{
    width: 600px;
    height: 52px;
    line-height: 52px;
    margin: 30px auto 0px auto;
    font-size: 40px;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    /* background-color: aquamarine; */
    padding-top:30px;
    position: relative;
}
.honor-title:after{
    content: " ";
    width: 96px;
    height: 8px;
    background-color: #939391;
    position: absolute;
    left: calc(50% - 48px);
    bottom: -35px;
}
.honor-title .title-en{ 
    color:rgba(51,51,51,.1);
    text-transform: uppercase;
    letter-spacing:5px;
}
.honor-title .title-cn{
    margin-top:-65px;
}





.exp-container{
    width: 1200px;
    height: 800px;
    margin: 66px auto 20px auto;
    position: relative;
}
.mid-img img{
    width: 491px;
    height: 491px;
    position: absolute;
    left: calc(50% - 264px);
    z-index: 1;
}
.exp-container .square1{
    width: 676px;
    height: 688px;
    position: absolute;
    background-color: #F3F3F3;
    left: 0px;
    bottom: 0px;
}
.exp-container .exp-panel{
    width:336px;
    height: 450px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    padding:37px 40px;
}
.exp-panel-title{
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    margin-bottom:23px;
}
.exp-panel-body{
    color: #999;
    font-size:14px;
    line-height:28px;
}
.exp-time{
    transform-origin: 0 0;
    transform: rotate(90deg);
    font-size: 100px;
    font-weight: bold;
    color:#E7E9EB;
    position: absolute;
    right: -300px;
    top: 0px;
}
.exp-time span{
    font-size: 60px;
    /* font-weight: normal; */
    margin-left:28px;
}


.exp2{

}
.exp2 .exp-time{
    left: 270px;
}
.exp2 .square1{
    width: 268px;
    height: 268px;
    top:-80px;
    left: 675px;
}
.exp2 .exp-panel{
    left: 850px;
    bottom: -100px;
}

.exp3 .exp-panel{
    height: 300px;
}

.exp5 .exp-time{
    right: -550px;
}

.exp6.exp-container{
    height: 700px;
    margin-bottom:0px;
}
.exp6 .exp-time{
    left: 270px;
}
.exp6 .square1{
    width: 268px;
    height: 268px;
    top:-80px;
    left: 675px;
}
.exp6 .exp-panel{
    left: 850px;
    bottom: -100px;
}

.exp7{
    margin-top:-200px;
}

.exp7 .exp-panel {
    width:336px;
    height: 280px;
}
/*.exp7 .mid-img img {*/
/*    top:150px;*/
/*}*/
.exp7 .exp-time{
    top: 143px;
}
.exp7.exp-container{
    margin-top:0px;
}


.exp-container.exp-big{
    height: 780px;
    position: relative;
    margin: 130px auto -100px auto;
}
.exp-big .video_box{
    display: block;
    width:640px;
    height:368px;
    position: absolute;
    top: 160px;
    left:280px;
    z-index: 1;
}
.exp-big .video_box video{
	width: 100%;
	height: 100%;
}
.exp-big .video_box img{
	 position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 5;
}
.exp-big .big-back{
    width: 100%;
    height: 624px;
    background-color: #F3F3F3;
    position: absolute;
    top: 0px;
}

.exp-big-title{
    color:#17243A;
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    text-align: center;
    position: absolute;
    top:46px;
    letter-spacing: 5px;
}
body .container-year:nth-child(2n){
	margin-top: 0;
	padding-top: 120px;
	height: auto;
}
body .container-year:nth-child(2n) .square1{
	position: relative;	
}
body .container-year:nth-child(2n) .exp-panel{
	position: relative;
	bottom: auto;
	margin-top: -333px;
	z-index: 100;
	top: 0;
}
body .container-year:nth-child(2n) .mid-img{
	position: relative;
	top: -100px;
}
body .container-year:nth-child(2n) .exp-time{
	top:155px;
}

body .container-year:nth-child(2n+1){
	margin-top: 120px;
	height: auto;
}
body .container-year:nth-child(2n+1) .square1{
	position: relative;	
}
body .container-year:nth-child(2n+1) .exp-panel{
	top: 0;
	margin-top: 107px;
	position: relative;
	
}
.exp1{
	margin-top: 150px;
}