@charset "utf-8";
/* CSS Document */
body, p, form, h1, h2, h3, h4, h5, h6, td, th, table, div, ul, li, ol, dl, dt, dd, img, input, select {	margin:0;padding:0;}
img {border:0;}
body {font-size: 12px;font-family: "微软雅黑";color: #ffffff;}
a:link,a:visited{ text-decoration:none; color:#ffffff}
a:hover{ text-decoration:none; color:#ff8a34}
ul,ul li {list-style-type:none;}
.clear {clear:both;height:0px;line-height:0;padding:0;border:0;overflow:hidden;font-size: 0px;}
h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:bold;}
.cl:after {	content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl {zoom:1;}
input, textarea, button {outline: none;font-family: "微软雅黑";}
.loading{ text-align:center;height:auto !important; height:500px;min-height:500px; padding-top:150px; color:#FFF;}
.minwidth{min-width:980px;_width:expression(document.body.clientWidth < 980 ? "980px" : "auto");}
.web_top{ background:url(../images/bg01.jpg) no-repeat center top;}
.web_top_con{ width:960px; margin:auto; height:669px; position:relative;}
.top_nav{ position:absolute; left:276px; width:220px; padding-top:7px;}
.top_nav a{ margin: 10px;}
.logo{ position:absolute; left:0; top:40px;}
.logo a{ display:block; width:182px; height:125px; background:url(../images/logo.png) no-repeat left top;}
.buy{ position:absolute; right:208px; top:43px;}
.buy a{ display:block; width:216px; height:155px; background:url(../images/book.png) no-repeat left top;}
.slogan{ width:747px; height:199px; position:absolute; left:0; top:182px; background:url(../images/slogan.png) no-repeat left top;}
.four_step{ position:absolute; bottom:32px;}
.four_step li{ float:left; margin-right:10px;}
.four_step li a{ display:block;width:176px; height:215px;background-image:url(../images/step.png); background-repeat:no-repeat;}
.four_step li.li01 a{ background-position: left top;}
.four_step li.li02 a{ background-position: -186px top;}
.four_step li.li03 a{ background-position: -372px top;}
.four_step li.li04 a{ background-position: -558px top;}
.web_mid{ background:url(../images/bg02.jpg) no-repeat center top;}
.web_mid_con{ position:relative; width:960px; height:448px; margin:auto;}
#sys_01{ position:absolute; top:33px; left:0; width:376px; height:263px; background:url(../images/sytste01_a.png) no-repeat left top;}
#sys_01.on{ background-image:url(../images/sytste01_b.png); z-index:1;}

#sys_02{ position:absolute; top:33px; left:293px; width:440px; height:159px; background:url(../images/sytste02_a.png) no-repeat left top;}
#sys_02.on{ background-image:url(../images/sytste02_b.png); z-index:1;}

#sys_03{ position:absolute; top:202px; left:0; width:470px; height:155px; background:url(../images/sytste03_a.png) no-repeat left top;}
#sys_03.on{ background-image:url(../images/sytste03_b.png); z-index:1;}


#sys_04{ position:absolute; top:109px; left:387px; width:344px; height:249px; background:url(../images/sytste04_a.png) no-repeat left top;}
#sys_04 a{ display:block;width:344px; height:249px;}
#sys_04.on{ background-image:url(../images/sytste04_b.png); z-index:1;}
.blank_img{ position:absolute; left:0; top:33px; z-index:10;}
.blank_img area:active{ outline:none;}






.tfooter{ background:#fff; font-family:"微软雅黑";}
.joybotb{ background:url(../images/linebg.png) no-repeat center bottom; text-align:center; color:#000; height:21px; line-height:21px; padding-bottom:7px;}
.public_info p, .public_info p a{color:#000 !important;}