/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img { border: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
ol, ul { list-style: none;}
table { border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
button, input, select, textarea { font-size: 100%; }
.clear_float:after { display: block; visibility: hidden; height: 0; clear: both; content: "";}
.clear_float { zoom: 1;}
a{ text-decoration:none;}
body { font: 12px/1.5 Arial,"Microsoft YaHei",Helvetica,Verdana,SimHei,sans-serif; color: #999; min-width: 1460px;}
.fl { float: left;}
.fr { float: right;}
input,textarea{outline-color:#23b7b7;}
::selection { background: #23b7b7; color: #fff;}
::-moz-selection { background: #23b7b7; color: #fff;}

.wrap { min-width: 1300px;}
.w1180 { width: 1180px; margin: 0 auto;}
.iconmore { background:url(/image/Help/iconmore.png) no-repeat;background-position: -510px 0;}

/* header */
.head-top { background: #f2f2f2; height: 28px; padding-top: 4px; position: relative; z-index: 99; display: block;} 
.top-link a { color: #666; height: 20px; line-height: 20px; padding: 1px 3px 2px; display: inline-block; border: 1px solid #f2f2f2;}
.top-link a:hover { text-decoration: underline;}
.top-link a.top-link-bold { color: #23b7b7;}
.top-link a.site-map-drop { width: 62px;}
.top-link a.site-map-drop:hover { border: 1px solid #ccc;}
.top-link a.linkon { border: 1px solid #ccc;}
.top-link a.linkon .sit-map-up{ background-position: -686px -9px;}
.top-link a .sit-map-up { background-position: -686px 0; width: 9px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 4px;}
.top-link a:hover .sit-map-up { background-position: -686px -9px;}

.top-link span { height: 20px; line-height: 20px; padding: 3px 0; *vertical-align: 3px;}
.top-link span.contact-phone { padding: 1px 3px 2px; color: #23b7b7; display: inline-block; border: 1px solid #f2f2f2; cursor: pointer; *vertical-align: 0px;}
.top-link span.contact-phone:hover { border: 1px solid #ccc;}
.top-link span .contact-up { background-position: -686px 0; width: 9px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 4px;}
.top-link span:hover .contact-up,.top-link span.linkon .contact-up { background-position: -686px -9px;}
.top-link span.linkon { border: 1px solid #ccc;}
.contact-info { width: 240px; height: 30px; line-height: 30px; padding-left: 10px; border: 1px solid #ccc; background: #FFF; position: absolute; top: 24px; *top: 27px; right: 0; z-index: 99; display: none;}
.contact-info em { font-style: normal; color: #23b7b7; letter-spacing: 1px;}
.cover-contact { position: absolute; right: 0; top: -1px; height: 1px; background: #fff;}

.top-link .wx-title { padding: 1px 6px 4px; border: 1px solid #f2f2f2; display: inline-block; cursor: pointer;}
.top-link .wx-title:hover,.top-link .wx-title.linkon { color: #23b7b7; border: 1px solid #23b7b7;}
.wx-info { width: 100px; text-align: center; padding: 12px 8px; background: #fff; border: 1px solid #23b7b7; position: absolute; top: 22px; *top: 27px; right: 0; z-index: 99; display: none;}
.wx-info img { width: 100px; height: 100px;}
.cover-wx { position: absolute; right: 0; top: -1px; height: 1px; width: 36px; background: #fff;}

.site-map,.site-contact,.site-wx { position: relative; display: inline-block; *display:inline;}
.cover-map{ position: absolute; right: 0; top: -1px; height: 1px; width: 68px; background: #fff;}
.site-mapinfo { width: 235px; background: #fff; border: 1px solid #ccc; padding: 5px 10px; position: absolute; top: 24px; *top: 27px; right: 0; z-index: 99; display: none;}
.site-map-title { border-bottom: 1px dotted #cccccc; color: #23b7b7; font-weight: bolder; line-height: 25px; text-align: left;}
.site-map-link { line-height: 25px; text-align: left;}
.site-map-link a { color: #666; display: inline-block; padding: 0 4px 0 0; border: none;}
.site-map-link a:hover { text-decoration: underline;}
.site-map-more a { color: #23b7b7; font-weight: bolder; border: none;}
.site-map-more a:hover { text-decoration: underline;}

.head-bottom { background: #fff; border-bottom: 2px solid #23b7b7; }
.logo { display: inline-block; margin-top: 15px;}
.logo img { width: 375px; height: 52px;}
.nav-wrap { margin-left: -26px;}
.nav-wrap li { float: left; width: 120px; height: 56px; text-align: center; position: relative;}
.nav-wrap li a { font-size: 18px; color: #666; padding: 5px 0; margin: 15px 0 8px; display: inline-block;}
.nav-wrap li a:hover { color: #23b7b7; text-decoration: none;}
.nav-wrap li span { background:url(/image/Help/iconmore.png) no-repeat -670px 0; width: 12px; height: 6px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); display: none;}
.nav-wrap li em { background:url(/image/Help/iconmore.png) no-repeat -761px 0; width: 24px; height: 16px; position: absolute; top: 8px; right: 10px;}
.nav-wrap li.menu-index a { font-weight: bold;}
.nav-wrap li.menu-index-on a { color: #23b7b7;}
.nav-wrap li.menu-index-on span { display: block;}