@charset "gb2312";
/* Base */
body,td,th {
	font-size: 12px;
	color: #4D4D4D;
}
body {
	margin: 0px;
	background-color: #E0E0E0;
}
div,p,table,td,th,a,input,h1,h2,h3,h4,h5,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
/* 链接 */
a{
	color: #284B9E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* 自定义 */
.fleft{ float:left;}
.fright{ float:right;}
.fnone{ float:none;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }   
.clearfix {display:inline-block; }        
.clearfix {display:block;} 
.lh180{ line-height:180%;}
.textcenter{text-align:center;}
.fcADADAD{color:#ADADAD;}
.fc88C34A{color:#88C34A;}
.fcD70F00{color:#D70F00;}
.fc317fd8{ color:#317fd8;}
.strong{ font-weight:bold;}

.iptxt {
	BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 3px; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 200px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #bfbfbf 1px solid; HEIGHT: 20px
}
.iptxt:hover {
	BORDER-RIGHT: #f60 1px solid; BORDER-TOP: #f60 1px solid; BORDER-LEFT: #f60 1px solid; BORDER-BOTTOM: #f60 1px solid
}
.iptxt:hover:focus {
	BORDER-RIGHT: #f60 1px solid; BORDER-TOP: #f60 1px solid; BORDER-LEFT: #f60 1px solid; BORDER-BOTTOM: #f60 1px solid
}
TEXTAREA:hover {
	BORDER-RIGHT: #f60 1px solid; BORDER-TOP: #f60 1px solid; BORDER-LEFT: #f60 1px solid; BORDER-BOTTOM: #f60 1px solid
}
.iptxt:focus {
	BORDER-RIGHT: #f90 1px solid; BORDER-TOP: #f90 1px solid; BORDER-LEFT: #f90 1px solid; BORDER-BOTTOM: #f90 1px solid
}


/* top */
.header{ padding-top:10px; float:none; width:100%; background:url(images/headerbg.gif) repeat;}
.headermain{ margin:0px auto;width:980px; height:90px;background:url(images/hmainbg.png) no-repeat; overflow:hidden;}
#logo{ margin:12px 0px 0px 20px; float:left;}
.msg{text-align:right; margin:12px 25px 22px 0px;}
.nav{ float:right;margin-right:25px !important; margin-right:14px; color:#284B9E; font-size:13px;}
.nav a{color: #284B9E;text-decoration: none; font-weight:bold;} 
.nav a:hover{ color:#317fd8;text-decoration: underline;} 

.header2{ width:100%; float:none; background:url(images/headerbg2.gif) repeat-x;} 
.headermain2{margin:0px auto;width:980px; height:9px;background:url(images/headerbg3.gif) repeat-x; }

/* main */
.main{ float:none; width:960px; padding:10px; margin:0px auto !important;  margin:-5px auto 0px; overflow:hidden; background: url(images/hr.gif) repeat-x bottom #FFF; border:1px solid #D4D4D4; border-top:none;border-bottom:none;}
.mleft{ float:left;width:675px; margin-right:15px; overflow:hidden;}
.mright{ float:right; width:270px; overflow:hidden;}

/* service */
.service{ float:none; overflow:hidden;}
.service h1{float:none; height:auto; width:645px; display:inline-block; padding:13px 15px 2px 15px;margin-bottom:10px; height:auto; overflow:hidden;border-bottom:2px solid #D4D4D4;}
.service h1 span{ float:left; font-size:16px; font-weight:bold; color:#555;  }
.service h1 a{ float:right; padding-top:5px; font-size:12px; font-weight:normal;}

.tit1 {background-position:left center;font-weight:bold;padding-left:14px;font-size:14px;background-image: url(images/arrow01.gif);background-repeat: no-repeat;margin:0 0 8px 0;color: #284B9E;}
.sercont{float:none; overflow:hidden; display:inline-block; width:675px; }
.sercont .left{float:left;width:202px; }
.sercont .center{float:left;width:202px;margin-left:35px;}
.sercont .right{float:right;width:202px;}
.sercont .file {float:left; width:201px; line-height:170%;}
.sercont .file A {display: inline-block; color:#7F7F7F; border: #FFF 1px solid; text-decoration: none; padding:5px 10px;}
.sercont .file A:hover { border: #D8D8D8 1px solid; color: #707070;background: #f9f9f9; text-decoration: none}

/* solution */
.tit2 { float:none; margin-bottom:8px;color:#284B9E; font-weight:bold;}
#solution {float:none; width:675px; overflow:hidden;}
#solution .file {float:left;width:337px; overflow:hidden; line-height:160%;}
#solution .file img{float:left; margin:4px 12px 38px 0;}
#solution .file A {display: block; border: #FFF 1px solid; text-decoration: none; color:#7F7F7F;  padding:10px;}
#solution .file A:hover { border: #D8D8D8 1px solid; BACKGROUND: #f9f9f9;color: #707070; text-decoration: none;}

/* 成功案例 */
.cgtable{margin:0px 10px 12px;}
.cgimg{ width:96px; height:65px; text-align:center; vertical-align:middle;background: url(images/case-frame.gif) no-repeat; overflow:hidden;}
.title_menu{ font-weight:bold;}


/* news */
.rightcont{ float:none; margin-top:15px;}
.rightcont h2{height:26px; padding:0px 15px;line-height:26px; border-bottom:2px solid #D4D4D4; background:url(images/rnavbg.png) repeat-x;margin-bottom:10px;}
.rightcont h2 span{ float:left;font-weight:bold; font-size:14px; color:#4D4D4D;}
.rightcont h2 a{float:right;font-size:12px; font-weight:normal;}
.news{padding:0 0 7px 7px; list-style:none; margin:0;}
.news li{ float:none;background: url(images/dot.gif) no-repeat 5px 9px; padding:0 5px 0 18px; color:#999; line-height:24px; display:inline-block;}
.control{ width:156px; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contact{ padding-bottom:10px;color:#4A4A4A;font-family:Verdana, Arial, Helvetica, sans-serif;  line-height:200%;}
.contact a{color:#4A4A4A;}

/* footer */
.footer{width:950px; margin:0px auto; padding:15px 15px 10px;overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer div{ font-size:11px;}
.footr { margin-top:10px;}
#friendlink{width:950px; margin:0px auto; padding:2px 15px 10px;overflow:hidden; text-align:left;}

/*  Shownews */
.showmain{padding:15px; overflow:hidden;}
.shownews{float:none; height:auto; display:inline-block;margin-bottom:10px; overflow:hidden; padding:7px 0px; border-bottom:#DDD 1px solid;}
.showtitle{float:left; width:80%; text-align:center;font-size:14px; font-weight:bold; color:#06C;}
.showtime{float:right; text-align:right;}
.showcontent{padding:10px; line-height:200%}

.leftsideNav A {
	MARGIN-TOP: 7px; DISPLAY: block; PADDING-LEFT: 30px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/leftsideNav.gif); WIDTH: 149px; CURSOR: pointer; COLOR: #4a4a4a; LINE-HEIGHT: 28px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 28px; TEXT-DECORATION: none
}
.leftsideNav A:hover {
	BACKGROUND-POSITION: 50% bottom; COLOR: #2d436a;
}
#leftsideNavhover{BACKGROUND-POSITION: 50% bottom; COLOR: #2d436a;}
.main hr{CLEAR: none; COLOR: #d3d6d7; HEIGHT: 1px}
.main .leftSide {
	FLOAT: left; WIDTH: 178px
}
.main .leftSide .title{ MARGIN-BOTTOM: 2px;PADDING-LEFT: 32px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/cr01.gif); COLOR: #333; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: left}
.main .leftSide .title a{ color:#333;}
.main .leftSide .list {
	BACKGROUND-POSITION: 0px 20px; BACKGROUND-IMAGE: url(images/sdot.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 30px
}
.main .leftSide .list IMG {
	MARGIN-RIGHT: 5px
}
.main .leftSide .list A {
	COLOR: #000000; TEXT-DECORATION: underline
}
.main .rightSide {
	FLOAT: right; WIDTH: 770px
}
.main .rightSide .conLeft {
	FLOAT: left; WIDTH: 603px
}
.main .rightSide .conTop {
	MARGIN-RIGHT: 5px; HEIGHT: 20px; BACKGROUND-COLOR: #e4e4e3
}
.main .rightSide .conTitle {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; PADDING-BOTTOM: 20px; MARGIN: 0px 5px; PADDING-TOP: 20px; BORDER-BOTTOM: #e4e4e4 1px solid
}
.main .rightSide .conTop SPAN {
	DISPLAY: block; WIDTH: 70px; HEIGHT: 20px; BACKGROUND-COLOR: #FFFfff
}
.main .rightSide .conRight {
	FLOAT: right; WIDTH: 166px
}
.sev {
	FLOAT: left; WIDTH: 50%; line-height:150%; 
}
.sev IMG {
	margin:0px 10px 20px 0px; float:left;
}
.sev A {
	BORDER: #FFF 1px solid; PADDING: 8px; DISPLAY: block; TEXT-DECORATION: none;color: #707070;
}
.sev A:hover {
	BORDER: #d8d8d8 1px solid; PADDING: 8px;  BACKGROUND: #f9f9f9; TEXT-DECORATION: none;
}
.sev .lc5484 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #284B9E; TEXT-DECORATION: underline;
}
.solutionList {
	WIDTH: 740px; 
}
.solutionList IMG {
	FLOAT: left; MARGIN: 5px 20px 0px 10px
}
.solutionList .lc548 {
	FONT-WEIGHT: bold; COLOR: #284B9E; MARGIN-RIGHT: 10px; TEXT-DECORATION: underline
}
.solutionList A {
	 PADDING:10px; BORDER: #FFF 1px solid; DISPLAY: block;HEIGHT: 50px; TEXT-DECORATION: none; color:#7F7F7F;
}
.solutionList A:hover {
	PADDING:10px; BORDER: #d8d8d8 1px solid; BACKGROUND: #f9f9f9; TEXT-DECORATION: none;color:#707070;
}
.fw {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.fw IMG {
	DISPLAY: block
}
.fw .lc548 {
	FONT-WEIGHT: bold; COLOR: #54844c; TEXT-DECORATION: underline
}
.fw A {
	BORDER-RIGHT: #FFF 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #FFF 1px solid; DISPLAY: block; PADDING-LEFT: 16px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 2px 15px; OVERFLOW: hidden; BORDER-LEFT: #FFF 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #FFF 1px solid; HEIGHT: 110px; BACKGROUND-COLOR: #FFF; TEXT-DECORATION: none
}
.fw A:hover {
	BORDER-RIGHT: #dadada 1px solid; BORDER-TOP: #dadada 1px solid; BORDER-LEFT: #dadada 1px solid; BORDER-BOTTOM: #dadada 1px solid; BACKGROUND-COLOR: #f6fafb; TEXT-DECORATION: none
}
.rscont{ padding:15px 12px 10px 25px;}


UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
LI {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
P {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H1 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H2 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H3 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}

TD {
	FONT-SIZE: 12px; COLOR: #676767; LINE-HEIGHT: 21px
}
LI {
	FONT-SIZE: 12px; COLOR: #676767; LINE-HEIGHT: 21px
}
DIV {
	FONT-SIZE: 12px; COLOR: #676767; LINE-HEIGHT: 21px
}
UL {
	LIST-STYLE-TYPE: none
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #4f7ebf
}

.text {
	CLEAR: both; margin-bottom:18px;overflow:hidden;
}
.text IMG {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e1e1e1 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e1e1e1 1px solid
}
.text a{text-decoration:none; color:#666;}
.text a:hover{text-decoration:underline; color:#284B9E;}

.f14 {
	FONT-SIZE: 14px; LINE-HEIGHT: 24px
}
.bdECECEC {
	BORDER-RIGHT: #ececec 1px solid; BORDER-TOP: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; BORDER-BOTTOM: #ececec 1px solid
}
.n {
	MARGIN-RIGHT: 10px
}
.cle {
	CLEAR: both
}
.pl5 {
	PADDING-LEFT: 5px;
}.pl15 {
	PADDING-LEFT: 15px;
}
.mt5 {
	MARGIN-TOP: 5px
}
.mt10 {
	MARGIN-TOP: 10px
}
.theSp {
	CLEAR: both; LINE-HEIGHT: 4px; HEIGHT: 4px
}
.theSpLine {
	BORDER-BOTTOM: #e4e4e4 1px solid
}
.listB LI {
	BACKGROUND-POSITION: left 45%; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(images/b.gif); BACKGROUND-REPEAT: no-repeat
}
A.lc548:link {
	COLOR: #54844c; TEXT-DECORATION: underline
}
A.lc548:visited {
	COLOR: #54844c; TEXT-DECORATION: underline
}
A.lc548:hover {
	COLOR: #4fb33e; TEXT-DECORATION: underline
}
A.lc548:active {
	COLOR: #4fb33e; TEXT-DECORATION: underline
}
A.lc356:link {
	FONT-WEIGHT: bold; COLOR: #35656c; TEXT-DECORATION: underline
}
A.lc356:visited {
	FONT-WEIGHT: bold; COLOR: #35656c; TEXT-DECORATION: underline
}
A.lc356:hover {
	FONT-WEIGHT: bold; COLOR: #2c7b87; TEXT-DECORATION: underline
}
A.lc356:active {
	FONT-WEIGHT: bold; COLOR: #2c7b87; TEXT-DECORATION: underline
}
#top {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: right 1px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/top01.gif); PADDING-BOTTOM: 2px; MARGIN: 0px auto; WIDTH: 990px; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #FFF
}
#top #logo {
	FLOAT: left; WIDTH: 179px; HEIGHT: 50px
}
#top #topR {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 600px; PADDING-TOP: 12px; TEXT-ALIGN: right
}
#top #topR #text {
	FLOAT: left; WIDTH: 300px; HEIGHT: 38px
}
#top #sl {
	CLEAR: both; BACKGROUND-IMAGE: url(images/sl01.gif); MARGIN: 2px 3px; LINE-HEIGHT: 9px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 9px
}
#top #topR A {
	COLOR: #676767; TEXT-DECORATION: none
}
#top #topR A:hover {
	COLOR: #676767; TEXT-DECORATION: underline
}
#top #topR A.redLin {
	COLOR: #97161c; TEXT-DECORATION: underline
}
#top #topR A.redLin:hover {
	COLOR: #b81212; TEXT-DECORATION: underline
}

.time {
	FLOAT: none; MARGIN: 10px; 
}
A.arrow {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(images/arrow03.gif) no-repeat left 50%; COLOR: #858585; TEXT-DECORATION: none
}
A.arrow:hover {
	FONT-WEIGHT: bold; BACKGROUND: url(images/arrow02.gif) no-repeat left 50%; COLOR: #317fd8; TEXT-DECORATION: underline;
}
.time .timehover{PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;BACKGROUND: url(images/arrow02.gif) no-repeat left 50%; COLOR: #317fd8; TEXT-DECORATION: underline;}

.maintable td{ padding:4px;}