@charset "UTF-8";
/****************************** components ******************************/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clearfix, .container:after,
.row:after, ul{*zoom: 1;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.container{margin-right: auto; margin-left: auto;}
.content img{max-width: 100%;}
.content_box,.content_box *,.content_box *:before,.content_box *:after{box-sizing: content-box;}
.ml5{margin-left: 5px;}
.mt5{margin-top: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.mg5{margin: 5px;}
.pl5{padding-left: 5px;}
.pt5{padding-top: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.pd5{padding: 5px;}
.ml10{margin-left: 10px;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mg10{margin: 10px;}
.pl10{padding-left: 10px;}
.pt10{padding-top: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pd10{padding: 10px;}
.ml15{margin-left: 15px;}
.mt15{margin-top: 15px;}
.mr15{margin-right: 15px;}
.mb15{margin-bottom: 15px;}
.mg15{margin: 15px;}
.pl15{padding-left: 15px;}
.pt15{padding-top: 15px;}
.pr15{padding-right: 15px;}
.pb15{padding-bottom: 15px;}
.pd15{padding: 15px;}
.ml20{margin-left: 20px;}
.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.mg20{margin: 20px;}
.pl20{padding-left: 20px;}
.pt20{padding-top: 20px;}
.pr20{padding-right: 20px;}
.pb20{padding-bottom: 20px;}
.pd20{padding: 20px;}
.ml25{margin-left: 25px;}
.mt25{margin-top: 25px;}
.mr25{margin-right: 25px;}
.mb25{margin-bottom: 25px;}
.mg25{margin: 25px;}
.pl25{padding-left: 25px;}
.pt25{padding-top: 25px;}
.pr25{padding-right: 25px;}
.pb25{padding-bottom: 25px;}
.pd25{padding: 25px;}
.ml30{margin-left: 30px;}
.mt30{margin-top: 30px;}
.mr30{margin-right: 30px;}
.mb30{margin-bottom: 30px;}
.mg30{margin: 30px;}
.pl30{padding-left: 30px;}
.pt30{padding-top: 30px;}
.pr30{padding-right: 30px;}
.pb30{padding-bottom: 30px;}
.pd30{padding: 30px;}
.ml35{margin-left: 35px;}
.mt35{margin-top: 35px;}
.mr35{margin-right: 35px;}
.mb35{margin-bottom: 35px;}
.mg35{margin: 35px;}
.pl35{padding-left: 35px;}
.pt35{padding-top: 35px;}
.pr35{padding-right: 35px;}
.pb35{padding-bottom: 35px;}
.pd35{padding: 35px;}
.ml40{margin-left: 40px;}
.mt40{margin-top: 40px;}
.mr40{margin-right: 40px;}
.mb40{margin-bottom: 40px;}
.mg40{margin: 40px;}
.pl40{padding-left: 40px;}
.pt40{padding-top: 40px;}
.pr40{padding-right: 40px;}
.pb40{padding-bottom: 40px;}
.pd40{padding: 40px;}
.ml45{margin-left: 45px;}
.mt45{margin-top: 45px;}
.mr45{margin-right: 45px;}
.mb45{margin-bottom: 45px;}
.mg45{margin: 45px;}
.pl45{padding-left: 45px;}
.pt45{padding-top: 45px;}
.pr45{padding-right: 45px;}
.pb45{padding-bottom: 45px;}
.pd45{padding: 45px;}
.ml50{margin-left: 50px;}
.mt50{margin-top: 50px;}
.mr50{margin-right: 50px;}
.mb50{margin-bottom: 50px;}
.mg50{margin: 50px;}
.pl50{padding-left: 50px;}
.pt50{padding-top: 50px;}
.pr50{padding-right: 50px;}
.pb50{padding-bottom: 50px;}
.pd50{padding: 50px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS. */
html{line-height: 1.15; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */}

/* Sections
   ========================================================================== */
/** * Add the correct display in IE 9-. */
article,aside,footer,header,nav,section{display: block;}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1{font-size: 2em; margin: 0.67em 0;}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main{/* 1 */
  display: block;}
/**
 * Add the correct margin in IE 8.
 */
figure{margin: 1em 40px;}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr{box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre{font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a{background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]{border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong{font-weight: inherit;}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong{font-weight: bolder;}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp{font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn{font-style: italic;}
/**
 * Add the correct background and color in IE 9-.
 */
mark{background-color: #ff0; color: #000;}
/**
 * Add the correct font size in all browsers.
 */
small{font-size: 80%;}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video{display: inline-block;}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]){display: none; height: 0;}
/**
 * Remove the border on img inside links in IE 10-.
 */
img{border-style: none;}
/**
 * Hide the overflow in IE.
 */
svg:not(:root){overflow: hidden;}
/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea{margin: 0;}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input{/* 1 */
  overflow: visible;}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select{/* 1 */
  text-transform: none;}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style: none; padding: 0;}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend{box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress{display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea{overflow: auto;}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"]{box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height: auto;}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"]{-webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu{display: block;}
/*
 * Add the correct display in all browsers.
 */
summary{display: list-item;}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas{display: inline-block;}
/**
 * Add the correct display in IE.
 */
template{display: none;}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden]{display: none;}
*{box-sizing: border-box;}
*:before,
*:after{box-sizing: border-box;}
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul{margin: 0; padding: 0;}
address,
cite,
dfn,
em,
var{font-style: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
legend{color: #000;}
fieldset,
img{border: 0;}
table{border-collapse: collapse; border-spacing: 0;}
ul,
ol{list-style: none;}
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"]{cursor: pointer;}
a{color: inherit; color: expression(this.parentNode.currentStyle.color); text-decoration: none;}
a:focus{outline: thin dotted;}
a:active, a:hover{outline: 0;}
h1{font-size: 36px;}
h2{font-size: 32px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 16px;}
small{font-size: 12px;}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12{float: left;}
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}
.col-xs-pull-12{right: 100%;}
.col-xs-pull-11{right: 91.66666667%;}
.col-xs-pull-10{right: 83.33333333%;}
.col-xs-pull-9{right: 75%;}
.col-xs-pull-8{right: 66.66666667%;}
.col-xs-pull-7{right: 58.33333333%;}
.col-xs-pull-6{right: 50%;}
.col-xs-pull-5{right: 41.66666667%;}
.col-xs-pull-4{right: 33.33333333%;}
.col-xs-pull-3{right: 25%;}
.col-xs-pull-2{right: 16.66666667%;}
.col-xs-pull-1{right: 8.33333333%;}
.col-xs-pull-0{right: auto;}
.col-xs-push-12{left: 100%;}
.col-xs-push-11{left: 91.66666667%;}
.col-xs-push-10{left: 83.33333333%;}
.col-xs-push-9{left: 75%;}
.col-xs-push-8{left: 66.66666667%;}
.col-xs-push-7{left: 58.33333333%;}
.col-xs-push-6{left: 50%;}
.col-xs-push-5{left: 41.66666667%;}
.col-xs-push-4{left: 33.33333333%;}
.col-xs-push-3{left: 25%;}
.col-xs-push-2{left: 16.66666667%;}
.col-xs-push-1{left: 8.33333333%;}
.col-xs-push-0{left: auto;}
.col-xs-offset-12{margin-left: 100%;}
.col-xs-offset-11{margin-left: 91.66666667%;}
.col-xs-offset-10{margin-left: 83.33333333%;}
.col-xs-offset-9{margin-left: 75%;}
.col-xs-offset-8{margin-left: 66.66666667%;}
.col-xs-offset-7{margin-left: 58.33333333%;}
.col-xs-offset-6{margin-left: 50%;}
.col-xs-offset-5{margin-left: 41.66666667%;}
.col-xs-offset-4{margin-left: 33.33333333%;}
.col-xs-offset-3{margin-left: 25%;}
.col-xs-offset-2{margin-left: 16.66666667%;}
.col-xs-offset-1{margin-left: 8.33333333%;}
.col-xs-offset-0{margin-left: 0;}
@media screen and (min-width: 768px){.col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12{  float: left; }
  .col-sm-12{  width: 100%; }
  .col-sm-11{  width: 91.66666667%; }
  .col-sm-10{  width: 83.33333333%; }
  .col-sm-9{  width: 75%; }
  .col-sm-8{  width: 66.66666667%; }
  .col-sm-7{  width: 58.33333333%; }
  .col-sm-6{  width: 50%; }
  .col-sm-5{  width: 41.66666667%; }
  .col-sm-4{  width: 33.33333333%; }
  .col-sm-3{  width: 25%; }
  .col-sm-2{  width: 16.66666667%; }
  .col-sm-1{  width: 8.33333333%; }
  .col-sm-pull-12{  right: 100%; }
  .col-sm-pull-11{  right: 91.66666667%; }
  .col-sm-pull-10{  right: 83.33333333%; }
  .col-sm-pull-9{  right: 75%; }
  .col-sm-pull-8{  right: 66.66666667%; }
  .col-sm-pull-7{  right: 58.33333333%; }
  .col-sm-pull-6{  right: 50%; }
  .col-sm-pull-5{  right: 41.66666667%; }
  .col-sm-pull-4{  right: 33.33333333%; }
  .col-sm-pull-3{  right: 25%; }
  .col-sm-pull-2{  right: 16.66666667%; }
  .col-sm-pull-1{  right: 8.33333333%; }
  .col-sm-pull-0{  right: auto; }
  .col-sm-push-12{  left: 100%; }
  .col-sm-push-11{  left: 91.66666667%; }
  .col-sm-push-10{  left: 83.33333333%; }
  .col-sm-push-9{  left: 75%; }
  .col-sm-push-8{  left: 66.66666667%; }
  .col-sm-push-7{  left: 58.33333333%; }
  .col-sm-push-6{  left: 50%; }
  .col-sm-push-5{  left: 41.66666667%; }
  .col-sm-push-4{  left: 33.33333333%; }
  .col-sm-push-3{  left: 25%; }
  .col-sm-push-2{  left: 16.66666667%; }
  .col-sm-push-1{  left: 8.33333333%; }
  .col-sm-push-0{  left: auto; }
  .col-sm-offset-12{  margin-left: 100%; }
  .col-sm-offset-11{  margin-left: 91.66666667%; }
  .col-sm-offset-10{  margin-left: 83.33333333%; }
  .col-sm-offset-9{  margin-left: 75%; }
  .col-sm-offset-8{  margin-left: 66.66666667%; }
  .col-sm-offset-7{  margin-left: 58.33333333%; }
  .col-sm-offset-6{  margin-left: 50%; }
  .col-sm-offset-5{  margin-left: 41.66666667%; }
  .col-sm-offset-4{  margin-left: 33.33333333%; }
  .col-sm-offset-3{  margin-left: 25%; }
  .col-sm-offset-2{  margin-left: 16.66666667%; }
  .col-sm-offset-1{  margin-left: 8.33333333%; }
  .col-sm-offset-0{  margin-left: 0; }
}

@media screen and (min-width: 992px){.col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12{  float: left; }
  .col-md-12{  width: 100%; }
  .col-md-11{  width: 91.66666667%; }
  .col-md-10{  width: 83.33333333%; }
  .col-md-9{  width: 75%; }
  .col-md-8{  width: 66.66666667%; }
  .col-md-7{  width: 58.33333333%; }
  .col-md-6{  width: 50%; }
  .col-md-5{  width: 41.66666667%; }
  .col-md-4{  width: 33.33333333%; }
  .col-md-3{  width: 25%; }
  .col-md-2{  width: 16.66666667%; }
  .col-md-1{  width: 8.33333333%; }
  .col-md-pull-12{  right: 100%; }
  .col-md-pull-11{  right: 91.66666667%; }
  .col-md-pull-10{  right: 83.33333333%; }
  .col-md-pull-9{  right: 75%; }
  .col-md-pull-8{  right: 66.66666667%; }
  .col-md-pull-7{  right: 58.33333333%; }
  .col-md-pull-6{  right: 50%; }
  .col-md-pull-5{  right: 41.66666667%; }
  .col-md-pull-4{  right: 33.33333333%; }
  .col-md-pull-3{  right: 25%; }
  .col-md-pull-2{  right: 16.66666667%; }
  .col-md-pull-1{  right: 8.33333333%; }
  .col-md-pull-0{  right: auto; }
  .col-md-push-12{  left: 100%; }
  .col-md-push-11{  left: 91.66666667%; }
  .col-md-push-10{  left: 83.33333333%; }
  .col-md-push-9{  left: 75%; }
  .col-md-push-8{  left: 66.66666667%; }
  .col-md-push-7{  left: 58.33333333%; }
  .col-md-push-6{  left: 50%; }
  .col-md-push-5{  left: 41.66666667%; }
  .col-md-push-4{  left: 33.33333333%; }
  .col-md-push-3{  left: 25%; }
  .col-md-push-2{  left: 16.66666667%; }
  .col-md-push-1{  left: 8.33333333%; }
  .col-md-push-0{  left: auto; }
  .col-md-offset-12{  margin-left: 100%; }
  .col-md-offset-11{  margin-left: 91.66666667%; }
  .col-md-offset-10{  margin-left: 83.33333333%; }
  .col-md-offset-9{  margin-left: 75%; }
  .col-md-offset-8{  margin-left: 66.66666667%; }
  .col-md-offset-7{  margin-left: 58.33333333%; }
  .col-md-offset-6{  margin-left: 50%; }
  .col-md-offset-5{  margin-left: 41.66666667%; }
  .col-md-offset-4{  margin-left: 33.33333333%; }
  .col-md-offset-3{  margin-left: 25%; }
  .col-md-offset-2{  margin-left: 16.66666667%; }
  .col-md-offset-1{  margin-left: 8.33333333%; }
  .col-md-offset-0{  margin-left: 0; }
}

@media screen and (min-width: 1200px){.col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12{  float: left; }
  .col-lg-12{  width: 100%; }
  .col-lg-11{  width: 91.66666667%; }
  .col-lg-10{  width: 83.33333333%; }
  .col-lg-9{  width: 75%; }
  .col-lg-8{  width: 66.66666667%; }
  .col-lg-7{  width: 58.33333333%; }
  .col-lg-6{  width: 50%; }
  .col-lg-5{  width: 41.66666667%; }
  .col-lg-4{  width: 33.33333333%; }
  .col-lg-3{  width: 25%; }
  .col-lg-2{  width: 16.66666667%; }
  .col-lg-1{  width: 8.33333333%; }
  .col-lg-pull-12{  right: 100%; }
  .col-lg-pull-11{  right: 91.66666667%; }
  .col-lg-pull-10{  right: 83.33333333%; }
  .col-lg-pull-9{  right: 75%; }
  .col-lg-pull-8{  right: 66.66666667%; }
  .col-lg-pull-7{  right: 58.33333333%; }
  .col-lg-pull-6{  right: 50%; }
  .col-lg-pull-5{  right: 41.66666667%; }
  .col-lg-pull-4{  right: 33.33333333%; }
  .col-lg-pull-3{  right: 25%; }
  .col-lg-pull-2{  right: 16.66666667%; }
  .col-lg-pull-1{  right: 8.33333333%; }
  .col-lg-pull-0{  right: auto; }
  .col-lg-push-12{  left: 100%; }
  .col-lg-push-11{  left: 91.66666667%; }
  .col-lg-push-10{  left: 83.33333333%; }
  .col-lg-push-9{  left: 75%; }
  .col-lg-push-8{  left: 66.66666667%; }
  .col-lg-push-7{  left: 58.33333333%; }
  .col-lg-push-6{  left: 50%; }
  .col-lg-push-5{  left: 41.66666667%; }
  .col-lg-push-4{  left: 33.33333333%; }
  .col-lg-push-3{  left: 25%; }
  .col-lg-push-2{  left: 16.66666667%; }
  .col-lg-push-1{  left: 8.33333333%; }
  .col-lg-push-0{  left: auto; }
  .col-lg-offset-12{  margin-left: 100%; }
  .col-lg-offset-11{  margin-left: 91.66666667%; }
  .col-lg-offset-10{  margin-left: 83.33333333%; }
  .col-lg-offset-9{  margin-left: 75%; }
  .col-lg-offset-8{  margin-left: 66.66666667%; }
  .col-lg-offset-7{  margin-left: 58.33333333%; }
  .col-lg-offset-6{  margin-left: 50%; }
  .col-lg-offset-5{  margin-left: 41.66666667%; }
  .col-lg-offset-4{  margin-left: 33.33333333%; }
  .col-lg-offset-3{  margin-left: 25%; }
  .col-lg-offset-2{  margin-left: 16.66666667%; }
  .col-lg-offset-1{  margin-left: 8.33333333%; }
  .col-lg-offset-0{  margin-left: 0; }
}

/****************************** style ******************************/
body,button,input,select,textarea{font-family: "Microsoft YaHei" !important; font: 12px/1.4 "\5FAE\8F6F\96C5\9ED1", "arial"; color: #5a5a5a; font-size: 12px;}
html{min-width: 1200px;}
ol li,ul li{list-style-type: none; vertical-align: middle;}
img{border: none; vertical-align: middle;}
input{vertical-align: middle; font: 12px/1.4 "\5FAE\8F6F\96C5\9ED1", "arial"; outline: none;}
table{border-collapse: collapse; border-spacing: 0;}
a{text-decoration: none;}
.clear{clear: both;}
.clearfix, .container:after,.row:after, ul{*zoom: 1;}
.clearfix:after, .container:after,.row:after, ul:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px; margin: 0 auto; position: relative;}
.header .header_t{width: 100%; height: 40px; line-height: 40px; background-color: #f2f2f2; border-bottom: 1px solid #e5e5e5;}
.header .header_t p{color: #666666; font-size: 14px;}
.header .header_b{padding: 30px 0 20px;}
.header .header_b .header_bl{margin-right: 120px;}
.header .header_b .header_bl img{height: 60px;}
.header .header_b .header_bm ul{margin-top: 20px;}
.header .header_b .header_bm ul li{float: left; margin-right: 10px;}
.header .header_b .header_bm ul li img{float: left; margin-right: 10px;}
.header .header_b .header_bm ul li span{font-size: 15px; color: gray;}
.header .header_b .header_br img{width: 64px; height: 64px; float: left;}
.header .header_b .header_br p{color: #ff3333; width: 250px; font-weight: bold;}
.header .header_b .header_br .p1{font-size: 23px;}
.header .header_b .header_br .p2{font-size: 26px;}
.header .nav .nav_l{width: 240px; height: 50px;}
.header .nav .nav_l .btn1{display: block; width: 240px; height: 50px; line-height: 50px; background-color: #40b5f5; text-align: center; color: #fff; font-size: 18px;}
.header .nav .nav_l .btn1 img{margin-left: 5px;}
.header .nav .nav_r{width: 960px; padding: 0 20px;}
.header .nav .nav_r ul li{float: left;}
.header .nav .nav_r ul li a{display: block; width: 150px; height: 50px; line-height: 50px; padding: 0 5px; text-align: center; font-size: 14px;}
.header .nav .nav_r ul li a:hover{color: #3db8f5;}
.header .nav .nav_r ul li a.active{color: #3db8f5;}
.imain .box_banner{width: 100%; height: 500px; margin: 0 auto; position: relative; z-index: 1;}
.imain .box_banner .banner{height: 500px; position: relative; z-index: 1;}
.imain .box_banner .w1200{top: -500px;}
.imain .box_banner .w1200 ul li{height: 99px; background-color: rgba(0, 0, 0, .8); width: 240px; margin-bottom: 1px;}
.imain .box_banner .w1200 ul li .a1{display: block; text-align: center; font-size: 18px; color: #fff; padding-top: 20px; margin-bottom: 10px;}
.imain .box_banner .w1200 ul li .a1 img{margin-right: 10px;}
.imain .box_banner .w1200 ul li .a2{font-size: 14px; color: #ccc; display: inline-block; padding-right: 10px;}
.imain .box_banner .w1200 ul li .a2:hover{color: #fff;}
.imain .box_banner .w1200 ul li .a2:last-child{padding-right: 0px;}
.imain .box_banner .w1200 ul li p{text-align: center;}
.imain .flexslider{width: 100%; height: 100%;}
.imain .flexslider .slides li{margin: 0 auto; position: relative; width: 100%; height: 500px; overflow: hidden; zoom: 1;}
.imain .flexslider .slides a img{width: 100%; height: 500px; display: block;}
.imain .flex-control-nav{width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1;}
.imain .flex-control-nav li{margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.imain .flex-control-paging li a{background: url(../style/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer;}
.imain .flex-control-paging li.active a,
.imain .flex-control-paging li a.flex-active{background-position: 0 0;}
.imain .icomp_nd .w1200 ul{padding-left: 60px; margin-top: 40px;}
.imain .icomp_nd .w1200 ul li{float: left; margin-right: 120px; margin-bottom: 30px;}
.imain .icomp_nd .w1200 ul li a{display: block; width: 180px; height: 180px; margin: 0 auto 20px;}
.imain .icomp_nd .w1200 ul li a img{display: block; margin: 0px auto; padding-top: 30px;}
.imain .icomp_nd .w1200 ul li .p1{color: #fda823; font-family: 微软雅黑; font-size: 20px; text-align: center; margin-bottom: 15px;}
.imain .icomp_nd .w1200 ul li .p2{color: #666666; font-size: 14px; text-align: center;}
.imain .icomp_nd .w1200 ul li:nth-child(1) a{background: url(../style/icons-c1a.png) no-repeat center top;}
.imain .icomp_nd .w1200 ul li:nth-child(2) a{background: url(../style/icons-c2a.png) no-repeat center top;}
.imain .icomp_nd .w1200 ul li:nth-child(3) a{background: url(../style/icons-c3a.png) no-repeat center top;}
.imain .icomp_nd .w1200 ul li:nth-child(4) a{background: url(../style/icons-c4a.png) no-repeat center top;}
.imain .icomp_nd .w1200 ul li:nth-child(1) .p1{color: #fda823;}
.imain .icomp_nd .w1200 ul li:nth-child(2) .p1{color: rgb(181, 52, 252);}
.imain .icomp_nd .w1200 ul li:nth-child(3) .p1{color: rgb(64, 181, 245);}
.imain .icomp_nd .w1200 ul li:nth-child(4) .p1{color: rgb(224, 36, 65);}
.imain .icomp_nd .w1200 ul li:nth-child(4n){margin-right: 0px;}
.imain .icomp_nd .w1200 .service{padding-left: 0;}
.imain .icomp_nd .w1200 .service li{float: left; position: relative; width: 360px; height: 360px; background: rgb(245, 245, 245); margin-right: 60px;}
.imain .icomp_nd .w1200 .service li:nth-child(3n){margin-right: 0;}
.imain .icomp_nd .w1200 .service li .img1{display: block; width: 100%; z-index: 1; position: relative;}
.imain .icomp_nd .w1200 .service li .img2{position: absolute; top: 172px; left: 0; z-index: 2;}
.imain .icomp_nd .w1200 .service li a{background: none!important; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #000; border-radius: 3px; font-size: 24px; border: 1px solid #000;}
.imain .icomp_nd .w1200 .service li a:hover{color: #3db8f5; border-color: #3db8f5;}
.imain .ad{width: 100%; height: 470px; margin: 0 auto; position: relative; background: url(../style/advantage-bg.jpg) no-repeat center top;}
.imain .ad .img1{
  width: 1100px; height: 240px; position: absolute; top: 150px; left: 100px;}
.imain .ad .w{text-align: center; width: 240px; position: absolute;}
.imain .ad .n{width: 40px; height: 40px; color: rgb(64, 181, 245); font-size: 32px; position: absolute; text-align: center;}
.imain .ad .n2,.imain .ad .n4,.imain .ad .n6{color: rgb(224, 36, 65);}
.imain .ad .w .p1{font-size: 16px; color: rgb(64, 181, 245); line-height: 200%;}
.imain .ad .w .p2{font-size: 14px; color: rgb(51, 51, 51); line-height: 140%;}
.imain .ad .w2 .p1,.imain .ad .w4 .p1,.imain .ad .w6 .p1{color: rgb(224, 36, 65);}
.imain .ad .w1{left: 0px; top: 150px;}
.imain .ad .w2{left: 220px; top: 300px;}
.imain .ad .w3{left: 430px; top: 150px;}
.imain .ad .w4{left: 620px; top: 300px;}
.imain .ad .w5{left: 820px; top: 150px;}
.imain .ad .w6{left: 1020px; top: 300px;}
.imain .ad .n1{left: 125px; top: 323px;}
.imain .ad .n2{left: 320px; top: 190px;}
.imain .ad .n3{left: 525px; top: 323px;}
.imain .ad .n4{left: 720px; top: 190px;}
.imain .ad .n5{left: 925px; top: 323px;}
.imain .ad .n6{left: 1120px; top: 190px;}
.imain .choose ul {

}

.imain .choose ul li{float: left; width: 300px; height: 260px; padding: 0 120px 80px 0; position: relative; background: url(../style/service-arrow.png) no-repeat 230px 75px;}
.imain .choose ul li:nth-child(4){background: none;}
.imain .choose ul li img{position: absolute; width: 180px; height: 180px;}
.imain .choose ul li .p1{font-size: 24px; font-weight: bold; text-align: center; color: rgb(64, 181, 245); margin-top: 55px;}
.imain .choose ul li .p2{color: rgb(102, 102, 102); font-size: 14px; line-height: 140%; margin-top: 70px; text-align: center;
} 

.imain .news{width: 100%; height: 460px; margin: 0 auto; background-color: rgb(240, 240, 240);}
.imain .news .news_l{width: 540px;}
.imain .news .news_l img{width: 100%; margin-bottom: 10px;}
.imain .news .news_l p{color: #666; font-size: 14px; line-height: 140%; margin-bottom: 10px;}
.imain .news .itit{margin-bottom: 20px;}
.imain .news .news_l a{display: block; width: 144px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; border-radius: 20px; border: 1px solid rgba(204,204,204,1); color: #5a5a5a;}
.imain .news .news_r{width: 600px;}
.imain .news .news_r ul li{margin-bottom: 10px; clear: both; height: 100px;}
.imain .news .news_r ul li img{width: 160px; height: 100px; float: left; margin-right: 10px;}
.imain .news .news_r ul li a{font-size: 14px; color: #5a5a5a; line-height: 140%;}
.imain .news .news_r ul li a:hover{color: #3db8f5;}
.imain .news .news_r ul li .p1{font-size: 12px; color: #929292; line-height: 140%;}
.imain .news .news_r ul li .p2{font-size: 12px; padding-top: 2px; color: #5A5A5A; line-height: 140%;}
.imain .ad2{width: 100%; height: 120px; margin: 0 auto; background: #fff; padding-top: 30px;}
.imain .ad2 ul li{float: left; width: 240px;}
.imain .ad2 ul li div.fl{color: #fff; text-align: center; width: 60px; height: 60px; font-size: 24px; line-height: 60px; border-radius: 30px; margin-right: 5px;}
.imain .ad2 ul li:nth-child(1) div.fl{background-color: rgb(253, 168, 35);}
.imain .ad2 ul li:nth-child(2) div.fl{background-color: rgb(61, 184, 245);}
.imain .ad2 ul li:nth-child(3) div.fl{background-color: rgb(181, 52, 252);}
.imain .ad2 ul li:nth-child(4) div.fl{background-color: rgb(61, 184, 245);}
.imain .ad2 ul li:nth-child(5) div.fl{background-color: rgb(224, 36, 65);}
.imain .ad2 ul li .p1{font-size: 18px; color: rgb(0, 0, 0); line-height: 140%; margin-top: 5px;}
.imain .ad2 ul li .p2{font-size: 14px; color: rgb(102, 102, 102); line-height: 140%;  
}

.footer{width: 100%; height: 312px; margin: 0 auto; background-color: rgb(51, 51, 51); padding-top: 30px;}
.footer .div1{width: 190px; padding-top: 25px; padding: 25px 40px 0;}
.footer .div2{width: 300px; padding-top: 25px; padding: 25px 40px 0; margin-bottom: 25px;}
.footer .div3{width: 238px; padding-left: 80px;}
.footer .line{width: 1px; height: 200px; border-left: 1px dashed #404040;}
.footer h4{font-size: 20px; color: #fff; line-height: 140%; font-weight: normal; margin-bottom: 10px;}
.footer ul li{color: #ccc; line-height: 28px; font-size: 14px;}
.footer .div3 img{width: 158px; height: 158px;}
.footer .div3 p{font-size: 14px; color: rgb(204, 204, 204); line-height: 140%; text-align: center;}
.footer .copy{border-top: 1px solid #404040; color: rgb(204, 204, 204); text-align: center; height: 50px; line-height: 50px;}
.nmain .gszcb{width: 100%; height: 400px; margin: 0 auto; background: url(../style/banner002.jpg) no-repeat center center;}
.nmain .jzbsb{width: 100%; height: 400px; margin: 0 auto; background: url(../style/banner003.jpg) no-repeat center top;}
.nmain .sbzcb{width: 100%; height: 400px; margin: 0 auto; background: url(../style/banner004.jpg) no-repeat center top;}
.nmain .nnewsb{width: 100%; height: 400px; margin: 0 auto; background: url(../style/banner-news.jpg) no-repeat center top;}
.nmain .npageb{width: 100%; height: 400px; margin: 0 auto; background: url(../style/banner-contact.jpg) no-repeat center top;}
.nmain .nnews{padding: 30px 0;}
.nmain .nnews .page_l{width: 220px;}
.nmain .nnews .page_r{width: 930px;}
.nmain .nnews .page_r .crumbs{line-height: 40px; height: 40px; border-bottom: 1px solid #cccccc; margin-bottom:20px;}
.nmain .nnews .page_r .crumbs img{float: left; margin-right: 15px; margin-top: 11px;}
.nmain .nnews .page_r .crumbs span{margin-right: 10px; font-size: 14px; color: rgb(51, 51, 51);}
.nmain .nnews .page_r .crumbs a{font-size: 14px; color: rgb(51, 51, 51);}
.nmain .nnews .page_r ul li{border-bottom: 1px solid #eee; clear: both; min-height: 106px;}
.nmain .nnews .page_r ul li .t{display: block; font-size: 14px; color: #333333; font-weight: bold; line-height: 24px;}
.nmain .nnews .page_r ul li .t:hover{color: rgb(64, 181, 245);}
.nmain .nnews .page_r ul li img{width: 140px; height: 100px; float: left; margin-right: 15px;}
.nmain .nnews .page_r ul li p{font-size: 12px; color: #5A5A5A; line-height: 22px;}
.nmain .nnews .page_r ul li p a{font-size: 12px; color: #CF0202;}
.nmain .nnews .page_r .content h3{font-size: 16px; color: #40b5f5; font-weight: bold; text-align: center; line-height: 80px;}
.nmain .nnews .page_r .content .ab{width: 500px; margin:0 auto;}
.nmain .nnews .page_r .content .ab span{line-height: 21px; color: #5a5a5a;}
.nmain .nnews .page_r .content p{font-size: 15px; line-height: 1.7em; margin-bottom: 10px;}
.nmain .nnews .page_r .content .p1{font-size: 12px; color: #595959; line-height: 25px;}
.nmain .nnews .page_r .content img{max-width: 100%;}
.nmain .nnews .page_r .page_content p{color: rgb(51, 51, 51); font-size: 14px; line-height: 26px; margin-bottom: 10px;}
.nmain .nnews .page_r .page_content img{max-width: 100%;}
.nmain .nnews .page_l .page_lt{width: 220px; height: 110px; background-color: rgb(64, 181, 245); color: #fff; text-align: center;}
.nmain .nnews .page_l .page_lt .p1{font-size: 24px; line-height: 140%; padding-top: 30px;}
.nmain .nnews .page_l .page_lt .p2{line-height: 140%;}
.nmain .nnews .page_l ul{margin-bottom: 25px;}
.nmain .nnews .page_l ul li{background-color: #f5f5f5; width: 220px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #aaa;}
.nmain .nnews .page_l ul li a{display: block; width: 100%; height: 100%; color: #5a5a5a;}
.nmain .nnews .page_l img{width: 220px;}
.nmain .nnews .page_l ul li:hover,.nmain .nnews .page_l ul li.active{background-color: #fff;}
.nmain .gszc1 ul{width: 1080px; display: block; margin:0 auto; position: relative;} 

.nmain .gszc1 ul li{float: left; width: 360px; background: url(../style/tab-bg2.png) no-repeat center top; font-size:14px; line-height: 80px; text-align: center;}
.nmain .gszc1 .tab{height: 550px; position: relative;}
.nmain .gszc1 .tab .line{position: absolute; top: 72px; left: 0px; width: 1200px; border-top: 1px solid #cccccc;}

.nmain .gszc1 ul li.active .img{display: block!important;} 

.nmain .gszc1 ul li .img img{display: block; margin:0 auto; max-width: 100%;}
.nmain .gszc1 ul li.active{background: url(../style/tab-bg3.png) no-repeat center top; color: #40b5f5; font-size:16px;}
.nmain .gszc2{width: 100%; height: 860px; margin:0 auto; background-color: rgb(229, 229, 229);}
.nmain .gszc2 .gszc2_l{width: 540px;}
.nmain .gszc2 .gszc2_l .ntit2{height: 38px; width: 280px; margin:0 auto; font-size: 18px; line-height: 38px; text-align: center; color: #fff; background: url(../style/a-title1.png) no-repeat center top;}
.nmain .gszc2 .gszc2_l .gszc2_lc{width: 540px; height: 640px; background: #fff; padding: 65px 50px;}
.nmain .gszc2 .gszc2_l .gszc2_lc .div1{clear:both;}
.nmain .gszc2 .gszc2_l .gszc2_lc .div1 img{float: left; padding-bottom: 100px; margin-right: 10px;}
.nmain .gszc2 .gszc2_l .gszc2_lc .div1 .p1{font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; margin-bottom:5px;}
.nmain .gszc2 .gszc2_l .gszc2_lc .div1 .p2{line-height: 200%; font-size: 14px; color: rgb(51, 51, 51);}
.nmain .gszc2 .gszc2_r{width: 540px;}
.nmain .gszc2 .gszc2_r .ntit2{height: 38px; width: 280px; margin:0 auto; font-size: 18px; line-height: 38px; text-align: center; color: #fff; background: url(../style/a-title2.png) no-repeat center top;}
.nmain .gszc2 .gszc2_r .gszc2_rc{width: 540px; height: 640px; background: rgb(64, 181, 245); padding: 65px 50px;}
.nmain .gszc2 .gszc2_r .gszc2_rc .div1{clear:both;}
.nmain .gszc2 .gszc2_r .gszc2_rc .div1 img{float: left; padding-bottom: 100px; margin-right: 10px;}
.nmain .gszc2 .gszc2_r .gszc2_rc .div1 .p1{font-size: 18px; color: #fff; font-weight: bold; margin-bottom:5px;}
.nmain .gszc2 .gszc2_r .gszc2_rc .div1 .p2{line-height: 200%; font-size: 14px; color: #fff;}
.nmain .gszc2 .w1200 .line{height: 700px; width: 0; border-left: 2px dashed #d6d6d6; position: absolute; left: 600px; top: 100px;}
.nmain .gszc2 .w1200 .img1{position: absolute; left: 522px; top: 350px;}
.nmain .gszc3 ul{width: 1180px; display: block; margin:0 auto; position: relative;
} 

.nmain .gszc3 ul li{float: left; width: 236px; background: url(../style/tab-bg2.png) no-repeat center top; font-size:14px; line-height: 80px; text-align: center;}
.nmain .gszc3 .tab2{height: 600px; position: relative;}
.nmain .gszc3 .tab2 .line{position: absolute; top: 72px; left: 0px; width: 1200px; border-top: 1px solid #cccccc;}
.nmain .gszc3 ul li .img{width: 1200px; height: 400px; position: absolute; top: 100px; left: 0; display: none;}
.nmain .gszc3 ul li.active .img{display: block!important;
} 

.nmain .gszc3 ul li .img img{display: block; margin:0 auto; max-width: 100%;}
.nmain .gszc3 ul li.active{background: url(../style/tab-bg3.png) no-repeat center top; color: #40b5f5; font-size:16px;}
.nmain .gszc4{padding-bottom: 50px;}
.nmain .gszc4 img{display: block; margin:0 auto; max-width: 100%;}
.nmain .gszc4 p{text-align: center; color: rgb(255, 51, 51); line-height: 140%; font-size: 14px;}
.nitit{font-size: 30px; color: rgb(0, 0, 0); font-weight: bold; text-align: center; line-height: 80px;}
.itit{margin-top: 20px; padding-top: 20px;}
.itit h3{text-align: center; color: rgb(0, 0, 0); font-size: 32px; line-height: 140%; font-weight: normal;}
.itit p{text-align: center;}
.btn1{position: relative;}.nav_l .ul1{display: none; width: 100%; position: absolute; top: 50px; left: 0;}.nav_r .li1{position: relative;}.nav_r .li1 .ul1{display: none; width: 100%; position: absolute; top: 50px; left: 0;}.header .nav .nav_r .li1 .ul1 li a{display: block; color: #000; font-size: 14px; display: block; width: 150px; height: 35px; line-height: 35px; text-align: center; background: #fff;}.header .nav .nav_r .li1 .ul1 li a:hover{background: #ccc;}
.ul1 li{height: 35px; width: 100%;}
.ul1 li a{display: block; color: #000; font-size: 14px; display: block; width: 240px; height: 35px; line-height: 35px; text-align: center; background: #fff;}
.ul1 li a:hover{background: #ccc;}
.flink{  margin-bottom: 30px; width: 100%; overflow: hidden;}
.flink .flink_tit{  width: 100%; position: relative;}
.flink .flink_tit p{  height: 12px; width: 100%; background: url(../style/dian.png); position: absolute; top: 15px;}
.flink .flink_tit span{  height: 42px; background: #fff; color: rgb(64, 181, 245); font-size: 14px; border: 1px solid rgb(64, 181, 245); position: relative; z-index: 2; display: block; width: 115px; text-align: center; line-height: 42px; margin-left: 40px;}
.flink .flink_list{  width: 100%; margin-top: 30px; margin-left: 40px;}
.flink .flink_list ul li{  float: left; margin-right: 28px;}
.flink .flink_list ul li a{  font-size: 14px; line-height: 28px; color: #5a5a5a;}
.flink .flink_list ul li a:hover{  color: rgb(64, 181, 245);}

/****************************** media ******************************/
@media screen and (min-width: 768px){.container{  width: 750px; }
}

@media screen and (min-width: 992px){.container{  width: 970px; }
}

@media screen and (min-width: 1200px){.container{  width: 1170px; }
}

@media (max-width: 480px){.s1{  margin: -127px 0 0 0; width: 80%; height: 255px; left: 10%; }
  .s1 p{  font-size: 36px; }
  .s1 span{  font-size: 18px; }
}

@media only screen and (min-width: 768px){.cd-top{  right: 20px; bottom: 20px; }
}

@media only screen and (min-width: 1024px){.cd-top{  height: 60px; width: 60px; right: 30px; bottom: 30px; }
}

/*# sourceMappingURL=yunu.css.map */
.city{float:left;width:1200px; height:auto; overflow: hidden;margin-top:5px; margin-left:5px;}
.city dl{width:1200px; height:auto; overflow:hidden;float:left;}
.city dl dt{ width:1200px; height:35px; line-height:35px; float:left; color:#00559c; font-size:14px; font-weight:bold; text-indent:2em; border-bottom:solid #CCC 1px;}
.city dl dt a{color:#00559c;}
.city dl dd{ width:130px; height:25px; font-size:14px; float:left; line-height:25px; overflow:hidden}
.city dl dd a{color:#6a6a6a; text-decoration:none }
.city dl dd a:hover{ color:#F60; text-decoration:none}
.fanye {margin:0 auto;width:614px; height:37px;padding:3px; margin-top:25px; font-size:18px;clear:both; text-align:center;overflow:hidden }
.fanye A { border: #472c19 1px solid; padding:2px 5px 2px 5px;margin:2px;  color: #84664a; text-decoration:underline}
.fanye A:hover {border: #472c19 1px solid; color: #f75406;}
.fanye A:active {border: #472c19 1px solid;color: #ebd476; }
.fanye SPAN.current {border: #594127 1px solid; padding:2px 5px 2px 5px;margin:2px; color: #8d6a4e;}
.fanye SPAN.disabled {border: #926f53 1px solid; padding:2px 5px 2px 5px;margin:2px; color:#926f53; }

#city{ width:1200px;margin:5px auto; }
.city{ float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }
.city_title {}
.city_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333;   }
.city_title h2 img{ margin:0 10px;}
.city_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.city_Con{ line-height:2.0em; font-size:16px;}

.textlist{ }
.textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../style/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a{  }
.textlist li .InfoTime{ float:right;}
/*文字列表1*/
.textlist1{ overflow: hidden; width: 680px; margin: 20px auto;  }
.textlist1 li{ float: left;  }
.textlist1 li a{ display: block;  float: left; width: 160px; height: 60px; margin: 0 5px; background: #FFF; color: #666; text-align: center; line-height: 60px; }
.textlist1 li a:hover{ background: #1651b8; color: #FFF;}

.news_list li{line-height:27px;position:relative;padding-left:10px;}
.news_list li a{line-height:27px;color:#666;}
.news_list li a:hover{text-decoration:none;color:#e87518;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}

/*20220208 shuiseljh*/
.nmain .gszc1 ul li .img{
  border: 1px solid #BEBCBC;color:#595757;position: relative;
  width: 1100px; height: 400px; position: absolute; top: 100px; left: 0; display: none;
}
.zt_left_img{
  position: absolute;
  left:0;
  top: 50%;
  transform: translateY(-50%); 
  width: 300px;
  box-sizing: border-box;
  line-height: 60px;
  
}
.zt_left_img img{
  width: 280px;
  height: 280px;
  margin: 0 auto;

}
.zt_right_content{
  position: absolute;
  left: 300px;
  top: 0;
  width:800px;
  text-align: left;
  padding: 20px 40px;
  box-sizing: border-box;
  border-left: 1px solid #BEBCBC
}
.zt_right_content h4{
  line-height: 60px
}

.zt_right_content h6{
  line-height: 50px;
  font-weight: 700;
}
.sub_title{
  display: flex;
  align-items: center;
}
.sub_title .title_note{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background: #2897EC;
  color: #fff;
  text-align: center;
  margin-right: 10px
}
.zt_intro{
  font-size: 15px;
  line-height: 30px;
  color: #7B7777;
  text-indent: 40px;
  margin-bottom: 20px;
}