.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;}
.banner .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;text-align:center;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

@media  (max-width: 479px) {
.banner{margin-top:74px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .content{background-size:auto 450px;background-position:center 74px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .content{background-size:auto 450px;background-position:center 74px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;}
.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}
.banner .content{background-size:auto 600px;background-position:center 74px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:600px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .content{background-position:left 68px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .content{background-position:left 68px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {

.banner{margin-top:82px;}
.banner .bannerBtn{height:112px;margin-top:-56px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .content{background-position:left 82px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
}