@charset "utf-8";
/* 
 * banner
 */
.banner*{-moz-transition: all;-webkit-transition: all;-o-transition: all;-ms-transition: all;transition: all ;}
.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.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 .banconts{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner .bancont{position:absolute;top:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;text-align:center;background-size: cover;}
.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;vertical-align: baseline;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}
.mobile .banner .bancont{background-position: center center;background-attachment: initial}


@media  (max-width: 479px) {
	.banner{margin-top:50px;}
    .banner .bannerBtn{height:38px;margin-top:-19px;}
    .banner .bannerBtn.leftBtn{left:5px !important;}
    .banner .bannerBtn.rightBtn{right:5px !important;}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
}
@media (min-width: 480px) and (max-width: 639px) {
    .banner .bannerBtn{height:38px;margin-top:-19px;}
    .banner .bannerBtn.leftBtn{left:5px !important;}
    .banner .bannerBtn.rightBtn{right:5px !important;}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
    .banner .bannerBtn{height:74px;margin-top:-37px;}
    .banner .bannerBtn.leftBtn{left:10px !important;}
    .banner .bannerBtn.rightBtn{right:10px !important;}
    .banner .bannerNav{bottom:10px;}
    .banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
    .banner .bannerBtn{height:90px;margin-top:-45px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}


    .banner .bannerNav{bottom:23px;}
    .banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {


    .banner .bannerBtn{height:90px;margin-top:-45px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}

}
@media (min-width: 1440px) and (max-width:1920px ) {
    .banner .bannerBtn{height:112px;margin-top:-56px;}
    .banner .bannerBtn.leftBtn{left:-100px;}
    .banner .bannerBtn.rightBtn{right:-100px;}
    .banner .bancont{}
    .banner .bannerNav{bottom:23px;}
    .banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
}

.banner2*{-moz-transition: all;-webkit-transition: all;-o-transition: all;-ms-transition: all;transition: all ;}
.banner2{position:relative;width:100%;height:auto;overflow:hidden;}
.banner2 .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner2 .bannerBtn.leftBtn{left:-100px;}
.banner2 .bannerBtn.rightBtn{right:-100px;}
.banner2 .banconts{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner2 .bancont{position:absolute;top:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;text-align:center;background-size: cover;}
.banner2 .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner2 .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;vertical-align: baseline;}
.banner2 .bannerBg{width:100%;height:auto;vertical-align:middle;}
.mobile .banner2 .bancont{background-position: center center;background-attachment: initial}


@media  (max-width: 479px) {
	.banner2{margin-top:50px;}
    .banner2 .bannerBtn{height:38px;margin-top:-19px;}
    .banner2 .bannerBtn.leftBtn{left:5px !important;}
    .banner2 .bannerBtn.rightBtn{right:5px !important;}
    .banner2 .bannerNav{bottom:10px;}
    .banner2 .bannerNav img{width:40px;height:2px;margin:0px 3px;}
}
@media (min-width: 480px) and (max-width: 639px) {
    .banner2 .bannerBtn{height:38px;margin-top:-19px;}
    .banner2 .bannerBtn.leftBtn{left:5px !important;}
    .banner2 .bannerBtn.rightBtn{right:5px !important;}
    .banner2 .bannerNav{bottom:10px;}
    .banner2 .bannerNav img{width:40px;height:2px;margin:0px 3px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
    .banner2 .bannerBtn{height:74px;margin-top:-37px;}
    .banner2 .bannerBtn.leftBtn{left:10px !important;}
    .banner2 .bannerBtn.rightBtn{right:10px !important;}
    .banner2 .bannerNav{bottom:10px;}
    .banner2 .bannerNav img{width:80px;height:4px;margin:0px 3px;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
    .banner2 .bannerBtn{height:90px;margin-top:-45px;}
    .banner2 .bannerBtn.leftBtn{left:-100px;}
    .banner2 .bannerBtn.rightBtn{right:-100px;}


    .banner2 .bannerNav{bottom:23px;}
    .banner2 .bannerNav img{width:100px;height:3px;margin:0px 3px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {


    .banner2 .bannerBtn{height:90px;margin-top:-45px;}
    .banner2 .bannerBtn.leftBtn{left:-100px;}
    .banner2 .bannerBtn.rightBtn{right:-100px;}

}
@media (min-width: 1440px) and (max-width:1920px ) {
    .banner2 .bannerBtn{height:112px;margin-top:-56px;}
    .banner2 .bannerBtn.leftBtn{left:-100px;}
    .banner2 .bannerBtn.rightBtn{right:-100px;}
    .banner2 .bancont{}
    .banner2 .bannerNav{bottom:23px;}
    .banner2 .bannerNav img{width:80px;height:4px;margin:0px 3px;}
}