@charset "utf-8";
body,h2,ul,h3{padding:0;margin:0;}
ul{list-style:none outside none;}
/* timeline */
.timeline{background:url("../images/time/line4.png") repeat-y 120px 0;position:relative;height:100px;margin:20px 10px;width:70%;margin:5% auto 10% 20%;}
.timeline-date{position:relative;text-align: left;width:100%;}
.timeline-date .year{top:28px;left:28px;}
.timeline-date ul li{background:url("../images/time/icon7.png") no-repeat 114px 5px;zoom:1;height:100px;}
.timeline-date ul li h3{float:left;text-align:right;font-size:14px;color:#3a3a3a;display:block;}
.timeline-date ul li p{float:left;margin-left:160px;display:block; width:70%;font-size: 20px;color: #3a3a3a; top:-1px;}	
.timeline-date .other li{background:url("../images/time/icon7.png") no-repeat 57px 5px;zoom:1;height:100px;}
.timeline-date .other p{margin-left: 100px;width:90%;}

.timeline-date .other .year{top:2px;}


@media screen and (max-width: 1024px) {
	
	.timeline{
		margin:5% auto 10% 24%;
	}
	
	.timeline-date .other p{
		margin-left: 90px;
		width:80%;
	}
	.timeline-date ul li p{
		font-size: 16px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	.timeline-date .other .year{
		top:28px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 100px;
	}
}


@media screen and (max-width: 1000px) {
	
	.timeline{
		margin:5% auto 10% 24%;
	}
	
	.timeline-date .other p{
		margin-left: 90px;
		width:70%;
	}
	.timeline-date ul li p{
		font-size: 16px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	.timeline-date .other .year{
		top:28px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 100px;
	}
}



@media screen and (max-width: 930px) {
	
	.timeline{
		margin:5% auto 10% 24%;
	}
	
	.timeline-date .other p{
		margin-left: 90px;
		width:70%;
	}
	.timeline-date ul li p{
		font-size: 16px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	.timeline-date .other .year{
		top:28px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 100px;
	}
}




@media screen and (max-width: 850px) {
	
	.timeline{
		margin:5% auto 10% 24%;
	}
	
	.timeline-date .other p{
		margin-left: 160px;
		width:70%;
	}
	.timeline-date ul li p{
		font-size: 16px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 114px 5px;
	}
	.timeline-date .other .year{
		top:28px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 100px;
	}
}

@media screen and (max-width: 768px) {
	
	.timeline{
		margin:5% auto 10% 24%;
	}
	
	.timeline-date .other p{
		margin-left: 160px;
		width:70%;
	}
	.timeline-date ul li p{
		font-size: 16px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 114px 5px;
	}
	.timeline-date .other .year{
		top:28px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 47px 5px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 100px;
	}
}


@media screen and (max-width: 650px) {
	.timeline{
		margin:5% auto 10% 8%;
		background:url("../images/time/line4.png") repeat-y 90px 0;
	}

	.timeline-date .other p{
		margin-left: 120px;
		font-size: 15px;
		width:70%;
	}
	.timeline-date ul li p{
		width:80%;
		font-size: 14px;
		margin-left: 120px;
	}
	.timeline-date ul li {
    	background: url(../images/time/icon7.png) no-repeat 84px 8px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 84px 9px;
	}
	.timeline-date .year{
		font-size: 16px;
	}
	.timeline-date .other .year{
		top:28px;
		font-size: 16px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 33px 26px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 75px;
		margin-top: 29px;
	}
}
@media screen and (max-width: 560px) {
	.timeline{
		margin:5% auto 10% 8%;
		background:url("../images/time/line4.png") repeat-y 90px 0;
	}

	.timeline-date .other p{
		margin-left: 120px;
		font-size: 14px;
		width:70%;
	}
	.timeline-date ul li p{
		width:80%;
		font-size: 14px;
		margin-left: 120px;
	}
	.timeline-date ul li {
    	background: url(../images/time/icon7.png) no-repeat 84px 8px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 84px 9px;
	}
	.timeline-date .year{
		font-size: 16px;
	}
	.timeline-date .other .year{
		top:28px;
		font-size: 16px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 33px 26px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 75px;
		margin-top: 29px;
	}
}

@media screen and (max-width: 450px) {
	
	.timeline{
		margin:5% auto 10% 0%;
		background:url("../images/time/line4.png") repeat-y 90px 0;
	}

	.timeline-date .other p{
		margin-left: 120px;
		font-size: 12px;
		width:70%;
	}
	.timeline-date ul li p{
		width:80%;
		font-size: 12px;
		margin-left: 120px;
	}
	.timeline-date ul li {
    	background: url(../images/time/icon7.png) no-repeat 84px 8px;
	}
	.timeline-date .other li {
    	background: url(../images/time/icon7.png) no-repeat 84px 9px;
	}
	.timeline-date .year{
		font-size: 14px;
	}
	.timeline-date .other .year{
		top:28px;
		font-size: 14px;
	}
	
	.timeline-date .other .kk {
    	background: url(../images/time/icon7.png) no-repeat 39px 26px;
	}
	
	.timeline-date .other .kk p{
		margin-left: 75px;
		margin-top: 29px;
	}
}