@charset "UTF-8";

#historyWrap{}
.heading .title{display:inline-block; background-color:#0055bc; border-radius:30px; padding:5px 30px; color:#fff; font-size:20px;}
.heading .title:after{content:''; width:100%; left:0; height:1px; display:block; background-color:#d8d8d8; position:absolute; left:0; z-index:-1; margin-top:-20px;}
.slide-title{display:flex; position:relative; padding:0 30px; margin-bottom:40px;}
.slide-title:after{content:''; width:100%; left:0; height:1px; display:block; background-color:#d8d8d8; position:absolute; bottom:0; left:0; z-index:-1;}
.slide-title li{width:25%; float:left; text-align:center; padding:20px 0; border-bottom:1px solid #014099; position:relative;}
.slide-title li a{display:block; color:#333; font-size:26px; padding-bottom:18px;}
.slide-title li a span{display:inline-block;}
.slide-title li a .t2{color:#666666; font-size:12px; margin-left:10px;}
.slide-title li a:before{content:''; width:80px; height:100px; display:block; margin:0 auto;}
.slide-title li.on a:after{content:''; width:9px; height:43px; position:absolute; left:50%; transform:translateX(-50%); display:block; margin:0 auto; background:url(./../images/title-bg.png) center center no-repeat;}
.slide-title li:nth-child(1) a:before{background:url(./../images/history-icon01.png) center center no-repeat;}
.slide-title li:nth-child(2) a:before{background:url(./../images/history-icon02.png) center center no-repeat;}
.slide-title li:nth-child(3) a:before{background:url(./../images/history-icon03.png) center center no-repeat;}
.slide-title li:nth-child(4) a:before{background:url(./../images/history-icon04.png) center center no-repeat;}

.slide-list{position:relative; padding:0 100px; margin-bottom:100px;}
.slide-list ul{overflow:hidden; }
.slide-list li{position:relative; display:inline-block; margin:0 5px;}
.slide-list li a p{background-color:rgba(0,0,0,.5); padding:10px 10px 10px 70px; position:absolute; bottom:0; }
.slide-list li a span{display:block; width:100%; color:#fff; line-height:20px; height:40px; overflow:hidden;}
.slide-list li a span i{position:absolute; left:10px; top:10px;}
.slide-list li img{display:block;}
.slick-arrow{position:absolute; top:50%; width:50px; height:50px; text-indent:-9999px; transform: translateY(-50%); z-index:9; display:block; background:url(./../images/slick-arr.png) no-repeat;}
.slick-arrow#prev-slick{left:0; background-position:left center;}
.slick-arrow#next-slick{right:0; background-position:right center;}

.his-year{border: 10px solid #d8d8d8;position:relative;text-align:center;padding: 30px 0;}
.his-year .control{position:absolute;top:50%;transform: translateY(-50%);font-size:30px;color: #2a5ca5;padding: 20px;font-style: italic;}
.his-year .control.prev{left: 120px;}
.his-year .control.prev:after{content: '';width:50px;height: 50px;background: #d9d9d9;border-radius: 50%;display: block;position: absolute;left: 0;z-index: -9;top: 25px;}
.his-year .control.prev:before{content:'';width:60px;height:40px;margin: -5px 20px 0 0;display:inline-block;background:url(./../images/calendar-arr.png) left center no-repeat;vertical-align:middle;}
.his-year .control.next{right: 120px;}
.his-year .control.next:after{content:'';width:60px;height:15px;margin: -5px 0 0 20px;display:inline-block;background:url(./../images/calendar-arr.png) right center no-repeat;vertical-align:middle;}
.his-year .control.next:before{content: '';width:50px;height: 50px;background: #d9d9d9;border-radius: 50%;display: block;position: absolute;right: 0;z-index: -9;top: 25px;}
.his-year .text strong{font-size: 60px;line-height:1.4;letter-spacing: -2px;}
.his-year .text span{display:block; line-height: 1.4; word-break: keep-all;}
.his-year .text span.t1{color:#333333; font-size:20px; font-style: italic;}
.his-year .text span.t1:after{content:''; width:100px; margin-left:20px; height:1px; display:inline-block; background-color:#dddddd; vertical-align:middle;}
.his-year .text span.t1:before{content:''; width:100px; margin-right:20px; height:1px; display:inline-block; background-color:#dddddd; vertical-align:middle;}

.cont-list{position:relative;overflow:hidden;padding:20px;padding-top: 70px;margin-top:50px;}
.cont-list:after{content:''; width:8px; z-index:-1; margin-right:20px; height:100%; display:block; background-color:#dddddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 20px;}
.cont-list li{width:calc(50% + 1px); position:relative; margin-bottom:40px;box-sizing:border-box;}
.cont-list li:nth-child(odd):before,
.cont-list li:nth-child(even):after{content:'';width: 20px;height:43px;background:url(./../images/dot.png) center center no-repeat;position:absolute;display:block;}
.cont-list li:before{left: -9px;top:5px;}
.cont-list li:after{right: -9px;top:5px;}
.cont-list li:nth-child(odd){float:right; padding-left:30px;}
.cont-list li:nth-child(even){float:left;text-align:right;padding-right: 30px;}
.cont-list li p{display:table; margin-bottom:30px;width:100%;}
.cont-list li span{/* display:table-cell; */vertical-align:top;}
.cont-list li span img{display:block; max-width:100%; margin-top:20px;}
.cont-list li .h1{font-size:26px;color:#212121;/* width:70px; */border:1px solid rgba(255,255,255,.0);display: block;}
.cont-list li .h2{font-size:20px; width:40px; padding-top:8px;}
.cont-list li .h3{font-size:17px;padding-top: 15px;line-height:1.4;display: block;width: 100%;word-break: keep-all;}
.cont-list li:nth-child(even) p{float:right;width:100%;}
.cont-list li:nth-child(even) .h1{float:right;}
.cont-list li:nth-child(even) .h2{float:right; text-align:right;}
.cont-list li:nth-child(even) .h3{float:right;width: 100%;}
.cont-list li:nth-child(even) span img{margin:20px 0 0 auto;}


@media all and (max-width: 1023px) {
.his-year .control.prev{left: 20px;}
.his-year .control.next{right:20px;}
#menuUItab.historyTap > .tab_div .ul_3{display:block;border:0;position: initial;}
#menuUItab.historyTap > .tab_div .ul_3 > li > a{margin: 2px 0;border:1px solid #ccc;box-sizing: border-box;display: block;border-left: 1px solid #ccc !important;}
#menuUItab.historyTap > .tab_div .ul_3 > li > a._active{margin: 2px 0;border:1px solid #1a548d;color:#000;background: #fff;border-left: 1px solid #1a548d !important;}

#menuUItab.historyTap > .tab_div .ul_3 > li > a:hover{background:#fff;}
#menuUItab.historyTap .tab_div .ul_3 > li > a._active:hover{background:#fff;}
}

@media all and (max-width: 767px) {
	.cont-list:after{left:22px;width:6px;}
	.cont-list li{float:left !important;width:100%;margin-bottom: 20px;padding-left:20px !important;text-align:left !important;}
	.cont-list li span{float:left !important; text-align:left !important;}
	.cont-list li:before{content:''; left:-7px; top:3px !important;width:15px; height:33px !important; background:url(./../images/dot.png) center center no-repeat; position:absolute; display:block;}
	.cont-list li:after{display:none !important;}
	.cont-list li .h3{text-align:left;}
	.cont-list li:nth-child(even) p{float:left;}
	.cont-list li p{width:100%; margin-bottom:10px;}
	.cont-list li .h1{/* width:50px; */font-size:20px;/* margin-right:10px !important; */}
	.cont-list li .h2{padding-top:3px; font-size:17px; margin-right:10px;}
	.slide-list{padding:0 50px;}
	.his-year .control.prev,
	.his-year .control.next{font-size:0;}
	.his-year .control.next:before,
	.his-year .control.prev:after{display: none;}
}
@media all and (max-width: 600px) {

}