.wrap.menu-list{ width: 1200px; } .wrap.menu-list+div{ margin: 17px auto; width: 1200px; overflow: hidden; } .wrap.menu-list+div>img{ width: 1200px; height: 283px; } .wrap.menu-list+div>h3{ font-size: 24px; color: #3C7DC9; } .wrap.menu-list+div>h5{ margin-top: 5px; padding-bottom: 15px; width: 100%; font-size: 16px; color: rgba(0,0,0,0.60); font-weight: normal; border-bottom: 1px solid rgba(0,0,0,0.40); } .wrap.menu-list+div>div{ position: relative; width: 1200px; background: #EEF0F4; } .wrap.menu-list+div>div .triangle-left{ position: absolute; top: 50%; transform: translateY(-50%); left: 156px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 12px solid #6FB0EC; border-bottom: 7px solid transparent; vertical-align: middle; cursor: pointer; } .wrap.menu-list+div>div .triangle-right{ position: absolute; top: 50%; transform: translateY(-50%); right: 156px; width: 0; height: 0; border-top: 7px solid transparent; border-left: 12px solid #6FB0EC; border-bottom: 7px solid transparent; vertical-align: middle; cursor: pointer; } .wrap.timeline{ position: relative; width: 820px; height: 60px; text-align: center; background: #EEF0F4; } .timeline>div{ display: inline-block; margin: 0 auto; width: 820px; height: 60px; overflow: hidden; vertical-align: middle; } .timeline>div>ul{ width: 100%; height: 60px; } #dates .selected{ display: inline-block; width: 100px; background-color: #3374C1; font-size: 26px; color: #fff; } .timeline>div>ul>li{ display: inline-block; min-width: 80px; height: 60px; line-height: 60px; } .timeline>div>ul>li a{ font-size: 18px; color: #6FB0EC; } #issues{ width: 820px; height: 1000px; overflow: hidden; overflow-y: auto; padding-right: 250px; margin: 50px 0; } #issues::-webkit-scrollbar{width:8px;height: 5px;} #issues::-webkit-scrollbar-button{height:5px} #issues::-webkit-scrollbar-track-piece{-webkit-border-radius:5px;background-color:#eee} #issues::-webkit-scrollbar-thumb{height:5px;-webkit-border-radius:5px;background-color:#d1cece} #issues li { width: 1200px; margin: 0 auto; list-style: none; float: left; } #issues li>div{ width: 1000px; margin: 26px auto; } #issues li h3{ display: inline-block; margin-right: 12px; font-size: 18px; color: #000000; vertical-align: top; } #issues li .timeline-list{ display: inline-block; padding-top: 45px; padding-bottom: 34px; border-left: 1px solid #BEB4B4; } #issues li .timeline-list .list-item{ margin-bottom: 26px; } #issues li .timeline-list .list-item:last-child{ margin-bottom: 0; } #issues li .timeline-list .list-item span:first-child{ display: inline-block; margin-right: 41px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #BEB4B4; margin-left: -4px; background: #fff; box-sizing: border-box; } #issues li .timeline-list .list-item span:nth-child(2){ display: inline-block; margin-right: 46px; width: 61px; color: rgba(0,0,0,0.80); } #issues li .timeline-list .list-item span:last-child{ color: rgba(0,0,0,0.80); display: inline-table; width: 640px; } .subsidiary-h{ margin-top: 50px; color: #4A4A4A; font-size: 24px; border-left: 5px solid #3374C1; line-height: 24px; padding-left: 15px; } .subsidiary-p{ line-height: 25px; text-align: justify; } .subsidiary-ul{padding-bottom: 200px;} .subsidiary-img{position: relative;top: 5px;} .subsidiary-cont{width: 380px;} .wrap.menu-list+div>ul li .subsidiary-word img{width: 150px;height: 150px;} .wrap.menu-list+div>ul li{width: 560px;margin-right: 80px;} .wrap.menu-list+div>ul li .subsidiary-word{margin-top: 20px;overflow: hidden;text-overflow: ellipsis;height: 250px;} .wrap.menu-list+div>ul li:nth-child(2n){margin-right: 0;}