.lsbg{ width:100%; background:url(../images/p_4_1.jpg) no-repeat 0 0; overflow:hidden}
#about-4 #history {height:380px; overflow:hidden; border-bottom:#ddd 3px solid;position:relative;}
#about-4 #history .viewport { margin:0 auto; width:1300px; height:100%; overflow:hidden;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left: 100px;background-image:url(../images/btn_prev.png); border:0}
#about-4 #history .viewport .next {right:100px;background-image:url(../images/btn_next.png); border:0}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:325px; background:url(../images/p_4_3.png) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item .aa {padding:0 16px 55px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0; font-size:16px; line-height:24px; overflow:hidden;}
#about-4 #history .viewport .wrap .item .aa .tex {margin-bottom:35px; color:#fff;}
#about-4 #history .viewport .wrap .item .aa .year {display:block; margin:25px 0 10px 0; font-size:36px; font-family:"Arial"; color:#fff; font-weight:bold;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}
#about-4 #history .viewport .wrap .item .aa img { max-width:80%; height:auto !important; height:100%; margin-top:8px;}