.page-content{  padding-left: 230px; float: left;padding-top:8px; padding-bottom: 6px; }
 position:relative}

.banner h2{ wisth:175px; height:45px;
 display:block;

    letter-spacing: 0;
    margin-bottom: 8px;
    margin-top: 148px;
 }
.navigation{ top: 200px; position:absolute; left: 0px;}

.years_box_title{  font-size: 34px; line-height: 34px; font-family: 'TencentSansw7'; font-weight:bold; margin-bottom:42px;}
.years_box_content{ float: left; }
.events_box{ padding-bottom: 24px;}
.events_box p{ line-height:2; font-size:16px; color:#666; margin-bottom:32px; }
.events_title{ font-size: 30px; height: 47px; line-height: 47px; padding-bottom: 32px; }



@media screen and (max-width: 769px) {
    .years_box_title{ font-size: 24px; margin-bottom: 20px;}
    .f-content .page-content{ margin: auto;}
    .years_box_content{ width: 100%;}
    .events_title{ font-size: 20px; padding-bottom:0px; font-weight: bold;}
    .event .title{ height: auto; line-height: 24px;}

    .event .left{ width: 75%}
    .event .date{padding-bottom:20px;}

    .page-main{ position: relative;}
    .page-main .bg{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; display: none;}
}

.event .left {
    width: 85%;
}

@media screen and (max-width: 769px) {
    .banner {
        background-position: 42% center;
    }
}
@media screen and (min-width: 1440px){
	.f-content{ width: 1200px; margin: auto; position: relative;overflow: hidden;}
	}
@media screen and (min-width:1190px) and (max-width: 1440px){
	.f-content{ width: 1100px; margin: auto; position: relative;overflow: hidden;}
	
	}
@media screen and (min-width:960px) and (max-width: 1190px){
	.f-content{ width: 95%; margin: auto; position: relative;overflow: hidden;}
	
	}
@media screen and (max-width: 960px){
	.f-content{ width: 95%; margin: auto; position: relative;overflow: hidden;}
	}