body{min-width:1190px}.footer{width:100%;height:60px;line-height:60px;background:#000;font-size:14px;color:#5d5d5d;text-align:center;float:left}.footer span{margin-left:18px}.brand-banner{width:100%;height:680px;background:url(/assets/img/brand/bg.png);background-position:center;background-size:cover;background-repeat:no-repeat}.container{width:1190px;margin:0 auto}.header .logo{width:100px;height:40px;float:left;margin:40px 0 0 97px}.header a.to-index{display:inline-block;font-size:16px;float:right;color:#fff;margin:40px 97px 0 0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.header a.to-index:hover i.back-to-index{background:url(../img/brand/back_hover.png) no-repeat}.header i.back-to-index{display:inline-block;width:23px;height:23px;background:url(../img/brand/back.png) no-repeat;vertical-align:-6px;margin-right:6px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.top-text-big{margin:84px auto 0 auto;width:520px;height:70px;-webkit-animation:bottomToTop .8s 0s;-moz-animation:bottomToTop .8s 0s;-ms-animation:bottomToTop .8s 0s;-o-animation:bottomToTop .8s 0s;animation:bottomToTop .8s 0s}.top-text-small{margin:25px auto 0 auto;width:461px;height:55px;-webkit-animation:bottomToTop .8s .2s;-moz-animation:bottomToTop .8s .2s;-ms-animation:bottomToTop .8s .2s;-o-animation:bottomToTop .8s .2s;animation:bottomToTop .8s .2s}.top_btn{display:block;margin:30px auto 0 auto;line-height:40px;text-align:center;font-size:18px;width:140px;height:40px;border:1px solid #fff;color:#fff;border-radius:25px;cursor:pointer;-webkit-animation:bottomToTop .8s .4s;-moz-animation:bottomToTop .8s .4s;-ms-animation:bottomToTop .8s .4s;-o-animation:bottomToTop .8s .4s;animation:bottomToTop .8s .4s}.top_btn:hover{color:#2c7e85;background-color:#fff}.version-container{position:relative;width:100%;margin-top:60px;height:450px;z-index:2;-webkit-animation:bottomToTop .8s 0s;-moz-animation:bottomToTop .8s 0s;-ms-animation:bottomToTop .8s 0s;-o-animation:bottomToTop .8s 0s;animation:bottomToTop .8s 0s}.version-div{width:100%;position:absolute;top:0;display:flex;justify-content:space-around}.version-div-bottom{width:100%;position:absolute;bottom:0;display:flex;justify-content:space-around}.version-image{position:relative;top:10px;width:550px;height:369px;cursor:pointer;transition:all .3s ease-out;-ms-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out}.version-div div.chose{width:580px;height:385px;top:0;-webkit-transform-origin:center center;-moz-transform-origin:center center;transform-origin:center center;-webkit-box-shadow:rgba(0,0,0,.1) 2px 2px 50px 0;-moz-box-shadow:rgba(0,0,0,.1) 2px 2px 50px 0;-ms-box-shadow:rgba(0,0,0,.1) 2px 2px 50px 0;-o-box-shadow:rgba(0,0,0,.1) 2px 2px 50px 0}.version-div-bottom p.version-text{font-size:20px;color:#7d7b78;text-align:center}.version-div-bottom p.chose{font-size:20px;color:#63625f;font-weight:700}.customized-version div.version-image{background-image:url(../img/brand/dingzhi1.png);background-size:contain;background-repeat:no-repeat}.customized-version div.chose{background:url(../img/brand/dingzhi2.png);background-size:contain;background-repeat:no-repeat}.concise-version div.version-image{background:url(../img/brand/jianjie2.png);background-size:contain;background-repeat:no-repeat}.concise-version div.chose{background:url(../img/brand/jianjie1.png);background-size:contain;background-repeat:no-repeat}.zone-one{background:#f6f6f6;width:100%;height:433px}.zone-one-text{width:348px;height:72px;padding-top:300px;margin:auto;-webkit-animation:bottomToTop .8s .3s;-moz-animation:bottomToTop .8s .3s;animation:bottomToTop .8s .3s}.zone-two{width:100%;height:620px;background:#fff}.zone-two-body{width:1190px;margin:auto}.zone-two-left{margin:105px 0 0 180px}.zone-two-left .left-img{width:200px;height:200px;float:left;-webkit-animation:leftToRight .8s 0s;-moz-animation:leftToRight .8s 0s;animation:leftToRight .8s 0s}.zone-two .left-text{margin-left:54px;float:left;margin-top:34px}.left-text .title{font-size:30px;color:#4d4e52;margin-bottom:12px;-webkit-animation:rightToLeft .8s .1s;-moz-animation:rightToLeft .8s .1s;-ms-animation:rightToLeft .8s .1s;-o-animation:rightToLeft .8s .1s;animation:rightToLeft .8s .1s}.left-text p{font-size:18px;color:#b6bac2;line-height:27px}.left-text p:nth-child(2){-webkit-animation:rightToLeft .8s .2s;-moz-animation:rightToLeft .8s .2s;-ms-animation:rightToLeft .8s .2s;-o-animation:rightToLeft .8s .2s;animation:rightToLeft .8s .2s}.left-text p:nth-child(3){-webkit-animation:rightToLeft .8s .3s;-moz-animation:rightToLeft .8s .3s;-ms-animation:rightToLeft .8s .3s;-o-animation:rightToLeft .8s .3s;animation:rightToLeft .8s .3s}.left-text p:nth-child(4){-webkit-animation:rightToLeft .8s .4s;-moz-animation:rightToLeft .8s .4s;-ms-animation:rightToLeft .8s .4s;-o-animation:rightToLeft .8s .4s;animation:rightToLeft .8s .4s}.zone-two-right{margin:105px 0 0 180px}.zone-two-right .right-img{width:200px;height:200px;float:right;margin:0 180px 0 0;-webkit-animation:rightToLeft .8s .6s;-moz-animation:rightToLeft .8s .6s;-ms-animation:rightToLeft .8s .6s;-o-animation:rightToLeft .8s .6s;animation:rightToLeft .8s .6s}.zone-two .right-text{margin-left:254px;float:left;margin-top:70px}.right-text .title{font-size:30px;color:#4d4e52;margin-bottom:12px;-webkit-animation:leftToRight .8s .8s;-moz-animation:leftToRight .8s .8s;-ms-animation:leftToRight .8s .8s;-o-animation:leftToRight .8s .8s;animation:leftToRight .8s .8s}.right-text p{font-size:18px;color:#b6bac2;-webkit-animation:leftToRight .8s 1s;-moz-animation:leftToRight .8s 1s;-ms-animation:leftToRight .8s 1s;-o-animation:leftToRight .8s 1s;animation:leftToRight .8s 1s}.zone-three{background:#f6f6f6;width:100%;height:322px}.zone-three-text{width:338px;margin:0 auto;-webkit-animation:bottomToTop .8s 0s;-moz-animation:bottomToTop .8s 0s;-ms-animation:bottomToTop .8s 0s;-o-animation:bottomToTop .8s 0s;animation:bottomToTop .8s 0s}.zone-three-text img{margin-top:100px}.zone-three-btn{display:block;width:150px;height:40px;line-height:40px;text-align:center;margin:30px auto 0;cursor:pointer;border-radius:25px;color:#ccc;border:1px solid #ccc;font-size:20px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-animation:bottomToTop .8s .5s;-moz-animation:bottomToTop .8s .5s;-ms-animation:bottomToTop .8s .5s;-o-animation:bottomToTop .8s .5s;animation:bottomToTop .8s .5s}.zone-three-btn:hover{background-color:#636261;border-color:#636261;color:#fff}#main .animation-play{-webkit-animation-play-state:paused;-webkit-animation-fill-mode:both!important;-moz-animation-fill-mode:both!important;-ms-animation-fill-mode:both!important;-o-animation-fill-mode:both!important}#main .active .animation-play{-webkit-animation-play-state:running}100%{-webkit-transform:translateX(0);opacity:1}100%{-moz-transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(0);opacity:1}100%{-moz-transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:1}100%{-webkit-transform:translateY(0);opacity:1}100%{-moz-transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:1}