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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/skin/main_bg.png);
	background-repeat: repeat-x;
}
body,td,th {
	font-size: 12px;
	color: #2b2b2b;
	line-height:24px;
	font-family: "Microsoft YaHei", "SimHei" , "SimSunc", "Helvetic", "sans-serifa";
}
DIV {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;font-size:16px;
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
PRE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
CODE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LEGEND {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BUTTON {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TEXTAREA {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
SELECT {
	VERTICAL-ALIGN: middle
}
LI {
	LIST-STYLE-TYPE: none
}
BLOCKQUOTE {
	QUOTES: none
}
Q {
	QUOTES: none
}
BLOCKQUOTE:before {
	CONTENT: none
}
BLOCKQUOTE:after {
	CONTENT: none
}
Q:before {
	CONTENT: none
}
Q:after {
	CONTENT: none
}
EM {
	FONT-STYLE: normal
}
.clear {
	CLEAR: both
}
.xixibox {height:360px;}
.font_white {
	font-size: 12px;
	color: #FFF;
}
.bigtext{
	font-size:16px; font-family:"SimHei","Microsoft YaHei"; font-weight:bold;
}
.font_big {
	font-size: 18px;
	color: #000;
}
a.white:link {
	color: #FFF;
}
a.white:visited {
	color: #FFF;
}
a.white:hover {
	color: #FFF;
	text-decoration: none;
}
a.white:active {
	color: #FFF;
	text-decoration: none;
}
a.black:link {
	color: #333333;
	text-decoration:none;
}
a.black:visited {
	color: #333333;
}
a.black:hover {
	color: #FFF;
	text-decoration:underline;
}
a.black:active {
	color: #fff;
	text-decoration:underline;
}
a.under:link {
	color: #333333;
	text-decoration:underline;
}
a.under:visited {
	color: #333333;
	text-decoration:underline;
}
a.under:hover {
	color: #000;
	text-decoration:underline;
}
a.under:active {
	color: #000;
	text-decoration: none;
}
.main {
	width: 1000px;
	margin-top: 0px;
	padding-top: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	height:460px;
}
.main_pro {
	width: 1000px;
	margin-top: 0px;
	padding-top: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	height:440px;
}
.left {
	float: left;
	width: 156px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding-top:40px;
	height:420px;
/*	background-image: url(/skin/left_bg.jpg);
	background-repeat: repeat-x;*/
}
.right_bg {
	background-image: url(/skin/matrix@.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 843px;
	margin: 0px;
	paddin-top:0px;
}
.right {
	float: right;
}
.contenttext{
	width:840px;
	height:410px;
	overflow-y:scroll;
	BACKGROUND-COLOR: transparent; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff
}
UL#case {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
UL#case LI {
	MARGIN: 10px 8px 10px 0px; WIDTH: 158px; ZOOM: 1; DISPLAY: inline; FLOAT: left; HEIGHT: 232px
}
UL#case LI A {
	WIDTH: 158px; DISPLAY: block; HEIGHT: 213px; TEXT-DECORATION: none
}
UL#case LI A IMG {
	BORDER-BOTTOM: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; PADDING-BOTTOM: 1px; MARGIN-TOP: 5px; PADDING-LEFT: 1px; WIDTH: 142px; PADDING-RIGHT: 1px; HEIGHT: 85px; OVERFLOW: hidden; BORDER-TOP: #d5d5d5 1px solid; BORDER-RIGHT: #d5d5d5 1px solid; PADDING-TOP: 1px
}
UL#case LI A .imgthumb {
	BACKGROUND: #d8d8d8
}
UL#case LI A .imgthumb DIV.thumb_shadow_right {
	BORDER-BOTTOM: #cacaca 1px solid; POSITION: relative; TEXT-ALIGN: center; BORDER-LEFT: #cacaca 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: #fff; BORDER-TOP: #cacaca 1px solid; TOP: -3px; BORDER-RIGHT: #cacaca 1px solid; PADDING-TOP: 3px; LEFT: -3px
}
UL#case LI A:hover {
	Z-INDEX: 5; POSITION: absolute; MARGIN: -20px -6px; WIDTH: 158px; BACKGROUND: #cf0010; FLOAT: left; HEIGHT: 228px; CURSOR: pointer; _height: 223px
}
UL#case LI .box H5 {
	TEXT-ALIGN: left; LINE-HEIGHT: 22px; MARGIN-TOP: 6px; DISPLAY: block; HEIGHT: 22px; OVERFLOW: hidden; FONT-WEIGHT: normal
}
UL#case LI .box H5 IMG {
	LINE-HEIGHT: 11px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 24px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px
}
UL#case LI .box .date {
	TEXT-ALIGN: left; LINE-HEIGHT: 10px; DISPLAY: block; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 10px; FONT-SIZE: 10px
}
UL#case LI .box .intro {
	TEXT-ALIGN: left; LINE-HEIGHT: 18px; MARGIN-TOP: 12px; HEIGHT: 54px; COLOR: #a7a7a7
}
UL#case LI .box .view IMG {
	POSITION: relative; LINE-HEIGHT: 11px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 26px; FLOAT: right; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT-WIDTH: 0px
}
#case_name {
	BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 0px solid; LINE-HEIGHT: 59px; HEIGHT: 59px; BORDER-TOP: #d9d9d9 1px solid; BORDER-RIGHT: #d9d9d9 0px solid
}
#case_intro {
	PADDING-BOTTOM: 24px
}
#case_intro P {
	MARGIN-TOP: 20px; COLOR: #696969
}
#case_intro DIV {
	MARGIN-TOP: 20px; COLOR: #696969
}
#case_intro P IMG {
	BORDER-BOTTOM: #c4c4c4 1px solid; BORDER-LEFT: #c4c4c4 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #c4c4c4 1px solid; BORDER-RIGHT: #c4c4c4 1px solid; PADDING-TOP: 1px
}
#case_intro DIV IMG {
	BORDER-BOTTOM: #c4c4c4 1px solid; BORDER-LEFT: #c4c4c4 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #c4c4c4 1px solid; BORDER-RIGHT: #c4c4c4 1px solid; PADDING-TOP: 1px
}
.services {
	POSITION: relative; BACKGROUND: url(/skin/services_bg.gif) repeat-y; margin-left:40px;
}
.services_top {
	BACKGROUND: url(/skin/services_top.gif) no-repeat; HEIGHT: 4px; FONT-SIZE: 0px; margin-top:5px;
}
.services_con {
	BACKGROUND: url(/skin/services_bg.gif) repeat-y;
}
.services_con .show {
	MARGIN: 17px 30px;; WIDTH: 580px; OVERFLOW: hidden
}
.services_con .show .icon {
	WIDTH: 78px; FLOAT: left
}
.services_con .show .textcon {
	WIDTH: 474px; FLOAT: right; OVERFLOW: hidden
}
.services_con .show .textcon P {
	LINE-HEIGHT: 20px; MARGIN-TOP: 5px
}
.services_bottom {
	BACKGROUND: url(/skin/services_bottom.gif) no-repeat; HEIGHT: 5px; FONT-SIZE: 0px; margin-bottom:5px;
}
.control A {
	TEXT-DECORATION: none
}
.services_detail {
	WIDTH: 474px; OVERFLOW: hidden
}
/*案例*/
.mrpro {
	POSITION: relative; MARGIN: 0px auto 0px; WIDTH: 900px; HEIGHT: 430px; CLEAR: both;OVERFLOW: hidden;
}
.mrlbg {
	Z-INDEX: 99999; POSITION: absolute; WIDTH: 50px; HEIGHT: 350px; TOP: 0px;
}
.mrrbg {
	Z-INDEX: 99999; POSITION: absolute; WIDTH: 50px; HEIGHT: 400px; TOP: 31px;
}
.mrlbg {
	LEFT: 0px
}
.mrrbg {
	RIGHT: 0px
}
#imageFlow {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 900px; HEIGHT: 430px;margin-top:0px;top:30px;
}
#imageFlow .diapo {
	POSITION: absolute; WIDTH: 409px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 400px; CURSOR: pointer; LEFT: -1000px;
}
#imageFlow .link {
	
}
#imageFlow .bank {
	Z-INDEX: 4000; TEXT-ALIGN: left; TEXT-INDENT: 24px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; VISIBILITY: hidden;
}
#imageFlow .bank A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
#imageFlow .top {
	POSITION: absolute; WIDTH: 100%; HEIGHT: 40%
}
#imageFlow .text {
	Z-INDEX: 1000; TEXT-ALIGN: center; LINE-HEIGHT: 24px; MARGIN-TOP: 350px; FONT-FAMILY: Arial; COLOR: #2b2b2b;

}
#imageFlow .title {
	Z-INDEX: 1000; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 900px; HEIGHT: 100px; COLOR: #2b2b2b; TOP: 315px; LEFT: 0px;font-family: 微软雅黑,黑体, 宋体, Helvetic, sans-serifa;	background-color:#fff; LINE-HEIGHT: 50px;
}
#imageFlow .legend {
	POSITION: absolute; MARGIN-TOP: 20px; TEXT-INDENT: 24px; WIDTH: 410px; DISPLAY: none; FONT-SIZE: 12px; LEFT: 207px;
}
#imageFlow .scrollbar {
	Z-INDEX: 1000; POSITION: absolute; WIDTH: 900px; HEIGHT: 25px; OVERFLOW: hidden; TOP: 360px;
}
#imageFlow .track {
	POSITION: absolute; WIDTH: 98%; HEIGHT: 16px; LEFT: 1%
}
#imageFlow .arrow-left {
	BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; WIDTH: 26px; HEIGHT: 16px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
#imageFlow .arrow-right {
	BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; WIDTH: 26px; HEIGHT: 16px; BORDER-TOP: 0px; RIGHT: 0px; BORDER-RIGHT: 0px
}
#imageFlow .bar {
	BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; WIDTH: 77px; HEIGHT: 16px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; LEFT: 25px
}
#imageFlow .pronrbt {
	POSITION: absolute; WIDTH: 900px; HEIGHT: 36px; TOP: 400px; LEFT: 0px
}
.img_link{

	padding:5px;
}
.cul_img{
	border:1px solid #c4c4c4;
	padding:1px;
	height:auto;
}
#abouttext p{
	margin-bottom:10px;
	line-height:22px;
}
sup{
	line-height:0px;
	font-size:9px;
}