.sociales{text-align: center;margin-bottom: 20px;}
#timeline{overflow: hidden;margin: 0 auto;padding-top: 121px;}
#dates{width: 73px;overflow: hidden;position: absolute;top:-136px;right: 40px;height: 399px !important;z-index: 1111;}
#dates li{list-style: none;font-size: 16px;text-align: center;}
#dates li+li{padding-top: 41px;}
#dates a{color: #bcbcbc;}
#dates .selected{color: #666666;font-size: 32px;}
#issues{height: 600px;overflow: hidden;}	
#issues li{list-style: none;}
#issues li p{color: #0068b7;font-size: 16px;cursor: pointer;}
#issues li p+p{margin-top: 35px;}
#issues {width: 400px;height: 600px;overflow: hidden;float: left;}	
#issues li {width: 400px;height: 600px;list-style: none;}
#next,#prev{width: 30px;height: 15px;position: absolute;right:62px;z-index: 2222;}
#next{bottom: 59px;background: url('../image/sNext.png') no-repeat;}
#prev{top: 38px;background: url('../image/sPrev.png') no-repeat;}
#next.disabled,
#prev.disabled{opacity: 0.2;}
.xalpha{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 5555;display: none;}
.xtimelinr{width: 900px;height: 490px;background:#ffffff;position: fixed;top:50%;left:50%;z-index: 6666;transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);display: none;padding: 0 80px;box-sizing: border-box;}
.xtimelinr .close{width: 18px;height: 18px;background: url('../image/close.png') no-repeat;position: fixed;top: 16px;right:16px;}
.xtimelinr .linr{text-align: center;border-bottom: 1px solid #dbdbdb;;padding: 36px 0 23px;}
.xtimelinr .linr h2{color: #333333;font-size: 20px;line-height: 1;}
.xtimelinr .linr p{color: #333333;font-size: 12px;line-height: 1;padding-top: 17px;}
.xtimelinr .con{text-align: center;padding-top: 32px;}

@media screen and (max-width: 750px){
.sociales{margin-bottom: 0.2rem;}
#timeline{padding-top: 0.4rem;height: 2rem;}
#dates{width: 1rem;top:0.55rem;right:0.3rem;height: 3.3rem !important;}
#dates li{font-size: 0.24rem;}
#dates li+li{padding-top: 0.2rem;}
#dates .selected{font-size: 0.32rem;}
#issues{height: 6rem;}	
#issues li p{font-size: 0.24rem;}
#issues li p+p{margin-top: 0.35rem;}
#issues {width: 6rem;height: 3rem;}	
#issues li {width: 6rem;height: 3rem;}
#next,#prev{width: 0.3rem;height: 0.15rem;right:0.65rem;}
#next{bottom: 0.38rem;background: url('../image/sNext.png') no-repeat;background-size: 0.3rem 0.15rem;}
#prev{top: 0.38rem;background: url('../image/sPrev.png') no-repeat;background-size: 0.3rem 0.15rem;}
.xtimelinr{width: 90%;height: auto;padding: 0 0.3rem 0.3rem;}
.xtimelinr .close{width: 0.18rem;height: 0.18rem;background: url('../image/close.png') no-repeat;
background-size: 0.18rem 0.18rem;top: 0.16rem;right:0.16rem;}
.xtimelinr .linr{padding: 0.36rem 0 0.23rem;}
.xtimelinr .linr h2{font-size: 0.28rem;}
.xtimelinr .linr p{font-size: 0.22rem;padding-top: 0.17rem;}
.xtimelinr .con{padding-top: 0.32rem;}
.xtimelinr .con img{max-width: 100%;}
}