@charset 'utf-8';
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{background:transparent;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:15px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;background:rgba(255,255,255,.9);text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:all .3s ease-out 0s}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-prev{left:0}.bx-wrapper .bx-next{right:0}.bx-wrapper .bx-controls-direction a{position:absolute;top: 50%;outline:0;text-indent:-9999px;z-index:1;transition:all .3s ease-out 0s}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:#ccc;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:#ccc;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.i-banner ul li a{
	width: 100%;
	height: 100%;
}
.i-banner ul li {
	height: 508px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (max-width: 991px) {
	.i-banner ul li{height: 3.5rem;}
}

@media (max-width: 750px) {
	.i-banner {display: none;}
	.m-banner{display:block;}
}

/*btn*/
.i-banner .bx-wrapper .bx-controls-direction a{
	bottom: 25px;
	width: 47px;
	height: 105px;
	margin-top: -52px;
}

/*left-btn*/

.i-banner .bx-wrapper .bx-controls-direction a.bx-prev,
.m-banner .bx-wrapper .bx-controls-direction a.bx-prev {
	/*left: 5%;*/
	background: url(../images/banner-l.png) no-repeat left center;
}

/*right-btn*/

.i-banner .bx-wrapper .bx-controls-direction a.bx-next,
.m-banner .bx-wrapper .bx-controls-direction a.bx-next {
	/*right: 5%;*/
	background: url(../images/banner-r.png) no-repeat left center;
}

/*spot*/

.i-banner .bx-wrapper .bx-pager.bx-default-pager a,
.m-banner .bx-wrapper .bx-pager.bx-default-pager a{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	/*background: rgba(0, 0, 0, .43);*/
}

.i-banner .bx-wrapper .bx-pager.bx-default-pager a.active,
.i-banner .bx-wrapper .bx-pager.bx-default-pager a:focus,
.i-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,

.m-banner .bx-wrapper .bx-pager.bx-default-pager a.active,
.m-banner .bx-wrapper .bx-pager.bx-default-pager a:focus,
.m-banner .bx-wrapper .bx-pager.bx-default-pager a:hover
{background: #019894;}

.i-banner .bx-wrapper .bx-pager,
.i-banner  .bx-wrapper .bx-controls-auto
{
	bottom: 24px;
}


/*phome*/
.m-banner .bx-wrapper .bx-pager.bx-default-pager a{
	width: .2rem;
	height: .2rem;
}
.m-banner .bx-wrapper .bx-pager,
.m-banner  .bx-wrapper .bx-controls-auto
{
	bottom: .25rem;
}
/*btn*/
.m-banner .bx-wrapper .bx-controls-direction a {
	bottom: .25rem;
	width:.47rem;
	height: 1.05rem;
	margin-top: -.52rem;
	background-size: auto 100% !important;
}