.banner{position:relative;width:100%;height:490px;overflow:hidden;margin-top:50px}.banner .bannerBg{width:100%;height:auto;vertical-align:middle}.banner .container{height:100%}.banner .contents{position:absolute;top:0;left:0;width:100%;height:100%}.banner .content{position:absolute;top:0;width:100%;height:100%;background-size:auto;background-repeat:no-repeat;background-position:center center;text-align:center}.banner .content img{width:100%;max-width:100%;height:100%;max-height:100%}.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-50px;z-index:1;text-align:left}.banner .contentInfo .sub{text-shadow:0 0 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;display:none !important}.banner .contentInfo .quan{text-shadow:0 0 3px #b67ebc;position:absolute;top:132px;left:1px;width:16px;height:16px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-webkit-border-radius:16px}.banner .contentInfo .title{text-shadow:0 0 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"SimSun"}.banner .contentInfo .info{text-shadow:0 0 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff}.banner .contentInfo .btn{text-shadow:0 0 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-webkit-border-radius:30px}.banner .bannerNav{position:absolute;bottom:10px;width:100%;text-align:center;z-index:2}.banner .bannerNav .bannerNavChild{margin:0 10px;width:15px;height:15px;display:inline-block;*display:inline;*zoom:1;background:#0c5bb3;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;cursor:pointer}.banner .bannerNav .bannerNavChild.on{background:#f60;animation:bannerNavChildOn .2s ease-in-out .00s both;-moz-animation:bannerNavChildOn .2s ease-in-out .00s both;-webkit-animation:bannerNavChildOn .2s ease-in-out .00s both}@keyframes bannerNavChildOn{0.00%{background:#0c5bb3;transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;transform:scale(1)}}@-moz-keyframes bannerNavChildOn{0.00%{background:#0c5bb3;-moz-transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;-moz-transform:scale(1)}}@-webkit-keyframes bannerNavChildOn{0.00%{background:#0c5bb3;-webkit-transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;-webkit-transform:scale(1)}}.banner .contentInfo .sub{animation:sub .5s ease-in-out .00s both;-moz-animation:sub .5s ease-in-out .00s both;-webkit-animation:sub .5s ease-in-out .00s both}@keyframes sub{0.00%{height:0}100%{height:120px}}@-moz-keyframes sub{0.00%{height:0}100%{height:120px}}@-webkit-keyframes sub{0.00%{height:0}100%{height:120px}}.banner .contentInfo .quan{animation:quan .2s ease-in-out .5s both;-moz-animation:quan .2s ease-in-out .5s both;-webkit-animation:quan .2s ease-in-out .5s both;-o-animation:quan .2s ease-in-out .5s both}@keyframes quan{0.00%{transform:scale(0)}100%{transform:scale(1)}}@-moz-keyframes quan{0.00%{-moz-transform:scale(0)}100%{-moz-transform:scale(1)}}@-webkit-keyframes quan{0.00%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}.banner .contentInfo .title{animation:tranx .8s ease-in-out .5s both;-moz-animation:tranx .8s ease-in-out .5s both;-webkit-animation:tranx .8s ease-in-out .5s both}.banner .contentInfo .info{animation:tranx .8s ease-in-out .7s both;-moz-animation:tranx .8s ease-in-out .7s both;-webkit-animation:tranx .8s ease-in-out .7s both}.banner .contentInfo .btn{animation:tranx .8s ease-in-out .9s both;-moz-animation:tranx .8s ease-in-out .9s both;-webkit-animation:tranx .8s ease-in-out .9s both}@keyframes tranx{0.00%{transform:translateX(-700px)}100%{transform:translateX(0)}}@-moz-keyframes tranx{0.00%{-moz-transform:translateX(-700px)}100%{-moz-transform:translateX(0)}}@-webkit-keyframes tranx{0.00%{-webkit-transform:translateX(-700px)}100%{-webkit-transform:translateX(0)}}