@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*!
COMMON.scss 2014-09-17 */
html {
  height: auto;
}

body {
  height: 100%;
}

.Windows {
  font-family: 'Microsoft yahei','微软雅黑',Tahoma,Verdana,Arial,sans-serif;
}

.MacOS {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

a {
  text-decoration: none;
}

.row, .native-tabs .tab-hds, .native-carousel .base-pager, .section-0, .section-1, .section-2, .section-4, .section-6 .native-tabs .tab-bd, .section-8, .section-11 .native-tabs .tab-bd, .section-13, .section-14, .section-15, .section-16 .native-tabs .tab-bd, .section-17, .section-18 {
  font-size: 0;
  +word-spacing: -1px;
}

.row .dib, .native-tabs .tab-hds .dib, .native-carousel .base-pager .dib, .native-tabs .tab-hds li, .native-carousel .base-pager .item, .section-0 .col-1, .section-0 .col-2, .section-0 .col-3, .section-1 .col-1, .section-1 .col-2, .section-2 .section-caption, .section-2 .marquee, .section-4 .col-1, .section-4 .col-2, .section-6 .col-1, .section-6 .col-2, .section-8 .col-1, .section-8 .col-2, .section-11 .native-tabs .col, .section-13 .col-1, .section-13 .col-2, .section-13 .col-3, .section-14 .col-1, .section-14 .col-2, .section-14 .col-3, .section-15 .col-1, .section-15 .col-2, .section-15 .col-3, .section-16 .native-tabs .col-1, .section-16 .native-tabs .col-2, .section-17 .col-1, .section-17 .col-2, .section-18 .col-1, .section-18 .col-2 {
  display: inline-block;
  +display: inline;
  +zoom: 1;
  font-size: 14px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}

img {
  border: 0;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none outside none;
}

.alert {
  border-width: 1px;
  border-style: dotted;
  color: #666;
  padding: 10px;
  margin: 10px 0;
}
.alert em {
  font-weight: 700;
  font-style: normal;
}

.alert-danger {
  border-color: #e55;
  background-color: #fde9e9;
  color: #254c50;
}

/*!
MIXIN.scss 2014-09-25 */
.layout, .section, .pft .copyright, .global-nav .menu, .section-9 .mod-tile .media a img, .section-11 .native-tabs .mod-tile .media a img, .section-16 .native-tabs .mod-tile .media a img, .section-17 .mod-tile .media a img, .section-18 .mod-tile .media a img {
  margin-left: auto;
  margin-right: auto;
}

.section-5 .mod-card .article, .section-6 .col-2 .mod-card .article, .section-3 .native-tabs .tab-bd, .section-5 .mod-card, .section-15 .mod-card {
  *zoom: 1;
}
.section-5 .mod-card .article:before, .section-6 .col-2 .mod-card .article:before, .section-3 .native-tabs .tab-bd:before, .section-5 .mod-card:before, .section-15 .mod-card:before, .section-5 .mod-card .article:after, .section-6 .col-2 .mod-card .article:after, .section-3 .native-tabs .tab-bd:after, .section-5 .mod-card:after, .section-15 .mod-card:after {
  content: "";
  display: table;
}
.section-5 .mod-card .article:after, .section-6 .col-2 .mod-card .article:after, .section-3 .native-tabs .tab-bd:after, .section-5 .mod-card:after, .section-15 .mod-card:after {
  clear: both;
}

.section-11 .native-tabs .mod-list .item a, .section-15 .mod-list .item a, .section-18 .mod-list .item a, .section-5 .mod-card .topic, .section-6 .col-2 .mod-card .topic, .mod-topics .topics, .section-9 .mod-tile .caption, .section-11 .native-tabs .mod-tile .caption, .section-16 .native-tabs .mod-tile .caption, .section-17 .mod-tile .caption, .section-18 .mod-tile .caption, .section-11 .native-tabs .mod-card .topic {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!
LAYOUT.scss 2014-09-17 */
.layout, .section, .pft .copyright, .global-nav .menu {
  width: 980px;
}

.phd {
  height: 416px;
  transition: 0.3s;
}

.logo {
  text-indent: -9999px;
}

.section-title, .unit-title {
  height: 50px;
  line-height: 50px;
  text-indent: 1.5em;
  font-size: 16px;
  color: #fff;
  background-color: #254c50;
  _position: relative;
}
.section-title em, .unit-title em {
  font-style: normal;
  font-weight: 700;
}
.section-title .more, .unit-title .more {
  float: right;
  _position: absolute;
  _right: 0;
  _top: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 1em;
  color: #fff;
  font-size: 12px;
  text-indent: 0;
  border-left: 1px solid #e60000;
}
.section-title .more:hover, .unit-title .more:hover {
  background-color: #b30000;
}

/*!
MODS.scss 2014-11-02 */
.section-4 .col-2 .mod-tile .media a, .section-4 .col-1 .media a, .section-6 .col-1 .mod-tile .media a, .section-9 .mod-tile .media a, .section-10 .native-tabs .media a, .section-11 .native-tabs .mod-tile .media a, .section-13 .col-1 .mod-card .media a, .section-13 .col-2 .mod-tile .media a, .section-13 .col-3 .mod-tile .media a, .section-14 .col-1 .mod-tile .media a, .section-14 .col-2 .mod-tile .media a, .section-14 .col-3 .mod-tile .media a, .section-15 .mod-card .media a, .section-16 .native-tabs .mod-tile .media a, .section-17 .mod-tile .media a, .section-18 .mod-tile .media a {
  display: block;
  overflow: hidden;
}
.section-4 .col-2 .mod-tile .media a img, .section-4 .col-1 .media a img, .section-6 .col-1 .mod-tile .media a img, .section-9 .mod-tile .media a img, .section-10 .native-tabs .media a img, .section-11 .native-tabs .mod-tile .media a img, .section-13 .col-1 .mod-card .media a img,  .section-13 .col-2 .mod-tile .media a img, .section-13 .col-3 .mod-tile .media a img, .section-14 .col-1 .mod-tile .media a img, .section-14 .col-2 .mod-tile .media a img, .section-14 .col-3 .mod-tile .media a img, .section-15 .mod-card .media a img, .section-16 .native-tabs .mod-tile .media a img, .section-17 .mod-tile .media a img, .section-18 .mod-tile .media a img {
  transition: 0.5s;
}
.section-4 .col-2 .mod-tile .media a img, .section-4 .col-1 .media a img, .section-6 .col-1 .mod-tile .media a img, .section-9 .mod-tile .media a img, .section-10 .native-tabs .media a img, .section-11 .native-tabs .mod-tile .media a img, .section-13 .col-1 .mod-card .media a img,  .section-13 .col-2 .mod-tile .media a img, .section-13 .col-3 .mod-tile .media a img, .section-14 .col-1 .mod-tile .media a img,  .section-14 .col-2 .mod-tile .media a img, .section-14 .col-3 .mod-tile .media a img, .section-15 .mod-card .media a img, .section-16 .native-tabs .mod-tile .media a img, .section-17 .mod-tile .media a img, .section-18 .mod-tile .media a img {
  display: block;
  width: 100%;
}
.section-4 .col-2 .mod-tile .media a:hover img, .section-4 .col-1 .media a:hover img, .section-6 .col-1 .mod-tile .media a:hover img, .section-9 .mod-tile .media a:hover img, .section-10 .native-tabs .media a:hover img, .section-11 .native-tabs .mod-tile .media a:hover img, .section-13 .col-1 .mod-card .media a:hover img, .section-13 .col-2 .mod-tile .media a:hover img, .section-13 .col-3 .mod-tile .media a:hover img, .section-14 .col-1 .mod-tile .media a:hover img, .section-14 .col-2 .mod-tile .media a:hover img, .section-14 .col-3 .mod-tile .media a:hover img, .section-15 .mod-card .media a:hover img, .section-16 .native-tabs .mod-tile .media a:hover img, .section-17 .mod-tile .media a:hover img, .section-18 .mod-tile .media a:hover img {
  transform: scaleX(1.2) scaleY(1.2);
}
.section-4 .col-2 .native-tabs .tab-hds li a {
  height:auto;
}
.section-11 .native-tabs .mod-list .item, .section-15 .mod-list .item, .section-18 .mod-list .item {
  height: 2em;
  line-height: 2;
  font-size: 14px;
  background: url(data:image/gif;base64,R0lGODlhAwADAIAAAAAAAP///yH5BAAAAAAALAAAAAADAAMAAAIDhH8FADs=) no-repeat 6px 50%;
  width: 100%;
}
.section-11 .native-tabs .mod-list .item a, .section-15 .mod-list .item a, .section-18 .mod-list .item a {
  text-indent: 1.2em;
  display: block;
  width: 100%;
}

.section-5 .mod-card .topic, .section-6 .col-2 .mod-card .topic {
  height: 2em;
  line-height: 2;
  text-align: left;
  width: 100%;
}
.section-5 .mod-card .media a, .section-6 .col-2 .mod-card .media a {
  display: block;
  overflow: hidden;
  float: left;
  display: inline;
}
.section-5 .mod-card .media a img, .section-6 .col-2 .mod-card .media a img {
  transition: 0.5s;
}
.section-5 .mod-card .media a img, .section-6 .col-2 .mod-card .media a img {
  display: block;
}
.section-5 .mod-card .media a:hover img, .section-6 .col-2 .mod-card .media a:hover img {
  transform: scaleX(1.2) scaleY(1.2);
}

.mod-topics .topics-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  height: 28px;
}
.mod-topics .topics-2 {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}
.mod-topics .topics-3 {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}

/*!
NAV.scss 2014-09-25 */
#section-0 {
  display: none;
}

/*!
GRID.scss 2014-09-25 */
/*!
TABS.scss 2014-09-25 */
.native-tabs .tab-hds {
  width: 100%;
}
.native-tabs .tab-hds li {
  text-align: center;
  cursor: pointer;
}
.native-tabs .tab-hds li a {
  display: block;
  height: 34px;
  line-height: 34px;
}
.native-tabs .tab-bd {
  display: none;
}

/*!
CAROUSEL.scss 2014-09-25 */
.native-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.native-carousel .list {
  position: absolute;
  top: 0;
  left: 0;
}
.native-carousel .list .item {
  float: left;
}
.native-carousel .base-pager {
  width: 100%;
  position: absolute;
  z-index: 1020;
}
.native-carousel .base-pager .item {
  width: 12px;
  height: 12px;
  margin: 0 1px;
  cursor: pointer;
}
.native-carousel .base-pager .item a {
  display: block;
  height: 12px;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAMAAAD57OxYAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA97TrxisHmFhVEykGw5WUz3S9qQAAAGdJREFUGNN9zUsOgDAIRdH3aGu/KvtfrQSNrRPv7BACALYqpNQBq+3q7c3mUZ/iQNW3CpkQcIIrwnetTJT19Aa0R7HBGkVsv9j8v36QR4eXgn9MjlO908EbXBEc+UZ29PUAUqbmhL8u228JTpjccOIAAAAASUVORK5CYII=) no-repeat 0 -12px;
}
.native-carousel .base-pager .item .current {
  background-position: 0 0;
}
.native-carousel .button-box .button {
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  opacity: 0.1;
  filter: alpha(opacity=10);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABSCAMAAACVH4HWAAAAt1BMVEUAAAAAAAAAAAAODg4EBAQAAAD09PQAAAAAAAAoKCgAAAAAAAAAAAA3NzcAAAD9/f3s7OzFxcWmpqaQkJB6enpkZGQAAAAAAAAAAADV1dWysrJPT08AAAAAAAD6+vrl5eW+vr6vr6+pqalKSkoZGRkAAAAAAAAAAAAAAAAAAAAAAADf39/S0tK6urocHBwAAADOzs6YmJiBgYF0dHRqampdXV1ERETb29siIiIAAAAAAAAAAAD///+yrchDAAAAPHRSTlMAjnnOzYP9bC/TURYD1jz++vLr5uLddksm9e7ZZV/++fDt69nQln1zWEMp9/Tv0Tf06OPg39zX99IMubT36qJxAAACeklEQVRo3s3Za1eCQBAGYEAQRERNJbuQmVlpN7t4n///u9roY8o7w3g47OfpzMmzPLv7jpW3Ytt1LMZyXDu2Cq6hfUsup9ClW3tYsIlzRp0dp3DXoTOnWI9wQu2ra07l9VWbJmGRHkHtgnoJrzbp0UUtkPeIvEtauE1ecdNd0KUXiZskfao3zrnV54069RNpj1mrTQOfX+8PqN2ayXrMp12zYYRbsTudi5o83NFzTbT1h7VnunuQ/EU6oJvWkyVaT60bGqT8+ve3EfUfLeF67NPo7Z3PyatxIhJveqPQqz0UcHJfQLz4HvACOdHzgjmR8oI5ecnhBPDywuLFR5xgXnzIiakCnCBe6o0Z5mTsWYrljTNeICeBpkkAeUmXgBMmL8s0n5NPxAnm5TOPl6bhpIs5wbx0DS/NY5z0ACcCXnrOEU5WRIATNi9Eq/AYJx+INy6xH0d4QZzIeTnwqX4BTsS8fPmHOPkGnIh4+c54kXKi5wVzoucFc6LnBXOi52WbcbI9dZNtxstWwImWF8yJnpfABZwoeXGDbEMDTnS8ZJ9fiDjR8xKafwRwouZl7JXSpJyfC58j+nMFn4j6E7KMj7EUVvB9S3//KoP6Mg6tMo7fki4S+IWlfnHJ34r6t2N0+mtqpHi/K97zOInQJxM4U9FnLDgd0qdFOOfS5144sdMneDh71GeROEWVp6r6PFifDyf6KCpRZPT8zL4a8aA+6KxOZJvNsoqFz5LZVrzpFIvRO5u4WgOBjJe1dLSxRpz852UhH9IspvPqjZv+eNnwB2ebX06qOQI0vKwlw8x1DieAl0nK2vGTHE7whhntOYX7kdmKVR6Vn2zo/wMlu24RTS+biwAAAABJRU5ErkJggg==) no-repeat 10px 50%;
  *background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABSAgMAAADfr5l3AAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAANBJREFUSMftlbEVwjAMBaFgBJgnI1DQQE+RfViBPdM4vqfc+08LxJUUKTrHln4u55rrPq3XIfKe1rcGrus016VEbv9pfp4l8vjJJJHXK2axTR7vG4PjNApQ2h5ZrkBlXCdRwhh8cgQShgekABIGEBkCCQOoYgAJAwiMQGAEGhiBwAgERqCBMQiMQANjUI7kankHedf5S+Pp5BPNt5BvLt527pDcVbkTY/fmjs9T0k6Wp7GfYE99qxRWl16RrGKt8lkte4W1KvdKbvXPf4xz7WsDJ2pOU0QMnjoAAAAASUVORK5CYII=) no-repeat 10px 50%;
  transition: 0.5s;
}
.native-carousel .button-box a.button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.native-carousel .button-box .next {
  right: 0;
  background-position: -50px 50%;
}
.native-carousel .button-box .prev {
  left: 0;
}

.nativeSlide {
  position: relative;
  overflow: hidden;
  /*ul*/
  /*ul*/
}
.nativeSlide .list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: top 0.5s ease-in 0s;
  transition-property: top, left;
}
.nativeSlide .horizonal .item {
  float: left;
}
.nativeSlide .pager {
  position: absolute;
  z-index: 10;
}
.nativeSlide .pager a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}
.nativeSlide .nav-btn {
  position: absolute;
  top: 0;
  z-index: 1010;
  width: 100px;
  height: 100%;
  cursor: pointer;
  transition: 0.5s;
  background: url(http://www.xinhuanet.com/auto/static/img/slidershow.nav.png) no-repeat 15px 50%;
}
.nativeSlide .next {
  right: 0;
  background-position: -85px 50%;
}
.nativeSlide .float-caption {
  position: relative;
  z-index: 1020;
  padding: 10px;
  margin-top: -40px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  filter: alpha(opacity=70);
}

/*! theme.scss 2014-11-01 */
.gototop {
  position: fixed;
  _position: absolute;
  right: 10px;
  bottom: 10px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background: #254c50 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  transition: 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}

.fake-bg {
  display: none;
}

.lazy-load {
  width: 100%;
  height: 100%;
  background: #666 url(../img/ajax-loader.gif) no-repeat 50% 50%;
}

.section {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}

.section-title, .unit-title {
  font-size: 20px;
  background: url(http://www.newsimg.cn/fashion/ndpp20161212/img/sec-title-bg.jpg) 0 0 no-repeat;
  border-bottom: 2px solid #254c50;
}
.section-title em, .unit-title em {
  color: #fff;
}

.unit-title .more {
  transition: 0.3s;
}

.mod a {
  color: #444;
  transition: 0.5s;
}
.mod a:hover {
  color: #254c50;
}
.mod .topic {
  height: 2em;
  line-height: 2;
  overflow: hidden;
}
.mod .topic a {
  color: #254c50;
}
.mod .topic a:hover {
  color: #b30000;
}
.mod .caption {
  text-align: center;
  font-size: 14px;
  overflow: hidden;
}
.mod .caption a {
  display: block;
}
.mod .inner-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #f60;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mod .inner-caption a {
  color: #eee;
}
.mod .inner-caption a:hover {
  color: #b30000;
}
.mod .abstract {
  font-size: 14px;
  line-height: 1.8;
  overflow: hidden;
  color: #444;
}

.nativeSlide {
  margin-top: 10px;
}

.native-carousel .base-pager {
  text-align: center;
  padding: 10px 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.native-carousel .base-pager .item a {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.native-carousel .base-pager a.current {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.native-carousel .item {
  position: relative;
}
.native-carousel .caption {
  text-align: left;
}
.native-carousel .caption a {
  padding: 10px 20px;
}

.horizontal-native-tabs {
  padding: 10px 0 0;
}
.horizontal-native-tabs .tab-hds li {
  text-align: center;
  border: 1px solid #fff;
  border-bottom-color: #254c50;
  border-radius: 3px 3px 0 0;
  color: #666;
}
.horizontal-native-tabs .tab-hds li a {
  color: #666;
}
.horizontal-native-tabs .tab-hds .current {
  border-color: #254c50;
  border-bottom-color: #fff;
  color: #254c50;
}
.horizontal-native-tabs .tab-hds .current a {
  color: #fff;
}

.pft {
  background-color: #fff;
  color: white;
  height: 90px;
  text-align: center;
  color: #666;
  border-top: 3px solid #254c50;
}
.pft a {
  color: white;
}
.pft .copyright {
  font-size: 12px;
  line-height: 90px;
}
.pft a {
  color: #254c50;
}

.top-bar {
  height: 31px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  color: #cccccc;
  width: 100%;
  position: fixed;
  _position: absolute;
  z-index: 1040;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.top-bar .home-site-link {
  font-style: normal;
  font-weight: 700;
}
.top-bar .item {
  line-height: 32px;
}
.top-bar .item a {
  padding-left: 5px;
  padding-right: 5px;
}
.top-bar .home-site-link {
  color: black;
}
.top-bar a {
  color: #1a1a1a;
}
.top-bar .loading {
  display: block;
  text-align: center;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  background-color: #f5f5f5;
}

.global-nav {
  height: 50px;
  background-color: #254c50;
  transition: 0.5s;
  display: none;
}
.global-nav .menu {
  text-align: center;
  list-style: none;
  display: table;
  +display: block;
  height: 50px;
  line-height: 50px;
}
.global-nav .item {
  display: table-cell;
  +display: inline;
}
.global-nav .item a {
  padding: 0 0.5em;
  letter-spacing: 0.1em;
  font-size: 16px;
  display: block;
  +display: inline-block;
  font-weight: 400;
}
.global-nav .item a {
  color: #fff;
  box-shadow: 0 0 0 #254c50;
  transition-property: background-color, box-shadow;
  transition-delay: 0;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
}
.global-nav .item a:hover {
  box-shadow: 0 4px 0 rgba(204,204,204,0.4);
  background-color: rgba(204,204,204,0.4);
}
.global-nav .ltIE7 .item a {
  padding-left: 30px;
  padding-right: 30px;
}
.global-nav .loading {
  display: block;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
}

.fixed-nav {
  position: fixed;
  top: 32px;
  left: 0;
  z-index: 1030;
  width: 100%;
  border-bottom: 1px solid #660000;
  background-color: #900;
  opacity: 0.95;
  filter: alpha(opacity=95);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.fixed-nav .item {
  border-color: #a80000;
}

/*!
@import END ( ´◔ ‸◔')
*/
.section-9 .mod-tile .caption, .section-11 .native-tabs .mod-tile .caption, .section-16 .native-tabs .mod-tile .caption, .section-17 .mod-tile .caption, .section-18 .mod-tile .caption {
  height: 2em;
  line-height: 2;
  text-align: center;
  width: 100%;
}


.section-0 {
  background: none;
  margin-bottom: 60px;
}
.section-0 .col-1 {
  width: 280px;
  height: 240px;
  margin-left: 25px;
}
.section-0 .col-2 {
  width: 390px;
  margin: 110px 10px 0 13px;
  
}
.section-0 .col-2 .mod-topics {
  height: 185px;
  overflow: hidden;
}
.section-0 .col-2 .mod .topic {
  padding-bottom: 10px;
  text-indent: 0.5em;
  font: 700 20px/30px '\5FAE\8F6F\96C5\9ED1';
  color: #254c50;
  height: auto;
}
.section-0 .col-2 .mod .topic a {
  color: #254c50;
}
.section-0 .col-2 .mod .topic a:hover {
  color: #b30000;
}
.section-0 .col-2 .mod-topics .abstract {
  line-height: 24px;
  color: #333;
  height: 100px;
  overflow: hidden;
  font-size: 15px;
}
.section-0 .col-2 .mod-topics .more {
  padding-left: 10px;
}
.section-0 .col-2 .mod-topics .more a {
  color: #254c50;
}
.section-0 .col-2 .mod-topics .more a:hover {
  color: #b30000;
}
.section-0 .col-3 {
  width: 250px;
  height: 215px;
  margin-right: 12px;
  margin-top: 77px;
  text-align: right;
}


.section-1 .col-1 {
  width: 560px;
  padding-right: 20px;
}
.section-1 .col-2 {
  width: 400px;
  padding-top: 5px;
}
.section-1 .native-carousel,
.section-1 .item {
  width: 980px;
  height: 370px;
}
.section-1 .native-carousel .base-pager {
  margin-top: 330px;
  display: none;
}
.section-1 .mod-tile {
  position: relative;
}
.section-1 .mod-tile .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
}
.section-1 .mod .inner-caption {
  background-color: #000;
}
.section-1 .mod-topics {
  padding: 0 10px 5px 0;
  border-bottom: 1px dotted #ccc;
}
.section-1 .mod-topics .abstract {
  height: 50px;
}
.section-1 .mod-topics .more {
  padding-left: 10px;
}
.section-1 .mod-topics .more a {
  color: #254c50;
}
.section-1 .mod-topics .more a:hover {
  color: #b30000;
}
.section-1 .native-carousel .button-box .button {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUzMjY2Nzg0QzM1ODExRTZCMzdEOTE1M0RDOEEzNzRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUzMjY2Nzg1QzM1ODExRTZCMzdEOTE1M0RDOEEzNzRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTMyNjY3ODJDMzU4MTFFNkIzN0Q5MTUzREM4QTM3NEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTMyNjY3ODNDMzU4MTFFNkIzN0Q5MTUzREM4QTM3NEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5i0luYAAALaElEQVR42uyd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) no-repeat 10px 50%;
}
.section-1 .native-carousel .button-box .next {
  right: 0;
  background-position: -50px 50%;
}

.section-2 {
  width: 978px;
  border: 1px solid #254c50;
}
.section-2 .section-caption {
  width: 100px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  background-color: #254c50;
}
.section-2 .marquee {
  width: 858px;
  height: 40px;
  margin: 0 10px;
  overflow: hidden;
}
.section-2 .marquee .mod-list .item {
  float: left;
  line-height: 40px;
  padding-right: 2em;
}


.section-3 .native-tabs {
  background-color: #fff;
  position: relative;
  height: 410px;
}
.section-3 .native-tabs .tab-hds {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  padding: 10px 0 10px 10px;
  float: left;
}
.section-3 .native-tabs .tab-hds li {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 18px;
  margin-bottom: 10px;
}
.section-3 .native-tabs .tab-hds .current {
  background-color: #254c50;
  background-position: 0 0;
  color: #fff;
}
.section-3 .native-tabs .tab-bd {
  padding: 10px 10px 10px 160px;
  height: 390px;
}
.section-3 .mod-tile {
  float: left;
  width: 300px;
  height: 380px;
  padding-right: 20px;
}
.section-3 .mod-tile img {
  width: 300px;
  height: 380px;
}
.section-3 .mod-card {
  float: left;
  width: 480px;
  padding-bottom: 10px;
}
.section-3 .mod-card .abstract {
  font-size: 16px;
  height: 115.2px;
}
.section-3 .mod-card .abstract a {
  color:#254c50;
}
.section-3 .mod-card .abstract a:hover {
  color:#b30000;
}
.section-3 .mod-card .topic {
  font-size: 18px;
}
.section-3 .native-carousel,
.section-3 .item {
  width: 300px;
  height: 380px;
}
.section-3 .native-carousel {
  float: left;
  margin-right: 20px;
}
.section-3 .mod-topics {
  float: left;
  width: 480px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.section-3 .mod-topics .abstract {
  height: 50.4px;
}
.section-3 .mod-topics .abstract a {
  color:#254c50;
}
.section-3 .mod-topics .abstract a:hover {
  color:#b30000;
}
.section-3 .mod-topics .topic {
  font-size: 16px;
}


.section-4 .col-1 {
  width: 240px;
}
.section-4 .col-1 .media, .section-4 .col-1 .media img {
  width: 210px;
  height: 140px;
}
.section-4 .col-1 .caption {
  font-size: 16px;
}
.section-4 .col-1 .caption a {
  color: #254c50;
}
.section-4 .col-1 .caption a:hover {
  color: #b30000;
}
.section-4 .col-2 {
  width: 740px;
  height: 400px;
  overflow: hidden;
}
.section-4 .mod-tile {
  padding: 10px 20px 10px 10px;
}
.section-4 .mod-tile .caption {
  line-height: 2;
}
.section-4 .native-tabs {
  position: relative;
}
.section-4 .native-tabs .tab-hds li {
  width: 185px;
  height: 280px;
}
.section-4 .native-tabs .tab-hds .mod-tile .media {
  position: relative;
  width: 165px;
  height: 110px;
}
.section-4 .native-tabs .tab-hds .mod-tile .media img {
  width: 165px;
  height: 110px;
}
.section-4 .native-tabs .tab-hds .mod-tile .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
}
.section-4 .native-tabs .tab-bd {
  position: absolute;
  top: 130px;
  left: 0;
  width: 720px;
  height: 130px;
  margin: 10px;
  background-color: #fff;
  border: 1px dotted #ccc;
  border-width: 1px 0;
}
.section-4 .native-tabs .tab-bd .mod-card .topic {
  line-height: 2;
  font-size: 18px;
}
.section-4 .native-tabs .tab-bd .mod-card .abstract {
  height: 75px;
}
.section-4 .native-tabs .tab-bd .mod-card .abstract a {
  color:#254c50;
}
.section-4 .native-tabs .tab-bd .mod-card .abstract a:hover {
  color:#b30000;
}


.section-5 .mod-card {
  padding: 10px;
  width: 470px;
}
.section-5 .mod-card .media {
  margin-top: -30px;
}
.section-5 .mod-card .media img {
  width:186px;
  height:123px;
}
.section-5 .mod-card .topic {
  text-indent: 210px;
}
.section-5 .mod-card .abstract {
  height: 95px;
  padding-top: 30px;
  padding-left: 25px;
}
.section-5 .mod-card .abstract a {
  color:#254c50;
}
.section-5 .mod-card .abstract a:hover {
  color:#b30000;
}


.section-6 .native-tabs {
  padding: 10px 0 0;
}
.section-6 .native-tabs .tab-hds li {
  width: 87px;
  height: 32px;
  line-height: 32px;
}
.section-6 .native-tabs .tab-bd {
  padding: 10px;
}
.section-6 .col-1 {
  width: 340px;
  padding: 10px 10px 10px 0;
}
.section-6 .col-1 .mod-tile {
  position: relative;
  margin-bottom: 20px;
}
.section-6 .col-1 .mod-tile .media img {
  width: 340px;
  height: 270px;
}
.section-6 .col-1 .mod-tile .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 320px;
  text-align: left;
}
.section-6 .col-2 {
  width: 610px;
}
.section-6 .col-2 .mod-card {
  padding: 10px 20px 20px;
  border-bottom: 1px dotted #ccc;
}
.section-6 .col-2 .mod-card .media a {
  margin-right: 10px;
}
.section-6 .col-2 .mod-card .abstract {
  height: 100.8px;
}
.section-6 .col-2 .mod-card .abstract a {
  color:#254c50;
}
.section-6 .col-2 .mod-card .abstract a:hover {
  color:#b30000;
}
.section-6 .col-2 .mod-card .info {
  display: block;
  padding-top: 10px;
  clear: both;
}
.section-6 .col-2 .mod-card .info time {
  font-size: 12px;
}
.section-6 .col-2 .mod-card .info .comment {
  float: right;
  +margin: -20px;
}


.section-7 .nativeSlide {
  width: 980px;
  height: 600px;
  background-color: #222;
}
.section-7 .nativeSlide .item {
  width: 980px;
  height: 500px;
}
.section-7 .nativeSlide .topic {
  text-indent: 15px;
  background-color: #222;
  padding-top: 10px;
  font-size: 16px;
  color:#fff;
}
.section-7 .nativeSlide .topic a {
  color:#fff;
}
.section-7 .nativeSlide .topic a:hover {
  color:#b30000;
}
.section-7 .nativeSlide .caption {
  padding: 0 130px 0 15px;
  height: 50px;
  line-height: 1.8;
  color: #ccc;
  text-align: left;
  overflow: hidden;
}
.section-7 .nativeSlide .count-box {
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 1010;
  padding: 20px 20px 0 0;
  width: 90px;
  height: 60px;
  border-left: 1px solid #333;
  background-color: #222;
  text-align: right;
  font-size: 20px;
  line-height: 22px;
  color: #666;
}
.section-7 .nativeSlide .count-box big {
  font-size: 150%;
  font-family: Arial,Verdana,sans-serif;
  color: #eee;
}
.section-7 .nativeSlide .count-box small {
  font-size: 75%;
}


.section-8 .col-1 {
  width: 540px;
  padding: 10px 20px 10px 0;
}
.section-8 .native-carousel {
  width: 540px;
  height: 360px;
}
.section-8 .native-carousel .list .item {
  width: 540px;
  height: 360px;
}
.section-8 .col-2 {
  width: 410px;
  padding-top: 10px;
}
.section-8 .mod-list {
  border-top: 1px dotted #ccc;
}
.section-8 .mod-list .item {
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  background: url(http://www.xinhuanet.com/city/20140616/img/global-1.png) no-repeat 4px -226px;
}
.section-8 .mod-list .item a {
  display: block;
  text-indent: 2em;
  color: #254c50;
  font-weight: 400;
}


.section-9 {
  position: relative;
}
.section-9 .section-title {
  width: 120px;
  height: 45px;
  margin-bottom: 5px;
  line-height: 50px;
  color: #254c50;
  font-size: 18px;
  border: 0 none;
  font-size: 20px;
}
.section-9 .native-tabs .tab-hds {
  position: absolute;
  right: 0;
  top: 0;
  width: 849px;
  height: 50px;
}
.section-9 .native-tabs .tab-hds li {
  width: 60px;
  height: 50px;
  margin-left: 5px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px 3px 0 0;
}
.section-9 .native-tabs .tab-hds li a {
  display: inline;
  color: #444;
}
.section-9 .native-tabs .tab-hds .current {
  background-color: #fff;
  border: 1px solid #254c50;
  border-bottom: 0 none;
  color: #254c50;
}
.section-9 .native-tabs .tab-hds .current a {
  color: #254c50;
}
.section-9 .native-tabs .tab-bd {
  height: 145px;
  border: 1px solid #254c50;
  padding: 10px 0 10px 8px;
  background-color: #fff;
}
.section-9 .native-tabs .tab-bd .media img {
  width: 182px;
  height: 122px;
}
.section-9 .mod-tile {
  width: 182px;
  margin: 0 5px;
}


.section-10 .native-tabs {
  margin-top: 10px;
}
.section-10 .native-tabs .tab-hds {
  margin-bottom: 10px;
  text-align: center;
}
.section-10 .tab-hds {
  font-weight: 700;
}
.section-10 .tab-hds li {
  border: none;
  background:url(http://www.newsimg.cn/fashion/ndpp20161212/img/tab-bg_02.jpg) 50% 50% no-repeat;
}
.section-10 .tab-hds .current {
  background:url(http://www.newsimg.cn/fashion/ndpp20161212/img/tab-bg_01.jpg) 50% 50% no-repeat;
  color: #254c50;
}
.section-10 .native-tabs li {
  padding: 5px 3px 0;
  width: 32%;
  height: 49px;
  line-height: 16px;
  font-size: 20px;
  margin: 10px 0;
}
.section-10 .native-tabs li a {
  height: 38px;
  line-height: 38px;
}
.section-10 .native-tabs .tab-bd {
}
.section-10 .native-tabs .media {
  width: 100%;
  height: 490px;
  background-color: #222;
  color: #ccc;
  font-size: 14px;
}
.section-10 .native-tabs .topic {
  padding: 10px 10px 0;
  font-size: 16px;
  color:#fff;
}
.section-10 .native-tabs .topic a {
  color:#fff;
}
.section-10 .native-tabs .topic a:hover {
  color:#b30000;
}
.section-10 .native-tabs .caption {
  padding: 0 10px;
  text-align: left;
}


.section-11 .native-tabs {
  padding-top: 10px;
}
.section-11 .native-tabs .tab-hds li {
  width: 160px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.section-11 .native-tabs .tab-bd {
  padding: 20px 0;
  height: 263px;
}
.section-11 .native-tabs .tab-bd .media img {
  width: 330px;
  height: 220px;
}
.section-11 .native-tabs .mod-card {
  padding-bottom: 10px;
}
.section-11 .native-tabs .mod-card .abstract {
  height: 85px;
  line-height: 1.5;
}
.section-11 .native-tabs .mod-card .abstract a {
  color:#254c50;
}
.section-11 .native-tabs .mod-card .abstract a:hover {
  color:#b30000;
}
.section-11 .native-tabs .col-1 {
  width: 285px;
}
.section-11 .native-tabs .col-2 {
  width: 330px;
  padding: 0 30px;
}
.section-11 .native-tabs .col-3 {
  width: 285px;
}


.section-12 .roundabout {
  height: 335px;
  overflow: hidden;
}
.section-12 .roundabout_box {
  width: 650px;
  margin: auto;
  position: relative;
}
.section-12 .roundabout_box .prev,
.section-12 .roundabout_box .next {
  display: block;
  z-index: 100;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  width: 85px;
  height: 185px;
  top: 80px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  transition: 0.5s;
}
.section-12 .roundabout_box .prev {
  background: url(http://www.xinhuanet.com/auto/static/img/slidershow.nav.png) 0 0 no-repeat;
  left: -165px;
}
.section-12 .roundabout_box .prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.section-12 .roundabout_box .next {
  background: url(http://www.xinhuanet.com/auto/static/img/slidershow.nav.png) -85px 0 no-repeat;
  right: -165px;
}
.section-12 .roundabout_box .next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.section-12 .roundabout_inbox {
  overflow: hidden;
  position: relative;
  background: #fff;
}
.section-12 .roundabout_inbox img {
  width: 100%;
}
.section-12 .roundabout_inbox p {
  text-indent: 1em;
  font-size: 14px;
  width: 100%;
  color: #fff;
  line-height: 30px;
  background: #000;
}
.section-12 .roundabout_inbox .caption a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-decoration: none;
  text-indent: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight:700;
}
.section-12 .roundabout_inbox .caption a:hover {
  color: #254c50;
  transition: 0.5s;
  font-weight:700;
}
.section-12 .roundabout-holder {
  height: 335px;
  width: 650px;
}
.section-12 .roundabout-moveable-item {
  display: block;
  height: 335px;
  width: 520px;
  cursor: pointer;
  border: 3px solid #fff;
  overflow: hidden;
}
.section-12 .roundabout-in-focus {
  cursor: auto;
}
.section-12 .roundabout {
  padding: 20px 0;
}


.section-13 .section-title {
  margin-bottom: 10px;
}
.section-13 .col-1 {
  width: 360px;
  padding-right: 5px;
}
.section-13 .col-2 {
  width: 360px;
  padding-right: 5px;
}
.section-13 .col-2 .mod-tile .media img {
  width: 360px;
  height: 580px;
}
.section-13 .col-3 {
  width: 250px;
}
.section-13 .col-3 .mod-tile {
  margin-bottom: 5px;
}
.section-13 .col-3 .mod-tile .media img {
  width: 250px;
  height: 190px;
}
.section-13 .mod-tile {
  position: relative;
}
.section-13 .mod-tile .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5em;
  font-size: 16px;
  line-height: 2.5;
}
.section-13 .mod-card {
  padding-bottom: 10px;
}
.section-13 .mod-card .media img {
  width: 360px;
  height: 200px;
}
.section-13 .mod-card .abstract {
  height: 50px;
}
.section-13 .mod-card .abstract a {
  color:#254c50;
}
.section-13 .mod-card .abstract a:hover {
  color:#b30000;
}


.section-14 .section-title {
  margin-bottom: 10px;
}
.section-14 .col-1 {
  width: 584px;
  height: 390px;
  padding-right: 10px;
}
.section-14 .col-1 .mod-tile {
  position: relative;
}
.section-14 .col-1 .mod-tile .media img {
  height: 390px;
}
.section-14 .col-1 .mod-tile .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 18px;
  line-height: 2.5;
  height: 2.5em;
}
.section-14 .col-2 .mod-tile,
.section-14 .col-3 .mod-tile {
  width: 188px;
  padding-right: 10px;
}
.section-14 .col-2 .mod-tile .media img,
.section-14 .col-3 .mod-tile .media img {
  width: 188px;
  height: 125px;
}
.section-14 .col-2 .mod-tile .caption,
.section-14 .col-3 .mod-tile .caption {
  line-height: 1.5;
  height: 42px;
  padding: 5px 10px;
}
.section-14 .col-2 {
  width: 396px;
  margin-right: -10px;
}
.section-14 .col-2 .mod-tile {
  padding-bottom: 20px;
}
.section-14 .col-3 {
  padding-top: 10px;
  margin-right: -10px;
}


.section-15 {
  margin-top: 40px;
}
.section-15 .col-1 {
  width: 320px;
  padding-right: 10px;
}
.section-15 .col-2 {
  width: 320px;
  padding-right: 10px;
}
.section-15 .col-3 {
  width: 320px;
  margin-right: -10px;
  padding-right: 10px;
}
.section-15 .mod-list {
  padding: 20px 10px;
}
.section-15 .mod-list .item {
  font-size: 16px;
  text-indent: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-15 .mod-list .item span {
  float: right;
  font-size: 14px;
  margin-top: 5px;
  display: inline-block;
}
.section-15 .mod-list .item i {
  display: inline-block;
  font-style: normal;
  width: 185px;
  overflow: hidden;
}
.section-15 .mod-list .item i a {
  text-indent: 0.5em;
}
.section-15 .mod-list .item i a:hover {
  color: #b30000;
}
.section-15 .mod-card {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}
.section-15 .mod-card .media {
  float: left;
  position: relative;
}
.section-15 .mod-card .media em {
  position: absolute;
  width: 29px;
  height: 45px;
  top: 2px;
  left: 2px;
}
.section-15 .mod-card:nth-child(1) .media em {
  background: url(http://www.newsimg.cn/fashion/ndpp20161212/img/jp_01.png) 0 0 no-repeat;
}
.section-15 .mod-card:nth-child(2)  .media em{
  background: url(http://www.newsimg.cn/fashion/ndpp20161212/img/jp_02.png) 0 0 no-repeat;
}
.section-15 .mod-card:nth-child(3) .media em {
  background: url(http://www.newsimg.cn/fashion/ndpp20161212/img/jp_03.png) 0 0 no-repeat;
}
.section-15 .mod-card .media a img {
  width: 152px;
  height: 100px;
}
.section-15 .mod-card .topic {
  float: right;
  line-height: 1.6em;
  height: 1.6em;
  width: 160px;
  color: #254c50;
}
.section-15 .mod-card .abstract {
  float: right;
  width: 150px;
  height: 75px;
  line-height: 1.5;
}
.section-15 .mod-card .abstract a {
  color: #254c50;
}
.section-15 .mod-card .abstract a:hover {
  color: #b30000;
}
.section-15 .mod-card .abstract span {
  display: block;
  text-indent: 0.7em;
}
.section-15 .mod-card .abstract em {
  font-size: 20px;
  font-weight: 700;
  color: #c00;
  text-indent: 1.2em;
  display: inline-block;
}
.section-15 .section-title, .section-15 .unit-title {
  background: url(http://www.newsimg.cn/fashion/ndpp20161212/img/title-bg.jpg) 0 0 no-repeat;
  border-bottom: 2px solid #f60;
}


.section-16 .native-tabs {
  padding: 10px 10px 0;
  width: 960px;
}
.section-16 .native-tabs .tab-hds li {
  width: 118px;
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.section-16 .native-tabs .tab-bd {
  padding: 20px 0;
  height: 393px;
}
.section-16 .native-tabs .col-1 {
  width: 508px;
  padding-right: 10px;
}
.section-16 .native-tabs .col-2 {
  width: 422px;
}
.section-16 .native-tabs .mod-tile .media a {
  display: block;
  width: 508px;
  height: 350px;
  overflow: hidden;
}
.section-16 .native-tabs .mod-card {
  padding: 0 10px 10px;
  border-bottom: 1px dotted #ccc;
}
.section-16 .native-tabs .mod-card .topic {
  height: 2em;
  line-height: 2;
}
.section-16 .native-tabs .mod-card .abstract {
  height: 75.6px;
}
.section-16 .native-tabs .mod-card .abstract a {
  color:#254c50;
}
.section-16 .native-tabs .mod-card .abstract a:hover {
  color:#b30000;
}


.section-17 .col-1 {
  width: 600px;
  padding-right: 20px;
}
.section-17 .col-2 {
  width: 360px;
}
.section-17 .col-2 .row, .section-17 .col-2 .native-tabs .tab-hds, .native-tabs .section-17 .col-2 .tab-hds, .section-17 .col-2 .native-carousel .base-pager, .native-carousel .section-17 .col-2 .base-pager {
  padding-top: 5px;
}
.section-17 .mod-card,
.section-17 .mod-tile {
  width: 50%;
}
.section-17 .mod-card {
  padding: 10px 0;
}
.section-17 .mod-card .topic {
  padding: 0 5px;
}
.section-17 .mod-card .abstract {
  padding: 0 5px;
  height: 50.4px;
}
.section-17 .mod-card .abstract a {
  color:#254c50;
}
.section-17 .mod-card .abstract a:hover {
  color:#b30000;
}
.section-17 .mod-tile .media {
  padding: 10px;
}

.section-18 .col-1 {
  width: 360px;
  padding-right: 20px;
}
.section-18 .col-2 {
  width: 600px;
}
.section-18 .mod-tile,
.section-18 .mod-list {
  width: 50%;
}
.section-18 .mod-tile {
  padding-top: 10px;
}
.section-18 .mod-tile .media {
  padding: 5px;
}
.section-18 .mod-list {
  padding: 10px 0;
}

.ifr-box {
  width: 100%;
  height: 1300px;
/*  height:1300px;
  overflow-x: hidden;
  overflow-y: scroll;*/
}
.iframe-1, .iframe-2, .iframe-3 {
  width: 100%;
  height: 1880px;
}