.about-header{height:600px;background:url(../images/about_header.png) center top no-repeat}.about-content{background:url(../images/about_bg.png) center top no-repeat}.about-intro{height:550px;width:1200px;margin:0 auto;position:relative}.about-intro .intro-pic{position:absolute;top:-100px;left:-320px}.about-intro .intro-w{width:430px;float:right;padding-top:100px}.about-intro .intro-w .title{font-size:24px;line-height:30px;padding-bottom:10px;position:relative}.about-intro .intro-w .title:before{width:50px;height:2px;background:#F6BB7F;content:"";display:block;position:absolute;bottom:0}.about-intro .intro-w .desc{font-size:20px;line-height:40px;margin-top:20px}.about-history,.about-idea{height:800px}.about-history .title,.about-idea .title{font-size:30px;line-height:40px;padding-bottom:10px;position:relative;text-align:center}.about-history .title:before,.about-idea .title:before{width:50px;height:2px;background:#F6BB7F;content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.about-history .title:after,.about-idea .title:after{content:"HISTORY";display:block;font-size:100px;line-height:54px;color:rgba(1,1,1,.03);position:absolute;top:0;left:0;right:0;margin:0 auto}.about-history .history-list,.about-idea .history-list{overflow-y:hidden}.about-history .history-list .list-w,.about-idea .history-list .list-w{width:100%;border-bottom:solid 2px #CCE0ED}.about-history .history-list .list-w:nth-child(2),.about-idea .history-list .list-w:nth-child(2){border-bottom:none}.about-history .history-list ul,.about-idea .history-list ul{width:1520px;margin:0 auto;display:flex;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;align-items:flex-end;-webkit-align-items:flex-end}.about-history .history-list ul li,.about-idea .history-list ul li{width:400px;padding:0 0 60px 62px;float:left;position:relative;margin:0 20px;line-height:24px}.about-history .history-list ul li .time,.about-idea .history-list ul li .time{font-size:20px;color:#fff;width:62px;min-height:128px;background:url(../images/about_icon1.png) no-repeat;height:100%;text-align:center;position:absolute;top:0;left:0}.about-history .history-list ul li .time span,.about-idea .history-list ul li .time span{position:absolute;top:16px;left:0;right:0}.about-history .history-list ul li .time:before,.about-idea .history-list ul li .time:before{content:"";display:block;position:absolute;height:100%;width:2px;background:#CCE0ED;left:50%;margin-left:-1px;bottom:0}.about-history .history-list ul li .time:after,.about-idea .history-list ul li .time:after{width:20px;height:20px;background:#cce0ed;border-radius:50%;content:"";display:block;position:absolute;bottom:-9px;left:0;right:0;margin:0 auto}.about-history .history-list ul li .desc,.about-idea .history-list ul li .desc{font-size:16px;color:#666;overflow:hidden;line-height:24px;padding:18px 0 0 16px}.about-history .history-list ul li .desc span,.about-idea .history-list ul li .desc span{display:block;padding-bottom:10px}.about-history .history-list ul.ul1,.about-idea .history-list ul.ul1{padding-top:60px}.about-history .history-list ul.ul2,.about-idea .history-list ul.ul2{align-items:flex-start;-webkit-align-items:flex-start;padding-bottom:60px;position:relative;left:130px}.about-history .history-list ul.ul2 li,.about-idea .history-list ul.ul2 li{padding:40px 0 0 62px}.about-history .history-list ul.ul2 .time,.about-idea .history-list ul.ul2 .time{min-height:auto;padding-top:18px;background:url(../images/about_icon2.png) center bottom no-repeat}.about-history .history-list ul.ul2 .time span,.about-idea .history-list ul.ul2 .time span{top:auto;bottom:17px}.about-history .history-list ul.ul2 .time:after,.about-idea .history-list ul.ul2 .time:after{top:-9px}.about-history .idea-cont,.about-idea .idea-cont{padding:50px 0}.about-history .idea-cont .idea-pic,.about-idea .idea-cont .idea-pic{float:right}.about-history .idea-cont ul,.about-idea .idea-cont ul{overflow:hidden;padding-right:38px}.about-history .idea-cont ul li,.about-idea .idea-cont ul li{border-bottom:solid 1px #ddd;margin-top:10px;padding:20px 0}.about-history .idea-cont ul li .idea-name,.about-idea .idea-cont ul li .idea-name{font-size:30px;padding-left:10px;line-height:28px;border-left:solid 2px #F6BB7F}.about-history .idea-cont ul li .idea-txt,.about-idea .idea-cont ul li .idea-txt{font-size:16px;color:#666;line-height:24px;margin-top:14px}.about-history .idea-cont ul li:last-child,.about-idea .idea-cont ul li:last-child{border-bottom:none}.about-idea .title:after{content:"IDEA"}.timer-shaft .shaft-cont{width:1100px;height:320px;margin:100px auto 0;background-color:#fff;box-shadow:0 0 20px #eee;padding:50px 30px 50px 50px;box-sizing:border-box}.timer-shaft .shaft-cont .item{height:100%;display:none}.timer-shaft .shaft-cont .left{width:370px;height:100%;float:left;border-right:solid 1px #ddd;padding-left:100px;box-sizing:border-box}.timer-shaft .shaft-cont .left span{font-size:40px;border-left:solid 3px #f6bb7f;line-height:34px;padding-left:10px;display:inline-block}.timer-shaft .shaft-cont .left p{font-size:20px;line-height:24px;margin-top:15px}.timer-shaft .shaft-cont .right{padding-left:50px;overflow:hidden;height:100%}.timer-shaft .shaft-cont .right .auto{height:100%;padding-right:20px;overflow:auto}.timer-shaft .shaft-cont .right p{font-size:18px;color:#666;line-height:34px}.timer-shaft .shaft-line{width:1200px;padding-top:40px;border-bottom:solid 1px #ddd;margin:0 auto;position:relative;text-align:center}.timer-shaft .shaft-line ul{position:relative;bottom:-88px;display:inline-block}.timer-shaft .shaft-line ul li{width:60px;height:60px;border-radius:50%;background:#e2c692;font-size:15px;text-align:center;line-height:60px;float:left;margin:0 36px;box-shadow:0 0 10px #eee;position:relative;top:-30px;cursor:pointer}.timer-shaft .shaft-line ul li.on{width:84px;height:84px;color:#fff;line-height:84px;background:#ff983f;top:-42px;font-size:20px;box-shadow:0 0 10px #ddd}.timer-shaft .shaft-line ul li.on:before{content:"";height:19px;width:30px;background:url(../images/shaft_top.png) no-repeat;position:absolute;top:-40px;left:0;right:0;margin:0 auto}.timer-shaft .shaft-line:after{width:15px;height:7px;content:"";background:url(../images/shaft_left.png) no-repeat;position:absolute;left:-15px;bottom:-4px}