@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;}
.shop{width:800px;margin:0 auto; position:relative;margin-top:20px; margin-bottom:50px;}
.shop img{width:130px;}
.mqj_sltk_ys{width:700px;overflow: hidden;margin:0 auto;padding-top: 12px;}
.ctrl{position:relative;left:50%;width:840px;margin-left:-350px;}
.ctrl li{margin:0 5px;}
.b_left,.b_right{background:#184390;border-radius: 6px;cursor:pointer;}
.b_left{background:url(bai_left.png) #184390 no-repeat center;position:absolute;width:35px;left:4px;height:74px;}
.b_right{background:url(bai_right.png) #184390 no-repeat center;position:absolute;right:4px;width:35px;height:74px;}
h1{display:block;height:42px;text-align: center; position:absolute;bottom:-14px;color:black;width:800px;;padding-left:20px;font-size:22px;}
.mqj_lbt_titile{text-align:center; line-height:100px; font-size:36px; font-weight:bold;}

.shop .current{opacity:0.5}
.banner_box img{display:block;margin:0 auto;}
ul{margin:0;padding:0;}
li{list-style:none;float:left;}
.banner_box{position:relative;margin:0 auto;overflow:hidden;width:800px;}
.banner_box ul{position:relative;left:50%;width:4800px;margin-left:-400px;height:417px;}
.banner_box li{float:left;width:800px;margin:0 auto;}	
	
  @media screen and (max-width:1024px){
		.banner_box{width:90%;margin:0 auto;}
		.banner_box ul{height:360px;margin-bottom:8px;}
		.banner_box img{width:100%;}
		h1{width:80%;bottom:-22px;margin-left:-32%;}
		.shop{width:88%;}
		.shop div{width:82%;}
		.ctrl{margin-left:-50%;	
		}

	@media screen and (max-width:780px){
		.banner_box{width:80%;margin:0 auto;}
		.banner_box ul{height:220px;}
		.banner_box img{width:60%;}
		.b_left,.b_right{width:18px;height:40px;margin-top:12px;}
		h1{width:80%;bottom:-22px;margin-left:-32%;}
		.shop{width:80%;}
		.shop div{width:88%;}
		.ctrl img{width:94px;;}
		.ctrl{margin-left:-50%;}
		}
		@media screen and (max-width:480px){
		.banner_box{width:90%;margin:0 auto;}
		.banner_box ul{height:150px;}
		.banner_box img{width:40%;}
			.mqj_lbt_titile{font-size: 26px;line-height: 70px;}
			.b_left,.b_right{width:18px;height:36px;border-radius: 4px;}
		h1{font-size:16px;width:80%;bottom:-22px;margin-left:-32%;}
		.shop{width:90%;}
		.shop div{width:82%;}
			.ctrl img{width:80px;}
		.ctrl{margin-left:-50%;}
			
		}
		
	@media screen and (max-width:360px){
		.banner_box{width:90%;margin:0 auto;}
		.banner_box img{width:30%;}
		.banner_box ul{height:110px;}
		.b_left,.b_right{width:20px;height:50px;}
		h1{padding-bottom:4px;width:360px;margin-left:210px;bottom:-36px;font-size:14px; line-height:16px;}
		.shop{width:90%;margin-top:0px;}
		.shop div{width:100%;margin-left:10%;}
		.ctrl{margin-left:-130px;}
		.ctrl li{width:60px;}
		.ctrl img{width:60px;}
		.mqj_lbt_titile{font-size: 20px;line-height: 50px;}
		.b_left,.b_right{width:12px;height:26px; border-radius:4px;background-size:100%;}
		
	@media screen and (max-width:320px){
		.banner_box{width:90%;margin:0 auto;}
		.banner_box img{width:30%;}
		.banner_box ul{height:110px;}
		.shop{width:90%;margin-top:0px;}
		.shop div{width:80%;}
		.ctrl{margin-left:-100px;}
		.ctrl li{width:56px;}
		.ctrl img{width:56px;}
		.b_left,.b_right{width:12px;height:24px; border-radius:4px;background-size:100%;}