@media screen and (min-width:320px) and (max-width:1100px) {
		
	.header,.headbar,#top{
		display: none;
	}
	#top{
		display: none !important;
	}
	.phoneheader{
		    background-image: url(../images/18c333a.png);
		      background-repeat: no-repeat;
		     display: block;
		      position: fixed;
		      top: 0;
		      left: 0;
		      right: 0;
		      z-index: 30;
			  height: 0;
		      width: 100%;
		      padding-bottom: 14.84375%;
		      background-position: bottom;
		      background-size: 114%;
		 
	}
	.phoneheader .logo{
		position: absolute;
		left:50%;
		width:1.5rem;
		text-align: center;
		margin-left:-.75rem;
		top:10px;
	}
	.phoneheader .logo img{
		width: 1.5rem;
	}
	
	.phoneheader .menu{
		position: absolute;
		width:1.4rem;
		height: .5rem;
		top:6px;
		right:15px;
		background:url(../images/6b7bac8.png) no-repeat center center/100%;
	}
	.phoneheader .menu.active{
		background:url(../images/1c4e076.png) no-repeat center center/100%;
		
	}
	.mobile-container{
		position: fixed;
		top:70px;
		width: 100%;
		z-index:999;
	}
	.mobile-container li:nth-of-type(1){
		background:url(../images/b7004ec.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(2){
		background:url(../images/1b912a3.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(3){
		background:url(../images/cff51d0.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(4){
		background:url(../images/46801ad.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(5){
		background:url(../images/84a899b.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(6){
		background:url(../images/40e6a0a.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(7){
		background:url(../images/0e11719.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li:nth-of-type(8){
		background:url(../images/79f1621.png) no-repeat center center/cover;
		height: .9rem;
	}
	.mobile-container li a{
		display: block;
		line-height: .9rem;
		padding-left:6%;
		font-size: .3rem;
		font-weight: 700;
	}
	.mobile-container .close{
		line-height: 40px;
		background-color: #13171b;
		color:#33e0ff;
		font-size: 14px;
		text-align: center;
	}
	.container{
		
			background:url(../images/07360b7.png) no-repeat top center !important;
			padding:16% 0 20px;
	}
	
	.wrap {
	   
	    max-width: 100%;
	}
	.container .swiper-father{
		margin:0;
		padding-top:15px;
		background: url(../images/5d98b12.png) no-repeat top center/cover;
	}
	.container .swiper-father .swiper-container{
		width: 75%;
		margin:0 12.5%;
	}
	.container .swiper-button-prev,.container .swiper-button-next{
		display: none;
	}
	.container .swiper-father .lunbo,.container .swiper-father .lunbo img{
		height: 26px;
	}
	.container .swiper-father .lunbo .contents{
		line-height: 26px;
	}
	.container .swiper-father .lunbo .contents a{
		font-size: 14px;
	}
	.container .swiper-father .lunbo{
		margin:0 auto 10px;
	}
	
		
	.indexnews{
		background-image: url(../images/596865e.png);
		padding:0 0 10px;
	}
	.indexnews .tab{
		height: 115px;
			width:96%;
	}
	.indexnews .list{
		position: relative;
		top:0;
		width:96%;
		margin:0 auto;
		padding-top:8%;
		right:0;
	}
	.indexnews .list li{
		width:31%;
		margin:0 2% 4px 0;
		line-height: 26px;
		height: 26px;
	}
	.indexnews .list li:nth-of-type(3n){
		margin-right: 0;
	}
	.indexnews .list li a{
		font-size: 14px;
	}
	.indexshop .text{
		position: relative;
		top:0;
		right:0;
		width:96%;
		margin:0 auto;
			font-size: 12px;
			height: 35px;
			margin-bottom: 5px;
		
	}
	
	.indexshop{
		background-image: url(../images/704dd82.png);
		padding:8% 0 15px;
	}
	.indexshop .contents{
		height: 200px;
		width:96%;
	}
	.indexnews .tab .tablist li{
		padding:8px 10px;
	}
	.indexnews .tab .tablist li p.title{
		font-size: 12px;
	}
	.indexnews .tab .tablist li p.font{
		font-size: 14px;
	}
	.container div.link{
		padding:20px 6% 0;
	}
	.container div.link a{
		width:47%;
		margin:0 4% 5px 0;
	}
	.container .link a:nth-of-type(2n){
		margin-right: 0;
	}
	.footer .ico{
		display: none;
	}
	.footer{
		margin:0;
	}
	.footer .content{
		padding:40px 2%;
	}
	.footer .logo img{
		display: block;
		margin:0 auto 10px !important;
	}
	.footernav{
		 display: block;
	}
	.footernav ul{
		   
		    background:url(../images/42b5c12.png) no-repeat center/cover;
		   display: block;
		   padding:7px 0;
	}
	.footernav li{
		width: 16%;
		background:url(../images/5dae021.png) no-repeat center center/cover;
		padding-bottom: 15%;
		height: 0;
		margin:0 3% 0 0;
		position: relative;
	}
	.footernav li:nth-of-type(1){
		background:url(../images/f1.1.png) no-repeat center center/cover;
	}
	.footernav li:nth-of-type(2){
		background:url(../images/f2.png) no-repeat center center/cover;
	}
	.footernav li:nth-of-type(3){
		background:url(../images/f3.png) no-repeat center center/cover;
	}
	.footernav li:nth-of-type(4){
		background:url(../images/f4.png) no-repeat center center/cover;
	}
	.footernav li:nth-of-type(5){
		background:url(../images/f5.png) no-repeat center center/cover;
	}
	.footernav li:last-child{
		margin-right: 0;
	}
	.footernav li a{
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
		font-size: 14px;
		text-align: center;
	
		padding-top:26.5%;
		box-sizing: border-box;
		color:#333;
	}
	.footernav ul{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding-top:5px;
	}
	.container .box .fr,.container .box .fl{
		width: 100%;
	}
	.container .box .fr p.title{
		line-height: 1rem;
		font-size: .32rem;
		background:url(../images/c1d1f9d.png) no-repeat center center/cover;
	}
	.container .box .fl ul{
		background:none;
		padding:20px 0 10px;
		margin:0;
		    background-color: #13171b;
	}
	.container .box .fl span{
		line-height:.8rem;
		height: .8rem;
		background:url(../images/4e802b2.png) no-repeat center center/cover;
		font-size: .3rem;
	}
	.container .box .fl li{
		border: 1px solid #ffe100;
		border-left-width: 5px;
		background:none;
		width: 90%;
		height: 70px;
		margin:0 auto 10px;
	}
	.container .box .fr .card_content .search h2{
	       font-size: 12px;
	     
	}
	.container .box .fr .card_content .search .list span{
		font-size: 12px;
		width: 60px;
		text-align: left;
	}
	.container .box .fr .card_content .search .list{
		display: block;
	}
	.container .box .fr .card_content .search .list .left, .container .box .fr .card_content .search .list .right{
		width: 100%;
		margin-bottom: 10px;
	}
	.container .box .fr .card_content .search .list input{
		width: 70%;
	}
	.container .box .fr .card_content .search button{
		background-size:70%;
		font-size: 14px;
		margin:0 auto;
	}
	
	.page .tabtitle{
		width:100%;
		text-align: center;
	}
	.container .box .fr .card_content .tabs .list .tablist:first-child li{
		width:47%;
		margin:0 6% 5px 0;
		height: auto;
	}
	.container .box .fr .card_content .tabs .list .tablist:first-child li:nth-of-type(2n){
		margin-right: 0;
	}
	.container .box .fr .card_content .tabcard_left{
		display: none;
	}
	.container .box .fr .card_content .tabcard_right{
		width: 100%;
	}
	.container .box .fr .card_content .tabcard_right img.phone-img{
		display: block;
		margin:10px auto;
		width:40%;
	}
	.container .box .fr .card_content .tabcard_right p.titles{
		font-size: 16px;
	}
	.container .box .fr .card_content .tabcard_right .text .right{
		width: 75%;
	}
	.container .box .fr .card_content .tabcard_right .text img{
		width: 20%;
	}
	.container .box .fr .card_content .tabcard_right .text2 img{
		width: 70px;
	}
	.container .box .fr .card_content .tabcard_right .text2 .right{
		width: 75%;
	}
	.shop p.title,.contact p.title{
		background:url(../images/95d0af2.png) no-repeat center center/cover;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
	}
	.shop .content,.contact .content{
		padding:10px 3%;
	}
	.shop .content .search p{
		line-height: 24px;
		font-size: 12px;
	}
	.shop .content .search .tab{
		padding:10px 2%;
	}
	.shop .content .search .tab .list span{
		display: block;
		text-align: center;
		margin:0;
		width: 100%;
		margin-bottom: 7px;
	}
	.shop .content .search .tab .list{
		margin-bottom: 15px;
	}
	.shop .content .search .tab .list select.small,.shop .content .search .tab .list select,.shop .content .search .tab .list input{
		width: 100%;
	}
	.shop .content .search .tab .list select.small:last-child{
		margin-top:7px;
	}
	.shop .content .search button,.contact .content button{
		background-size: 70%;
		height: 45px;
		line-height: 45px;
	}
	.contact .content button:hover,.shop .content .search button:hover{
		opacity: .5;
	}
	.page a{
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.shop .content .address .tab li span,.contact .content .list span{
		font-size: 14px;
		width: 20%;
		padding-left:5px;
	}
	.shop .content .address .tab .right{
		line-height: 25px;
		display: flex;
	}
	.shop .content .address .tab .right,.shop .content .address .tab .right a{
		font-size: 14px;
	}
	.shop .content .text p{
		font-size: 16px;
	}
	.footer .logo a{
		position: relative;
		display: block;
		margin:0 auto;
	}
	.contact .content .event>span{
		line-height: 40px;
		margin-bottom: 20px;
	}
	.contact .content .event ul li font{
		display: block;
		margin-left:20px;
	}
	.contact .content .event ul li{
		line-height: 20px;
		margin-bottom: 20px;
	}
	/* .footertop.active{
		position: fixed;
		bottom:0;
		width: 100%;
	} */
	.page2 form{
		padding-top:50px;
	}
}