.main {position: relative; z-index: 5; margin-top: 100px;}
/*banner*/
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 3.444%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #dfdfdf;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}