ul,li{list-style:none;}

label {cursor: pointer; }
input:disabled{background-color:#fff;color:#666;}
textarea:disabled{background-color:#fff;color:#666;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden ; ! } 
.cl { zoom: 1; }
#timeline_height{ height:64px;}
#timeline_bg{background-color: rgb(247,247,247); padding-bottom:50px;}
#timeline{overflow:hidden;position:relative;  width: 1200px;margin: 0 auto;height: 430px;background:url('../images/licbg.png') left 60px repeat-x;background-color: #fff;}
#dates{width:1120px;overflow:hidden;margin-top:30px;}
#dates li{float:left;width:94px;height:90px;font-size:16px;text-align:center;}
#dates a{color:#333;width:94px;height:90px;line-height:130px;display:block;}
#dates .selected{font-size:18px;font-weight:bold;background:url(../images/licbgt.png) no-repeat center 10px;}
#issues{overflow:hidden; width: 850px; list-style: none; margin-top:20px; padding-left:180px;}
#issues li{ width: 850px;float:left;border: solid 1px #434343;margin: 0 auto; height:225px;}
#next1,#prev1{position:absolute;font-size:100px;font-family:"宋体";top:90px;width:100px;height:100px;text-align:center;line-height:100px;overflow:hidden;color:#666;}
#next1{right:50%;margin-right:-550px; margin-top:120px;}
#prev1{left:50%;margin-left:-550px; margin-top:120px;}
#next1.disabled,#prev1.disabled{opacity:0.2;}
.container-li{
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
}
.c-li-left{
    width: 290px;height: 165px;overflow: hidden;
    float: left;
}
.c-li-left img{width: 100%;height: 100%;}
.c-li-right{
    width: 480px;
    float: right;
    height:180px;
    overflow-y: scroll;
}
.c-li-right p{line-height: 30px;}
.c-li-right a{display: block;width: 115px;height: 36px;line-height: 36px;background-color: #ec6700;text-align: center;color: #fff;margin-top: 10px;}
.year-active{
    color: #ec6700;
}

@media screen and (max-width:1024px){
#timeline_bg{ width:100%;}
#timeline{ width:100%; margin:0 auto;}
#issues{padding-left:6.5rem;}
#issues li{ width:840px;}
#next1{right:50%;margin-right:-500px; margin-top:120px;}
#prev1{left:50%;margin-left:-500px; margin-top:120px;}
#next1.disabled,#prev1.disabled{opacity:0.2;}
	}
@media screen and (max-width:768px){
#issues{padding-left:1rem;}
#issues li{ width:740px;}
#next1,#prev1{ display:none;}
.container-li{ padding:10px;}
.c-li-left{width:250px; height:auto;}
.c-li-right{width:450px;
    float: right;
    height: 180px;
	}
#issues li{ height:auto;}
}

@media screen and (max-width:640px){
#issues{padding-left:1rem;}
#issues li{ width:620px;}
#next1,#prev1{ display:none;}
.container-li{ padding:10px;}
.c-li-left{width:180px; height:auto;}
.c-li-right{width:400px;
    float: right;
    height: 180px;
	}
#issues li{ height:auto;}
}
@media screen and (max-width:425px){
#timeline{ height:auto; overflow:hidden;}
#issues{padding-left:1rem;}
#issues li{ width:400px; height:auto; overflow:hidden;}
#next1,#prev1{ display:none;}
.container-li{ padding:10px;}
.c-li-left{width:100%; height:auto;}
.c-li-right{width:100%; margin-top:1rem;
    float: right;
    height:15rem;
	}
#issues li{ height:auto;}
}

@media screen and (max-width:375px){
#issues li{ width:350px;}
}
@media screen and (max-width:320px){
#issues li{ width:300px;}
}