﻿*{margin:0;padding:0;}
body{font:normal 12px/20px Arial; color:#666;background:url(../Img/topbg.gif) repeat-x;}
ul, ol, li { list-style:none;}
img { border:0 none;}
a,img {
    star:expression(this.onFocus=this.blur()); 
    outline:none;
}
a{ text-decoration:none; color:#666; }
a:hover { color:#000; text-decoration: underline; }
.menucontainer a:hover, dd.proIntro a:hover, dd.caseIntro a:hover, .intro a:hover, .friendlogo a:hover { text-decoration: none; }

.blue { color:#45a0cd; font-weight:700; font-size:14px;}
.blue02 { color:#45a0cd;  font-size:12px;}

a.bluelink, .box h2.title em a, dd.proLink a, dd.caseLink a, dd.link a, dd p.link a {color:#2885C6;}

.clear { clear:both;}
.space { clear:both; height:3px!important; height:5px;width:100%; overflow:hidden;}
.space02 { clear:both; height:4px;  height:6px;width:100%; overflow:hidden;}

#top { width:960px; height:31px;  margin:0 auto; }
#mini_nav { float:left;line-height:31px; color:#80868f;}
#hotline { float:right; color:#0466b8; font-weight:700; line-height:31px; }

#headerLogo { width:960px; height:96px; background:url(../Img/logobar.gif) no-repeat; margin:0 auto; position:relative; clear:both; margin-top:-20px; margin-top:0px\9;}
#headerLogo h1 {
	width: 175px;
	height: 50px;
	margin: 20px 0 0 10px;
}
#headerLogo h1 a {
	display: block;
	text-indent: -9999px;
	width: 175px;
	height: 50px;
}
#search {
	position:absolute;
	color:#1e659d;
	left: 620px;
	top: 14px;
	width: 327px;
}
#search .HeaderSearchKeywords {
	width: 240px;
	border: 0 none;
    background: none;
}
.topSearchBtn {
	width:47px;
	height: 19px;
	margin: 0 0 0 15px;
	border: 0 none;
	background: url(../Img/wrapper.png) no-repeat 0 -644px;
	color: #FFF;
	line-height: 19px;
	cursor: pointer;	
	text-align: center;
}
#login_info {
	position:absolute;
	color:#1e659d;
	left: 725px;
	top: 53px;
	height:26px;
}
.btn05{ background:url(../Img/btn05.gif) no-repeat center center; width:75px; height:25px; border:0 none; text-align:center; font-weight:bold; color:#fff; line-height: 25px; cursor:pointer;}
/*style for table of sub nav items*/
table {border-collapse:collapse;font-size:12px; }


.navLoginBtn { background:url(../Img/wrapper.png) no-repeat 0 -617px; width:84px; height:27px; border: 0 none; color:#fff; line-height:27px; margin-top:4px; cursor:pointer;}
.nologin { background-position: 0 -590px; }

#container { width:960px; margin:0 auto; padding-bottom: 15px;}

.common_content02 {}
.common_content02 img { float:left;margin-right:8px;margin-bottom:5px;}
.common_content02 img.clearfloat { float:none; margin-right:8px;margin-bottom:5px;}
.common_content02 p { line-height:20px; text-indent:0px;}

.detaillink { text-align:right; line-height:30px;}
.detaillink a {color:#2885c6; padding-right:10px; }

.friendlogo { float:left; text-align:center;}

.tab01 { border:1px solid #ccc;}
.tab01 td {border:1px solid #ccc; border-collapse:collapse; line-height:22px; padding:2px 10px; }
.tab01 td.color { background:#eee;}

#footer { clear:both; background: url(../Img/wrapper.png) repeat-x 0 -502px; text-align:center; height:73px; line-height:26px; padding-top:15px;}

td p{ text-align:left; padding-left:10px;}

#footer a
{
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #606060;
    text-decoration: none;
    text-align: left;
}

#popBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	background: #333333;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	z-index: 980;
}
.FY_PopupTrigger {
}
.FY_PopupCloser {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #000000;
	text-decoration: none;
}
.FY_PopupHighLight {
	left: 50%;
	z-index: 990;
	overflow: hidden;
}
/* Added By Xiaozj 20100425 For InfoCenter */
.mainColumn {
	width: 650px;
	float: left;
}
.sideColumn {
	width: 300px;
	float: right;
}
.mainColumn .bannerAD {
	height: 90px;
	margin-bottom: 5px;
}
.sideColumn .sideAD {
	height: 180px;
	margin-bottom: 5px;
}
.mainColumn .box, .sideColumn .box {
	clear: both;
	background: url(../Img/wrapper.png) repeat-x left top;
	margin-bottom: 5px;
}
.sideColumn .box { background-position: 0 -102px; }
.mainColumn .box h2.title, .sideColumn .box h2.title {
	height: 34px;
	padding-left: 10px;
	background: url(../Img/wrapper.png) no-repeat 0 -34px;
	font-size: 14px;
	font-weight: bold;
	color: #3567A5;
	line-height:  34px;
}

.sideColumn .box h2.title {
	color: #FFF;
	background-position: 0 -136px;
}
.mainColumn .box h2.title small, .sideColumn .box h2.title small {
	font-size: 12px;
	font-weight: bold;
}
.mainColumn .box h2.title em, .sideColumn .box h2.title em {
	float: right;
	width: 90px;
	height: 34px;
	padding-right: 10px;
	text-align: right;
	background: url(../Img/wrapper.png) no-repeat right -68px;
	font: normal 12px/34px Verdana;
}
.sideColumn .box h2.title em { background-position: right -170px; }
.mainColumn .box h2.title em a, .sideColumn .box h2.title em a { font-style: normal; }
.sideColumn .box h2.title em a { color: #FFF; }
.box h2.title em a:hover { text-decoration: underline; }
.mainColumn .box .boxContent, .sideColumn .box .boxContent {
	padding: 9px;
	background: #FFF;
	border: 1px solid #DCDCDC;
	border-top: 0 none;
	overflow: hidden;
	zoom:1;
}

/* Added By Xiaozj 2010-4-28 For MainNav */
.menucontainer {
	clear: both;
	width: 950px;
	height: 34px;
	padding-right: 10px;
	margin: 0 auto;
	background: #2D71A5 url(../Img/wrapper.png) no-repeat right -306px;
	position: relative;
	z-index: 100;
}
.menucontainer .menu {
	float: left;
	width: 786px;
	background: url(../Img/wrapper.png) repeat-x -110px -272px;
}
.menucontainer .menu ul {
	float: left;
	padding-left: 20px;
	background: url(../Img/wrapper.png) no-repeat -100px -238px;
}
.menucontainer .menu ul li {
	float: left;
	position: relative;
	background: url(../Img/wrapper.png) no-repeat left -204px;
}
.menucontainer .menu ul li.esp { background: url(../Img/wrapper.png) no-repeat left -272px; }
.menucontainer .menu ul li a {
	float: left;
	width: 92px;
	height: 34px;
	text-align: center;
	color: #FFF;
	font: bold 14px/34px Arial;
}
.menucontainer .menu ul li a:hover {
	background: url(../Img/wrapper.png) no-repeat left -238px;
	color: #175D94;
}
.menucontainer .menu ul li.esp a { width: 107px; }
.menucontainer .menu ul li.esp a:hover { background: url(../Img/wrapper.png) no-repeat left -306px; }
.menucontainer .menu ul li.current a {
	color: #175D94;
	background: url(../Img/wrapper.png) no-repeat left -306px;
}
.menucontainer .menu ul li.esp div {
	display: none;
	position: absolute;
	background: #EEE;
	left: 0;
	top: 34px;
}
.menucontainer .menu ul li.esp div a {
	float: none;
	display: block;
	width: auto!important;
	width: 77px;
	min-width: 77px;
	padding: 0 15px;
	height: 34px;
	background: #EEE;
	white-space: nowrap;
	color: #175D94;
	font: normal 12px/34px Verdana;
	text-align: left;
}
.menucontainer .menu ul li.esp div a:hover {
	background: #01518d;
	color: #FFF;
}
.menucontainer #nav_right {
	float: right;
	width: 144px;
	height: 34px;
	line-height: 34px;
	padding-right: 20px;
	background: url(../Img/wrapper.png) repeat-x 0 -204px;
	text-align: right;
}
/* ---- End ---------------- For MainNav */


/* Added For WaterMark By Xiaozj 20100517 */
.FyInputWatermark {
	position: relative;
}
.FyInputWatermark .WatermarkTxt {
	position: absolute;
	color: #CCC;
	cursor: text;
	left: 4px;
	top: 0px;
}

/* Added For SolutionRecommendByType By Xiaozj 20100517 */
.solutionRecommend dl {
	clear: both;
	height: 25px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
.solutionRecommend dl dt {
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}
.solutionRecommend dl dd {
	display: none;
}
.solutionRecommend dl.current {
	height: 161px;
}
.solutionRecommend dl.current dt {
	color: #45A0CD;
	font-weight: bold;
}
.solutionRecommend dl.current dd {
	display: block;
}
.solutionRecommend dl dd p.img {
	float: left;
	width: 71px;
	height: 94px;
	padding: 0 9px 9px 0;
}
.solutionRecommend dl dd p.intro {
	float: left;
	width: 200px;
	height: 110px;
	overflow: hidden;
}
.solutionRecommend dl dd p.link {
	clear: both;
	margin: 7px 0;
	text-align: right;
}

/* Added For FySlider By xiaozj 20100517 */
.homepage {
	padding-top: 5px;
}
.homeFocus {
	height: 180px;
	width: 650px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
.homeFocus ul {
	z-index: 80;
	position: absolute;
	left: 0px;
	top: 0px;
}
.homeFocus ul li {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 80;
}
.homeFocus ol {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 5px 20px 5px 0px;
	z-index: 99;
	height: 16px;
	width: 630px;
}
.homeFocus ol li {
	padding: 0px 5px;
	color: #000;
	background: #FFF;
	margin-right: 4px;
	display: inline;
	font: normal 12px/16px Arial, '宋体';
	cursor: pointer;
	float: right;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.homeFocus ol li.current {
	-moz-opacity: 1;
	opacity: 1;
	filter: Alpha(Opacity=100);
	background: #FFF;

}
.homeFocus .imgTitle {
	height: 24px;
	width: 650px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 98;
	background: #FFF;
	filter: alpha(opacity=50);
	opacity: 0.3;
	-moz-opacity: 0.3;
}
.homeFocus .imgTitleTxt {
	font: bold 12px/24px "宋体";
	color: #FFF;
	height: 24px;
	width: 650px;
	position: absolute;
	top: 0px;
	z-index: 99;
	text-align: center;
	left: 0px;
}
/* Added For Tab By Xiaozj 20100517 */
.mainColumn .solutionHighlight {
	position: relative;
}

.mainColumn .box h2.title em a.gotomore {
	display: none;
	color: #45a0cd;
}
.mainColumn .box h2.title em a.current {
	display: inline;
}
.mainColumn .solutionHighlight ul.tabHead {
	position: absolute;
	left: 15px;
	top: 0;
}
.mainColumn .solutionHighlight ul.tabHead li {
	float: left;
	width: 101px;
	height: 34px;
	font: bold 14px/34px "宋体";
	color: #3567A5;
	text-align: center;
	cursor: pointer;
}
.mainColumn .solutionHighlight ul.tabHead li.current {
	background: url(../Img/wrapper.png) no-repeat 0 -340px;
	color: #FFF;
}
.mainColumn .solutionHighlight .boxContent {
	position: relative;
	display: none;
	padding: 0;
}
.mainColumn .solutionHighlight div.current {
	display: block;
}
.mainColumn .solutionHighlight .category .h {
	height: 44px;
	background: #FFF url(../Img/wrapper.png) repeat-x 0 -408px;
}
.mainColumn .solutionHighlight .category .h p.txt {
	float: left;
	width: 50px;
	height: 44px;
	padding-left: 50px;
	background: url(../Img/people.gif) no-repeat 20px 0;
	line-height: 44px;
}
.mainColumn .solutionHighlight .category .h ul.cateLabel {
	float: left;
	height: 25px;
	margin-top: 9px;
}
.mainColumn .solutionHighlight .category .h ul.cateLabel li {
	float: left;
	width: 105px;
	height: 25px;
	margin-right: 2px;
	background: url(../Img/wrapper.png) no-repeat 0 -477px;
	font: bold 12px/25px "宋体";
	color: #2F6191;
	text-align: center;
	cursor: pointer;
}
.mainColumn .solutionHighlight .category .h ul.cateLabel li.current {
	background-position: 0 -452px;
	color: #FFF;
}
.mainColumn .solutionHighlight .category .cate {
	clear: both;
	display: none;
	height: 100px;
	padding: 10px;
	overflow: hidden;
}
.mainColumn .solutionHighlight .category .current {
	display: block;
}
.mainColumn .solutionHighlight .newProduct {
	padding: 12px 19px;
}
.mainColumn .solutionHighlight .commendByType {
	border: 0 none;
	height: 168px;
}
.mainColumn .popularSolution .boxContent {
	width: 610px;
	height: 309px;
	padding: 15px 19px;
}
.mainColumn .successCase .boxContent {
	width: 610px;
	height: 349px;
	padding: 15px 19px;
}
.mainColumn .popularSolution .boxContent .wrapper, .mainColumn .successCase .boxContent .wrapper, .mainColumn .saasSchool .boxContent .wrapper, .mainColumn .newProduct .wrapper {
	width: 610px;
	overflow: hidden;
}
.mainColumn .saasSchool .boxContent {
	padding: 15px 19px;
}
/* 产品 */
.productBox, .caseBox, .schoolBox {
	width: 640px;
	margin-right: -30px;
	overflow: hidden;
}
.productBox dl, .caseBox dl, .schoolBox dl {
	float: left;
	width: 290px;
	padding-right: 30px;
}
.popularSolution .productBox, .successCase .caseBox {
	height: 309px;
	overflow: hidden;
}
.popularSolution .productBox dl, .successCase .caseBox dl {
	height: 154px;
	border-bottom: 1px dashed #CCC;
}
.productBox dl dt a, .caseBox dl dt a {
	color: #3567A5;
	line-height: 24px;
}
.productBox dl dd.proImg, .caseBox dl dd.caseImg, .schoolBox dl dd.img {
	float: left;
	width: 71px;
	height: 94px;
	padding: 0 9px 0 0;
}
.productBox dl dd.proImg img {
	width: 71px;
	height: 94px;
}
.productBox dl dd.proIntro, .caseBox dl dd.caseIntro {
	float: left;
	width: 210px;
	height: 100px;
	line-height: 20px;
	overflow: hidden;
}
.productBox dl dd.proLink, .caseBox dl dd.caseLink {
	clear: both;
	text-align: right;
}
/* 成功案例 */
.successCase .caseBox { height: 349px; }
.successCase .caseBox dl { height: 174px; }
.caseBox dl dd.caseImg {
	width: 88px;
	height: 88px;
	padding: 0 7px 0 0;
}
.caseBox dl dd.caseImg img {
	width: 88px;
	height: 88px;
}
.caseBox dl dd.caseIntro { width: 195px; }

/* SaaS学堂 */
.schoolBox dl dt {
	float: right;
	width: 140px;
	text-align: left;
}
.schoolBox dl dt a strong {
	color: #3567A5;
	line-height: 24px;
}
.schoolBox dl dd.img {
	width: 145px;
	height: 78px;
	padding: 0 5px 5px 0;
}
.schoolBox dl dd.img img {
	width: 145px;
	height: 78px;
}
.schoolBox dl dd.intro {
	clear: both;
	height: 120px;
	padding-top: 5px;
	border-top: 1px dashed #CCC;
	line-height: 20px;
	overflow: hidden;
}
.schoolBox dl dd.link {
	text-align: right;
}
/* 友情链接 */
.mainColumn .flink {
	position: relative;
}
.mainColumn .flink ul.tabHead {
	position: absolute;
	left: 15px;
	top: 0;
}
.mainColumn .flink ul.tabHead li {
	float: left;
	width: 101px;
	height: 34px;
	font: bold 14px/34px "宋体";
	color: #3567A5;
	text-align: center;
	cursor: pointer;
}
.mainColumn .flink ul.tabHead li.current {
	background: url(../Img/wrapper.png) no-repeat 0 -340px;
	color: #FFF;
}
.mainColumn .flink .boxContent {
	position: relative;
	display: none;
}
.mainColumn .flink div.current {
	display: block;
}
/* 首页侧栏新闻选项卡切换 */
.sideColumn .FYNews {
	position: relative;
	background-position: 0 0;
}
.sideColumn .FYNews h2.title { background-position: 0 -34px; }
.sideColumn .FYNews h2.title em { background-position: right -68px; }
.sideColumn .FYNews h2.title em a { font-style: normal; color: #2885C6; }
.sideColumn .FYNews ul.tabHead {
	position: absolute;
	width: 231px;
	left: 15px;
	top: 0;
}
.sideColumn .FYNews ul.tabHead li {
	float: left;
	width: 77px;
	height: 34px;
	font: bold 12px/34px "宋体";
	color: #3567A5;
	text-align: center;
	cursor: pointer;
}
.sideColumn .FYNews ul.tabHead li.current {
	background: url(../Img/wrapper.png) no-repeat 0 -374px;
	color: #FFF;
}
.sideColumn .FYNews .boxContent {
	display: none;
	zoom: 1;
}
.sideColumn .FYNews div.current {
	display: block;
}
.sideColumn .FYNews .boxContent ul li {
	height: 21px;
	padding: 0 0 0 10px;
	line-height: 21px;
	background: url(../Img/wrapper.png) no-repeat -117px -481px;
}
/* 合作联盟 */
.cooperate .boxContent p {
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #CCC;
}
.cooperate .boxContent ul li {
	height: 25px;
	padding: 0 0 0 20px;
	background: url(../Img/icon.gif) no-repeat left center;
	line-height: 25px;
}
