@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 980px) {
    
    button { outline:none}
   .top { display:none;}
   .sp_header { display:block}
   
   #zs {  padding-top:70px;}
   .m { width:100%}
   
   #zs .tit {    width: 100%;
    text-align: center;}
	
	
	#zs ul li img {height:auto;}
	
	
	
	#zs ul li {
    float: none;
    width: 85%;
    margin: 0;
    margin: 0 auto;
    height:auto;
}


.mc {    width: 92%;
    margin: 0 auto;}
	
	
	.nr {    width: 92%;
    margin: 0 auto;
    margin-top: 30px;}
	
	
	 #as .tit {    width: 100%;
    text-align: center;}
	
	#as ul li {
    float: none;
    width: 85%;
    margin: 0;
    margin: 0 auto;
}

#as ul li img { height:auto;}

#as {  padding-top:70px;}
#as .ft {    text-align: center;}

#as .zuo {    width: 94%;
    float: none;
    margin: 0 auto;
    margin-top: 14px;}
	
#as .you	{    width: 95%;
    margin: 0 auto;
    float: none;
    margin-top: 17px;}
	
	#gl h2 {    text-align: center;}
	
	#gl ul li {    width: 95%;
    float: none;
    margin: 0 auto;}
	
	#pub {  padding-top:70px;}
	#pub .zuo { width:96%; float:none; margin:0 auto}
	#pub .you { width:96%; float:none; margin:0 auto; margin-top:15px;}
	#pub .you p { word-break:break-all}
	#xg {    margin-top: 40px;}
	#xg .title { margin-bottom:20px;}
	
	#xg ul li {
    float: none;
    width: 89%;
    margin: 0 auto;
    margin-bottom: 31px;
}


#mag {  padding-top:70px;}



#mag .zuo
{width: 74%;
    float: none;
    margin: 0 auto;}
	
	
	#mag .you
	{    width: 88%;
    float: none;
    margin-left: 0;
    margin-top: 2px;
    margin: 0 auto;}
	
	
	#con {
    padding-top: 84px;
}

#con .zuo
{    width: 96%;
    margin: 0 auto;
    float: none;}

	
	#con .you
	{    width: 92%;
    float: none;
    margin: 0 auto;
    word-break: break-all;
    margin-top: 34px;}

#con .tit { margin-bottom:19px;}


#zs .fl a {    width: 45%;
    line-height: 40px;}
	
	
	#shop {  padding-top: 84px;}
	
#shop .zuo {
    width: 96%;
    float: none;
    margin: 0 auto;
}

#shop .you {
    width: 96%;
    float: none;
    margin-left: 0;
    margin: 0 auto;
    margin-top: 13px;
}

#shop .you .tit { font-size:33px;     margin-bottom: 8px;}


#shop .you .ms {
    word-break: break-all;
    line-height: 29px;
    font-size: 19px;
}

#shop .you .jg {
    font-size: 27px;
    margin-bottom: 7px;
}
#shop .you .sl {    margin-top: 31px;}

.foot .d1 {    float: none;
    width: 63%;
    margin: 0 auto; margin-bottom: 13px;}
	
	
	.foot .d2 {    float: none;
    width: 63%;
    margin: 0 auto; margin-bottom: 13px;}
	
	.foot .d3 {    float: none;
    width: 63%;
    margin: 0 auto; margin-bottom: 13px;}
	
	.foot .d4 {    float: none;
    width: 63%;
    margin: 0 auto; margin-bottom: 13px;}
	
	#qw p { text-align:center}
	

}


@media screen and (min-width: 980px) {
   /*.top { display: block;}*/
   .sp_header { display:none}
}