@charset "utf-8";

/*分辨率大于1200px*/
@media (min-width:1200px){
	.space-explore{width:1200px;background:;margin:0 auto;height:100%;padding-bottom:40px;}
	.space-explore .space_title{height:40px;line-height:40px;text-align:center;color:#193f76;margin-top:40px;margin-bottom:40px;}
	.space-explore .space_title a{padding:0 20px;border-left:4px solid #193f76;border-right:4px solid #193f76;font-size:20px;font-weight:700;color:#193f76;}
	.space-explore .sin_cnt{width:1200px;margin:0 auto;}
	.space-explore ul li{list-style:none;float:left;padding: 0px 10px 0px 10px; margin-bottom: 10px;}
	.space-explore ul li .space-explore_li{    border: 1px solid #999;  width: 98%; height: 400px;}
	.space-explore .space-explore_li .p_line span{width:auto;height:25px;border-bottom:1px solid #666;background:transparent;display:inline-block;margin-left:20px;}
	.space-explore_li .cnt_p{line-height:22px;max-height:260px;letter-spacing:1px;padding:20px;overflow:hidden;word-wrap:break-word;}
	.space-explore_li h5{padding:25px 0px 20px 10px;margin-left:10px;font-size:20px;color:#666;}
	
	.VivaTimeline dl dd .circ{left:49.8%;top:6px;}
	dd{margin-left:0px;}
	dt,dd{line-height:36px;}
	.VivaTimeline dl dd .events .events-body{overflow:hidden;zoom:1;background-color:#fff;padding:10px;}
	.VivaTimeline dl dd .events{position:relative;width:47%;padding:10px 0 0;margin-top:1px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
	.VivaTimeline dl dd .events .events-header{min-height:26px;line-height:20px;text-align:right;font-size:16px;font-weight:bold;cursor:pointer;padding-right:10px;padding-left:10px;}


}

@media (max-width:1200px){
	.space-explore{width:100%; margin:0 auto;height:100%;padding-bottom:40px;}
	.space-explore .space_title{height:40px;line-height:40px;text-align:center;color:#193f76;margin-top:40px;margin-bottom:40px;}
	.space-explore .space_title a{padding:0 20px;border-left:4px solid #193f76;border-right:4px solid #193f76;font-size:20px;font-weight:700;color:#193f76;}
	.space-explore .sin_cnt{width:100%; margin:0 auto;}
	.space-explore ul li{list-style:none;float:left;padding: 0px 10px 0px 10px; margin-bottom: 10px;}
	.space-explore ul li .space-explore_li{    border: 1px solid #999;  width: 98%; height: 400px;}
	.space-explore .space-explore_li .p_line span{width:auto;height:25px;border-bottom:1px solid #666;background:transparent;display:inline-block;margin-left:20px;}
	.space-explore_li .cnt_p{line-height:22px;max-height:260px;letter-spacing:1px;padding:20px;overflow:hidden;word-wrap:break-word;}
	.space-explore_li h5{padding:25px 0px 20px 10px;margin-left:10px;font-size:20px;color:#666;}
	
	.VivaTimeline dl dd .circ{left:49.8%;top:6px;}
	dd{margin-left:0px;}
	dt,dd{line-height:36px;}
	.VivaTimeline dl dd .events .events-body{overflow:hidden;zoom:1;background-color:#fff;padding:10px;}
	.VivaTimeline dl dd .events{position:relative;width:47%;padding:10px 0 0;margin-top:1px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
	.VivaTimeline dl dd .events .events-header{min-height:26px;line-height:20px;text-align:right;font-size:16px;font-weight:bold;cursor:pointer;padding-right:10px;padding-left:10px;}
	

}

@media (min-width:780px) and (max-width:1000px){
	.container{width:100%;}
	.space-explore{width:100%; margin:0 auto;height:100%;padding-bottom:40px;}
	.space-explore .space_title{height:40px;line-height:40px;text-align:center;color:#193f76;margin-top:40px;margin-bottom:40px;}
	.space-explore .space_title a{padding:0 20px;border-left:4px solid #193f76;border-right:4px solid #193f76;font-size:20px;font-weight:700;color:#193f76;}
	.space-explore .sin_cnt{width:100%; margin:0 auto;}
	.space-explore ul li{list-style:none;float:left;padding: 0px 10px 0px 10px; margin-bottom: 10px;}
	.space-explore ul li .space-explore_li{    border: 1px solid #999;  width: 98%; height: 400px;}
	.space-explore .space-explore_li .p_line span{width:auto;height:25px;border-bottom:1px solid #666;background:transparent;display:inline-block;margin-left:20px;}
	.space-explore_li .cnt_p{line-height:22px;max-height:260px;letter-spacing:1px;padding:20px;overflow:hidden;word-wrap:break-word;}
	.space-explore_li h5{padding:25px 0px 20px 10px;margin-left:10px;font-size:20px;color:#666;}
	
	.VivaTimeline dl dd .circ{left:49.8%;top:6px;}
	dd{margin-left:0px;}
	dt,dd{line-height:36px;}
	.VivaTimeline dl dd .events .events-body{overflow:hidden;zoom:1;background-color:#fff;padding:10px;}
	.VivaTimeline dl dd .events{position:relative;width:47%;padding:10px 0 0;margin-top:1px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
	.VivaTimeline dl dd .events .events-header{min-height:26px;line-height:20px;text-align:right;font-size:16px;font-weight:bold;cursor:pointer;padding-right:10px;padding-left:10px;}
	

}
@media (min-width:480px) and (max-width:780px){
	.space-explore{width:100%; margin:0 auto;height:100%;padding-bottom:40px;}
	.space-explore .space_title{height:40px;line-height:40px;text-align:center;color:#193f76;margin-top:40px;margin-bottom:40px;}
	.space-explore .space_title a{padding:0 20px;border-left:4px solid #193f76;border-right:4px solid #193f76;font-size:20px;font-weight:700;color:#193f76;}
	.space-explore .sin_cnt{width:100%; margin:0 auto;}
	.space-explore ul li{list-style:none;float:left;padding: 0px 10px 0px 10px; margin-bottom: 10px;}
	.space-explore ul li .space-explore_li{    border: 1px solid #999;  width: 98%; height: 400px;}
	.space-explore .space-explore_li .p_line span{width:auto;height:25px;border-bottom:1px solid #666;background:transparent;display:inline-block;margin-left:20px;}
	.space-explore_li .cnt_p{line-height:22px;max-height:260px;letter-spacing:1px;padding:20px;overflow:hidden;word-wrap:break-word;}
	.space-explore_li h5{padding:25px 0px 20px 10px;margin-left:10px;font-size:20px;color:#666;}
	.container{width:100%;}
	.VivaTimeline dl:before {left: 60px }
    .VivaTimeline dl dt {margin: 0 25px 25px }
    .VivaTimeline dl dd .circ {left: 60px }
	.VivaTimeline dl dd.pos-left .events { float: right; width: 80%;  margin-right: 4%; }
    .VivaTimeline dl dd.pos-right .events {  float: right; width: 80%;  margin-right: 4%; }
	dd{margin-left:0px;}
	dt,dd{line-height:36px;}
	.VivaTimeline dl dd .events{position:relative;width:47%;padding:10px 0 0;margin-top:1px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
	.VivaTimeline dl dd .events .events-header{min-height:26px;line-height:20px;text-align:right;font-size:16px;font-weight:bold;cursor:pointer;padding-right:10px;padding-left:10px;}
	.VivaTimeline dl dd .events .events-body{overflow:hidden;zoom:1;background-color:#fff;padding:10px;}
	 
	.cnt-imgs{float:right;}
	.cnt-content{text-align: left !important;}
	.events-header{text-align:left !important;}

}
@media (max-width:480px){
	.space-explore{width:100%; margin:0 auto;height:100%;padding-bottom:40px;}
	.space-explore .space_title{height:40px;line-height:40px;text-align:center;color:#193f76;margin-top:40px;margin-bottom:40px;}
	.space-explore .space_title a{padding:0 20px;border-left:4px solid #193f76;border-right:4px solid #193f76;font-size:20px;font-weight:700;color:#193f76;}
	.space-explore .sin_cnt{width:100%; margin:0 auto;}
	.space-explore ul li{list-style:none;float:left;padding: 0px 10px 0px 10px; margin-bottom: 10px;}
	.space-explore ul li .space-explore_li{    border: 1px solid #999;  width: 98%; height: 400px;}
	.space-explore .space-explore_li .p_line span{width:auto;height:25px;border-bottom:1px solid #666;background:transparent;display:inline-block;margin-left:20px;}
	.space-explore_li .cnt_p{line-height:22px;max-height:260px;letter-spacing:1px;padding:20px;overflow:hidden;word-wrap:break-word;}
	.space-explore_li h5{padding:25px 0px 20px 10px;margin-left:10px;font-size:20px;color:#666;}
	
	.container{width:100%;}
	.VivaTimeline dl:before {left: 30px }
    .VivaTimeline dl dt {  margin: 0 30px 30px }
	.VivaTimeline dl dd .circ{left:30px;top:6px;}
	dd{margin-left:0px;}
	dt,dd{line-height:36px;}
	.VivaTimeline dl dd.pos-left .events { float: right; width: 85%;;  margin-right: 4%; }
    .VivaTimeline dl dd.pos-right .events {  float: right; width: 85%;;  margin-right: 4%; }
	 .VivaTimeline dl dd.pos-left .events:before { left: -12px; border-color: transparent #CCC transparent transparent }
	.VivaTimeline dl dd .events{position:relative;width:47%;padding:10px 0 0;margin-top:1px;background-color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
	.VivaTimeline dl dd .events .events-body{overflow:hidden;zoom:1;background-color:#fff;padding:10px;}
	.VivaTimeline dl dd .events .events-header{min-height:26px;line-height:20px;text-align:right;font-size:16px;font-weight:bold;cursor:pointer;padding-right:10px;padding-left:10px;}
	.cnt-imgs{float:right;}
	.cnt-content{text-align: left !important;}
	.events-header{text-align:left  !important;}

}