@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: 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; outline: none; blr: expression(this.onFocus=this.blur());
}

.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;
}

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

.clear { clear: both;
}

.fl { float: left;
}

.fr { float: right;
}

.head { width: 100%; line-height: 32px; font-size: 14px; color: #666666; margin: 0 auto;
}

.head .head_t { width: 100%; height: 32px; background-color: #f6f6f6;
}
.head .head_t h1{font-size: 14px;font-weight: normal;}

.head .head_t .head_t_r img { display: inline-block; width: 16px; height: 16px; margin-right: 5px;
}

.head .head_b { height: 100px;
}

.head .head_b .logo { width: 360px; height: 100px;
}

.head .head_b .logo img { margin-top: 20px; height: 60px; float: left; margin-right: 15px;
}

.head .head_b .logo .p1 { font-size: 36px; color: #000; font-weight: bold; line-height: 40px; margin-top: 20px; letter-spacing: 1px;
}

.head .head_b .logo .p2 { font-size: 14px; color: #5a5a5a;
}

.head .head_b .nav { width: 840px; height: 100px;
}

.head .head_b .nav ul .nav1 { float: left; position: relative;
}

.head .head_b .nav ul .nav1 a { display: block; width: 105px; height: 100px; line-height: 100px; font-size: 16px; color: #666; text-align: center; transition: all .5s;
}

.head .head_b .nav ul .nav1 a:hover { color: #1f5ba3; border-bottom: 4px solid #1f5ba3;
}

.head .head_b .nav ul .nav1 a.nav1_ahover { display: block; width: 105px; height: 100px; line-height: 100px; font-size: 16px; color: #1f5ba3; text-align: center; border-bottom: 4px solid #1f5ba3;
}

.head .head_b .nav ul .nav1 ul { display: none; background: url(../images/ul2bg.png); position: relative; z-index: 99;
}

.head .head_b .nav ul .nav1 ul .nav2 { min-width: 105px; height: 31px; line-height: 31px;
}

.head .head_b .nav ul .nav1 ul .nav2 .nav2_a { min-width: 105px; height: 31px; line-height: 31px; font-size: 14px; display: block; text-align: center; color: #666; transition: all .5s;
}

.head .head_b .nav ul .nav1 ul .nav2 .nav2_a:hover { color: #fff; background-color: #1f5ba3;
}

.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: -480px;
}

.imain .box_banner .w1200 .banner_c { text-align: center;
}

.imain .box_banner .w1200 .banner_c img { display: block; margin: 0 auto;
}

.imain .box_banner .w1200 .banner_c .p1 { font-size: 72px; line-height: 84px; color: #fff; margin-bottom: 10px;
}

.imain .box_banner .w1200 .banner_c .p2 { font-size: 18px; line-height: 22.4px; letter-spacing: 2px; color: #fff;
}

.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 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(../images/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 .search { width: 100%; height: 100px; margin: 0 auto; background-color: #1f5ba3; color: #fff;
}

.imain .search .search_l { margin-top: 38px;
}

.imain .search .search_l img { margin-right: 5px;
}

.imain .search .search_l .p1 { font-size: 18px; float: left;
}

.imain .search .search_r { margin-top: 36px;
}

.imain .search .search_r input[type='text'] { display: block; float: left; width: 256px; background-color: #fff; font-size: 14px; color: #666; line-height: 28px; border: none; height: 28px; padding: 0 5px;
}

.imain .search .search_r input[type='text']::-webkit-input-placeholder { color: #666; font-size: 14px;
}

.imain .search .search_r input[type='text']:-moz-placeholder { color: #666; font-size: 14px;
}

.imain .search .search_r input[type='text']::-moz-placeholder { color: #666; font-size: 14px;
}

.imain .search .search_r input[type='text']:-ms-input-placeholder { color: #666; font-size: 14px;
}

.imain .search .search_r .search_btn { display: block; background: #15191c; float: left; width: 50px; border: none; height: 28px; line-height: 28px; color: #fff; font-size: 14px; text-align: center;
}

.imain .iad { width: 100%; background-color: #f6f6f6; padding: 50px 0;
}

.imain .iad ul { margin-top: 10px;
}

.imain .iad ul li { float: left; width: 300px;
}

.imain .iad ul li .img { display: block; width: 260px; margin: 0 auto; position: relative;text-align:center;
}

.imain .iad ul li .img img { width: 260px; 
}

.imain .iad ul li .p3 { color: #000; font-size: 18px; text-align: center;
}

.imain .iad ul li .p4 { line-height: 20px; text-align: center;
}

.imain .iad ul li:last-child {
}

.imain .ipro { width: 100%; padding: 50px 0; overflow: hidden;
}

.imain .ipro .ipro_l { margin-top: 40px; width: 260px; padding-bottom: 34px; position: relative;
}

.imain .ipro .ipro_l .skin { width: 220px; height: 570px; position: absolute; left: 0; top: 0; background-color: #15191c; border-left: 4px solid #1f5ba3; z-index: -1;
}

.imain .ipro .ipro_l ul li { color: #666;
}

.imain .ipro .ipro_l ul li a { display: block; width: 230px; height: 57px; font-size: 16px; line-height: 57px; text-align: left; outline: none;padding-left: 30px;
}

.imain .ipro .ipro_l ul li.tabhover,.imain .ipro .ipro_l ul li:hover { background: url(../images/ipro_lhover.png) no-repeat center left; color: #fff;
}

.imain .ipro .ipro_r { margin-top: 40px; width: 940px; min-height: 660px; height: 660px;
}

.imain .ipro .ipro_r ul li { float: left; margin-right: 30px;margin-bottom: 30px;
}

.imain .ipro .ipro_r ul li .img { display: block; width: 280px; height: 220px; border: solid 1px #d9d9d9;
}

.imain .ipro .ipro_r ul li .img:hover { border-color: #1f5ba3;
}

.imain .ipro .ipro_r ul li .img img { display: block; width: 280px; height: 220px;
}

.imain .ipro .ipro_r ul li .ipro_t { display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; font-size: 14px;
}

.imain .igywm { width: 100%; height: 618px; background-color: #f6f6f6; padding: 50px 0;
}

.imain .igywm .igywm_l { width: 660px; height: 350px; background-color: #fff; margin-top: 80px; padding: 45px 150px 45px 50px;
}

.imain .igywm .igywm_l .p1 { display: block; font-size: 20px; color: #15191c; font-weight: bold; margin-bottom: 15px;
}

.imain .igywm .igywm_l p { font-size: 14px; text-indent: 2em; line-height: 200%;
}

.imain .igywm .igywm_l a { display: block; margin-top: 20px; width: 110px; height: 42px; line-height: 36px; text-align: center; font-size: 14px; font-weight: bold; color: #000; border: 3px solid #000; transition: all .5s; background-color: transparent;
}

.imain .igywm .igywm_l a:hover { color: #fff; background-color: #000;
}

.imain .igywm .igywm_r { width: 530px; min-height: 390px; margin-top: 20px; position: relative; right: 65px; z-index: 2;
}

.imain .igywm .igywm_r img { width: 530px; height: auto;
}

.imain .igywm .igywm_r a { display: block; float: left; width: 110px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 16px; transition: all .5s; margin-top: 20px;
}

.imain .igywm .igywm_r a.btn1 { background-color: #1f5ba3; margin-left: 30px; margin-right: 10px;
}

.imain .igywm .igywm_r a.btn1:hover { background-color: #000;
}

.imain .igywm .igywm_r a.btn2 { background-color: #c22826;
}

.imain .igywm .igywm_r a.btn2:hover { background-color: #000;
}

.imain .igywm .igywm_words { width: 100px; height: 457px; background-color: #15191c; position: absolute; right: 25px; bottom: -47px; z-index: 1;
}

.imain .igywm .igywm_words img { position: relative; left: 30px;
}

.imain .inews { width: 100%; height: 512px; padding-top: 50px; margin: 0 auto; background-color: #1f5ba3;
}

.imain .inews .itit .p1 { color: #fff;
}

.imain .inews .itit em { border-bottom: 1px solid #fff;
}

.imain .inews .itit .p2 { color: #fff;
}

.imain .inews .inews_l { width: 225px; height: 350px; margin-top: 20px; margin-right: 54px;
}

.imain .inews .inews_l img { width: 225px; height: 350px;
}

.imain .inews .inews_r { width: 920px;
}

.imain .inews .inews_r ul { margin-top: 20px;
}

.imain .inews .inews_r ul li { float: left; color: #ccc; width: 400px; margin-right: 120px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;
}

.imain .inews .inews_r ul li a { font-size: 14px; line-height: 22px; color: #fff;
}

.imain .inews .inews_r ul li a:hover { color: #ccc;
}

.imain .inews .inews_r ul li .p1 { font-size: 11px; line-height: 24px;
}

.imain .inews .inews_r ul li .p2 { font-size: 12px; line-height: 26px;
}

.imain .inews .inews_r ul li:nth-child(2n) { margin-right: 0px;
}

.imain .inews .inews_r .btn1, .imain .inews .inews_r .btn2, .imain .inews .inews_r .btn3 { display: block; float: left; margin-top: 20px; width: 110px; height: 42px; line-height: 36px; color: #cccccc; background-color: transparent; font-family: Microsoft YaHei; font-size: 16px; font-weight: bold; text-align: center; border: 3px solid #cccccc; transition: all .5s;
}

.imain .inews .inews_r .btn1:hover, .imain .inews .inews_r .btn2:hover, .imain .inews .inews_r .btn3:hover { color: #fff; background-color: #000; border-color: #000;
}

.imain .inews .inews_r .btn1,.imain .inews .inews_r .btn2 { margin-right: 200px;
}

.imain .iprolist { padding: 50px 0;
}

.imain .flink .flink_list { width: 100%; margin-top: 30px; margin-left: 40px;height: 60px;overflow: hidden;
}

.imain .flink .flink_list ul li { float: left; margin-right: 28px;
}

.imain .flink .flink_list ul li a { font-size: 14px; line-height: 28px; color: #5a5a5a;
}

.imain .flink .flink_list ul li a:hover { color: #47cdff;
}

.imain .flink .flink_tit { width: 100%; position: relative;
}

.imain .flink .flink_tit p { height: 12px; width: 100%; background: url(../images/dian.png); position: absolute; top: 15px;
}

.imain .flink .flink_tit span { height: 42px; background: #fff; color: #1f5ba3; font-size: 14px; border: 1px solid #1f5ba3; position: relative; z-index: 2; display: block; width: 115px; text-align: center; line-height: 42px; margin-left: 40px;
}

.footer { width: 100%; height: 320px; background-color: #15191c;margin-top: 50px;
}

.footer .footer_l { width: 220px; height: 320px; margin-right: 60px; background-color: #fff;
}

.footer .footer_l .img1 { width: 192px; height: 80px; margin: 20px auto 0;
}
.footer .footer_l .img1 img{ width: 192px; height: 80px;}

.footer .footer_l .img2 { width: 130px; height: 130px; margin: 0 auto;
}

.footer .footer_l .p1 { color: #000; font-family: 微软雅黑; font-size: 22px; letter-spacing: 8px; line-height: 30.8px; text-align: center; font-weight: bold;
}

.footer .footer_l .p2 { color: #666666; text-align: center;
}

.footer .footer_l .p3 { color: #666666; font-size: 14px; line-height: 19.6px; text-align: center;
}

.footer .footer_r{ width: 920px;}
.footer .footer_r ul { margin-top: 30px; margin-bottom: 20px;
}

.footer .footer_r ul li { float: left;
}

.footer .footer_r ul li a {display: block;border-left: 1px solid #232729;padding: 0 36px 0 0;height: 20px;text-align: center;line-height: 20px;color: gray;font-size: 14px;transition: all .5s;}

.footer .footer_r ul li a:hover { color: #fff;
}

.footer .footer_r ul li:first-child a { border: none;
}

.footer .footer_r .footer_t { margin-bottom: 20px;
}

.footer .footer_r .footer_t p { font-size: 18px; color: #fff; line-height: 70px; border-bottom: 1px solid #232729;
}

.footer .footer_r .footer_t em { display: block; width: 60px; border-top: 3px solid #1f5ba3; position: relative; top: -2px;
}

.footer .footer_r .icontact p { font-size: 14px; color: gray; line-height: 40px;
}

.footer .footer_r .icontact p span { margin-right: 40px;
}

.nmain .nbanner { width: 100%; height: 300px; background: url(../images/nbanner.jpg) no-repeat center center;
}

.nmain .nbanner .p1 { padding-top: 120px; margin-bottom: 20px; font-size: 24px; letter-spacing: 2px; color: #fff; text-align: center;
}

.nmain .nbanner .p2 { color: #1f5ba3; font-size: 20px; text-align: center;
}

.nmain .crumbs { width: 100%; height: 70px; margin: 0 auto; background-color: #1f5ba3; line-height: 70px; color: #fff;
}

.nmain .crumbs .crumbs_l { font-size: 14px;
}

.nmain .crumbs .crumbs_l a:hover { text-decoration: underline;
}

.nmain .crumbs .crumbs_r ul li { float: left;
}

.nmain .crumbs .crumbs_r ul li a { display: block; width: 130px; height: 70px; line-height: 70px; text-align: center; font-size: 14px; transition: all .5s;
}

.nmain .crumbs .crumbs_r ul li a:hover { background-color: #c22826;
}

.nmain .crumbs .crumbs_r ul li a.active { background-color: #c22826;
}
/**/
.crumbs_pro{margin-top: 40px;}
.crumbs_pro ul{ }
.crumbs_pro ul li{display: inline-block;margin: 0 5px;background: #1f5ba3;padding: 8px 10px;}
.crumbs_pro ul li a{color: #fff;}
.crumbs_pro ul li.active{ background: #c22826;}
/**/

.nmain .show_a { padding: 60px 0;
}

.nmain .show_a .show_pimg { width: 400px; height: 400px; margin-right: 50px;
}

.nmain .show_a .show_p_t { width: 750px; height: 400px;
}

.nmain .show_a .show_p_t .p1 { font-size: 20px; border-bottom: 1px solid #e2e2e2; font-weight: normal; line-height: 33px; margin-bottom: 10px;
}

.nmain .show_a .show_p_t .p2 { font-size: 14px; color: #454545;
}

.nmain .show_a .show_p_t .p2 span { color: #898989; text-decoration: line-through;
}

.nmain .show_a .show_p_t .p3 { font-size: 14px; color: #454545;
}

.nmain .show_a .show_p_t .p3 span { color: #c22826; font-size: 20px; font-weight: bold;
}
.nmain .show_a .show_p_d{font-size: 16px;line-height: 35px;border-bottom: 2px solid #c22826;color: #c22826;font-weight: bold;margin-bottom: 30px;}

.nmain .show_a .show_a_t { font-size: 16px; color: #1f5ba3; font-weight: bold; text-align: center;
}

.nmain .show_a .tips { text-align: center; line-height: 21px; margin: 10px auto;
}

.nmain .show_a .des { font-size: 12px; color: #868686; font-weight: normal; text-decoration: none; line-height: 20px; background: #f5f5f5; border: #e5e5e5 1px solid; margin-bottom: 10px; padding: 5px 0; text-indent: 2em;
}

.nmain .show_a .content { margin-bottom: 20px;
}

.nmain .show_a .content p { font-size: 14px; line-height: 1.7em;
}

.nmain .show_a .fastlink { font-size: 12px; line-height: 26px; color: #5a5a5a;
}

.nmain .show_a .flink .flink_list { width: 100%; margin-top: 30px;
}

.nmain .show_a .flink .flink_list ul li { float: left; margin-right: 28px;
}

.nmain .show_a .flink .flink_list ul li a { font-size: 14px; line-height: 28px; color: #5a5a5a;
}

.nmain .show_a .flink .flink_list ul li a:hover { color: #47cdff;
}

.nmain .show_a .flink .flink_tit { width: 100%; position: relative;
}

.nmain .show_a .flink .flink_tit p { height: 12px; width: 100%; background: url(../images/dian.png); position: absolute; top: 15px;
}

.nmain .show_a .flink .flink_tit span { height: 42px; background: #fff; color: #1f5ba3; font-size: 14px; border: 1px solid #1f5ba3; position: relative; z-index: 2; display: block; width: 115px; text-align: center; line-height: 42px; margin-left: 40px;
}

.nmain .show_a .flink .pro_list ul li { float: left; margin-right: 50px;
}

.nmain .show_a .flink .pro_list ul li .img { display: block; width: 200px; height: 200px;
}

.nmain .show_a .flink .pro_list ul li .t { display: block; width: 200px; height: 26px; line-height: 26px; font-size: 14px; text-align: center;
}

.nmain .show_a .flink .pro_list ul li:nth-child(5n) { margin-right: 0;
}

.nmain .show_a .flink .news_list ul li { width: 100%; float: left; height: 38px; padding-top: 9px; border-bottom: 1px dashed #c6c6c6; margin-bottom: 8px;
}

.nmain .show_a .flink .news_list ul li p { float: right;
}

.nmain .gywm_c { padding: 60px 0;
}

.nmain .gywm_c .gywm_l { width: 950px;
}

.nmain .gywm_c .gywm_l p { font-size: 14px; line-height: 200%; color: #5a5a5a; margin-bottom: 15px;
}

.nmain .gywm_c .zxly_l span { display: inline-block; font-size: 14px; color: #666; position: relative; bottom: 8px;
}

.nmain .gywm_c .zxly_l span.last { bottom: 150px;
}

.nmain .gywm_c .zxly_l input[type='text'] { width: 900px; height: 40px; line-height: 40px; background-color: #f6f6f6; font-size: 14px; color: #666; text-indent: 1em; border: 1px solid #ccc; margin-bottom: 20px; margin-left: 8px;
}

.nmain .gywm_c .zxly_l textarea { width: 900px; height: 150px; line-height: 40px; background-color: #f6f6f6; font-size: 14px; color: #666; text-indent: 1em; border: 1px solid #ccc; margin-bottom: 20px; margin-left: 8px;
}

.nmain .gywm_c .zxly_l .sub { display: block; width: 160px; height: 50px; line-height: 50px; background-color: #1f5ba3; font-size: 14px; color: #fff; text-align: center; margin-left: 40px;
}

.nmain .gywm_c .jsfw_l { width: 950px;
}

.nmain .gywm_c .jsfw_l ul li { clear: both; padding-top: 10px; padding-left: 30px; padding-bottom: 12px; border-bottom: 1px dotted #dbd4cd;
}

.nmain .gywm_c .jsfw_l ul li .date { width: 60px; height: 60px; margin-right: 40px;
}

.nmain .gywm_c .jsfw_l ul li .date .p1 { display: block; color: #1f5ba3; font-size: 26px; font-weight: bold; text-align: center; margin-top: 0px;
}

.nmain .gywm_c .jsfw_l ul li .date .p2 { display: block; color: #1f5ba3; font-size: 14px; text-align: center;
}

.nmain .gywm_c .jsfw_l ul li a { display: inline-block; font-size: 16px; padding-top: 8px; color: #434343; font-weight: bold;
}

.nmain .gywm_c .jsfw_l ul li a:hover { color: #1f5ba3;
}

.nmain .gywm_c .jsfw_l ul li .p1 { font-size: 14px; color: #666; margin-top: 6px;
}

.nmain .gywm_c .jsfw_l .page1 { clear: both; font-size: 14px; margin: 20px auto; color: #5a5a5a; text-align: center; padding: 30px 0;
}

.nmain .gywm_c .lxwm_l { width: 950px;
}

.nmain .gywm_c .lxwm_l .p1 { display: block; font-size: 24px; color: #1f5ba3; margin-bottom: 25px;
}

.nmain .gywm_c .lxwm_l p { font-size: 16px; color: #434343; line-height: 24px; margin-bottom: 10px;
}

.nmain .gywm_c .lxwm_l p span { margin-right: 200px;
}

.nmain .gywm_c .nmain_r { height: 500px; width: 90px; margin-right: 30px; background-color: #1f5ba3; position: relative;
}

.nmain .gywm_c .nmain_r img { position: relative; left: 60px;
}

.nmain .gywm_c .nmain_r p { width: 20px; color: #fff; font-size: 16px; line-height: 22.4px; position: absolute; left: 16px; bottom: 30px;
}

.nmain .newslist { padding-top: 60px;
}

.nmain .newslist ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;
}

.nmain .newslist ul li a { display: inline-block; font-weight: bold; font-size: 16px; line-height: 24px; color: #434343;
}

.nmain .newslist ul li a:hover { color: #1f5ba3;
}

.nmain .newslist ul li .p1 { font-size: 11px; line-height: 24px; color: #929292;
}

.nmain .newslist ul li .p2 { font-size: 14px; line-height: 24px;
}

.nmain .newslist .page1 { clear: both; font-size: 14px; margin: 20px auto; color: #5a5a5a; text-align: center; padding: 30px 0;
}

.nmain .prolist { padding-top: 60px;
}

.nmain .prolist ul li { float: left; margin-right: 24px; margin-bottom: 20px; transition: all .5s;
}

.nmain .prolist ul li:hover { box-shadow: rgba(102, 102, 102, .24) 0px 2px 4px 4px;
}

.nmain .prolist ul li .img { display: block; width: 280px; height: 280px;
}

.nmain .prolist ul li .pro_t { display: block; width: 280px; height: 20px; line-height: 20px; font-size: 14px; text-align: center;
}

.nmain .prolist ul li:nth-child(4n) { margin-right: 0px;
}

.nmain .prolist .page1 { clear: both; font-size: 14px; margin: 20px auto; color: #5a5a5a; text-align: center; padding: 30px 0;
}

.nmain .prolist .flink .flink_list { width: 100%; margin-top: 30px; margin-left: 40px;
}

.nmain .prolist .flink .flink_list ul li { float: left; margin-right: 28px;
}

.nmain .prolist .flink .flink_list ul li a { font-size: 14px; line-height: 28px; color: #5a5a5a;
}

.nmain .prolist .flink .flink_list ul li a:hover { color: #47cdff;
}

.nmain .prolist .flink .flink_tit { width: 100%; position: relative;
}

.nmain .prolist .flink .flink_tit p { height: 12px; width: 100%; background: url(../images/dian.png); position: absolute; top: 15px;
}

.nmain .prolist .flink .flink_tit span { height: 42px; background: #fff; color: #1f5ba3; font-size: 14px; border: 1px solid #1f5ba3; position: relative; z-index: 2; display: block; width: 115px; text-align: center; line-height: 42px; margin-left: 40px;
}

.dowebok0 { width: 1200px; margin: 30px auto;
}

.dowebok1 { width: 450px; height: 24px;
}

.dowebok1 ul li a { display: inline-block; height: 24px; line-height: 24px; color: #fff; font-size: 14px;
}

.dowebok1 li { float: left; width: 70px; margin-left: 10px;
}

.dowebok2 .case_title { display: block; width: 240px; line-height: 24px; font-size: 14px; color: #434343; text-align: center;
}

.dowebok2 { width: 1200px; margin: 0 auto;
}

.dowebok2 li { margin-left: 15px;
}

.dowebok2 img { vertical-align: top; width: 240px; height: 240px;
}

.dowebok3 .case_title { display: block; width: 240px; line-height: 24px; font-size: 14px; color: #434343; text-align: center;
}

.dowebok3 { width: 950px; margin: 30px auto;
}

.dowebok3 li { margin-left: 15px;
}

.dowebok3 img { vertical-align: top; width: 240px; height: 180px;
}

.itit .p1 { color: #000; font-size: 24px; letter-spacing: 2px; line-height: 40px; text-align: center; margin-bottom: 10px;
}

.itit em { display: block; width: 60px; margin: 0 auto; border-bottom: 1px solid #1f5ba3; margin-bottom: 10px;
}

.itit .p2 { font-size: 20px; line-height: 30px; color: #5a5a5a; text-align: center;
}

/****************************** 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 */
.pagination {
    display: inline-block;
}
.pagination a {
    padding: 0 12px;
}
.pagination p {
    padding: 0 12px;
}
.pagination p.pageRemark {
    padding: 0;
}
.pagination a.cur {
    border: none;
    background: #1f5ba3;
    color: #fff;
}

.pagin p{
    margin:0;
    cursor:pointer
}
.pagin{
    height:40px;
    padding:20px 0px;overflow: hidden;text-align:center;box-sizing: initial;
}
.pagin li{
    display:inline-block;
    margin-right:10px;
    padding:7px 12px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
}
.pagin li:hover{
    color:#077ee3;
    background: white;
    border:1px #077ee3 solid;
}
.pagin li.active{
    border:none;
    background:#077ee3;
    color:#fff;
}
.pagin p{
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagin p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagin p.pageRemark b{
    color:red;
}
.pagin p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}