@charset "utf-8";
body {margin: 0px;padding: 0px;font-family: "宋体";font-size:12px; color:#767677; background: #fff; height:100%;}
td {font-size: 12px;}
/*p {text-indent: 2em;}*/
img {border:none;}
form {margin: 0px;padding: 0px;height:100%;}
input {font-size: 12px; color:#333333; vertical-align:middle; padding:0px; margin:0px;}
select {font-size: 12px; color:#333333; vertical-align:middle;}
ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em {margin: 0px;padding: 0px; font-style:normal; list-style:none;}

.clear {margin:0px; padding:0px; clear:both;}

/* ----- Links ----- */
a {text-decoration:none;color:#444444;}
a:hover {text-decoration:none;color:#02b686;}

/* ----- top css ----- */
#header{ width:100%; height:80px; background:url(../images/top.jpg) repeat-x;  border-bottom:1px solid #d8d8d8; overflow:hidden;}
#header .top{ width:100%; height:80px; margin-left:60px; margin-top:10px;}
#header .logo{ width:80%; height:80px; float:left; margin-top:1px;}
#header .logosy{ width:20%; height:80px; float:right; margin-top:1px;}
#header .title{ font-family:"微软雅黑"; font-size:18px; color:#F2D901; font-weight:bold; padding-top:42px;}
#header .nav{ width:1002px; height:39px; margin:2px auto 0px;}
#header .nav li a{ display:block; color:#fff; padding:0px 30px;}
#header .nav li a:hover,#header .nav li a.on{ background:write; color:#fff;}

/***banner***/
#banner{ height:500px; margin:0 auto; text-align:center; overflow:hidden;  background:#fff; background-size: 100% auto; }

/****内容****/
.column{ width:1190px; height:180px; margin:20px auto;  font-family:"微软雅黑"; }
.emptycoloum{ width:100%; height:40px; margin:20px auto;}

.columnitem{ width:280px; height:180px; float:left; background:url(../images/EHR.png) no-repeat; color:#fff;cursor:pointer;}
.columnitem:hover{ background:url(../images/EHRXZ.png) no-repeat; color:#5a5a5a;}
.columnitem .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:10px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem .more a:hover{ color:#fff;}

.columnitem1{ width:280px; height:180px; float:left; background:url(../images/OA.png) no-repeat; color:#fff; margin-left:20px;cursor:pointer;}
.columnitem1:hover{ background:url(../images/OAXZ.png) no-repeat; color:#5a5a5a;}
.columnitem1 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem1 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:10px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem1 .more a:hover{ color:#fff;}

.columnitem2{ width:280px; height:180px; float:left; background:url(../images/CRM.png) no-repeat; color:#5a5a5a; margin-left:20px;cursor:pointer;}
.columnitem2:hover{ background:url(../images/CRMXZ.png) no-repeat; color:#fff;}
.columnitem2 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem2 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:15px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem2 .more a:hover{ color:#fff;}

.columnitem3{ width:280px; height:180px; float:left; background:url(../images/BI.png) no-repeat; color:#5a5a5a; margin-left:20px;cursor:pointer;}
.columnitem3:hover{ background:url(../images/BIXZ.png) no-repeat; color:#fff;}
.columnitem3 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem3 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:15px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem3 .more a:hover{ color:#fff;}

.columnitem4{ width:280px; height:180px; float:left; background:url(../images/ECM.png) no-repeat; color:#fff;cursor:pointer;}
.columnitem4:hover{ background:url(../images/ECMXZ.png) no-repeat; color:#5a5a5a;}
.columnitem4 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem4 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:10px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem4 .more a:hover{ color:#fff;}


.columnitem5{ width:280px; height:180px; float:left; background:url(../images/EMAIL.png) no-repeat; color:#5a5a5a; margin-left:20px;cursor:pointer;}
.columnitem5:hover{ background:url(../images/EMAILXZ.png) no-repeat; color:#fff;}
.columnitem5 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem5 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:15px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem5 .more a:hover{ color:#fff;}

.columnitem6{ width:280px; height:180px; float:left; background:url(../images/QHGX.png) no-repeat; color:#5a5a5a; margin-left:20px;cursor:pointer;}
.columnitem6:hover{ background:url(../images/QHGXXZ.png) no-repeat; color:#fff;}
.columnitem6 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem6 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:15px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem6 .more a:hover{ color:#fff;}

.columnitem7{ width:280px; height:180px; float:left; background:url(../images/EAA.png) no-repeat; color:#5a5a5a; margin-left:20px;cursor:pointer;}
.columnitem7:hover{ background:url(../images/EAAXZ.png) no-repeat; color:#fff;}
.columnitem7 .more{ width:89px; height:30px; margin:10px auto 0px}
.columnitem7 .more a{ display:block; width:89px; height:30px; line-height:30px; font-size:15px; color:#7a7a7a; text-align:center; text-indent:-9999px;}
.columnitem7 .more a:hover{ color:#fff;}


/***底部***/
#footer{ width:100%; height:145px; background:#fffff;}

.fixed{
                height:30px;
	width:100px;
                position:absolute;
                bottom:0;
                margin-left:0px;/*div宽度的一半*/
                left:35%;
}