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

html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, textarea, input, th, td {padding: 0; margin: 0;}
html { height: 101%; overflow-x: hidden;}
*html{ background-image:url(about:blank); background-attachment:fixed;}
body, input, button, textarea, select, th, td { font: 14px "Microsoft Yahei", "微软雅黑", "Arial", "宋体"; color: #767676; background: url(bg.png) repeat #f5f5f5;}
body{ padding-bottom:80px;}
table { border-collapse: collapse; border-spacing: 0;}
img { border: 0;}
ul { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
input, textarea, select, button { outline: none; vertical-align: middle;}
a { color: #555; text-decoration: none; outline: none;}
a:hover { color: #555; text-decoration: underline;}
em, th, i { font-weight: normal; font-style: normal;}

.header { width: 100%; height: 31px; background: url(header.png) repeat-x; border-bottom: 1px solid #cecece; font-size: 12px; color: #777;}
.header-box { width: 960px; height: 31px; line-height: 31px; margin: 0px auto;}
.header-box .logo { float: left; width: 166px; height: 31px; background: url(logo.png) no-repeat;}
.header-box .logo a { width: 166px; height: 31px; display: block;}
.header-box .nav { float: right; height: 31px; overflow: hidden;}
.header-box .nav span { padding: 0px 20px; color: #bebebe;}
.header a { color:#222; text-decoration: none;}
.header a:hover { color: #4c9101; text-decoration: none;}

.banner { width: 100%; height: 348px; background: url(banner.png) center top no-repeat;}

.dy { width: 100%; height: 347px; background: url(dy.png) center top no-repeat; position: relative;}
.dy .box { width: 820px; height: 130px; line-height: 26px; position: absolute; left: 50%; top: 133px; margin-left: -382px; color: #fff;}
.dy .box p { text-indent: 28px;}

.sjz { width: 960px; margin: 0px auto; margin-top: 30px; overflow: hidden; background: url(sjz.png) center top repeat-y;}
.sjz .title { width: 340px; height: 46px; margin: 0px auto; background: url(sjz-title.png) no-repeat;}
.sjz ul { float: left; width: 960px; padding-top: 30px;}
.sjz ul li { border: 1px solid #fff; background-color: #fff; width: 415px; padding: 15px; border-radius: 8px; margin-bottom: 20px; position: relative;}
.sjz ul li.left { float: left;}
.sjz ul li.right { float: right; margin-top: 40px;}
.sjz ul li h3 { font-size: 18px; width: 415px; height: 30px; line-height: 26px;}
.sjz ul li h3 a.gj-c { color: #df4158;}
.sjz ul li h3 a.qz-c { color: #38c9f4;}
.sjz ul li p { width: 415px; line-height: 26px; text-indent: 28px;}
.sjz ul li.left .arrow-left, .sjz ul li.right .arrow-right { position: absolute; top: 25px; width: 0px; height: 0px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; font-size: 0px; line-height: 0px; *overflow: hidden;}
.sjz ul li.left .arrow-left { right: -12px; border-left: 12px solid #fff;}
.sjz ul li.right .arrow-right { left: -12px; border-right: 12px solid #fff;}
.sjz ul li.left .yq-left, .sjz ul li.right .yq-right { width: 9px; height: 9px; position: absolute; top: 32px; background: url(yq.png) no-repeat;}
.sjz ul li.left .yq-left { right: -39px;}
.sjz ul li.right .yq-right { left: -39px;}

.bottom { width: 100%; height: 80px; line-height: 80px; padding-top: 30px; text-align: center; color: #555; font-size: 13px;}

/* navigate */
.navigate{ width:100%; height:80px; background:url(navigate.png) top center no-repeat; position:fixed; bottom:0px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.navigate_box{ width:1000px; height:80px; margin:0px auto;}
.navigate_logo{ float:left; width:200px; height:80px;}
.navigate_logo a{ width:200px; height:80px; display:block; cursor:pointer;}
.navigate_link{ float:right; width:768px; height:80px; line-height:74px; font-size:18px; font-weight:700;}
.navigate_link ul li{ float:left; width:96px; height:80px; text-align:center;}
.navigate_link ul li a{ color:#fff;}
.navigate_link ul li a:hover{ color:#000; text-decoration:none;}