.header .logo{background-image:url("../png/logo3dd9.png?bdf47f78")}.header .nav li{color:rgba(51,51,51,0.5)}.header .nav li.active,.header .nav li:hover{color:#5a96ae}.header .nav li:hover::after,.header .nav li.active::after{background-image:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/header/arrow-blue.svg?1fae607b")}.header .nav-popup{border-color:#5a96ae;background-color:#fff}.header .nav-popup li{color:rgba(51,51,51,0.5)}.header .nav-popup li:hover a,.header .nav-popup li.active a{color:#5a96ae}.main{height:560px;padding-top:200px;background:#bfded9 url("../jpg/history-banner2f00.jpg?7235b8e9") center center/cover no-repeat;position:relative;text-align:center;overflow-x:hidden}.main h1{display:inline-block;font-family:'Hyqihei35s', Helvetica;white-space:nowrap;background:rgba(255,255,255,0.2);color:#7cacbf;font-size:72px;line-height:72px;padding:55px}.main h1:lang(en){font-size:68px;line-height:68px}.main h1 span:first-child{margin-right:1em}.main h1 span:lang(en){letter-spacing:normal}@media (max-width: 768px){.main{height:auto;padding-top:92px;padding-bottom:33px;padding-top:22vw;padding-bottom:8vw}.main h1{font-size:50px;line-height:60px;padding:50px}.main h1:lang(en){font-size:35px;padding:50px 15px}.main h1 span{display:block}.main h1 span:first-child{margin-right:0}}h2{font-size:36px;line-height:40px;font-family:'Hyqihei45s', Helvetica}.history-content{position:relative;text-align:center;padding-top:120px;padding-bottom:120px;overflow-x:hidden}@media (max-width: 768px){.history-content{padding-top:50px}}.history-content .wrapper{width:auto;max-width:none;margin:0}.label{margin-bottom:111px}.label>div::after{width:36px}.history-btn{height:130px}.history-btn::before{content:'ROUTE';position:absolute;color:rgba(221,221,221,0.2);font-size:81px;transform:translateX(-50%)}@media (max-width: 768px){.history-btn::before{transform:translateX(-20%);font-size:61px}}.history-btn .left,.history-btn .right{display:inline-block;position:relative;bottom:0px;opacity:0;background:#3286F9;cursor:pointer;box-shadow:0px 10px 10px 0px rgba(50,134,249,0.2)}.history-btn .left::after,.history-btn .right::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;top:0;right:0;bottom:0;left:0;margin:auto}.history-btn .left:hover,.history-btn .right:hover{transition:box-shadow 0.4s;box-shadow:0 0 10px rgba(0,0,0,0.3)}.history-btn .right{width:128px;height:128px;margin-left:15px}.history-btn .right::after{background-image:url("../png/right-activee22f.png?71518c6c");width:66px;height:43px}.history-btn .right.unable::after{background-image:url("../png/righted5c.png?78c8fff9")}.history-btn .left{width:76px;height:76px}.history-btn .left.unable::after{background-image:url("../png/left2a41.png?988034ab")}.history-btn .left::after{width:35px;height:24px;background-image:url("../png/left-active9d96.png?0678f5b9")}.time-bar{position:relative;height:355px;font-size:16px;margin-bottom:50px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease}.time-bar li{position:absolute;left:0px;top:0px;width:286px}.time-bar li:not(:last-child){margin-right:57px}.time-bar li .time-top{position:relative;height:71px;font-size:20px;opacity:0}.time-bar li .time-top::after{content:'';display:block;clear:both}.time-bar li .time-top span{float:left}.time-bar li .time-top .dot{display:inline-block;position:relative;width:86px;height:35px;text-align:center;line-height:35px;background:#3286F9;color:#fff;margin-left:7px}.time-bar li .time-top .dot.hover{transform:scale(1.1)}.time-bar li .time-top .dot::before{content:'';display:inline-block;position:absolute;z-index:-1;left:-7px;top:6px;width:86px;height:35px;background:rgba(50,134,249,0.1)}.time-bar li .time-bottom{position:relative;margin-top:33px;opacity:0}.time-bar li .time-bottom::before{content:'';display:inline-block;position:absolute;width:286px;height:181px}.time-bar li .time-bottom::before{left:-21px;top:19px;z-index:-1;background:url("../png/bg-dot680b.png?15fae8a2") center no-repeat}.time-bar li .time-bottom img{box-shadow:0 0 10px rgba(0,0,0,0.1)}.time-bar li .time-bottom:hover img,.time-bar li .time-bottom:hover::before{transform:scale(1.1);-webkit-transition:-webkit-transform .25s ease;-moz-transition:-moz-transform .25s ease;transition:transform .25s ease}.time-bar li .time-bottom:hover img{box-shadow:0px 10px 10px 0px rgba(50,134,249,0.2);-webkit-transition:-webkit-transform .25s ease;-moz-transition:-moz-transform .25s ease;transition:transform .25s ease}.time-bar li .time-bottom .des{margin-top:12px;text-align:left;color:#333}.time-bar .line{float:left}.time-bar .line>div{position:absolute;top:65px;left:18px;width:0px;height:1px;background:#eee}.time-bar .line::before{content:'';position:absolute;top:58px;left:0px;width:17px;height:17px;border:1px solid #3286F9;border-radius:50%}.time-bar .line::after{content:'';position:absolute;top:63px;left:5px;width:7px;height:7px;background:#3286F9;border-radius:50%}.time-bar .axis:nth-child(11){transform:translateX(3573px)}.time-bar .axis:nth-child(11) .dot{width:160px}@media (max-width: 768px){.time-bar .axis:nth-child(11){transform:translateX(3440px)}}.time-bar .axis:nth-child(1){transform:translateX(143px)}@media (max-width: 768px){.time-bar .axis:nth-child(1){transform:translateX(10px)}}.time-bar .axis:nth-child(2){transform:translateX(486px)}@media (max-width: 768px){.time-bar .axis:nth-child(2){transform:translateX(353px)}}.time-bar .axis:nth-child(3){transform:translateX(829px)}@media (max-width: 768px){.time-bar .axis:nth-child(3){transform:translateX(696px)}}.time-bar .axis:nth-child(4){transform:translateX(1172px)}@media (max-width: 768px){.time-bar .axis:nth-child(4){transform:translateX(1039px)}}.time-bar .axis:nth-child(5){transform:translateX(1515px)}@media (max-width: 768px){.time-bar .axis:nth-child(5){transform:translateX(1382px)}}.time-bar .axis:nth-child(6){transform:translateX(1858px)}@media (max-width: 768px){.time-bar .axis:nth-child(6){transform:translateX(1725px)}}.time-bar .axis:nth-child(7){transform:translateX(2201px)}@media (max-width: 768px){.time-bar .axis:nth-child(7){transform:translateX(2068px)}}.time-bar .axis:nth-child(8){transform:translateX(2544px)}@media (max-width: 768px){.time-bar .axis:nth-child(8){transform:translateX(2411px)}}.time-bar .axis:nth-child(9){transform:translateX(2887px)}@media (max-width: 768px){.time-bar .axis:nth-child(9){transform:translateX(2754px)}}.time-bar .axis:nth-child(10){transform:translateX(3230px)}@media (max-width: 768px){.time-bar .axis:nth-child(10){transform:translateX(3097px)}}.history-btn.active .left,.history-btn.active .right{opacity:1;-webkit-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;-moz-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0.4s}.time-bar.active li:not(:last-child) .line>div{width:324px}.time-bar.active li .time-top,.time-bar.active li .time-bottom{opacity:1}.time-bar.active .axis:nth-child(1) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .4s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .4s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .4s}.time-bar.active .axis:nth-child(1) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .9s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .9s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) .9s}.time-bar.active .axis:nth-child(1) .line>div{-webkit-transition:width 1s linear 1s;-moz-transition:width 1s linear 1s;transition:width 1s linear 1s}.time-bar.active .axis:nth-child(2) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2s}.time-bar.active .axis:nth-child(2) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2.5s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2.5s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 2.5s}.time-bar.active .axis:nth-child(2) .line>div{-webkit-transition:width 1s linear 2.6s;-moz-transition:width 1s linear 2.6s;transition:width 1s linear 2.6s}.time-bar.active .axis:nth-child(3) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 3.6s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 3.6s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 3.6s}.time-bar.active .axis:nth-child(3) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 4.1s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 4.1s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 4.1s}.time-bar.active .axis:nth-child(3) .line>div{-webkit-transition:width 1s linear 4.2s;-moz-transition:width 1s linear 4.2s;transition:width 1s linear 4.2s}.time-bar.active .axis:nth-child(4) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.2s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.2s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.2s}.time-bar.active .axis:nth-child(4) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.7s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.7s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 5.7s}.time-bar.active .axis:nth-child(4) .line>div{-webkit-transition:width 1s linear 5.8s;-moz-transition:width 1s linear 5.8s;transition:width 1s linear 5.8s}.time-bar.active .axis:nth-child(5) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 6.8s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 6.8s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 6.8s}.time-bar.active .axis:nth-child(5) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 7.3s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 7.3s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 7.3s}.time-bar.active .axis:nth-child(5) .line>div{-webkit-transition:width 1s linear 7.4s;-moz-transition:width 1s linear 7.4s;transition:width 1s linear 7.4s}.time-bar.active .axis:nth-child(6) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.4s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.4s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.4s}.time-bar.active .axis:nth-child(6) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.9s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.9s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 8.9s}.time-bar.active .axis:nth-child(6) .line>div{-webkit-transition:width 1s linear 9s;-moz-transition:width 1s linear 9s;transition:width 1s linear 9s}.time-bar.active .axis:nth-child(7) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10s}.time-bar.active .axis:nth-child(7) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10.5s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10.5s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 10.5s}.time-bar.active .axis:nth-child(7) .line>div{-webkit-transition:width 1s linear 10.6s;-moz-transition:width 1s linear 10.6s;transition:width 1s linear 10.6s}.time-bar.active .axis:nth-child(8) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 11.6s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 11.6s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 11.6s}.time-bar.active .axis:nth-child(8) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 12.1s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 12.1s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 12.1s}.time-bar.active .axis:nth-child(8) .line>div{-webkit-transition:width 1s linear 12.2s;-moz-transition:width 1s linear 12.2s;transition:width 1s linear 12.2s}.time-bar.active .axis:nth-child(9) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.2s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.2s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.2s}.time-bar.active .axis:nth-child(9) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.7s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.7s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 13.7s}.time-bar.active .axis:nth-child(9) .line>div{-webkit-transition:width 1s linear 13.8s;-moz-transition:width 1s linear 13.8s;transition:width 1s linear 13.8s}.time-bar.active .axis:nth-child(10) .time-top{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 14.8s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 14.8s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 14.8s}.time-bar.active .axis:nth-child(10) .time-bottom{-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 15.3s;-moz-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 15.3s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 15.3s}.time-bar.active .axis:nth-child(10) .line>div{-webkit-transition:width 1s linear 15.4s;-moz-transition:width 1s linear 15.4s;transition:width 1s linear 15.4s}.nav li.has-sub::after{background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/header/arrow-history.svg?0a0dd509") no-repeat center center}