@charset "utf-8";#history{margin:0 auto;background:#f7f7f7}#history .wrap{width:86%;max-width:1600px;margin:0 auto;padding:100px 0}#history .title{display:none;margin:0 auto;padding:0;text-align:left}#history .title>h2{display:inline-block;position:relative;margin:0 auto;font-size:32px;padding-bottom:12px;color:#333}#history .title>h2:after{display:none;position:absolute;z-index:1;left:50%;bottom:0;margin-left:-25%;width:50%;height:3px;background:#d82128;content:''}#history .container{margin:0 auto}#history .container>.item{position:relative;display:block;margin:0 auto;overflow:hidden;background:#fff}#history .container>.item>.img{float:left;width:50%}#history .container>.item>.img>img{width:100%;height:auto}#history .container>.item>.box{float:right;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4vw 7.404vw 0 5.729vw;text-align:left}#history .container>.item>.box>.tit{position:relative;padding-bottom:15px;font-size:56px;font-weight:600;color:#d82128}#history .container>.item>.box>.tit:after{position:absolute;z-index:3;left:0;bottom:0;width:40px;height:1px;background:#d82128;content:''}#history .container>.item>.box>.txt{margin:25px auto;overflow-y:auto;height:260px;padding-right:20px}#history .container>.item>.box>.txt>p{font-size:16px;color:#666;margin-bottom:10px}#history .container>.item>.box>.txt>p>span{display:inline-block;font-size:18px;color:#333;margin-right:20px}#history .container>.item:nth-child(even)>.img{float:right}#history .container>.item:nth-child(even)>.box{float:left}@media only screen and (max-width:1440px){#history .container>.item>.box{padding:3vw 4.5vw 0}#history .container>.item>.box>.txt{height:180px}}@media only screen and (max-width:1280px){#history .container>.item>.box{padding:4vw 5vw 0}#history .container>.item>.box>.txt{margin:15px auto;height:140px}#history .container>.item>.box>.txt>p{font-size:14px}#history .container>.item>.box>.txt>p>span{font-size:16px}}@media only screen and (max-width:1080px){#history .container>.item>.box,#history .container>.item>.img{float:none;width:100%}#history .container>.item>.box>.tit{font-size:42px}#history .container>.item>.box>.txt{height:auto}}@media only screen and (max-width:640px){#history .container>.item>.box>.tit{font-size:36px}#history .container>.item>.box>.txt>p{font-size:14px}#history .container>.item>.box>.txt>p>span{font-size:16px}}