@media only screen and (min-width: 640px) {
	* {
		padding: 0;
		margin: 0;
		list-style: none;
		font-family: "Microsoft YaHei", verdana;
	}
	.container {
		padding: 0;
		width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}
	.header {
		position: fixed;
		z-index: 999;
		height: 80px;
		width: 100%;
	}
	.header2 {
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0px 2px 5px #CCCCCC;
	}
	.header .logo {
		float: left;
		padding-top: 10px;
	}
	.header .logo2{
		display: none;
	}
	#nav {
		width: 82%;
		height: 80px;
		float: right;
		margin-bottom: 0;
	}
	#nav .navlist {
		float: left;
		width: 11.1%;
		text-align: center;
		height: 80px;
	}
	#nav .navlist a {
		color: #000;
		height: 80px;
		font-weight: bold;
		display: block;
		text-decoration: none;
		font-size: 14px;
		padding-top: 20px;
	}
	#nav .navlist a span {
		font-weight: normal;
	}
	#nav .navlist:hover a {
		color: #FFFFFF;
		background: #222222;
	}
	#nav .a1 a {
		color: #FFFFFF;
		background: #222222;
	}
	#nav .back{
		display: none;
	}
	#nav .navlist .navdropdown {
		display: none;
		position: absolute;
		width: 100%;
		z-index: 999;
		text-align: center;
		left: 0;
		padding-left: 35%;
		background: rgba(255, 255, 255, 0.9);
	}
	#nav .navlist .navdropdown li {
		float: left;
		border: none;
		height: 100px;
		text-align: left;
		margin-right: 40px;
	}
	#nav .icon .navdropdown li img {
		width: 45px;
		height: 60px;
		margin-right: 10px;
		padding-top: 15px;
		margin-bottom: 2px;
		margin-left: -4px;
	}
	#nav .icon .navdropdown li {
		margin-right: 65px;
	}
	#nav .icon .navdropdown li a {
		line-height: 25px !important;
		font-size: 14px !important;
	}
	#nav .navlist .navdropdown li a {
		height: 85px;
		line-height: 95px;
		text-decoration: none;
		color: #808080;
		font-size: 15px;
		padding: 0;
		background: none;
	}
	#nav .navlist .navdropdown li a:hover {
		text-decoration: none;
		color: #222;
	}
	.footer {
		background: #ececec;
		padding-top: 40px;
	}
	.footer .logo {
		float: left;
		margin-right: 40px;
	}
	.footer .left {
		width: 55%;
		float: left;
	}
	.footer .left ul li {
		float: left;
		width: 50%;
		margin-top: 25px;
	}
	.footer .left .p1 {
		font-size: 16px;
		margin-bottom: 0px;
		color: #333333;
	}
	.footer .left .p1-1 {
		color: #666666;
		font-size: 15px;
		margin-bottom: 0px;
	}
	.footer .right {
		width: 20%;
		float: left;
	}
	.footer .right ul li {
		float: left;
		width: 50%;
		text-align: center;
	}
	.footer .right ul li img {
		margin-bottom: 10px;
		width: 95px;
		height: 95px;
	}
	.footer .right ul li p {
		font-size: 12px;
		margin-bottom: 0;
		color: #333333;
	}
	.footer .bottom {
		background: #e1e1e1;
		height: 35px;
		line-height: 35px;
		margin-top: 40px;
		text-align: center;
	}
	.footer .bottom p {
		margin-bottom: 0;
		font-size: 12px;
		color: #666;
	}
	.footer .bottom p a {
		color: #666666;
		margin-left: 25px;
	}
}

@media only screen and (max-width: 640px) {
	* {
		padding: 0;
		margin: 0;
		list-style: none;
		font-family: "Microsoft YaHei", arial;
	}
	.container {
		width: 100% !important;
		min-width: 300px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.floating_ck {
		display: none;
	}
	.header {
		z-index: 999;
		width: 100%;
		position: fixed;
		top: 0;
		height: 152px;
		background: #FFFFFF;
	}
	.header .container{
		padding: 0;
		background: #222222;
		height: 90px;
	}
	.header .logo {
		display: none;
	}
	.header .logo2{
		width: 80%;
		margin-left: 10%;
		padding: 10px 0;
	}
	#nav {
		width: 100%;
		height: 90px;
	}
	#nav .navlist {
		float: left;
		width: 20%;
		text-align: center;
		height: 45px;
	}
	#nav .navlist a {
		color: #FFFFFF;
		height: 45px;
		font-weight: bold;
		display: block;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.0;
		padding-top: 9px;
		border-bottom: 1px solid #303030;
	}
	#nav .navlist a span {
		font-weight: normal;
		font-size: 11px;
	}
	#nav .navlist:hover a {
		color: #FFFFFF;
		background: #222222;
	}
	#nav .a1 a span{
		border-bottom: 1px solid #FFFFFF;
	}
	#nav .navlist .navdropdown {
		display: none !important;
	}
	.footer{
		background: #ececec;
	}
	.footer .logo{
		width: 65%;
		margin-left: 17.5%;
		margin-top: 20px;
	}
	.footer .left{
		margin-top: 15px;
	}
	.footer .left ul li{
		margin-bottom: 15px;
		text-align: center;
	}
	.footer .left .p1 {
		font-size:130%;
		margin-bottom: 0px;
		color: #333333;
	}
	.footer .left .p1-1 {
		color: #666666;
		font-size:130%;
		margin-bottom: 0px;
	}
	.footer .right ul li {
		float: left;
		width: 50%;
		text-align: center;
		margin-top: 15px;
	}
	.footer .right ul li img {
		margin-bottom: 10px;
		width: 80%;
	}
	.footer .right ul li p {
		font-size: 120%;
		margin-bottom: 0;
		color: #333333;
	}
	.footer .bottom {
		background: #e1e1e1;
		margin-top: 40px;
		text-align: center;
		padding: 10px 0;
	}
	.footer .bottom p {
		margin-bottom: 0;
		font-size:110%;
		color: #666;
	}
	.footer .bottom p a {
		color: #666666;
		margin-left: 10px;
		line-height: 30px;
	}
	
	@media only screen and (min-width: 530px) and (max-width: 640px) {
		* {
			font-size: 16px;
		}
	}
	@media only screen and (min-width: 420px) and (max-width: 520px) {
		* {
			font-size: 14px;
		}
	}
	@media only screen and (min-width: 390px) and (max-width:420px) {
		* {
			font-size: 13px;
		}
	}
	@media only screen and (min-width: 330px) and (max-width: 389px) {
		* {
			font-size: 12px;
		}
	}
	@media only screen and (min-width: 300px) and (max-width: 330px) {
		* {
			font-size: 11px;
		}
	}
}