﻿@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 992px) {
	* {list-style:none; margin:0; padding:0;outline:none;}
	input { font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif;}
	body {font-size: 14px; font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif; color:#1A1A1A; margin:0; padding:0; background:#fff url(../images/bg_body.jpg) top repeat-x; overflow-x:hidden; text-align:center; min-width:1200px;}
	a {text-decoration: none;color:#444; cursor:pointer;}
	a:hover {text-decoration: none; color: #a0192d;}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	#container {text-align:center; width:1200px; margin:0 auto; text-align:left;}
	ul {list-style:none;}
	.hide {display:none;}
	.pagehead {margin:0 auto; width:100%; height:668px;}
	.pagehead #logo {padding:0; background:url(../images/toptel.jpg) right no-repeat; height:117px; width:100%;}
	.pagehead #logo a.mlogo {display:none;}
	.pagehead #logo h1,.pagehead #logo p {display:none;}
	
	.pagehead #nav {height:51px; line-height:51px; text-align:center;}
	.pagehead #nav a.navmenu {display:none;}
	.pagehead #nav ul {height:51px;}
	.pagehead #nav ul li {float:left; text-align:center; width:120px; position:relative;}
	.pagehead #nav ul li a {font-size:16px; display:block; width:100%;}
	.pagehead #nav ul li.on a,.pagehead #nav ul li.active a {background-color:#d0231c; color:#fff;}
	.pagehead #nav ul li .drop {position:absolute; z-index:10001; display:none; line-height:42px; width:120px; height:0; overflow:hidden;}
	.pagehead #nav ul li.on .drop {height:auto;}
	.pagehead #nav ul li .drop a {color:#fff; background-color:#f44139; font-size:13px;}
	.pagehead #nav ul li .drop a:hover {background-color:#d0231c;}
	.pagehead #nav ul li.on .drop {display:block;}
	
	
	#pagebody {padding:0; text-align:left;}
	
	#pagefoot {width:100%; background-color:#4d4d4d; padding:25px 0; line-height:30px; text-align:center; color:#fff; font-size:14px;}
	#pagefoot a {color:#fff;}
	#pagefoot .micpnumber {display:none;}
	#pagefoot .botbar {display:none;}
}


@media only screen and (max-width: 991px) {
	* {list-style:none; margin:0; padding:0;outline:none;}
	input { font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif;}
	body {font-size: 14px; font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif; color:#1A1A1A; margin:0; padding:0; background:#fff;}
	a {text-decoration: none;color:#444; cursor:pointer;}
	a:hover {text-decoration: none; color: #a0192d;}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	#container {text-align:center; width:100%; margin:0 auto; text-align:left;}
	ul {list-style:none;}
	.hide,.mhid {display:none;}
	.pagehead {margin:0 auto; width:100%; position:relative;}
	
	.pagehead #logo {padding:15px; float:left; width:50%; padding-right:0;}
	.pagehead #logo a:not(.mlogo) {display:none;}
	.pagehead #logo a.mlogo img {width:100%; max-width:300px;}
	.pagehead #logo h1,.pagehead #logo p {display:none;}
	
	.pagehead #nav {height:42px; width:42px; background-color:#f44139; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; float:right; margin-right:15px; margin-top:5%; position:relative;}
	.pagehead #nav a.navmenu {display:block; width:42px; height:42px; color:#fff; text-align:center; line-height:42px;}
	.pagehead #nav ul {width:133px; position:absolute; right:0; top:42px; z-index:10001; background-color:#f44139; display:none;}
	.pagehead #nav ul li {text-align:center; width:133px; position:relative;}
	.pagehead #nav ul li.home,.pagehead #nav ul li.active {display:block;}
	.pagehead #nav ul.ny li a.para {display:none;}
	.pagehead #nav ul li .drop {display:none;}
	.pagehead #nav ul.ny li.active .drop {display:block;}
	.pagehead #nav ul li a {display:block; line-height:42px; font-size:16px; color:#fff;}
	
	
	#pagebody {padding:0; text-align:left;}
	
	#pagefoot {width:100%; background-color:#4d4d4d; padding:25px 0 75px 0; line-height:30px; text-align:center; color:#fff; font-size:14px;}
	#pagefoot a {color:#fff;}
	#pagefoot .icpnumber {display:none;}
	#pagefoot .botbar {width:100%; max-width:640px; position:fixed; bottom:0; height:50px; background-color:#f7f7f7; border-top:1px solid #ececec; z-index:121;}
	#pagefoot .botbar ul {margin:0;}
	#pagefoot .botbar ul li {width:33%; float:left; height:50px; overflow:hidden; border-right:1px solid #ececec;}
	#pagefoot .botbar ul li a {display:block; height:46px; padding-top:12px; text-align:center; line-height:16px; color:#7c8083; font-size:12px;}
	#pagefoot .botbar ul li a i {display:block; font-size:24px; color:#027cc9;}
	#pagefoot .botbar ul li:nth-child(3n) {border-right:none;width: calc(34% - 2px);}
	#pagefoot .botbar ul li.on a {color:#027cc9;}
	#pagefoot .botbar ul li.on i {color:#027cc9;}
	#pagefoot .botbar ul li.focus a {color:#F00;}
}