@charset "utf-8";

/* style.css */
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none }
img { border: 0px }
img.h-fit { height: 100%; }
img.w-fit { width: 100%; }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hide { opacity: 0; filter: opacity(0); }
.none { display: none }
.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
a, .tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1100px; margin: 0 auto }
.mcolor { color: #0677ca !important; }
.white { color: #fff !important; }
.gray { color: #666 !important; }
.graylight { color: #999 !important; }
.yellow { color: #fba807 !important; }
.red { color: #e60012 !important; }
@font-face { font-family: engra; src: url('../fonts/engra.ttf'); }
.text-bold { font-weight: bold; }
.text-shadow { text-shadow: #666 2px 2px 3px; }
.box-shadow { box-shadow: rgba(0, 0, 0, .3) 2px 2px 3px; }
.hfit { height: 100%; width: auto; }
.wfit { width: 100%; height: auto; }