/* update by liujunyi */
/* CSS reset */
body {
	font:14px Microsoft YaHei,arial,verdana,sans-serif;
	background:url(../images/bodybackground.png) repeat left top;
}
body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,ol {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:hover {
	color:#BB1E13;
}


div .trendslink {
	text-decoration: underline;
}

a:link,a:visited, .maintext .trendslink:link, .maintext .trendslink:visited {
	color:#333;
	text-decoration:none;
	outline: none;
}

/* wrapper */
.wrapper {
	position:relative;
	margin:0 auto;
	width:1000px;
	min-height:150px;
	overflow:hidden;
	zoom:1;
	z-index: 3;
}

.wrapper2 {
	margin-top:460px;
}

.wrapper3 {
	margin-top: 245px;
	margin-bottom: 50px;
}
.wrapper3 .productCon {
	color:#666666;
}
.wrapper4 {
	width:1100px;
}

/* 对包装顶部导航栏的wrapper做一下特殊设置. 比方说用个id马克一下然后设置啥的. */
#wrapperWrappingNav {
	width: 1091px;/* title.png的宽度是1100px */
}

/* nav */
.nav {
	position: absolute;
	width: 1091px;/* title.png的宽度是1100px */
	height: 70px;
	background: url(../images/title.png) no-repeat left top;
	overflow: hidden;
	zoom:1;
}

#nav-logo {
	width: 234px;
	height: 72px;
}

.nav img {
	float:left;
	margin-left:0;
	/*margin-top: 12px;*/
	margin-right: 25px;
}
.nav ul {
	float:left;
	overflow: hidden;
	zoom:1;
}
.nav li {
	float:left;
	width:100px;
	height:70px;
	line-height:70px;
	font-family:Microsoft YaHei,arial,verdana,sans-serif;

}
.nav li a {
	display:block;
	font-size:16px;
	color:#222;
	text-align:center;
}
.nav li a:hover {
	color:#C11F13;
	font-weight: bold;
}

.nav .select {
	width:152px;
	height: 70px;
	background:url(../images/navi-background.png) no-repeat center top;
}
.nav .select a {
	color:#fff;
}
.nav .select a:hover{color:#fff;}
.nav .home{width:80px}
.nav .home a {
	color:#c11f13;
}

/* sidenav导航栏下方侧边栏的定制 */
.sidenav {
	position:absolute;
	top:70px;
	height:46px;
	line-height:46px;
	overflow:hidden;
	float: left;
	zoom:1;
	display: none;
}

.sidenav ul {
	float: left;
}

/* 导航栏下方侧边栏左侧的样式设置 */
/**
 * left-side-navi.png、middle-side-navi.png、right-side-navi.png由李晓玉完成关键修整, 赞美女神.
 * 世界上没有钱解决不了的问题.
 */
.sidenav .left {
	float:left;
	width:35px;
	height:46px;
	background:url(../images/left-side-navi.png) no-repeat left top;
}

.sidenav .right {
	float:left;
	width:35px;
	height:46px;
	background:url(../images/right-side-navi.png) no-repeat left top;
}

.sidenav li {
	float:left;
	background:url(../images/middle-side-navi.png) repeat-x left top;
	background-size: 1920px 46px;
	padding:0 18px;
}
.sidenav li a {
	color:#fff;
	font-size:12px;/* 这里字体大小必须是12px, 一方面是因为12px是人眼看字体能达到舒适效果时最小的字体; 另外一方面也是因为13px的时候范围就超了. */
}
.sidenav li a:hover {
	/*font-weight: bold;*/
	color: red;
}

/* 导航栏菜单的偏移设置. 这里必须精确到像素级. */
.menu1 {
	left:55px;
}
.menu2 {
	left:120px;
}
.menu3 {
	left:118px;
}
.menu4 {
	left:300px;
}

/* banner2 */
.banner2 {
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:370px;
	background:url(../images/banner3.jpg) no-repeat center top;
}

/* content */
.content {
	overflow:hidden;
	zoom:1;
}

/* index-product-block 用于六个产品的展示. */
.index-product-block {
	margin:100px 0;
	overflow:hidden;
	zoom:1;
}
.index-product-block li {
	float:left;
	margin-right:125px;/* 原先是35px */
	width:223px;
}
.index-product-block div {
	margin-bottom:20px;
	height:40px;
}
.index-product-block li a:hover {
	color: #00B0F0; /* 显示悬停态链接的文本颜色 */
}

.index-product-block p {
	line-height:25px;
	word-break: break-all;
}
.index-product-block .nomargin {
	margin:0;
}

/* section-3 底部腰子式导航的样式设置. */
.section-3 {
	margin-bottom:80px;
	overflow:hidden;
	zoom:1;
}

.section-3 ul {
	float:left;
	margin-right:15px;
	width:200px;/*原宽度是188px*/
	overflow:hidden;
	zoom:1;
	font-size: 12px;/* 10px是一个比较合适的值. 大了放不下. */
}
.section-3 h3 {
	margin-bottom: 1px;
	font-size: 14px;
	color: #333;
}
.section-3 li {
	height: 25px;
	line-height: 25px;
}
.section-3 li a {
	color: #888;
}
.section-3 a:hover {
	color: #111101;
	text-decoration: underline;
}
.section-3 .nomargin {
	margin:0;
}

/* bannerContent应用于首页-xxx-xxx那些. */
.bannerContent {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:45px;
	line-height:45px;
	color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.bannerContent .section {
	width:1000px;
	margin: 0 auto;
}
.bannerContent .section a {
	color:#fff;
	font-size:14px;
	cursor: pointer;
}
.bannerContent .section a:hover {
	color:yellow;
}

/* 这个选择器看起来不清真, 有机会瞅一眼看看怎么把它弄得清真一些. */
.bannerContent .section a span {
	padding-left:10px;
	font-size:12px;
	color:#999999;
}

.section-content {
	background-color:#fff;
	position:relative;
	width:100%;
}
/* indexTopWrapper 设置了对h1修饰, 有让字体居中的效果. */
.indexTopWrapper h1 {
	margin-top:50px;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:bolder;
	letter-spacing:5px;
}
.indexTopWrapper h2 {
	padding:8px 0;
	font-weight:normal;
	text-align:center;
	color:#AAAAAA;
	font-size:18px;
}

/* 别学拿h3来加粗字体这种傻逼写法. */
/* .indexTopWrapper h3 这个选择器我应该是给弃用了, 取而代之的是用.maintext修饰正文文本样式. */
.indexTopWrapper h3 {
	margin:0 30px;
	padding:50px 0 35px  0;
	line-height:32px;
	text-align:left;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-indent:2em;
}
.indexTopWrapper ul{margin-top:30px;overflow:hidden;zoom:1;}
.indexTopWrapper li{float:left;margin:8px 6px 8px 5px;text-align:center;}
.indexTopWrapper li p{font-size:16px;margin:15px 0 30px 0;}


/* 正文样式定制 */
.maintext {
	margin:0 30px;
	padding:50px 0 35px  5px;
	line-height:32px;
	text-align:left;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-indent:2em;
}

.maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6 {
	margin-bottom:30px;
	font-size:18px;
	clear:both;
}
.maintext h1 {
	color:#000;
	text-align:center;
}

.maintext h2 {
	font-size: 16px;
}

.maintext h3 {
	text-align: left;
	font-size: 14px;
}

.maintext h4, .maintext h5, .maintext h6 {
	text-align: left;
	font-size: 12px;
}
.maintext p {
	margin-bottom:20px;
	line-height:32px;
}

.maintext .trendslink {
	text-decoration: underline;
}

.maintext .trendslink:hover {
	color:#BB1E13;
	text-decoration: underline;
	font-weight: bolder;
}

/* indexBottomWrapper */
.indexBottomWrapper, .aboutAllrunbottom {
	margin-top:30px;border:1px solid #E4E4E4;border-left:0;border-right:0;background-color:#F9F9F9;overflow:hidden;zoom:1;}
.indexBottomWrapper ul{overflow:hidden;zoom:1;}
.indexBottomWrapper li{float:left;padding:30px 22px 45px 18px;width:244px;border-right:1px solid #E4E4E4;}
.indexBottomWrapper li h3 {
	padding-left:5px;
	font-size:20px;
	font-weight:normal;
	color:#000;
}
.indexBottomWrapper li img{margin:15px 0;border:5px solid #fff;}
.indexBottomWrapper li p{padding-left:5px;line-height:25px;font-size:14px;}
.indexBottomWrapper .noLeftPadding{padding-left:0;}
.indexBottomWrapper .noBorder {
	border:none;
	padding-right:0;
}
/* sideTopWrapper */
.sideTopWrapper li {
	float:left;
	margin:20px 50px;
	text-align:center;
}

/* footer 也就是页脚部分. */
.footer {
	padding-top:18px;
	height:75px;/* 控制底部高度的参数. 注意不要让下面有空白. */
	background:url(../images/footerbg.png) repeat-x center top;
	overflow:hidden;
	zoom:1;
}
.footer ul{margin-bottom:30px;overflow:hidden;zoom:1;clear:both;}
.footer li{float:left;margin-right:10px;}
.footer a{color:#545353;}
.footer a:hover{font-weight: bold;}

/* sideLeft 就是那个产品下的左侧边栏的标题. */
.sideLeft {
	float:left;
	width:210px;
	background-color:#F6F6F6;
	border:1px solid #E4E4E4;
}

/* 在原来的地方改标题级别的时候, 应该把这里也改了. */
.sideLeft h1 {
	height:45px;
	line-height:45px;
	font-size:16px;
	background-color:#DA251E;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.sideLeft ul {
	margin:0 15px 10px 15px;
	overflow:hidden;
	zoom:1;
}
.sideLeft ul li {
	float:none;
	margin:0;
	height:55px;
	line-height:55px;
	text-align:left;
	font-size:16px;
	border-bottom:1px solid #D2D2D2;
}

#rfid-lhs {
	width: 230px;
}

#rfid-rhs {
	width: 740px;
}

/* 富成远距离POE大功率供电交换机那个宽度不够, 重新定制一下. 左侧宽度加上20px. */
#remotepoe-lhs {
	width: 230px;
}

/* 相应的, 右侧宽度减少20px. 要注意素质. */
#remotepoe-rhs {
	width: 740px;
}

/* 这个是右侧的东西, 也是原来的内容*/
.sideRight{float:right;margin-left:20px;width:760px;}
.sideRight h1{margin-bottom:30px;text-align:center;font-size:18px;color:#000;font-weight:bolder;clear:both;}
.sideRight p{margin-bottom:20px;line-height:32px;color:#666666;}
.sideRight div{color:#666666;margin-bottom:20px;line-height:32px;}

/* 对产品、服务等正文样式的定制 */
.containerFluid p {
	font-size:16px;
	line-height:40px;
}

/* list */
.list ul{overflow:hidden;zoom:1;font-size:16px;}
.list li{padding:20px;height:28px;line-height:28px;border-bottom:1px solid #dfdfdf;}
.list li a{float:left;}
.list li span{float:right;font-size:14px;color:#aaa}

/* page 定制信息条目翻页的样式效果. */
.page {
	margin-top:30px;
	text-align:center;
}
.page a {
	display:inline-block;
	margin:0 20px;
	padding:0 20px;
	height:30px;
	line-height:30px;
	border:1px solid #efefef;
	background-color:#ccc;
	font-size:14px;
}
.page a:hover {
	background-color:#da251e;
	color:#fff;
}

.sitemap-category-title {
	font-weight: bold;
	color:#e53333 !important;
	font-size:14px;
}

.sitemap-category-content {
	font-size: 14px;
}

.newsimage-div {
	text-align: center;
}