﻿@charset "utf-8";
/* --------------------------------------------------
整体布局样式表

    版本:  3.0
    作者:  name
  email:  name@xxx.com
     qq:  369491785
    msn:  name@live.cn
    博客:  booke
-------------------------------------------------- */

/* =base 基本布局样式开始
-------------------------------------------------- */
#wrapper { width:952px;	margin:0 auto; }
#header, #content, #footer, #inner-header, #inner-content, #inner-footer {
	float:left;
	display:inline;
	height:auto;
	clear:both;
	position:relative;
}
#header {	width:100%;	background:url(../images/header-bg_03.jpg) repeat-x left top;	}
#content {	width:100%; border-top:1px solid #ddd; }
#main-coumn{ width:100%; float:left; clear:both; border-top:1px solid #999; margin-top:25px; }
#column {	float: left;	height: auto;	width: 257px;	text-align: left;	padding:0; }
#main {	float: right;	width: 695px;	text-align: left;	height: auto; }
#sidebar {	clear: right;	float: right;	height: auto;	width: 211px; }
#footer {	width:100%;	background: #fff;	margin-top:2px; border-top:1px solid #666; padding-top:20px; }
/* =inner-xxx 内页基本框架 */
#inner-content {	width:100%; border-top:1px solid #ddd; padding-top:18px; }
#inner-column {	float: left;	height: auto;	width: 220px;	text-align: left;	padding:0 8px; }
#inner-main{	float: right;	height: auto;	width: 600px;	text-align: left;	padding: 35px;  background:#f5f5f5; }
#inner-main-pro{	float: right;	height: auto;	width: 620px;	text-align: left;	padding: 35px;  background:#f5f5f5; overflow:hidden; }
#inner-main-news{ padding:35px; background:#f5f5f5; }
#wrap, #header, #footer, #inner-header, #inner-content, #inner-footer, #column, #main, #sidebar, #inner-column, #inner-main {
	overflow:hidden;
}
/* 两列等高(扩展到多列等高),也可以采用Jquery达到更好的效果 */
#a, #b {	padding-bottom:32767px;	margin-bottom:-32767px; }
/* =base 基本布局样式结束
-------------------------------------------------- */
/* =s=header
-------------------------------------------------- */
#logo-bar {
	float:left;
	clear:both;
	width:100%;
	padding:37px 0 5px 0;
	border-bottom:1px solid #000;
}
#logo {	float:left;	width:290px;	height:49px; }
.top-nav{ padding-right:10px; text-align:center; float:right;width:150px; }
.top-nav li{ display:inline; }
.top-nav li a{ color:#666; }
.top-nav li a:hover{ color:#F30; }
/* =nav网站主导航 */
#nav { float:left; padding:30px 0 0 18px; color:#333; }
#nav ul {	list-style-type: none; }
#nav ul li {	display:inline; padding:0 1px;	}
#nav ul li a {	font-size:12px;	color:#666; }
#nav ul li a:hover { color:#ce3d0e; }
#header-flash {	float:left; height: 217px;	width: 100%; clear: both; }
.dddbg{ margin:5px 0; background:#ddd; height:33px; float:left; clear:both; width:100%; }
#sub-nav{ padding-top:15px; padding-bottom:12px; float:left; clear:both; width:100%; text-align:left; border-top:1px solid #ddd; }
#sub-nav ul{ list-style:none;border-bottom:1px solid #000;  }
#sub-nav ul li{ display:inline; }
#sub-nav ul li a{}
#sub-nav ul li a:hover{}
#sub-nav ul li.listart{ color:#800; font-weight:bold; }
/* =e=header
-------------------------------------------------- */
/* =s=content
-------------------------------------------------- */
/* =inner */
#decro{ float:left; clear:both; padding-top:15px; width:100%; text-align:left; overflow:hidden; }
#stick{ width:257px; float:left; }
#stick h3{ font-size:12px; font-weight:normal; line-height:22px; }
#stick-cont{ padding:10px 0;line-height:16px;width:100%;}
#stick-img{ display:block; padding:5px 0; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#fight{ float:left; width:352px; color:#999; overflow:hidden; }
#fight h3{ font-size:12px; font-weight:normal; line-height:22px; }
#fight-cont{ background:#ecedef; line-height:22px; }
#fight-cont ul{ list-style:none; padding:25px 0 20px 20px; }
#fight-cont ul li{ padding:10px 0; }
#fight-cont ul li img{ vertical-align:middle; }
#fight-cont ul li span{ float:right; border-bottom:1px solid #FFF; width:270px; }
#fight-cont p{ text-align:center; border-top:1px solid #ccc; padding:20px 0; }
.line-border{float:left;clear:both;width:100%;height:1px;line-height:1px;border-top:1px solid #CCC;border-bottom:1px solid #000;}
#gain{ width:343px; float:left; overflow:hidden;height:360px; }
#gain h3{ font-size:12px; font-weight:normal; line-height:22px; }
#gain-cont{ height:300px;background:#ddd; text-align:center; padding:19px 0; overflow:hidden; }
#gain-cont a{ background:url(../images/bitc.jpg) no-repeat center top; display:block; width:250px; height:300px; }
#gain-cont a:hover{ background:url(../images/zetic.jpg) no-repeat center top; position:relative; top:0; left:0; }
#aboutlist{ background:#dfe1e3; padding:20px 5px 10px 5px; }
#comp-news{ background:#ecedef;width:100%; padding:10px 5px; }
#comp-news h3{ font-size:16px; font-weight:bold; color:#333; }
.inner{ background:#FFF; text-align:left; }
.inner h3{ width:100%; height:35px; background:url(../images/inner_03.jpg) no-repeat center top; }
.inner-cont{ padding:15px 15px; background:url(../images/inner_05.jpg) no-repeat center top; overflow:hidden; }
.inner-cont table, .inner-cont table td{border:none;}
.prflist{ padding:30px 0;}
.prflist li{ line-height:30px; } 
/* =affiche网站公告 */
.affiche{ margin-bottom:10px; width:100%; background:url(../images/affiche_09.jpg) no-repeat center bottom; padding-bottom:20px; }
.affiche h2{width:100%;}
.affiche p{ padding:10px;}
.gonggao-p{margin:0 auto;}
/* =profilelist */
.profile{ margin-bottom:10px; width:100%; background:url(../images/affiche_09.jpg) no-repeat center bottom; padding-bottom:20px; }
.profile h2{}
.profilelist {	padding:20px;	text-align:center; }
.profilelist li {	list-style:square inside;	border-bottom:1px dotted #CCC;	padding:8px 2px 0 0; }
.profilelist li a{ font-size:14px; }
.profilelist li a:hover{ font-size:14px; }
/* =about首页公司简介 */
.about{ width:417px; float:left; margin-top:10px; border-right:1px dotted #666; }
.about h3{ width:100%; height:30px; background:url(../images/index_08.gif) no-repeat center top; overflow:hidden; }
.about p{ background:url(../images/index_11.jpg) no-repeat center top; padding:15px; }
.about dl{ border-bottom:1px solid #999; padding:12px 0; float:left; width:100%; }
.about dl dt{ float:left; width:106px; }
.about dl dd{ float:right; width: 150px; }
/* =contact联系我们 */
.contact{width:100%;}
.contact h2{ width:100%; height:30px; background:url(../images/index_08.gif) no-repeat center top; }
.contact ul{ padding:10px; }
.contact ul li{}
/* =leftimg */
.leftimg{ width:100%;clear:both;text-align:center;padding:10px 0; }
.leftimg li{ }
/* =marketlist营销网络 */
.market{}
.market h2{}
.marketlist {	padding:20px;	text-align:center; }
.marketlist li {
	list-style:square inside;
	border-bottom:1px dotted #CCC;
	padding:8px 2px 0 0;
}
.marketlist li a{ font-size:14px; }
.marketlist li a:hover{ font-size:14px; }
/* =proclass树型产品分类 */
.proclass{margin-top:0px; background:#f9f9f9;}
.proclass h2{ width:100%; height:36px; background:url(../images/index_07.gif) no-repeat center top; }
.proclass-list{ padding:10px; border-bottom:1px solid #a1ddff; border-left:1px solid #a1ddff; border-right:1px solid #a1ddff; }
.proclasstree {	text-align: left;	padding: 0 20px; }
.proclasstree li {	line-height:22px;}
.proclasstree li img {vertical-align:middle;}
/* =parentstree产品折叠菜单 */
.parentstree{padding: 10px 20px; }
.parentstree li{}
.parentstree .substree{}
.parentstree .substree li{}
/* =navtreefirst栏目一级菜单(1) */
.navtreefirst {	text-align:left; }
.navtreefirst li {	display:inline;	padding:6px 0px; }
.navtreefirst li a { color:red; }
.navtreefirst li img {	vertical-align: baseline; }
/* 推荐产品 */
.stroll{ width:718px; margin:0 auto; padding-top:15px; }
.recoproduct{width:100%; background:url(../images/pro_05.jpg) no-repeat center bottom; padding-bottom:25px; }
.recoproduct h3{ width:100%; height:30px; background:url(../images/index_18.gif) no-repeat center top; }
.recopro-ul {	text-align:center;}
.recopro-ul li { float:left; margin:0 5px; display:inline; }
.recopro-ul li a{ display:block; border: 1px solid red; zoom:1; }
.recopro-ul li a:hover{ border: 1px solid green; background:#f5f5f5; }
.recopro-ul li .boximg{ margin:3px; }
.recopro-ul .boxtxt{}
/* =newpro-ul产品列表  */
.newpro-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.newpro-ul li { float:left; margin:5px; display: inline; zoom:1; }
.newpro-ul li a{ display:block; border: 1px solid #CCC; zoom:1; }
.newpro-ul li a:hover{ border: 1px solid green; background:#f5f5f5; zoom:1; }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ line-height:22px; clear:both; }
/* =caseclasstree树型案例分类 */
.caseclass{margin-top:0px; background:#f9f9f9;}
.caseclass h2{ width:100%; height:36px; background:url(../images/index_07.gif) no-repeat center top; }
.caseclass-list{ padding:10px; border-bottom:1px solid #a1ddff; border-left:1px solid #a1ddff; border-right:1px solid #a1ddff; }
.caseclasstree { text-align: left;	padding: 0 20px; }
.caseclasstree li { }
/* =case-ul案例列表 */
.case-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.case-ul li { float:left; margin:5px; display:inline; }
.case-ul li a{ display:block; border: 1px solid red; zoom:1; }
.case-ul li a:hover{ border: 1px solid green; background:#f5f5f5; }
.case-ul li .boximg{ margin:3px; }
.case-ul .boxtxt{}
/* =newslist资讯分类列表 */
.newsclass{ margin-bottom:10px; width:100%; background:url(../images/affiche_09.jpg) no-repeat center bottom; padding-bottom:20px; }
.newsclass h2{}
.newslist {	padding:20px;	text-align:center; }
.newslist li {	list-style:square inside;	border-bottom:1px dotted #CCC;	padding:8px 2px 0 0; }
.newslist li a{ font-size:14px; }
.newslist li a:hover{ font-size:14px; }
/* =topnews-ul最新资讯 */
.indexnews{ width:325px; margin-top:10px; float:right; }
.indexnews h3{ width:100%; height:30px; background:url(../images/index_18.gif) no-repeat center top; }
.topnews-ul {
	list-style-type: square;
	list-style-position: inside;
	color:#999;
	text-align:left;
}
.topnews-ul li {	padding-top: 5px;	border-bottom:dotted 1px #ccc;	line-height: 22px; }
.topnews-ul li span {	float:right; }
.topnews-ul li a {	color:#333; }
.topnews-ul li a:hover {	text-decoration:underline;	color:#F60; }
/* =classnews资讯列表 */
.classnews {	list-style: square inside;	color:#333;	text-align:left; }
.classnews li {	border-bottom:dotted 1px #999; padding-top:5px; }
.classnews li span {	float:right; color:#F60; }
.classnews li a { color:#666; }
.classnews li a:hover {	text-decoration:underline;	color:#F60; }
/* =friendlink */
.friendlink{ margin-top:10px; width:100%; background:url(../images/affiche_09.jpg) no-repeat center bottom; padding-bottom:20px;}
.friendlink h2{ width:100%;}
.textlinks{ width:100%; }
.textlinks li{ float:left; padding:0 10px; }
.links { text-align:left; width:100%; }
.links li {	margin:0 auto; float:left;	padding:3px 10px; }
/* =focusImg焦点样式 */
.focusImg {clear:both;background:#fff;width:1001px;height:268px;margin:0 auto 20px auto;border:#ddd 1px solid;position:relative;}
.focusImg ul{list-style:none;}
.focusImg ul li{width:1001px;position:absolute; left:0; top:0;}
.focusImg ul li div{width:100%;height:auto;overflow:hidden;}
.focusImg ul li img{width:1001px;height:268px;}
.focusImg ul li h4{margin:0;background:#fff;padding:5px 0;height:20px;font-size:14px;text-align:center;}
.focusImg span{filter:alpha(opacity=50);opacity:0.5;position:absolute;display:block;width:991px;height:14px;right:0;bottom:0px;text-align:right;padding:5px;background:#e5e5e5;}
.focusImg span a:link,.focusImg span a:visited{background:#f5f5f5;padding:1px 5px;margin-left:2px;text-decoration:none;color:#000;}
.focusImg span a:hover,.focusImg span a:active, a:hover .a2{font-weight:bold;background:#000000;padding:1px 5px;margin-left:2px;text-decoration:none;color:#ffffff;}
.focusimg p{background:#fff;height:52px;overflow:hidden;line-height:18px;padding:0 10px;text-indent:25px;}
/* =downlist */
.downlist{ font-size: 14px; }
.downlist tr td { border: solid 1px #999; }
.downlist tr td a{ font-size: 14px; }
/* =message */
.messagename {
	font-size: 12px;
	line-height: 30px;
	width: 70px;
	float: left;
	clear: both;
	height: 30px;
	text-align: right;
	padding-right: 5px;
}
.messagetitle {
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 30px;
	clear: both;
	color: #666666;
}
#messageadd {	height: auto;	width: 520px;	padding-top: 10px;	padding-bottom: 10px; }
#messageadd ul {	list-style: none; }
#messageadd ul li {  }
.messageadd1 {	float: none;	height: 30px; }
/* =joshow */
#jobshow {	color: #333333;	background-color: #FFFFFF; }
#job_book {	color: #333333;	background-color: #FFFFFF; }
#job_list {	width: 100%; }
#job_list ul {	list-style-type: decimal;	}
.joblist a {	font-size: 14px;	font-weight: bold;	color: #0000FF; }
.joblist li {	margin-top: 5px;	margin-bottom: 5px;	margin-left: 22px; }
/* =e=content
-------------------------------------------------- */
/* =s=footer
-------------------------------------------------- */
.footer-nav {	border-bottom:solid 2px #0b9beb; padding: 5px 0 3px 0;	background: #21b0ff; }
.footer-nav li {	display:inline;	padding:12px;	}
.footer-nav li a {	color:#fff;	}
.footer-nav li a:hover {	color: #F30; text-decoration:underline;	}
#copy {	color:#666;	height: auto;	width: 932px; padding: 10px 10px; background:#ddd; text-align:right;	}
#copy a {	color:#666; }
#top{ position:absolute;right:0px;top:0; }
/* =e=footer
-------------------------------------------------- */
