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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { max-width: 100%; max-height: 100%; }

a, a:hover { text-decoration: none; }

body { font-family: arial,"microsoft yahei"; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none !important; }

.show { display: block !important; }

.tl { text-align: left; }

.tr { text-align: right; }

.mid { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }

.bg-w { background: #FFFFFF; }

/*padding*/
.p10 { padding: 10px; }

.p20 { padding: 20px; }

.p30 { padding: 30px; }

.p40 { padding: 40px; }

.p50 { padding: 50px; }

/*padding  ---top*/
.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

/*padding  ---bottom*/
.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

/*padding  ---left*/
.pl10 { padding-left: 10px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

/*padding  ---right*/
.pr10 { padding-right: 10px; }

.pr20 { padding-right: 20px; }

.pr30 { padding-right: 30px; }

.pr40 { padding-right: 40px; }

.pr50 { padding-right: 50px; }

.m10 { margin: 10px; }

.m20 { margin: 20px; }

.m30 { margin: 30px; }

.m40 { margin: 40px; }

.m50 { margin: 50px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

@media (min-width: 1200px) { body { background: #FFFFFF; }
  div[class*='col'], div.row, div.container, div.container-fluid { margin: 0; padding: 0; }
  .width-fluid { max-width: 1410px; margin: 0 auto; }
  .width-fluid-lg { max-width: 1440px; margin: 0 auto; }
  /*float*/
  .fl-p { float: left; }
  .fr-p { float: right; }
  /*padding*/
  .p10-p { padding: 10px; }
  .p20-p { padding: 20px; }
  .p30-p { padding: 30px; }
  .p40-p { padding: 40px; }
  .p50-p { padding: 50px; }
  /*padding  ---top*/
  .pt10-p { padding-top: 10px; }
  .pt20-p { padding-top: 20px; }
  .pt30-p { padding-top: 30px; }
  .pt40-p { padding-top: 40px; }
  .pt50-p { padding-top: 50px; }
  /*padding  ---bottom*/
  .pb10-p { padding-bottom: 10px; }
  .pb20-p { padding-bottom: 20px; }
  .pb30-p { padding-bottom: 30px; }
  .pb40-p { padding-bottom: 40px; }
  .pb50-p { padding-bottom: 50px; }
  /*padding  ---left*/
  .pl10-p { padding-left: 10px; }
  .pl20-p { padding-left: 20px; }
  .pl30-p { padding-left: 30px; }
  .pl40-p { padding-left: 40px; }
  .pl50-p { padding-left: 50px; }
  /*padding  ---right*/
  .pr10-p { padding-right: 10px; }
  .pr20-p { padding-right: 20px; }
  .pr30-p { padding-right: 30px; }
  .pr40-p { padding-right: 40px; }
  .pr50-p { padding-right: 50px; }
  .m10-p { margin: 10px; }
  .m20-p { margin: 20px; }
  .m30-p { margin: 30px; }
  .m40-p { margin: 40px; }
  .m50-p { margin: 50px; }
  .ml10-p { margin-left: 10px; }
  .ml20-p { margin-left: 20px; }
  .ml30-p { margin-left: 30px; }
  .ml40-p { margin-left: 40px; }
  .ml50-p { margin-left: 50px; }
  .mr10-p { margin-right: 10px; }
  .mr20-p { margin-right: 20px; }
  .mr30-p { margin-right: 30px; }
  .mr40-p { margin-right: 40px; }
  .mr50-p { margin-right: 50px; }
  .mt10-p { margin-top: 10px; }
  .mt20-p { margin-top: 20px; }
  .mt30-p { margin-top: 30px; }
  .mt40-p { margin-top: 40px; }
  .mt50-p { margin-top: 50px; }
  .mb10-p { margin-bottom: 10px; }
  .mb20-p { margin-bottom: 20px; }
  .mb30-p { margin-bottom: 30px; }
  .mb40-p { margin-bottom: 40px; }
  .mb50-p { margin-bottom: 50px; } }
@media (max-width: 1200px) { /*float*/
  .fl-m { float: left; }
  .fr-m { float: right; }
  /*padding*/
  .p10-m { padding: 10px; }
  .p20-m { padding: 20px; }
  .p30-m { padding: 30px; }
  .p40-m { padding: 40px; }
  .p50-m { padding: 50px; }
  /*padding  ---top*/
  .pt10-m { padding-top: 10px; }
  .pt20-m { padding-top: 20px; }
  .pt30-m { padding-top: 30px; }
  .pt40-m { padding-top: 40px; }
  .pt50-m { padding-top: 50px; }
  /*padding  ---bottom*/
  .pb10-m { padding-bottom: 10px; }
  .pb20-m { padding-bottom: 20px; }
  .pb30-m { padding-bottom: 30px; }
  .pb40-m { padding-bottom: 40px; }
  .pb50-m { padding-bottom: 50px; }
  /*padding  ---left*/
  .pl10-m { padding-left: 10px; }
  .pl20-m { padding-left: 20px; }
  .pl30-m { padding-left: 30px; }
  .pl40-m { padding-left: 40px; }
  .pl50-m { padding-left: 50px; }
  /*padding  ---right*/
  .pr10-m { padding-right: 10px; }
  .pr20-m { padding-right: 20px; }
  .pr30-m { padding-right: 30px; }
  .pr40-m { padding-right: 40px; }
  .pr50-m { padding-right: 50px; }
  .m10-m { margin: 10px; }
  .m20-m { margin: 20px; }
  .m30-m { margin: 30px; }
  .m40-m { margin: 40px; }
  .m50-m { margin: 50px; }
  .ml10-m { margin-left: 10px; }
  .ml20-m { margin-left: 20px; }
  .ml30-m { margin-left: 30px; }
  .ml40-m { margin-left: 40px; }
  .ml50-m { margin-left: 50px; }
  .mr10-m { margin-right: 10px; }
  .mr20-m { margin-right: 20px; }
  .mr30-m { margin-right: 30px; }
  .mr40-m { margin-right: 40px; }
  .mr50-m { margin-right: 50px; }
  .mt10-m { margin-top: 10px; }
  .mt20-m { margin-top: 20px; }
  .mt30-m { margin-top: 30px; }
  .mt40-m { margin-top: 40px; }
  .mt50-m { margin-top: 50px; }
  .mb10-m { margin-bottom: 10px; }
  .mb20-m { margin-bottom: 20px; }
  .mb30-m { margin-bottom: 30px; }
  .mb40-m { margin-bottom: 40px; }
  .mb50-m { margin-bottom: 50px; } }

/*# sourceMappingURL=layout.css.map */