/*二级页时间线*/

.timeline{padding-bottom: 5rem;}
.timeline .etype{height: 35px;border-bottom: 2px solid #DBDBD9;position: absolute;width: 100%;}
.timeline .fixed{width: 100%;_width:640px;max-width: 640px;position: fixed;top: 0;background: #fff;z-index: 100}
.timeline .etype span{display: inline-block;cursor: pointer;width: 16.6%;text-align: center;font-size: 18px;font-size: 1.8rem;height: 33px;overflow: hidden;line-height: 33px;}
.timeline .etype span.cur{border-bottom: 2px solid #4E99D5;position: relative;top: 2px;}
.timeline h1{line-height: 35px;color: #4E99D5;font-size: 22px;font-size: 2.2rem;height: 35px;overflow: hidden;text-align: center;}

.timeline section,.dpn{display: none;}
.timeline section.cur{display: block;}
.timeline .linediv{background:url(//www.xinhuanet.com/science/kjcxlcb/2016/event.png); width:35px; height:41px}
.timeline ul{*padding-top: 5%; padding-top: 0px;}
.timeline li{overflow: hidden;position: relative;/*bottom: 3em*/width: 100%; margin-bottom:20px}
.timeline li.lif{}
.timeline img{width: 100%; border:1px solid #7a7a7a; border-radius: 3px;}
.timeline .time{color: #4E99D5;font-weight: bold;background: #fff}
.timeline .circlel .time{z-index: 0}
.timeline .circler .time{}
.timeline .time b{font-size: 14px;background: #4E99D5;color: #fff;/*border-radius: 3px;*/padding: 2px;font-weight: normal;}
.timeline .time i{font-style: normal;}

.timeline .timepic .t-del{position: absolute;bottom: 0;overflow: hidden;background-color: rgba(0,0,0,0.6);_filter:alpha(opacity=60);}
.timeline .timepic .t span,.timeline .text span{position: absolute;left: -100px;top: -100px;}
.timeline .timepic .bg{position: relative;}
.timeline .timepic .txt{color: #000;z-index: 1;text-align: center;}
.timeline .circlel .timepic .txt{*text-align: center;}
.timeline .timepic .bg,.timeline .timepic .txt{position: relative;line-height: 1.5em;font-size: 18px;}
.timeline .text{}
.timeline .text a{}
.timeline .timepic{/*height: 0;*/}
.timeline .text,.timeline .timepic{position: relative;box-sizing: border-box;}

.timeline .text a{display: block;color: #4E99D5;margin-bottom: 0.35em;font-weight: 600;overflow: hidden;}
.timeline .text span{display: inline-block;line-height: 20px;text-align: left;}

.ml .list1 ul li a.img{height: 0;padding-bottom: 54%;display: inline-block;overflow: hidden;overflow: hidden;}
@media screen and (max-width:480px) {
	/*二级页时间线*/
	.timeline h1{position: absolute;top: 2.2em;left: 2.2em;}
	.timeline ul{margin-top: 4.5em;}
	.timeline ul li{position: relative;top: -1em;}
	.timeline .linediv{top: 3em; top:-35px;position: absolute;width: 40px; display:none}
	.timeline .time{left: 0.59em;}
	.timeline .text,.timeline .timepic{padding-left: 0em;}
	.w960 .timeline ul{margin-top: 5.5em;}
	.timeline ul{padding-top: 3%;background: url(//www.xinhuanet.com/science/kjcxlcb/images/tbg.png) 1.3em 1em repeat-y scroll;}
	.timeline .timepic{padding-bottom: 40%;width: 90%;width:75%;width:98%;}
	.timeline .timepic .t{margin-left: 6em;right: 0;left: 0;margin-left: 0;}
	.timeline .text p{display: none}
	.index .mr{margin-top: 1.41em;}
	.timeline .time{top: 1.41em;position: relative; top:2em;}
	.timeline .time .poh{margin-left: 1px;color: #4E99D5;}
	.story{padding: 10px;}
}
@media screen and (min-width:481px) {
	.timeline .etype span,.date .d_select span{background: url(//www.xinhuanet.com/science/kjcxlcb/images/index.png) no-repeat;}
	.index{background: #f6f7f1}
	.subnav{height: 43px;line-height: 41px;background: #fff;}

	/*二级页时间线*/
	.timeline ul{position: relative;z-index: 1; border-left:2px solid #2270ae;  margin-left:15px}
		.timeline h1{margin-top: 2.2em;margin-bottom: 5px;_padding-top: 40px;font-weight: 600;margin-bottom: 1em;}
		.timeline li.lif{bottom: 0}
		.timeline img{}
		.timeline .etype{background: #F6F7F1;}
		.timeline .etype span.type0{background-position: 9px 0;}
		.timeline .etype span.type1{background-position: 9px -31px;}
		.timeline .etype span.type4{background-position: 9px -60px;}
		.timeline .etype span.type3{background-position: 9px -92px;}
		.timeline .etype span.type2{background-position: 9px -126px;}
		.timeline .etype span.type5{background-position: 9px -156px;}
		.timeline .time{position: relative;display: block;/*background: #f6f7f1;*/top: 10px;margin: 0 auto;}
		.timeline .time span.moh{display: block;}
		.timeline .time b{background: #2270ae;color: #fff;padding: 2px 10px;font-weight: normal;/*border-radius: 5px;*/}
		/*.timeline .text{max-width: 240px;}*/
		.timeline .time i{font-style: normal;position: absolute;font-weight: 900;}
		.timeline .circlel .time i{right: 68%}
		.timeline .text a{}
		.timeline .timepic .t{width: 100%;}
		.timeline .circlel .timepic .t{right: 0;  width:405px; float:left; }
		.timeline .circler .timepic .t{left: 0;}
		.timeline .circlel .timepic .t h2 {border-bottom:1px solid #c9c9c9; height:30px}
		.timeline .circlel .timepic .t p { color:#9D9E9F; font-size:14px; line-height:24px; padding-top:20px}
		.timeline .circlel .timepic .t p a { float:right; color:#2170ad;}
		.timeline .timepic-del{padding-bottom: 20%;height: 0;overflow: hidden;}
		.timeline .text,.timeline .timepic{width:100%;position: relative;z-index: 100; margin-top:25px}
		.timeline .text,.timeline .timepic img { width:166px; height:125px; float:left; margin-right:15px}
		.timeline .circlel .timepic,.timeline .circlel .text{float: left;margin-left: 3%}
		.timeline .circler .text,.timeline .circler .timepic{float: right;margin-right: 3%;}
	/*
	.timeline .circler {float: right;}*/

	.timeline .text a{display: block;color: #4E99D5;margin-bottom: 5px;font-weight: 600}
	.timeline .text span{display: inline-block;line-height: 20px;text-align: left;}
	
}

@media screen and (max-width:640px) and (min-width:480px)  {
	.timeline .etype span.type0{background-position: 2px 0;}
	.timeline .etype span.type1{background-position: 2px -31px;}
	.timeline .etype span.type4{background-position: 0px -60px;}
	.timeline .etype span.type3{background-position: 2px -92px;}
	.timeline .etype span.type2{background-position: 2px -126px;}
	.timeline .etype span.type5{background-position: 2px -156px;}
}
@media screen and (max-width:540px) and (min-width:480px)  {
	.timeline .circlel .timepic,.timeline .circlel .text{width: 35%;}
	.timeline .circler .text,.timeline .circler .timepic{width: 35%}
}
@media screen and (max-width:960px) and (min-width:481px) {
	.timeline .etype{width: 100%;max-width: 900px;}
}

@media screen and (max-width:700px) and (min-width:480px) {
	.timeline .circlel .timepic, .timeline .circlel .text{margin-left: 1%}
}

@media screen and (max-width:960px)  {
	.w960 .ml{width: 100%;padding: 0 2%;}
	.index .mr{display: none}
}
@media screen and (min-width:960px)  {
	.w960 .mr{display: block;border: 1px solid #DADADA}
}
@media screen and (max-width:480px)  {
	.w960 .mr{width: 100%;display: block;}
}
@media screen and (max-width:350px)  {
	.timeline .etype span{width: auto;margin-right: 0.5em;}
}

.poh{display: none;}
.viewmore{width: 125px;height: 32px;text-align: center;margin: 0 auto;margin-top: 1.5em;;line-height: 32px;background: url(//www.xinhuanet.com/science/kjcxlcb/images/lm.gif) left center no-repeat;}
.viewmore a{color: #808080;font-size:14px;}
.colpic{margin-bottom:20px;}
.colpic img{width:100%;}

@media screen and (max-width: 480px){
	.content{width:auto;margin-top: 10px;}
	.timeline .timepic {padding-bottom:0;}
}

/*add responsive for page2*/
@media screen and (min-width:0px) and (max-width: 767px) {
 .navBoxIn {width:auto; height: 120px;}
 .header a.logo{width:auto; background-size: contain;}
 
 .content{margin-right: 0px;border-right:none;}
 
 .timeline {padding-bottom: 1rem;margin-bottom: 2rem;}
 .timeline ul {padding-top: 0; margin-top:0px}
 
 .main,.content,.zxgx,.qyjtsub{width:auto;float:none;}
 .main,.zxgx{padding:0 10px;} 
 .colpic img {max-width: auto;}
 .qyjtsub{text-align:center;}
 
 .timeline ul li{top:0;}
 .colpic{display:none;}
 .timeline .timepic { padding-left:40px; margin-top:40px}
 .timeline li { margin-bottom:0px}

}
