﻿@charset "utf-8";

/* =base 基本布局样式开始
-------------------------------------------------- */
#wrapper { width:1002px; 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%;}
#content { width:963px; padding:10px 14px 15px 25px;background: url(../images/content_bg.jpg) repeat-x left top;}
#column {	float:left; height:auto;	width:214px;text-align: left;}
#main {	float: right;	width: 740px;	text-align: left;	height:auto; }
#sidebar {	clear: right;	float: right; padding:0 2px 0 9px;	height:auto;	width: 220px; text-align:left; }
#footer {width:100%; height:66px; padding-top:10px; background: url(../images/inner_footer.jpg) no-repeat left top;}
/* =inner-xxx 内页基本框架 */
#index-content { width:970px; height:220px; background: url(../images/index_content_bg.jpg) no-repeat left top; overflow:hidden; padding:13px 13px 0 19px}
#index-column {	float:left; height:auto;	width: 220px;text-align: left;}
#index-main{	float: right;	width: 702px;	text-align: left;	height:auto; border-left:1px solid #CFCFCF; }
#index-footer{width:100%; height:69px; background: url(../images/index_footer.jpg) no-repeat left top;}
#wrap, #header, #footer, #inner-header, #inner-content,#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 {
	clear:both;
	width:100%;
	height:75px;
	background: url(../images/top_bg.jpg) no-repeat left top;
}
.logo {	float:left;	height:75px; }
.logo img{ vertical-align:top;}
.top-nav{
	float:right;
	clear:right;
	width:185px;
	height: auto;
	padding-top:10px;
}
.top-nav li{ text-align:left; line-height:18px;}
.top-nav li a{}
.top-nav li a:hover{ text-decoration: underline;}
/* =nav网站主导航 */
#nav{
	float:left;
	height: 37px;
	width:100%;
	background:url(../images/nav_bg.jpg) no-repeat left bottom;
}
#nav ul{ padding-left:18px;}
#nav ul li{ display:inline;}
#nav ul li.endli{background:none; color:#FFF; font-weight:normal;}
#nav ul li a{  color:#FFF; display:block; float:left; width:86px; line-height:37px;}
#nav ul li a:hover{ color:#FFF;background: url(../images/nav_hover.jpg) no-repeat left top;}
#header-flash { float:left; height: 265px; width:100%; clear: both;background:url(../images/flash_bg.jpg) no-repeat left top;}
.banner_bg{ float:left; height: 195px; width:608px;background: url(../images/banner_bg.jpg) no-repeat left top; margin:36px 66px 0 43px; display:inline;}

#inner_header_flash { float:left; height: 183px; width:100%; clear: both;background:url(../images/inner_banner_bg.jpg) no-repeat left top;}
.inner_banner_bg{ float:left; height: 150px; width:699px;background: url(../images/inner_banner.jpg) no-repeat left top; margin:24px 0px 0 20px; display:inline;}
/* =e=header
-------------------------------------------------- */
/* =s=content
-------------------------------------------------- */
/* =inner */
.inner{ width:100%; height:auto;background: url(../images/inner_middle.jpg) repeat-y left top;}
.inner h3{ width:100%; height:34px;}
.inner-cont{
	text-align: left;
	padding: 15px 20px 49px 30px;
	height:auto !important;
	min-height:300px;
	height:300px;
	color:#000;
	background: url(../images/inner_bottom.jpg) no-repeat left bottom;
}
.inner-cont a{color:#000;}
.inner-cont a:hover{color:#F00;}
/* =affiche网站公告 */
.affiche{ float:left; width:300px; height:70px; padding-left:50px;}
.affiche h3{ width:100%; height:56px;background:url(../images/left_h2.jpg) no-repeat left top; }

.affiche-list{background:url(../images/left_middle.jpg) repeat-y left top; }

.gonggao-p{ margin:0 auto; }
/* =member */
.member{ float:left; height:auto; width:265px; overflow:hidden;}
.member h3{ width:100%; height:54px;}
.member-list{ padding:30px 0 0 10px;}
.ss{ padding:45px 0 0 0px;}
.cpss_span{
	color:#4A5367;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	float:left;
	width:60px;
	text-align:left;
}
#key001{ float:left; margin-left:113px;}
#type001{ display:none;}
#button564{ float:left; background:url(../images/ss_ico.jpg) no-repeat left top; width:63px; height:21px; border:0; margin-left:7px;}
#dd{ margin-left:-20px;}
.login_admin{ width:240px;height:auto; margin:25px 0 0 -10px; text-align:left;}
.login_admin li{ list-style:none; padding:4px 0 4px 10px; font-size:12px; overflow:hidden; text-align:left; }
.login_admin li span{display:block; float:left; padding-top:5px;}
.border{background:url(../images/dl.jpg) no-repeat left top; width:66px; height:23px;border:0; margin:10px 0 0 50px;}
.border2{background:url(../images/cz.jpg) no-repeat left top; width:66px; height:23px;border:0;margin:10px 0 0 10px;}
/* =profilelist */
.profile{width:100%;}
.profile h3{ width:100%; height:33px;background:url(../images/left_h2.jpg) no-repeat left top; }
.profile-list{ padding:5px 15px;background:url(../images/about_bg.jpg) repeat-y left top;}
.profile-list p{ line-height:18px;}
.profilelist{ list-style:none; padding-left:30px;}
.profilelist li{ text-align:center; background:url(../images/left_li.jpg) no-repeat left top; width:163px; height:35px; line-height:35px; padding-bottom:10px;}
.profilelist li a{}
.profilelist li a:hover{ }

/* =about首页公司简介 */
.zpzs{ width:100%; height:378px; background:url(../images/indexpro_bg.jpg) no-repeat left top; overflow:hidden;}
.zpzs h3{ width:100%; height:44px; }
.zpzs-list{background:url(../images/pro.jpg) no-repeat 11px top; padding:0 0 0 11px;}
/* =about首页公司简介 */
.about{ float:left; width:387px; height:189px;background:url(../images/about_bg.jpg) no-repeat left top; margin:0 13px;}
.about h3{ width:100%; height:35px;}
.about p{ padding:0 18px; text-align:left; line-height:24px;}
.about p a{ padding-right:6px;}
.about p img{ float:left; text-align:left; padding:5px 8px 0 0px;}
.about p span{ color:#DC3632;}
/* =contact联系我们 */
.contact{ float:left; width:274px; height:183px; background:url(../images/contact_bg.jpg) no-repeat left top;overflow:hidden;}
.contact h3{ width:100%; height:30px; }
.contact-list{ padding:5px 5px 5px 15px; text-align:left; }
.contact ul{}
.contact ul li{ line-height:21px;}
.contact ul li a{}
/* =leftimg */
.leftimg{ overflow:hidden; width:100%; height:291px;clear:both; background:url(../images/index_left.jpg) no-repeat left top; padding-top:42px;}
.leftimg li{ padding:26px 0 1px 14px;}
.leftimg li a img{ border:2px solid #FFF;}
.leftimg li a:hover img{ border:2px solid #F00;}
/* =marketlist营销网络 */
.market{ width:100%;}
.market-list{ padding:0px 25px 18px 30px; background:url(../images/index_17.gif) no-repeat center bottom; }
.market h3{ width:100%; height:23px; background:url(../images/right_h3.jpg) no-repeat left top; }
.marketlist{ list-style:none;}
.marketlist li{padding:3px 5px !important; padding:6px 5px;background:url(../images/li_bg.jpg) no-repeat left bottom; line-height:30px;}
.marketlist li a{background:url(../images/ico.jpg) no-repeat 8px bottom; padding-left:35px;}
.marketlist li a:hover{ }
/* =proclass树型产品分类 */
.proclass{ width:100%; height:auto; padding-bottom:64px; background:url(../images/left_bootom.jpg) no-repeat left bottom;}
.proclass h3{ width:100%; height:55px; background:url(../images/left_h2.jpg) no-repeat left top;}
.proclass-list{ background:url(../images/left_middle.jpg) repeat-y left top;}
.proclasstree {	text-align: left;	padding: 0 10px 0 20px; }
.proclasstree li {	line-height:22px;}
.proclasstree li img {vertical-align:middle;}
.proclasstree li a{}
/* =parentstree产品折叠菜单 */
.parentstree{ text-align: left;	padding: 5px 0px 5px 10px;}
.parentstree li{ padding:3px 5px !important; padding:6px 5px;}
.parentstree li img{}
.parentstree li a{ font-weight:bold;}
.parentstree li a:hover{}
.parentstree .substree{}
.parentstree .substree li{padding:3px 0 !important; padding:3px 0;border-bottom:none;}
.parentstree .substree li a{ font-weight:normal;padding-left:10px;}
.parentstree .substree li a:hover{ }
/* =navtreefirst栏目一级菜单(1) */
.navtreefirst{ list-style:none; padding-left:30px;}
.navtreefirst li{ text-align:center; background:url(../images/left_li.jpg) no-repeat left top; width:163px; height:35px; line-height:35px; padding-bottom:10px;}
.navtreefirst li a{}
.navtreefirst li a:hover{ }
.navtreefirst li img { display:none;}
/* 推荐产品 */
.recoproduct{ float:left; width:259px; height:189px;background:url(../images/indexpro_bg.jpg) no-repeat left top;}
.recoproduct h3{ width:100%; height:40px;}
.recoproduct-list{ padding:0 18px;  }
.recopro-ul { text-align:left;}
.recopro-ul li { zoom:1;}
.recopro-ul li a{ display:inline;margin:0 5px; zoom:1; color:#000; }
.recopro-ul li a:hover{ zoom:1; color:#F00; }
.recopro-ul li .boximg{ margin:3px; display:none;}
.recopro-ul .boxtxt{line-height:23px; clear:both; }
/* =newpro-ul产品列表 
.newpro-ul {	width:100%;	text-align:center;}
.newpro-ul li { float:left;  display: inline; zoom:1; height:175px;}
.newpro-ul li a{ display:block;margin:0 10px; border: 2px solid #FFF; zoom:1;}
.newpro-ul li a:hover{ border: 2px solid red; zoom:1; }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ line-height:22px; clear:both; } */
.newpro-ul { padding-left:15px;	text-align:center;}
.newpro-ul li { float:left;  display: inline; zoom:1; height:165px;}
.newpro-ul li a{ display:block;margin:0 5px; zoom:1;}
.newpro-ul li a:hover{ zoom:1; }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ margin-top:10px;line-height:26px; clear:both; background:#ccc; }


.indexproductinner {	width:100%;	text-align:center;}
.indexproductinner li { float:left;  display: inline; zoom:1; height:195px;}
.indexproductinner li a{ display:block;margin:0 7px; zoom:1;}
.indexproductinner li a:hover{ zoom:1; }
.indexproductinner li .boximg{ margin:3px;}
.indexproductinner .boxtxt{ line-height:22px; clear:both; height:22px; overflow:hidden; }
/* =caseclasstree树型案例分类 */
.caseclass{margin-top:0px;}
.caseclass-list{ padding:0px 25px 18px 30px; background:url(../images/index_17.gif) no-repeat center bottom; }
.caseclass h2{ width:100%; height:47px; background:url(../images/index_09.gif) no-repeat center top; }

.caseclasstree{ list-style: square inside;}
.caseclasstree li{ padding:3px 0 3px 30px;}
.caseclasstree li img{ display:none;}
.caseclasstree li a{font-size:13px;  font-weight:bold;}
.caseclasstree li a:hover{ }
/* 推荐产品 */
.stroll{ padding-top:15px; }
.recocase{width:100%; height:192px; background:url(../images/indexrz_bg.jpg) no-repeat left top; overflow:hidden;}
.recocase h3{width:100%; height:41px;background:url(../images/gsmm_h3.jpg) no-repeat left top;}
.recocase-list{ padding:15px 0 15px 30px;}
.recocase .recocase-ul { padding-left:15px;	text-align:left;}
.recocase .recocase-ul li { float:left;  display: inline; zoom:1; width:178px; height:140px; background:url(../images/indexrz_li.jpg) no-repeat left top;}
.recocase .recocase-ul li a{ display:block; zoom:1; margin:25px 0 0 10px;}
.recocase .recocase-ul li a:hover{ zoom:1; }
.recocase .recocase-ul li .boximg{ margin:3px;}
.recocase .recocase-ul .boxtxt{ margin-top:10px;line-height:26px; clear:both; background:#EEEEEE; }
.recocase2 .recocase-ul { padding-left:15px;	text-align:center;}
.recocase2 .recocase-ul li { float:left;  display: inline; zoom:1; height:165px;}
.recocase2 .recocase-ul li a{ display:block;margin:0 16px; zoom:1;}
.recocase2 .recocase-ul li a:hover{ zoom:1; }
.recocase2 .recocase-ul li .boximg{ margin:3px;}
.recocase2 .recocase-ul .boxtxt{ margin-top:10px;line-height:26px; clear:both; background:#EEEEEE; }

/* =xsjy销售精英 */
.xsjy{width:100%;background:url(../images/left_bottom.jpg) no-repeat left bottom; margin:14px 0 0 0; padding-bottom:10px;}
.xsjy h3{ width:100%; height:56px;background:url(../images/left_h2.jpg) no-repeat left top; }

.xsjy-list{background:url(../images/left_middle.jpg) repeat-y left top; }

.xsjy-list .recocase-ul { text-align:left; padding:10px 20px;}
.xsjy-list .recocase-ul li {width:100%;}
.xsjy-list .recocase-ul li a{margin:3px 0;CURSOR: hand;}
.xsjy-list .recocase-ul li a:hover{}
.xsjy-list .recocase-ul li .boximg{ float:left;}
.xsjy-list .recocase-ul .boxtxt{ float:left; padding:3px 0 0 10px;}
/* =case-ul案例列表 */
.case-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.case-ul li { float:left;  display: inline; zoom:1; height:150px;}
.case-ul li a{ display:block;margin:0 13px; border: 1px solid #000; zoom:1;}
.case-ul li a:hover{ border: 1px solid red; zoom:1; }
.case-ul li .boximg{ margin:3px;}
.case-ul .boxtxt{ line-height:22px; clear:both; }
/* =newslist资讯分类列表 */
.newsclass{ width:100%; }
.newsclass h2{ width:100%; height:47px; background:url(../images/index_09.gif) no-repeat center top; }
.newsclass-list{ padding:0px 25px 18px 30px; background:url(../images/index_17.gif) no-repeat center bottom; }
.newslist{ list-style:none; padding-left:30px;}
.newslist li{ text-align:center; background:url(../images/left_li.jpg) no-repeat left top; width:163px; height:35px; line-height:35px; padding-bottom:10px;}
.newslist li a{}
.newslist li a:hover{ }
/* =topnews-ul最新资讯 */
.indexnews{ float:left; width:300px; height:189px;background:url(../images/indexnews_bg.jpg) no-repeat left top;}
.indexnews h3{ width:100%; height:35px;}
.indexnews-list{ padding:0 18px;}
.topnews-ul { text-align:left;}
.topnews-ul li { list-style:square inside; color:#FE9600; padding:5px 0 2px 5px; border-bottom:1px dotted #B7B7B7;}
.topnews-ul li span { float:right;}
.topnews-ul li a {}
.topnews-ul li a:hover { text-decoration:underline;}

.indexnews .classnews {}
.indexnews .classnews li { list-style:square inside;}
.indexnews .classnews li span {}
.indexnews .classnews li a { display:block;}
.indexnews .classnews li a:hover { text-decoration:underline;}
/* =classnews资讯列表 */
.inner-cont .classnews {	list-style: square inside;	text-align:left; }
.inner-cont .classnews li {	border-bottom:dotted 1px #FFF; padding-top:5px; }
.inner-cont .classnews li span {	float:right; }
.inner-cont .classnews li a {}
.inner-cont .classnews li a:hover {}
/* =friendlink */
.friendlink{width:100%; height:104px; background:url(../images/links_bg.jpg) no-repeat left top; overflow:hidden;}
.friendlink h3{ float:left; font-size:12px; font-weight:normal;}
.friendlink-list{ padding:32px 0 0 30px}
.textlinks{ clear:both; text-align:left; display:inline;}
.textlinks li{ display:inline;padding-right:10px;}
.links {  }
.links li {	margin:0 5px; float:left; border:1px solid #000;}
/* =downlist */
.downlist{ font-size: 14px; width:90%; }
.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{ width:100%; height:24px; padding-top:10px;}
#footer-nav ul{}
#footer-nav ul li{ display:inline; color:#888787;}
#footer-nav ul li a{ color:#888787;}
#footer-nav ul li a:hover{ color:#F00; text-decoration:underline;}
#copy{
	width:100%;
	clear:both;
	height: auto;
	text-align:center;
	line-height:22px;
}
#copy a{}
#copy a:hover{ text-decoration:underline;}

/* =e=footer
-------------------------------------------------- */

/* =focusImg焦点样式 */
.focusImg {background:#fff;width:225px;height:173px;margin:3px auto 0 0px; display:inline;position:relative; float:left; border:1px solid #DDDEE0;}
.focusImg ul {list-style:none; }
.focusImg ul li {width:281px;position:absolute; left:0; top:0;}
.focusImg ul li div {width:100%;height:auto;overflow:hidden;}
.focusImg ul li img {width:225px;height:173px;}
.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:215px;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;}

.extprotb table tr td{ color:#F00; border-bottom:1px solid #CCC; line-height:30px;}
.extprotb table tr td a{ padding-left:5px;}

