.daon_content_wrap{width:100%; min-width:320px; max-width:1200px;padding-top:50px;padding-bottom:50px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.history_tab{width:100%; text-align:center; margin-bottom:50px;}
	.history_tab span{display:inline-block; width:200px; margin:0px 10px; border:1px solid #000; padding:10px 0; cursor:pointer;}
	.history_tab span.on{border:1px solid #333; background-color:#333; color:#fff;}
	.history_type2{display:none; width:100%;  min-width:320px; max-width:1200px; margin:0 auto; background:url('../image/history_line.gif')repeat-y center; overflow: hidden;}	
	.history_type2 .title {margin:0 0 5%;}
	.history_type2 .title h4{display:table; width:150px; height:150px; margin:0 auto; position: relative; text-align:center; font-size:1.5em; color:#fff;  }
	.history_type2 .title h4 span{display:table-cell; vertical-align:middle;  width:100%; height:100%; background:#396fbc; border-radius:100%;  z-index:1; line-height:1em;}
	.history_type2 .history_box{width:100%; overflow: hidden;}
	.history_type2 .box_wrap.right{width:50%; background:url('../image/history_line2.gif')no-repeat left 56px;  position: relative;}
	.history_type2 .box_wrap.right:before{content:url('../image/history_dot.gif'); position: absolute; top:45px; left: -10px;}
	.history_type2 .box_wrap.left{width:50%; background:url('../image/history_line2.gif')no-repeat right 56px; position: relative;}
	.history_type2 .box_wrap.left:before{content:url('../image/history_dot.gif'); position: absolute; top:45px; right: -10px;}
	.history_type2 .box_wrap .box{ border:1px solid #ddd; background:#fff; padding:0px; margin-top:20px;}
	.history_type2 .box_wrap .box img{width:100%; max-width:800px;}
	.history_type2 .box_wrap .box p.year{padding-top:10px; padding-left:20px; font-size:1.5em; color:#333;}
	.history_type2 .box_wrap .box ul{margin:0; padding:0;}
	.history_type2 .box_wrap .box ul li{position: relative; margin:15px 0; padding-left:80px; line-height:1.6; font-size:1em; letter-spacing: -0.5px;}
	.history_type2 .box_wrap .box ul li span{position: absolute; left:20px; top:0; color:#000;}
	.history_type2 .box_wrap.right{float:right;}
	.history_type2 .box_wrap.right .box{margin-left:10%;}
	.history_type2 .box_wrap.left{float:left;}
	.history_type2 .box_wrap.left .box{margin-right:10%;}


	.history_view_1{display:block;}
	.history_view_1 .title h4 span{background-color:#21418d;}
	.history_view_1 .title h4 span{background-color:#2754ad;}
		
	@media screen and (max-width:992px){
		
		.history_type2 .box_wrap .box p.year{ padding-left:10px;}
		.history_type2 .box_wrap .box ul li span{ left:10px;}
		.history_type2 .box_wrap .box ul li{ padding-left:80px;}	

		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:40px;}
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}

		.history_tab span{width:auto; padding:5 10px; margin:0 3px;}


		.history_type2 .box_wrap .box p.year{ padding-left:10px;}
		.history_type2 .box_wrap .box ul li span{ left:10px;}
		.history_type2 .box_wrap .box ul li{padding-left:70px; padding-right:10px;}
		.history_type2{ background-position:5% top;}
		.history_type2 .title h4{width:100%; height:auto;}
		.history_type2 .title h4 span{ border-radius:0;  padding:20px 0; background:url('../image/history_top.jpg')no-repeat; background-size:cover;}	
		.history_type2 .box_wrap.right{width:95%; background-position:left 55px;}
		.history_type2 .box_wrap.right .box{ width:85%; }
		.history_type2 .box_wrap.left{float:right;}
		.history_type2 .box_wrap.left{width:95%; background-position:left 90px;}
		.history_type2 .box_wrap.left:before{left: -10px; top:80px;}
		.history_type2 .box_wrap.left .box{margin:10% 0 10% 10%; width:85%; }
	}
	
	@media screen and (max-width:480px){
		.history_type2 .box_wrap .box ul li{font-size:0.9em;}
	}