.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
#historydate{ height:74px; background:url(../images/lsline.gif) 0px bottom repeat-x; margin-bottom:2%;}
#historydate .slides li{ text-align:center;height:74px; position:relative;}
#historydate .slides li span{ left:0; position:absolute; bottom:2px; width:100%; height:46px; line-height:36px; cursor:pointer; color:#666666; font-size:24px;font-family: 'DINMedium'; background:url(../images/lsdot.png) center bottom no-repeat;}
#historydate .slides li.flex-active-slide span{ font-size:36px; bottom:0; height:74px; color:#ed1846; font-weight:bold;background:url(../images/lsdot2.png) center bottom no-repeat;}
#historycon .Contain{ max-width:1000px; margin:0px auto;}
#historycon .flexslider{box-shadow:0 8px 15px #ddd;}
#historycon .box{ background:rgba(255,255,255,0.5); padding:30px; margin:0px auto;}
#historycon .info{ width:58%; float:right; padding-right:1%;}
#historycon .imgbox{ width:32%; padding-top:200px; float:left;}
#historycon .year{ line-height:80px; color:#ed1846; font-size:24px;}
#historycon .year b{font-size:40px;}
#historycon .txt{ line-height:28px; color:#4c4c4c;border-bottom:1px solid #e6e6e6; padding-bottom:29px;}
#historycon .txt p{ background:url(../images/lsline2.gif) 0px 13px no-repeat; padding-left:26px;}
#historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:8px; width: 40px; height: 40px; border-radius:50%; line-height:40px;background-color: #cccccc; color:#fff; font-size:28px; font-family:"宋体";}
#historycon .flex-direction-nav .flex-prev { left:auto; right:100px;}
#historycon .flex-direction-nav .flex-next { right: 40px;}
#historycon .flex-direction-nav a:hover { background-color:#ed1846;color:#fff}
#historycon .flex-direction-nav .flex-disabled { display:none;}

@media ( max-width:768px){
#historycon .box{padding:15px; background-position:28% top; background:#fff;}
#historycon .info{ width:auto; float:none; padding:0;}
#historycon .txt{line-height:26px; font-size:15px;padding-bottom:20px; margin-bottom:18px;}
#historycon .imgbox{ width:auto; padding-top:65%; float:none;}
#historydate{ height:50px;}
#historycon .year{ line-height:50px; font-size:18px;}
#historycon .year b{font-size:28px;}
#historycon .flex-direction-nav a {bottom:20px; width: 30px; height: 30px; line-height:30px;}
#historydate .slides li{height:50px;}
#historydate .slides li span{ font-size:16px;}
#historydate .slides li.flex-active-slide span{ font-size:22px; height:50px; background:url(../images/lsdot02.png) center bottom no-repeat;}
#historycon .flex-direction-nav a { bottom:auto; top:20px; font-size:20px;}
#historycon .flex-direction-nav .flex-prev { right:58px;}
#historycon .flex-direction-nav .flex-next { right: 20px;}

}