
body {
	overflow-x:hidden;
    display: block;
	margin:0px;
	background: #f4f9fe;
}
a {
	color:white;
	text-decoration: none;
}
.hide {
    display: none;
}
#headerDiv {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 200;
    left: 0px;
	background: url("../images/headerBg.jpg") repeat-x;
	background-size:80px 75px;
}
#headerDiv .headerNav {
    height: 75px;
    border-bottom: 1px solid #4f4a5b;
}
#headerDiv .headerUL {
    padding-right: 200px;
    padding-left: 300px;
	width:100%;
    position: relative;
	top:-90px;
	left:200px;
}
#headerDiv .headerUL li {
    height: 75px;
    float: left;
    position: relative;
	display: list-item;
	list-style: none;
	width:10%;
}
#headerDiv .langDiv{
	position:relative;
	top:-50px;
	left:130px;
}
#headerDiv .langDiv{
	font-size:28px;
	font-weight:bold;
	color:yellow;
	position: relative;
	left:150px;
}
#headerDiv .headerDiv_dropDown {
    width: 100%;
    background: #4f4a5b;
	position: absolute;
    top: 70px;
	z-index: 1200;
}
#headerDiv #product {
    height: 222px;
}
#headerDiv #itdoc {
    height: 222px;
}
#headerDiv #aboutus {
    height: 222px;
}
#product ul {
	width:100%;
}
#product ul li {
	top:60px;
    height: 75px;
    float: left;
    position: relative;
	display: list-item;
	list-style: none;
	width:33%;
	text-align:center;
}
#product a:hover {
    color: red;
}
#itdoc ul {
	width:100%;
}
#itdoc ul li {
	top:60px;
    height: 75px;
    float: left;
    position: relative;
	display: list-item;
	list-style: none;
	width:14%;
	text-align:center;
}
#itcoc a:hover {
    color: red;
}
#aboutus ul {
	width:100%;
}
#aboutus ul li {
	top:60px;
    height: 75px;
    float: left;
    position: relative;
	display: list-item;
	list-style: none;
	width:33%;
	text-align:center;
}
#aboutus a:hover {
    color: red;
}

.bannerDiv {
	position: relative;
    top: 55px;
    width: 100%;
    z-index: 1;
    left: 0px;
	height:470px;
	background:rgb(25, 16, 30);
}
.bannerImg img{
	position: relative;
	height:390px;
	padding-left:600px;
}
.bannerTxt {
	position: relative;
	top:-370px;
	left:-320px;
}
.bannerTxt p{
	margin:0px;
}
.bannerTxt2 {
	position: relative;
	top:-370px;
	left:-400px;
}
.bannerTxt2 p{
	margin:0px;
}
.slide {max-width:1770px; max-height:470px; position:relative; margin:0px auto 0px;}
.slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.slide .bd ul{ width:100% !important;}
.slide .bd li{ width:100% !important; max-height:470px; overflow:hidden; text-align:center;}
.slide .bd li a{ display:block; max-height:770px;}

.slide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.slide .hd ul{ text-align:center; }
.slide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#f4f9fe;
			 filter:alpha(opacity=50);opacity:0.5;  line-height:999px;
}
.slide .hd ul .on{ background:#7d0000;  }


.listDiv {
    width: 100%;
    margin: 0 auto;
    position: relative;
	text-align: center;
	
}
.introDiv {
	position: relative;
	top: 50px;
	left:0px;
    height: 220px;
	width:100%;
	padding-top: 10px;
	background: #ddf0fd;
}
.sysDiv{
	position: relative;
	top: 30px;
	left:0px;
    height: 560px;
	width:100%;
	background: #09122b;
	color:white;
	text-align: center;
}
.sys2Div{
	position: relative;
	top: 10px;
	left:0px;
    height: 620px;
	width:100%;
	color:white;
	text-align: center;
	background: #ddf0fd;
}
.list2Div {
    width: 100%;
    margin: 0 auto;
    position: relative;
	text-align: center;
	color:#000;
}
.corporationWarp {
	position: relative;
	top: -50px;
    background: #f4f9fe;
    height: 1060px;
	width:100%;
	text-align: center;
}
.corporationWarp .title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 35px;
    color: #333333;
}
.corporationWarp .desc {
    text-align: center;
    height: 37px;
    line-height: 37px;
    color: #808080;
    font-size: 20px;
}
.indexBottomWarp {
	position: relative;
	top: 10px;
    width: 100%;
    height: 45px;
    background: #252525;
    z-index: 100;
	left:0px;
}
.indexBottomWarp .top {
    height: 45px;
    border-bottom: 1px solid #666666;
	line-height: 45px;
	text-align: center;
}
.indexBottomWarp .top li {
    width: 15%;
	display:inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    list-style: none;
}
.indexBottomWarp .top li a {
    display: block;
    font-size: 14px;
    color: #989898;
	position:relative;
}

.workflow-sysDiv{
	position: relative;
	top: 75px;
	left:0px;
    height: 800px;
	width:100%;
	background: #09122b;
	color:white;
	text-align: center;
}
.workflow-sys2Div{
	position: relative;
	top: 10px;
	left:0px;
    height: 720px;
	width:100%;
	color:white;
	text-align: center;
	background: #ddf0fd;
}

.mis-sysDiv{
	position: relative;
	top: 75px;
	left:0px;
    height: 800px;
	width:100%;
	background: #09122b;
	color:white;
	text-align: center;
}
.mis-sys2Div{
	position: relative;
	top: 10px;
	left:0px;
    height: 720px;
	width:100%;
	color:white;
	text-align: center;
	background: #ddf0fd;
}
.eshop-sysDiv{
	position: relative;
	top: 75px;
	left:0px;
    height: 800px;
	width:100%;
	background: #09122b;
	color:white;
	text-align: center;
}
.eshop-sys1Div{
	position: relative;
	top: 10;
	left:0px;
    height: 800px;
	width:100%;
	color:white;
	text-align: center;
	background: #ddf0fd;
}
.eshop-sys2Div{
	position: relative;
	top: -20;
	left:0px;
    height: 720px;
	width:100%;
	color:white;
	text-align: center;
	background: #ddf0fd;
}

.queryDiv {
    position: relative;
    top: 75px;
	z-index: 300;
    height: 50px;
	line-height: 50px;
	width:100%;
	text-align: center;
	background: #ddf0fd;
}
.contentDiv {
	position: relative;
	top:70px;
	left:0px;
    height: 500px;
	width:100%;
	padding-top: 10px;
	background: #ddf0fd;
	overflow-y:scroll;
	z-index: 300;
	padding-left:100px;
}

.contentDiv h3 {
	cursor:hand;
}
.contentPageDiv {
	position: relative;
	top:70px;
	left:0px;
    height: 40px;
	width:100%;
	padding-top: 10px;
	background: #4f4a5b;
	z-index: 300;
	text-align: center;
}

.contentFooter {
	position: relative;
	top: 55px;
    width: 100%;
    height: 45px;
    background: #252525;
    z-index: 300;
	left:0px;
}
.contentFooter .top {
    height: 45px;
    border-bottom: 1px solid #666666;
	line-height: 45px;
	text-align: center;
}
.contentFooter .top li {
    width: 15%;
	display:inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    list-style: none;
}
.contentFooter .top li a {
    display: block;
    font-size: 14px;
    color: #989898;
	position:relative;
}
.aboutusDiv {
	position: relative;
	top:70px;
	left:0px;
    height: 650px;
	width:100%;
	padding-top: 10px;
	background: #ddf0fd;
}