/* CSS Document */
/*html {
	
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}*/
html{overflow-x:hidden; width:100%; height:100%;}
body,div,h1,h2,h3,h4,h5,h6,a,img,span,ul,li,table,p,form,select,input,texarea,dl,dt,dd{ margin:0; padding:0;}
body{ font-size:12px; position:relative;width:100%; _height:100%; font-family:"宋体"; background:#fff; color:#3c3c3c;line-height:24px;}
ul{ list-style:none;}
i{ font-style:normal;}
img{ border:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
.clear{ clear:both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.Arial{ font-family:Arial;}
.orange{ color:#c69a44;}
.f14{ font-size:14px;}
.tc{ text-align:center;}
/*header*/
.header_top{width:980px; margin:0 auto; height:105px; position:relative;}
.logo{ float:left;}
.logo_{float:left;}
.cloud{ color:#fff; position:absolute; right:0; top:18px;}
.cloud_d{ position:absolute; right:190px; color:#C7BBB8; top:28px; *top:26px;}
.cloud li{ float:left; margin-left:24px;}
.cloud  a{ color:#c7bbb8;}
.cloud_d img{ vertical-align:middle; margin:0 12px; position:relative; top:-4px;}
.header_nav{ position:absolute; right:0; bottom:30px;}
.header_nav li{ float:left; margin-left:10px; padding-left:10px; background:url(../image/border_h.png) no-repeat left center;}
.header_nav  .h_nav_f{ padding:0; margin:0; background:none;}
.header_nav a{ color:#fff;}

/*content*/
#content{ width:100%; position:relative; height:620px;overflow:hidden;}
#banner{ position:relative; height:620px; overflow:hidden; z-index:999;}
#banner img{ border:0;}
.book_box{ width:980px; margin:0 auto; position:relative; z-index:999;}
/*banner*/
.index_banner{ width:100%; height:623px;overflow:hidden !important; text-align:center;}
.index_banner a{display:block;}
.index_banner img {max-height:623px;position: absolute; left:50%; margin-left:-864px;display: none; }
.banner_bnt{ display:inline;position:absolute; width:350px; height:67px; top:550px; left:50%; margin-left:-170px;}
.banner_bnt img{ margin-left:-8px;}
/*扫描关注*/
.wb{margin-top:5px;}
#wx .wximg{ vertical-align:middle;}
#sm { width:146px;height:170px; position:absolute; top:-190px; left:50%; margin-left:-94px; padding:10px; background:#fff; border:1px solid #ccc; display:none; z-index:99999;}
#sm h4{ color:#000; font-size:12px; font-weight:normal;}
#sm .close{ display:inline-block; padding:3px; cursor:pointer; margin-top:5px;}
#sm p img{ padding:14px;width:116px;height:116px;}
#wx:hover #sm{ display:block;}

/*foot*/
.footer_box{ width:980px; margin: 0 auto; height:70px; position:relative;}
.footer_left{ float:left;}
.footer_left ul{ clear:both;}
.footer_left li{ float:left; color:#c9c0bd; margin-right:10px; position:relative;}
.footer_left li a{ color:#c9c0bd; display:block; float:left;}
.footer_left li.gz{ margin-right:0;}
.dd{ background:url(../image/foot_b.png) no-repeat left center;}
.dd a{ padding-left:40px; background:url(../image/dd.png) no-repeat 14px center;}
.footer_nav{ padding-top:18px; *padding-top:8px;}
.footer_left .footer_nav li{ margin-right:20px;}
.footer_right{ text-align:right;color:#c9c0bd; position:absolute; right:0; top:0;}
.footer_right a{ color:#c9c0bd;}
.footer_right p{ margin-top:18px;}