@charset "utf-8";
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width:1980px) {
	/* pagewrap */
	#pagewrap {
		width:100%;margin:0 auto;
	}
	
	#biaoti {
		height: auto; width:680px; float:left;margin-bottom:10px;
	}
	#header {
		height: auto; width:1000px;margin:0 auto;
	}
	#wytw{ float:right; margin-right:10px; margin-top:20px; margin-bottom:20px;}
	#daan{height: auto; width:680px; float:left;background-color:#FFFFFF;}
	#youbian{float:right; margin-top:10px;background-color:#FFFFFF;width:290px;}
	#zuobian{float:left; margin-top:10px;width:680px;background-color:#FFFFFF;}
	#pcbujian{display:none;}


	
}


/*以下是手机端*/

@media screen and (max-width:980px) {

	/* pagewrap */
	#pagewrap {
		width: 100%;
	}
	
    /* biaoti */
	#header {
		height: auto; width:100%;
	}
    #biaoti {
		height: auto; width:100%; margin-bottom:10px;
	}
	#daan{height: auto; width:100%;}
    #wytw{display:none;}
	#youbian{display:none;}
	#head_bujian{display:none;}
	#zuobian{margin-top:10px;height: auto; width:100%;background-color:#FFFFFF;}
#pcbujian{display:none;}
#syzuo{width:100%;}
	#syyou{display:none;}
	#syzhong{display:none;}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {



	/* header */
	#header {
		height: auto;width:100%;
	}
	/* biaoti */
	#biaoti {
		height: auto; width:100%;margin-bottom:10px;
	}

    #wytw{display:none;}
    #daan{height: auto; width:100%;}
    #youbian{display:none;}
	#zuobian{margin-top:10px;height: auto; width:100%;background-color:#FFFFFF;}
#pcbujian{display:block;}
#syzuo{width:100%;}
	#syyou{display:none;}
	#syzhong{display:none;}

	#head_bujian{display:none;}
	#wytw{display:none;}
	#pctup{width:100%; height:auto;margin:0 auto;}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}


    #header {
		height: auto; width:100%;
	}

    /* biaoti */
	#biaoti {
		height: auto; width:100%;margin-bottom:10px;
	}
    #daan{height: auto; width:100%;}

    #head_bujian{display:none;}
    #wytw{display:none;}
	#youbian{display:none;}
	#zuobian{margin-top:10px;height: auto; width:100%;background-color:#FFFFFF;}
#pcbujian{display:block;}
	#syzuo{width:100%;}
	#syyou{display:none;}
	#syzhong{display:none;}

	

}