/* CSS Document */

body {
	font-family: "Microsoft yahei", "微软雅黑", "Tahoma", "Verdana", "Arial", "sans-serif";
	background-color: #fff;
	margin: 0;
	padding: 0;
}
section{

width:100%;
float:left;
}
ul, nav, ol, dl, p, form, label, em, input {
/*float:left;*/
font-style:normal;
}
.section_content {
/*	padding: 10px 20px 0px 20px;*/
}
li {
	list-style: none;
}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
	line-height: 2em;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
#wrapper {
	background-color: #fff;
	font-size: 1em;
	/*font-size: 0.9375em;
		margin-top: -21px\9;*/
	width: 100%;
	height: auto;
}
.container {
	width: 100%;
	margin: 0 auto;

}
.header {
	float: left;
	background-color: #336699;
	width: 100%;
}
.sidebarleft {
	width: 200px;
	background-color: #EADCAE;
	padding: 10px 0;
	order: 2;
}
.sidebarright h2 {
	text-align: center;
}
.sidebarright {
	width: 220px;
	left: 85%;
	margin-top: 100px;
}
.main {
	
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
.content {
	width: 100%;
	order: 3;
}
.nav {
	width: 100%;
	list-style: none; /* 这将删除列表标记 */
	border-top: 1px solid #666; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
	border-bottom: 1px solid #666; /* 这将创建按钮间隔 */
}
.nav a { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	width: 200px;  /*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。 */
}
.nav a:hover, .nav a:active, .nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */
/*	background-color: #ADB96E;*/
	/*color: #FFF;*/
}
/* ~~ 脚注样式 ~~ */

.footer {
	width: 100%;
	margin: 0 auto;
	background-color: #336699;
	height: auto;
	padding: 0px;
	overflow: hidden;
	text-align: center;
}
.skip {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}
#float{
	width:200px;
	top:150px;
	position:fixed;
	right:3px;
	background-color:#336699;z-index: 99;
}
/* ---------顶部开始------------*/
.navheader {
	background-color: #003366;
	width: 100%;
	height: 32px;
	float: right;
	display:none;
}
.navheader li {
	padding-top: 0.5em;
	padding-right: 0.5em;
	color: #FFFFFF;
	margin-right: 10px;
	min-width: 100px;
	max-width: 200px;
	float: right;
}
.navheader li a:link, .navheader li a:visited {
	color: #FFFFFF;
}
.navheader li img {
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 2px 0 0;
}
.navdh {
	width: 1100px;
	height: 60px;
	margin: 0 auto;
	background-color: #336699;
	float: none;z-index: 97;
}
.navdh li {
	padding-right: 1px;
	padding-top: 1%;
	margin: 0 auto;
	float: left;
}
.nav_sub6 {
	width: 321px !important;
	text-align: left !important;
}
.nav_sub6 img {
	width: 200px;
	height: 47px;
}
.navdh li a, .navdh li p {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	float: left;
}
.weixin {
	position: relative;
}
.weixinimg {
	/*content: url("../images/gongzhonghao.jpg");*/
	position: absolute;
	right: -8px;
	top: 28px;
	z-index: 999;
	width: 113px!important ;
	height: 113px!important ;
	border: 1px solid #0095ba;
	border-radius: 4px;
	transform-origin: top right;
	display: none;
}
.weixin::after {
	content: url("../images/gongzhonghao.jpg");
	position: absolute;
	right: -8px;
	top: 32px;
	z-index: 99;
	width: 113px;
	height: 113px;
	border: 1px solid #0095ba;
	border-radius: 4px;
	transform-origin: top right;
	transform: scale(0);
	opacity: 0;
	transition: all .4s ease-in-out;
}
.weixin:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* -------------顶部结束-------*/

/*------底部开始------*/
.footerd2 {
	width: 90%;
	/*padding: 20px;*/
	margin: 0 auto;
	float: none;margin-left: 5px;
}
.footerd1 {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 auto;
	color: #FFFFFF;
	background-color: #003366;
	padding: 10px;
}
.footerd2 ul {
	float: left;
	width: 100%;
	color: #ffffff;
	margin: 0 auto;
	border: 1px solid #0095ba;
	border-radius: 4px;
	transform-origin: top right;
	padding:3px 2px 3px 5px;
}
.footerd2 ul li {
	width: 100%;
	margin: 0 auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;margin-left: 5px;line-height: 32px;
	
}
.footerd2 ul li a:link, .footerd2 ul li a:visited {
	color: #ffffff;
}
/*------底部结束------*/



/*--------------*/
.contenttopimg {
	width: 100%;
}
.biaoti {
	font-size: 24px;
	margin: 0 auto;
	display: block;
	padding: 10px 0;
	border-bottom: 2px solid #336699;
	width: 100%;
	text-align: center;
}
.section_null {
	/*background-color: #ffffff;*/
}
.section_gaishu {
	width: 1200px;
	margin: 30px auto;
	height: 350px;

}
/*--------------*/
.menunav{ display:none; }
#menucheck{ display:block; }
.zgdlogo{display:none;}
.section_toppic,.section_pro_toppic{width:100%;height:472px;}	
.toppic_text{margin:90px auto; width:840px; color:#ca0000;}
.toppic_text h2{font-size: 64px;text-indent: 1em;letter-spacing: 0.1em;}
.toppic_text ul{font-size: 32px;line-height: 1.5em;}
.toppic_text ul li{list-style: disclosure-closed;}
.pro_toppic_text{margin:130px auto; width:1000px; color:#ca0000;}
.pro_toppic_text h2{font-size: 64px;text-indent: 1.5em;letter-spacing: 0.1em;}
.pro_toppic_text ul{font-size: 32px;line-height: 1.5em;}
.pro_toppic_text ul li{float:left;list-style: disclosure-closed;margin-left: 60px;}