@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 {
	height: 480px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

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

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

/*btn*/
.i-banner .bx-wrapper .bx-controls-direction a{
	bottom: 25px;
	width: .6rem;
	height: .73rem;
	margin-top: -.36rem;
	background-size: cover !important;
}

/*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;
}

.i-banner .bx-wrapper .bx-controls-direction a.bx-prev:hover{background: url(../images/banner_l2.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;
}

.i-banner .bx-wrapper .bx-controls-direction a.bx-next:hover {background: url(../images/banner_r2.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: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 7px;
	/*background: #fff;*/
	background: rgba(255, 255, 255, .8);
}

.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{
	position: relative;
	background: #b60005;
}


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

.m-banner .bx-wrapper .bx-pager.bx-default-pager a.active::after,
.m-banner .bx-wrapper .bx-pager.bx-default-pager a:focus::after,
.m-banner .bx-wrapper .bx-pager.bx-default-pager a:hover::after{
	position: absolute;
	content: '';
	left: -4px;
	top: -4px;
	width: 12px;
	height: 12px;
	border: 2px solid #b60005;
	padding: 2px;
	border-radius: 50%;
	background: transparent;
}

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


/*phome*/
.m-banner .bx-wrapper .bx-pager.bx-default-pager a{
	/*width: .6rem;
	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 {
  width: 1rem;
  height: 1.3rem;
  margin-top: -.7rem;
  background-size: cover !important;
}