@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-family: "Microsoft YaHei",Tahoma; font-size:12px; color:#272727; background: #8393AA top center no-repeat fixed;}
body a:link {color:#272727; text-decoration:none;}
body a:visited {color:#272727; text-decoration:none;}
body a:hover {color:#0FB5E9; text-decoration:underline;}
form,img { margin:0; padding:0; border:0;}

input {font-size:11px;}
.Btn2 {font-size:12px; padding:5px}
.contactInput { background:#DFDFDD; height:18px; line-height:18px; border:1px solid #eeeeee}

.clear {clear:both;}
.title_01 { color:#12AEE3; font-size:15px; font-weight:bold;}
.line_x {border-bottom:1px solid #EEEEEE; margin:20px 0;}
.link2 {color:#FF1CAD; }
.link2 a:link {color:#FF1CAD; text-decoration:none;}
.link2 a:visited {color:#FF1CAD; text-decoration:none;}
.link2 a:hover {color:#0FB5E9; text-decoration:underline;}

/*=Form
=============================================================================================*/
.input {font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.input2 {WIDTH: 180px;HEIGHT: 30px; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.inputPayment { background:#ffffa0}
	
/*=Header
=============================================================================================*/
#header {height:118px;}
#header .headerBar { background:; height:80px; position:relative; }
#icon {
	position:absolute;
	right: 10px;
	top: 40px;
}
#logo {
	position:absolute;
	left: 14px;
	top: 9px;
	width: 210px;
}
#header .topMenuBar {
	position:absolute;
	right:0px;
	top: 43px;
}
#header .topMenuBar .topMenu { margin:0 auto; font-size:14px; padding:0 0 0 0; color:#666666;}
#header .topMenuBar .topMenu a{ margin:0 5px; font-weight:bold; }
#header .topMenuBar .topMenu a:link { color:#201D19; text-decoration:none}
#header .topMenuBar .topMenu a:visited { color:#201D19;}
#header .topMenuBar .topMenu a:hover { color:#cccccc;}


.banner {height:242px;}
.bannerS {height:175px;}

.indexBoardBg { background:url(../images/board_bg.jpg); padding:0 25px; font-size:14px; color:#2B0000}
#menu { background:url(../images/mainMenu_bg.gif); height:45px;}
#menuLine  { background:; height:10px; display:none}

/*=Layout
=============================================================================================*/
#wrapper { background:url(../images/wrap_bg.png) top repeat-x}
#inlier { background:url(../images/footer_bg.png) bottom center no-repeat}
#main { background:url(../images/header_bg.png) #ffffff no-repeat; width:940px; padding:0 15px ; margin:0 auto}
#header {
	height:80px;
	background:url(../images/header_bg3.gif);
	position:relative;
	background-image: url(../images/header_bg3.gif);
}
#headerMenu {color:#F0F4FF; font-size:11px; padding:8px 5px 0 0}
#headerMenu a:link{color:#F0F4FF; text-decoration:none;}
#headerMenu a:visited{color:#F0F4FF; text-decoration:none}
#headerMenu a:hover{color:#4F78AC}
#main_banner {
	height:125px;
	width:1000px;
	border-top:1px solid #163470;
	border-bottom:1px solid #163470
}
#banner {width:938px; margin:0 auto 0 auto; text-align:center; border:1px solid #D0D0D0; background:#F3F3F3}


#caseRtitle{ font-weight:normal; font-size:30px; text-align:center; margin:10px 0 10px 0}
#caseR { background:url(../images/dotLine2.gif) left repeat-y; width:650px; text-align:center}
#caseR img{ margin:0 0 20px 0}
.caseDes{ text-align:left; line-height:20px; padding:0 15px 0 15px}

.caseTab {height:36px; padding:0 0 0 3px;}
.caseTab .off{ float:left; background:url(../images/caseTabOff.gif); width:85px; height:36px; text-align:center; line-height:36px; color:#9E9E9E; font-size:11px;}
.caseTab .off a:link{color:#878586;}
.caseTab .off a:visited{color:#878586;}
.caseTab .off a:hover {color:#0FB5E9; text-decoration:underline;}
.caseTab .on{ float:left; background:url(../images/caseTabOn.gif); width:85px; height:36px; text-align:center; line-height:36px; color:#878586; font-size:11px;}
.caseTab .on a:link{color:#878586;}
.caseTab .on a:visited{color:#878586;}
.caseTab .on a:hover {color:#0FB5E9; text-decoration:underline;}

.casePage { color:#9E9E9E; text-align:right; padding: 5px 8px; font-size:11px}

.title { padding:0 0}
.subTitle { background:url(../images/dotLine1.gif) bottom repeat-x; padding:0 0 1px 0; margin:0 0 3px 0}

.servicesTitle { font-size:16px; padding:0 0 3px 0}
.servicesContent { line-height:20px}


/*=Index
=============================================================================================*/
#indexCase { height:220px;}
#indexCase .list{ float:left; margin:0 1px 0 0;}
#indexCase .list img{ height:130px; border:1px solid #eeeeee}
#indexCase .caseName{ padding:15px 0 3px 0; font-size:14px; color:#333333; font-weight:bold}
#indexCase .caseDate{ padding:2px 0; font-size:12px; color:#999999;}

#indexBlog {background:#F1F1F1; padding:10px 30px 20px 30px;}
#indexBlog .blogDate { font-size:11px; color:#333333;}
#indexBlog .blogTitle { font-size:14px; font-weight:bold; padding:5px 0;}
#indexBlog .blogSummary { padding:0 0 20px 0; margin:0 0 20px 0; background:url(../images/blog_line.gif) repeat-x bottom; line-height:18px; font-size:12px;}

.more1 { padding:0 20px 0 0 }
.dotLine1 { margin:15px 20px 0 0; background:url(../images/blog_line.gif) repeat-x; height:2px; overflow:hidden}
.dotLine1_1 { margin:15px 5px 15px 0; background:url(../images/blog_line.gif) repeat-x; height:2px; overflow:hidden}
.dotLine1_1 { margin:6px 0px 6px 0; background:url(../images/blog_line.gif) repeat-x; height:2px; overflow:hidden}
.dotLine2 { margin:15px 20px 15px 0; background:url(../images/blog_line.gif) repeat-x; height:2px; overflow:hidden}

.indexAbout { line-height:24px; font-size:14px; padding:0 20px 20px 0}



/*=Footer
=============================================================================================*/
#footer { background:; text-align:center; height:80px; margin:20px 0 0 0; line-height:20px; background:url(../images/dotLine1.gif) repeat-x}
#footer .contact {margin:0px auto 0 auto; position:relative}
#footer .contact .footerLinks{
	position:absolute;
	left: 150px;
	top: 25px;
}
#footer .contact .footerLinks a{color:#EEEEEE}
#footer .contact .footerQQ{
	position:absolute;
	left: 603px;
	top: 55px;
	display:none
}
#footer .contact .footerLogo{
	position:absolute;
	left: 13px;
	top: 25px;
}
#footer .contact .footerCopyright {
	position:absolute;
	width:940px;
	text-align:right;
	right:0px;
	color:#000000;
	top: 20px;
}
#footer .contact .footerInfo{
	position:absolute;
	color:#CCCCCC;
	left:150px;
	top: 48px;
}
#footer .contact .footerSpacer{
	position:absolute;
	left: 115px;
	top: 22px;
}

/* ------------------------------------------------- */


/*=Page
=============================================================================================*/
.pageBorder {
	MARGIN: 0px auto; margin-top:20px; padding:0 10px; height:28px; line-height:28px; text-align:center; clear:both
	}
.pagesSelect {
	height:14px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
.pagesForm {
	float:right;
}

.pages {
	MARGIN:0; height:18px; padding-top:4px;
}
.pages A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 4px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 1px; MARGIN: 0px 1px 0px 0px; FONT: 12px/14px verdana; BORDER-LEFT: #ddd 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pages A:hover {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BACKGROUND: #FF9900; BORDER-LEFT: #333 1px solid; COLOR: #fff; BORDER-BOTTOM: #333 1px solid; TEXT-DECORATION: none
}
.pages INPUT {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 1px; FONT: bold 11px Verdana; BORDER-LEFT: #cccccc 1px solid; COLOR: #333; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px
}
.pages B {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; FONT: bold 10px/12px Tahoma; PADDING-TOP: 2px
}




/*=Breadcrumb
=============================================================================================*/
UL.breadcrumb {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 4px; OVERFLOW: hidden; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL.breadcrumb LI {
	FLOAT: left; MARGIN: 0px 3px
}
UL.breadcrumb A {
	FONT-WEIGHT: normal; MARGIN: 0px 8px 0px 0px
}
.caseShow{padding:10px; font-weight:bold; cursor:pointer}
.case_font{padding:0px 10px 10px 10px; font-weight:bold;}
.teseIdea_list{font-weight:bold; padding:10px 3px 0px 10px;}

/* Tab******************************************************************/
#tabBar { background:url(../images/tab_left.gif) no-repeat; width:722px; margin:0 auto; padding:0 0 0 1px;}
.tab_on {padding:0 5px; float:left; width:110px; color:#8FC20A; font-weight:bold; font-family:Arial; line-height:34px;  height:38px; letter-spacing:1px; margin:0; background:url(../images/tab_on.gif); text-align:center}
.tab_out {padding:0 5px; float:left; width:110px; cursor:pointer; color:#999999; font-weight:bold; font-family:Arial; line-height:38px; height:38px; letter-spacing:1px; margin:0; background:url(../images/tab_out.gif); text-align: center}
.tab_out A:link { display: block; color: #fff }
.tab_out A:visited {display: block; color: #fff}
.tab_out A:hover {display: block; color: #fff}
.folder_on {display:_none;}
.folder_out {display:none;}

.tooltab_on{font-weight:bold; cursor:pointer; clear:both}
.tooltab_out{font-weight:normal; cursor:pointer; clear:both}