@media (max-width:450px) {
	header{
		padding:0.9375rem 0rem;
	}
	.mb-nav{
	    display:block;
	    float:right;
/* 	    margin: 0.5rem; */
	    position:relative;
	    top:0rem;
	    right:1rem
	  }
	  .mb-nav span{
	    font-size:2.5rem;
	  }
	.bxlogo{
		display: block;
		text-indent: -9999px;
		background:url(../images/bxlogo.png) no-repeat;
		background-size: cover;
		width:14.5rem;
		height: 2.25rem;
	}
	nav{
		display: none;
		width: 100%;
		background-color: rgba(255,255,255,.8);
		padding:0rem 0.625rem;
		box-shadow: 0rem 0.8rem 1.875rem 0.625rem rgba(0,0,0,.1);
	}
	.menu{
		display: block;
	}
	.menu li{
		padding:0.625rem 0rem;
		border-bottom: 0.0625rem dashed #e2e2e2;
		text-align: center;
	}
	.menu li a{
		color: #313131;
		line-height: 2rem;
		font-size: 1.125rem;
	}
	.banner{
		/* height: 18.75rem; */
		height: 12.5rem;
	}
	
	.i-slogan{
		position: absolute;
		top:30%;
		width: 100%;
		text-align: center;
		z-index: 10;
		margin:auto;
	}
	
	.i-slogan-tit{
		font-size:1rem;
		color:#fff;
		font-weight: bold;
		line-height: 2;
	}
	.i-slogan-desc{
		width:90%;
		margin: auto;
	}
	.i-slogan-desc p{
		font-size:0.75rem;
		color:#fff;
		line-height: 1.5;
	}
	.quickLinks{
		/* display: none; */
		position: absolute;
		width: 100%;
		left:5%;
		bottom:-2.0rem;
		z-index: 100;
	}
	.qlwarp{
		display: flex;
	}
	.qlwarp li{
		justify-content:space-between;
		flex-grow:1;
		height:5rem;
		line-height: 5rem;
		text-align: center; 
		background-color: #e2e2e2;
		transition: all 0.5s ease-in-out 0s;
	}
	.qlwarp li:hover{
		background-color: #007AFF;
		color: #fff;
	}
	.qlwarp li:hover a{
		
		color: #fff;
	}
	.qlwarp li a{
		color:#525252;
		font-size: 16px;
		transition: all 0.5s ease-in-out 0s;
	}
	
	footer{
		background-color: #434343;
	}
	/* footer */
	.i-foot-body{
		padding:1.25rem 0.625rem;
	}
	.i-foot-body ul{
		display: none;
	}
	.i-foot-body ul li{
		display: inline-block;
		padding:0px 0.9375rem;
		line-height: 2;
	}
	
	.i-foot-body li a{
		color:rgba(255,255,255,.6);
		font-size:0.875rem;
	}
	
	.i-foot-contact{
		padding:0.9375rem 0rem;
		text-align: center;
	}
	.i-foot-contact p{
		font-size:0.875rem;
		line-height: 2;
		color:rgba(255,255,255,.6);
	}
	.i-foot-contact h1{
		font-size: 1.125rem;
		line-height: 2;
		color:rgba(255,255,255,.8);
	}
	
	.i-foot-qrcode{
		margin-top:0rem;
		text-align: center;
	}
	.i-foot-qrcode-mb{
		display: inline-block;
		width:30%;
		margin:auto 0.9375rem;
	}
	.i-foot-qrcode-wx{
		display: inline-block;
		width:30%;
		margin:auto 0.9375rem;
	}
	.i-foot-qrcode-mb img{
		width: 100%;
		vertical-align: bottom;
	}
	.i-foot-qrcode-wx img{
		width: 100%;
		vertical-align: bottom;
	}
	.i-foot-qrcode-mb p{
		text-align: center;
		color:rgba(255,255,255,.6);
		font-size:0.875rem;
		line-height:3;
	}
	.i-foot-qrcode-wx p{
		text-align: center;
		color:rgba(255,255,255,.6);
		font-size:0.875rem;
		line-height: 3;
	}
	
	.i-foot-bottom{
		background-color: #222222;
		color:rgba(255,255,255,.6);
		text-align: center;
		font-size:0.875rem;
		padding:0.9375rem 0rem; 
	}
	.i-foot-bottom li a{
		color:rgba(255,255,255,.6);
		font-size:0.875rem;
	}
	/* swiper */
	.swiper-container {
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	/*自定义分页指示器样式*/
	
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom:10px;
	}
	
	.swiper-pagination-bullet {
		width: 1rem;
		height: 0.5rem;
		border-radius:0.5rem;
		text-align: center;
		color: #000;
		opacity: 1;
		background: rgba(255, 255, 255, .5);
		border: 1px solid rgb(28, 68, 93);
	}
	
	.swiper-pagination-bullet-active {
		width:1rem;
	  height: 0.5rem;
	  color: #fff;
	  background: rgb(255, 255, 255);
	  border-radius:0.5rem;
	}
	.swiper-button-next, .swiper-button-prev{
		width:0.8125rem;
		height:1.375rem;
		background-size: 0.8125rem 1.375rem;
	}
	
	.swiper-button-next{
		background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f7f7f7'%2F><%2Fsvg>");
	}
	.swiper-button-prev{
			background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f7f7f7'%2F%3E%3C%2Fsvg%3E");
	
	}
	
	
	
}

@media (min-width:1200px) {
	header{
		padding:30px 20px 20px 20px;
		text-align: center;
		/* border-bottom: 0.0625rem solid #e2e2e2; */
	}
	.mb-nav{
		display: none;
	}
	.bxlogo{
		/* margin-left: 0.9375rem; */
		display: block;
		float: left;
		text-indent: -9999px;
		background-image:url(../images/bxlogo.png);
		width: 25rem;
		height: 4.375rem;
	}
	nav{
		float: right;
		padding-top:15px;
		/* border-top: 0.0625rem solid #e2e2e2; */
		
		
	}
	.menu{
		/* padding:0rem 0.9375rem 0rem 0rem; */
		/* margin:auto; */
		height: 36px;
	}
	.menu li{
		float: left;
		padding:0rem  1rem;
		text-align: center;
		transition: all 0.5s ease-in-out;
		height: 36px;
		line-height: 36px;
		position: relative;
		z-index: 1000;
		
	}
/* 	.menu li:hover{
		background-color: #0052c2;
	} */
	.menu li a:hover{
		color:goldenrod;
		/* color:#0885ca; */
	}
	.menu li:hover .submenu{
		 display:table;
		/* display: flex; */
	}
	.menu li:hover .submenu-arrow{
		display: block;
	}
	.menu li:hover .submenu a{
		display: inline-block;
		padding:0px 10px;
	}
	.menu li>a{
		line-height: 2rem;
		font-size: 1rem;
		color: #222222;
	}
	.submenu{
		white-space: nowrap;
		 width: 100%;
		/* width: 400px; */
		border-radius:32px;
		position: absolute;
		display:none;
		/* flex-wrap: nowrap; */
		left:0px;
		top:36px;
		height:32px;
		line-height: 32px;
		background-color: rgba(0,0,0,.1);
		transition: all 0.2s ease-in;
		z-index: 2000;
	}
	.submenu-arrow{
		display: none;
		width:14px;
		height: 6px;
		position: absolute;
		top:-6px;
		left:0px;
		background: url(../images/submenu-arrow.png) no-repeat;
	}
	.submenu a{
		/* flex-grow: 1; */
		display: none;
		padding:0px 10px;
		font-size:14px;
		color:#424242;
		transition: all 0.2s ease-in;
	}
	.submenu a:hover{
		color:#fff;
	}
	.banner{
		overflow: hidden;
		width:100%;
		/* position: relative; */
		height:450px;
	}
	.i-slogan{
		position: absolute;
		top:30%;
		width: 100%;
		text-align: center;
		z-index: 10;
		margin:auto;
		padding:0px 50px;
	
	}
	
	.i-slogan-tit{
		font-size:48px;
		color:#fff;
		font-weight: bold;
	line-height: 2;
	}
	.i-slogan-desc{
		width:60%;
		margin: auto;
	}
	.i-slogan-desc p{
		font-size:14px;
			color:#fff;
		line-height: 2;
	}
	.quickLinks{
		/* display: none; */
		position: absolute;
		width: 90%;
		left:5%;
		bottom:-2.0rem;
		z-index: 100;
	}
	.qlwarp{
		display: flex;
	}
	.qlwarp li{
		justify-content:space-between;
		flex-grow:1;
		height:5rem;
		line-height: 5rem;
		text-align: center; 
		background-color: #e2e2e2;
		transition: all 0.5s ease-in-out 0s;
	}
	.qlwarp li:hover{
		background-color: #007AFF;
		color: #fff;
	}
	.qlwarp li:hover a{
		
		color: #fff;
	}
	.qlwarp li a{
		color:#525252;
		font-size: 16px;
		transition: all 0.5s ease-in-out 0s;
	}
	
	footer{
		background-color: #434343;
	}
	/* footer */
	.i-foot-body{
		padding:50px
	}
	
	
	.i-foot-body ul li{
		display: inline-block;
		padding:0px 20px;
		line-height: 2;
	}
	
	.i-foot-body li a{
		color:rgba(255,255,255,.6);
		font-size:14px;
	}
	
	.i-foot-contact{
		padding:30px 30px;
	}
	.i-foot-contact p{
		font-size: 14px;
		line-height: 2;
		color:rgba(255,255,255,.6);
	}
	.i-foot-contact h1{
		font-size: 18px;
		line-height: 2;
		color:rgba(255,255,255,.8);
	}
	
	.i-foot-qrcode{
		float: right;
		margin-top:20px;
		/* 
		font-size:14px;
		color:rgba(255,255,255,.7) */
	}
	.i-foot-qrcode-mb{
		display: inline-block;
		width:140px;
		height:140px;
		margin:15px;
	}
	.i-foot-qrcode-mb img{
		width: 100%;
		vertical-align: bottom;
	}
	.i-foot-qrcode-wx img{
		width: 100%;
		vertical-align: bottom;
	}
	.i-foot-qrcode-mb p{
		text-align: center;
		color:rgba(255,255,255,.6);
		font-size:14px;
		line-height:3;
	}
	.i-foot-qrcode-wx p{
		text-align: center;
		color:rgba(255,255,255,.6);
		font-size:14px;
		line-height: 3;
	}
	.i-foot-qrcode-wx{
		margin:15px;
		display: inline-block;
		width:140px;
		height:140px;
	}
	.i-foot-bottom{
		height: 40px;
		background-color: #222222;
		line-height: 40px;
		color:rgba(255,255,255,.6);
		text-align: center;
		font-size:14px;
	}
	.i-foot-bottom li a{
		color:rgba(255,255,255,.6);
		font-size:14px;
	}
	
	/* swiper */
	.swiper-container {
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	/*自定义分页指示器样式*/
	
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom:50px;
	}
	
	.swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #000;
		opacity: 1;
		background: rgba(255, 255, 255, .5);
		border: 1px solid rgb(28, 68, 93);
	}
	
	.swiper-pagination-bullet-active {
		width: 16px;
	  height: 8px;
	  color: #fff;
	  background: rgb(255, 255, 255);
	  border-radius:4px;
	}
	
	.swiper-button-next{
		background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f7f7f7'%2F><%2Fsvg>");
	}
	.swiper-button-prev{
			background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f7f7f7'%2F%3E%3C%2Fsvg%3E");
	
	}
}