@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input, button, textarea, select { outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*浮动*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a 链接*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#212020; }
a:visited { color:#212020; }
a:hover, a:active, a:focus {color:#EE7500; text-decoration:none; }

/*图片居中*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle}

/*常量*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

/* common */
.transition { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; }
body { overflow-x:hidden; -webkit-text-size-adjust:none; font-family:Arial; color:#212020; font-size:12px;}
.hbg { background: #a3a8aa; }

.wrap { position:relative; width: 1200px; margin:0 auto; }

.setArea { height: 39px; background: #787e83; }
.setArea .set { font-size: 16px; color: #fff; line-height: 39px; }

.topArea { height: 115px; background: url("../images/topArea.jpg") repeat-x; }
.logo { width: 760px; }
.search-form { width: 370px; height: 35px; margin: 44px 28px 0 0; }
.search-form .input-box { width: 258px; height: 24px;  }
.search-form .input-box .text { width: 256px; height: 22px; line-height: 22px; padding: 1px 5px; box-shadow: inset 0 1px 1px #5e5e5e; border: 1px solid #313131; background: #f7f8f9; }
.search-form .button-box { width: 100px; height: 24px; }
.search-form .button-box .btn { display: block; width: 100px; height: 22px; text-align: center; border: 1px solid #000; box-shadow: inset 0 5px 4px #c3c1c1; border-radius: 4px; color: #000; cursor: pointer;  background: #dcdcdc; }

.hicon { background-image: url("../images/hicon.png"); background-repeat: no-repeat; }
.nav { position: relative; height: 61px; background: url("../images/nav.png") no-repeat; padding-bottom: 15px; z-index:10;}
.nav ul li { float: left;}
.nav ul li i { display: block; width:32px; height: 32px; padding-top: 15px; background-position:2px -435px;   }
.nav ul li a { display: block; font-size: 16px; color: #fff; padding: 0 15px; height: 61px; line-height: 61px; border-right: 1px solid #fff; }
.nav ul li a:hover,.nav ul li a.current { background: #898989;  transition: all 0.3s; }
.nav ul li:first-child a:hover { border-radius: 0 0 0 12px; }


.fdNav { position: absolute; width: 220px; top:-5px; right: 0; }
.fdNav div { float: left; width: 60px; margin-right: 7px; }
.fdNav div a .i1 { display: block; height: 50px; background-position:0 0; }
.fdNav div a .i2 { display: block; height: 50px; background-position:0 -56px; }
.fdNav div .i3 { display: block; height: 50px; background-position:0 -114px; }
.fdNav .qrCode{position:relative;}
.fdNav .qrCode img{position:absolute; top:50px; left:-30px; display:none;}

.footer { background: #5a656a; height:66px; padding: 12px 0; border-radius: 8px 8px 0 0; }
.footer ul { margin-left: 50px; height: 66px; border-left: 2px solid #fff; }
.footer ul li { float: left; display: block; height: 66px; padding: 0 20px;  border-right: 2px solid #fff; color: #c6c4c6; font-size: 16px; line-height: 24px; }
.footer ul li i { float: left; }
.footer ul li em { float:left; padding-top: 5px; vertical-align: middle; }
.footer ul .li1 i { width: 40px; height: 52px; background-position:0 -175px;  }
.footer ul .li2 i { width: 70px; height: 52px; background-position:10px -229px;  }
.footer ul .li2 em { padding-top: 19px; }
.footer ul .li3 i { width: 50px; height: 52px; background-position:0 -290px;  }
.footer ul .li4 i { width: 50px; height: 52px; background-position:0 -339px;  }
.footer ul .li4 em, .footer ul .li3 em { padding-top: 19px; }
.footer ul .li5 i { width: 50px; height: 52px; background-position:0 -385px;  }
.footer ul .li5 em { padding-top: 19px; }



/*index-banner*/
.index-banner { position: relative; height:auto; width:100%;}
.index-banner .bd{ width:100%; overflow:hidden;}
.index-banner .bd img{width:100%;}
.index-banner .hd { position: absolute; width: 100%; margin: 0 auto; padding:30px 0; background: #fff; bottom: 55px; text-align: center; z-index: 2; font-size:0;}
.index-banner .hd img{margin:0 3px;}

.index-btn { position: absolute; width: 100%; text-align: center; top: 60%; margin-top:-9px;}
.index-btn a { display: inline-block; margin: 0 2px; padding: 0 8px; border-radius: 4px; font-size: 12px; background: #e1e1e1; box-shadow: 0 -1px 1px #ccc; }