*{margin:0;  padding:0; }
body,html{overflow:-Scroll;overflow-x:hidden}
body{  background:#f4f4f4;}
ul,li{margin: 0; padding:0;list-style-type: none;}
span{ margin:0; padding:0; }
img, input{padding:0px; margin:0px;outline:none; border:0px;}
a, img{outline:none; border:0px; }
p{ font-size:12px; color:#333; }


.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container{height:100%;}
.banner .contents{position:absolute;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}

.banner .bannerNav{position:absolute;bottom:10%;width:100%;text-align:center;z-index:10;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#C80918;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}


.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}




.banner .contentInfo .title{position:absolute; left:50%;top:160px;line-height:40px;font-size:26px;color:#FFF;}
.banner .contentInfo .info{position:absolute;left:53%;top:230px;line-height:40px;font-size:20px;color:#FFF;}
.banner .contentInfo .btn{text-shadow:0px 0px 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;-o-border-radius:30px;-webkit-border-radius:30px;}