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

/* css for the whole page */
body {margin:0; font-family: "宋体";}
input,select,div,li,textarea {font-size:12px; color:#555555; font-family: "宋体";}

div,ul,li,form,img,a,span {margin: 0; padding: 0; border: 0; list-style:none;}
div,ul,li,span {word-break:break-all;}

a {color:#555555; text-decoration:none;}
a:hover {color:#cc0000;}

.fleft {float:left;}
.fright {float:right;}
.bold {font-weight:bold;}
.dotline {width:100%; height:1px; overflow:hidden; background-image:url(../images/hginfo_main11.gif); clear:both;}
.dotbottom {background-image:url(../images/hginfo_main11.gif); background-repeat:repeat-x; background-position:bottom;}

.hack {width:100%; height:1px; overflow:hidden; clear:both;}

/* css for main */

.w1000 {width:1000px; height:auto; margin:0 auto;}

#head {width:100%; height:110px; clear:both; background-image:url(../images/hginfo_main01.gif);}
#head #logo {padding-left:60px; float:left;}
#head #topnav { float:right;}
#head #topnav li {float:left; height:25px; line-height:25px; padding:0 15px; background-image:url(../images/hginfo_main10.gif); background-repeat:no-repeat; background-position:left;}
#head #nav {float:right; clear:right; margin-top:20px; padding-right:10px;}
#head #nav li {float:left;}

#banner {width:100%; clear:both;}
#banner .topline {height:4px; background-image:url(../images/hginfo_main02.gif); display:block;}
#banner #welcomebar {width:100%; height:29px; line-height:29px; border-top:4px solid #CB0D07; background-image:url(../images/hginfo_main03.gif);}
#banner #welcomebar #welcomebar_time {float:left; color:#a1a1a1; padding:0 15px;}
#banner #welcomebar #welcomebar_info {float:left; color:#ff0000;}

#mainlist {width:100%; clear:both;}
.listblock {padding:20px 25px; width:280px; float:left;}
.listblock .tittle {clear:both; margin-bottom:15px;}
.listblock .pic {float:left; padding-left:10px;}
.listblock .list {float:left; padding-left:10px;}
.listblock .list li {width:100%; height:24px; line-height:24px; float:left; clear:both;}
.listblock .list li a {float:left;}
.listblock .list li span {float:right; color:#999999;}
.listblock .piclist {width:100%; padding:5px 0; display:block;}
.listblock .piclist .fleft {width:70px; clear:left;}
.listblock .piclist .fleft a {height:53px;}
.listblock .piclist .fleft img {width:60px; height:45px; border:4px solid #e3e3e3; display:block;}
.listblock .piclist .fright {width:200px; line-height:18px;}
.listblock .piclist .intro {color:#999999;}

#bottom {width:100%; clear:both; height:74px; background-image:url(../images/hginfo_main08.gif);}
#bottom .fright {text-align:right; line-height:18px; padding-top:15px; padding-right:15px; color:#999999;}


/* css for about us */

#aboutuslist {width:100%; clear:both; background-image:url(../images/hginfo_aboutus02.gif); background-repeat:repeat-y; background-position:left;}
#aboutusnav {float:left; width:220px; padding-top:20px;}
#aboutusright {float:left; width:780px;}
#aboutusright .tittle {width:600px; padding-right:180px; height:86px; text-align:right; background-image:url(../images/hginfo_aboutus03.gif);}
#aboutusright .content {width:530px; padding:25px 60px; line-height:23px;}


/* css for it service */

#itservicelist {width:100%; clear:both;}
#itservice_tag {height:193px; width:100%; background-image:url(../images/hginfo_itservice02.gif); background-repeat:repeat-x; background-position:top; z-index:10;}
#itservice_tag ul { width:960px; margin-left:30px; position:absolute;}
#itservice_tag li {float:left; width:190px; height:193px; text-align:center; cursor:pointer;}
.itservice_tag1 .status1 {display:block;}
.itservice_tag1 .status2 {display:none;}
.itservice_tag2 .status1 {display:none;}
.itservice_tag2 .status2 {display:block;}
.itservice_tag3 .status1 {display:none;}
.itservice_tag3 .status2 {display:block;}
#itservice_content {width:982px; margin:-3px auto 20px auto; background-image:url(../images/hginfo_itservice04.gif);}
#itservice_content span div {padding:0px 25px 0px 25px;line-height:23px;}

/* css for it service */

#productmain {width:100%; clear:both; margin:20px 0;}
#tittlepic {float:left; width:340px; padding-left:20px;}
#tittlepic .pic {width:322px; height:242px; background-color:#E8E8E8; padding:9px; margin-bottom:1px;}
#tittlepic .pic img {width:320px; height:240px; border:1px solid #ffffff;}
#tittlepic .intro {width:328px; border:1px solid #DCDCDC; padding:5px; line-height:18px;}
#tittlepic .intro span {color:#999999; width:318px; padding:5px; clear:both; display:block;}
#tittlepic .intro .tittle {font-weight:bold; color:#444444;}
#productlist {float:left; width:600px; padding:0 20px 20px 20px; border-bottom:5px solid #F4F4F4; margin-bottom:10px;}
#productlist .list {width:285px;}
#productlist .list .piclist {width:100%; height:53px; padding:12px 0; display:block; clear:both;}
#productlist .list .piclist .fleft {width:70px; clear:left;}
#productlist .list .piclist .fleft a {height:53px;}
#productlist .list .piclist .fleft img {width:60px; height:45px; border:4px solid #e3e3e3; display:block;}
#productlist .list .piclist .fright {width:210px; line-height:18px;}
#productlist .list .piclist .intro {color:#999999;}
#productlist .list .tittlelist li {line-height:25px;}
#productlist2 {float:left; width:600px; padding:0 20px;}
#productlist2 .tittle {width:285px;}
#productlist2 .piclist {width:285px; height:53px; padding:12px 0; display:block;}
#productlist2 .piclist .fleft {width:70px; clear:left;}
#productlist2 .piclist .fleft a {height:53px;}
#productlist2 .piclist .fleft img {width:60px; height:45px; border:4px solid #e3e3e3; display:block;}
#productlist2 .piclist .fright {width:210px; line-height:18px;}
#productlist2 .piclist .intro {color:#999999;}
#productlist2 .tittlelist {width:285px; float:right;}
#productlist2 .tittlelist li {line-height:25px;}

#productarticle {float:left; width:600px; padding:0 20px;}
#productarticle .tittle {text-align:center; font-family:"黑体"; font-size:20px; line-height:300%;}
#productarticle .article {padding:0 10px; line-height:23px;}