@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;background:url(../images/body_bg.jpg) repeat; color:#6c5f4e;
}
div{ padding:0px; margin:0px;font-size: 0;}


a{text-decoration:none;}
a:hover{color:#da0000; text-decoration:none;}
.disno{display:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}.fix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.disno{display:none;}


.syFocusThumb .prev{ background:url(../images/btn01.jpg) no-repeat; width:25px; height:80px;}
.syFocusThumb .next{ background:url(../images/btn02.jpg) no-repeat; width:25px; height:80px;}
.syFocusThumb{POSITION: relative; WIDTH:980px; HEIGHT:620px;  margin:50px auto;}
.pagination {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 100%; HEIGHT:80px; COLOR: #fff; CLEAR: both; TOP: 0; LEFT: 0px}
.thumbWrap {POSITION: absolute; WIDTH:920px;  OVERFLOW: hidden; TOP: 0; LEFT:30px}
.holder {WIDTH: 4000px}
.holder I {CURSOR: pointer; MARGIN-RIGHT:-1px}
.prev {POSITION: absolute; WIDTH:25px; TOP:0; CURSOR: pointer; LEFT: 0px}
.next {POSITION: absolute; WIDTH:25px; TOP:0; CURSOR: pointer; RIGHT: 0px;}
.pagination I.selected{ background:url(../images/nav_on.png) no-repeat; width:115px; color:#000; height:80px; text-align:center; }
.pagination I.selected a{ color:#fff; font-size:16px; font-weight:bold;}

.chin-top{z-index:90; position:relative; height:128px;}
.chin-top-wrap {height:128px;position:relative;/*width:96%;*/ width:1200px;}
.max-width{max-width:1200px;margin:0 auto; overflow:hidden}
.chin-logo{display:block;position: absolute;left: 0;top:15px;width:715px;height:97px; background:url(../images/logo.png) no-repeat;}
.chin-phone{display:block;position: absolute;right: 0;top:70px;width:281px;height:43px; background:url(../images/phone.png) no-repeat;}
.nav{ background:url(../images/nav_bg_03.jpg) repeat-x; height:46px; line-height:46px; font-size:20px;}


.ck-slide { width:1200px; height:610px; margin: 15PX auto;}
.ck-slide ul.ck-slide-wrapper { height:610px;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 20px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 20px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}


.sliderwrapper{ width:100%; padding-top:100px;  text-align:left;}
.toc{ font-size:14px; font-style:normal; display:block; background:url(../images/nav_off.png) no-repeat; width:115px; height:80px; text-align:center;  }
.toc a{color:#fff;}
.toc p{ padding-top:10px; height:20px; line-height:20px;}
.toc p.sel05{height:32px; padding:5px;}
.sel{ width:50px; padding-top:15px; font-size:20px;}
.sel01{ font-size:32px; height:32px;}
.sel02{ font-size:14px; font-style:normal; padding-left:3px;}
.sel03{ font-size:14px;font-style:normal; padding-left:3px;}

.contentdiv{ height:500px; position: relative; margin-top:30px;}
.contentdiv_left{
    float: left;
    font-size: 14px;
    left: 2px;
    padding: 10px 0 10px 0px;
    position: absolute;
    top: 0;
    width: 400px;
}
.contentdiv_left h3{ font-size:24px; height:40px; line-height:40px; font-weight:500; overflow:hidden}
.contentdiv_left p{ line-height:24px; color: #fff;}
.contentdiv_left a{ color:#fff;}
.contentdiv_left_news{ margin-bottom:10px;}
.contentdiv_left_news a{ display:inline}
.contentdiv_left_list{ font-size:18px; line-height:46px;}
.contentdiv_left_list li{ border-bottom:1px solid #fff; height:46px; overflow:hidden}
.contentdiv_left_list li a:hover{ text-decoration:none; color:#da0000;}
.contentdiv_right{float: right; right:0; padding-top: 10px; position: absolute; top: 0; width: 570px; }
.contentdiv_right_pic{margin-left:10px; margin-bottom:10px; height:360px; overflow:hidden; position:relative}
.contentdiv_right_pic_t{background-color: #000;    bottom: 0;    left: 0;    opacity: 0.8;    position: absolute;    text-align: center;    width: 100%; font-size:14px; overflow:hidden}
.contentdiv_right_pic_t a{ padding:10px 0px 10px 20px;display: block; text-align:left; color:#fff;}
.contentdiv_right_pic_t a:hover{ color:#da0000;}
.contentdiv_right_pic_list{ position:absolute}
.contentdiv_right_pic_list02{ position:relative; left:980px; top:-120px; z-index:100; width:40px; height:110px; background:url(../images/anniu.jpg) no-repeat}
.contentdiv_right_pic_list02 a{ width:20px; height:110px; display:block; color:#fff; padding:5px 0px 0px 13px; font-size:16px; line-height:18px; }
.contentdiv_right_pic_list01{width:180px; float:left; margin-left:10px; height:110px; overflow:hidden; display:block;position:relative; }
.contentdiv_right_pic_pic{top:35px; left:45%; opacity: 0.8; position: absolute; text-align: center; width:30px; height:30px; }
.contentdiv_right_pic_pic img{opacity:0.8;}
.contentdiv_right_pic_list01_t{background-color: #000; bottom: 0; left: 0; opacity: 0.8; position: absolute; text-align: center; height:25px; width: 100%; font-size:14px; overflow:hidden }
.contentdiv_right_pic_list01_t a{ padding:2px 5px 2px 10px;display: block; text-align:left; color:#fff;}


.back_bg{ width:100%; padding:20px 0px; background:url(../images/body_bg_02.jpg) no-repeat; min-height:850px; }
.back_bg01{ width:100%; padding:20px 0px; background:url(../images/body_bg_03.jpg) repeat; min-height:650px; }
.dib{
  display: inline-block;
  +display: inline;
  +zoom: 1;
  font-size: 14px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}

.col-2{ width:710px; padding-right:10px;}
.col-2 h2{ background:url(../images/global-1.png) no-repeat 0px 0px; height:45px; line-height:45px; text-indent:2em; color:#fff; font-size:18px;}
.col-3{ width:260px;}

.skzz{font-size: 14px;
    letter-spacing: normal;
    word-spacing: normal;
	overflow:hidden}
	
.skzz-nav-item{
 border-bottom: 2px solid #2893e0;
    color: #2893e0;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 43px;
	
}

.skzzcon{ width:260px; overflow:hidden}

.news_gd{ background:url(../images/news_bg.jpg)  repeat top ; margin-top:10px;}
.news_gd_text{ width:205px; padding:10px; font-size:14px; line-height:24px; color:#579fff}
.news_gd_text h3{ color:#579fff; font-size:20px; font-weight:500; margin-bottom:10px;}
.news_gd_text h3 a{ color:#579fff; }
.news_gd_text h3 a:hover{ color:#dc0000; }
.news_gd_pic{ width:485px; height:230px; overflow:hidden}

.news_gd_01{margin-top:20px;}
.news_gd_02{ width:350px;}
.topic{ font-size:18px; height:30px; line-height:30px;font-weight:500; margin-bottom:10px; padding-left:5px; overflow:hidden;}
.topic a{ color:#579fff}
.topic a:hover{ color:#da0000}

.article{background:url(../images/dot_01.jpg) repeat-x bottom; overflow:auto; padding-bottom:20px;}
.media{ width:135px; float:left; overflow:hidden; height:90px; padding-left:5px;}
.abstract{ width:205px; height:70px; overflow:hidden; float:right; line-height:22px; color:#666;}
.abstract_more{ text-align:right; font-size:12px; padding-right:5px;}

.abstract_more a{ color:#579fff;}
.abstract_more a:hover{ color:#dc0000;}
.news_gd_list{ margin-top:10px}
.news_gd_list li{ font-size:16px; line-height:30px; height:30px;}
.news_gd_list li a{ color:#333;}

.table-data{width:100%;font-size:12px; margin-bottom:10px; }

.table-data tr:hover{color:#fff;background-color:#81c0ed;cursor:default; }
.table-data tr:hover th{color:#333}
.table-data th{color:#333;text-align:center;font-weight:400;height:2.6em;line-height:2.6;background-color:#add6f3;border-bottom:1px solid #add6f3}
.table-data td{height:2.6em;line-height:2.6;padding:0 2px;text-align:center;border-bottom:1px solid #add6f3}
.table-data .num{width:28px;font-size:12px;background-color:#81c0ed}

.tab-hds li{width:25%;height:28px;line-height:28px;border-bottom:2px solid #add6f3}

#section-2 .col-3 h3{height:30px;line-height:30px;font-size:14px;font-weight:700;color:#0099ff;text-indent:1em;background:#bfe4ff}
#section-2 .col-3 .tab-hds .current {background-color: #2893e0;color: #fff;}
#section-2 .col-3 .tab-hds .active {background-color: #2893e0;color: #fff;}
#section-2 .col-3 .tab-hds li {background-color: #fff;border-bottom: 2px solid #2893e0;color: #2893e0;height: 28px;line-height: 28px;text-align: center;width:43px;}



#section-3 .unit{height:600px}
#section-3 .col-1{width:284px;padding-right:10px}
#section-3 .col-1 .mod-card{padding:10px 10px 0}
#section-3 .col-1 .mod-card img{border:1px solid #2db778}
#section-3 .col-1 .topic{height:70px;*float:left;width:auto;_width:160px;font-size:18px;color:#2db778;white-space:normal}
#section-3 .col-1 .topic a{color:#2db778}
#section-3 .col-1 .mod-list{padding:0 10px 10px}

#section-3 .col-3{width:258px}
#section-3 .col-3 .native-tabs{padding-top:0px}
#section-3 .col-3 .tab-hds{text-align:center}
#section-3 .col-3 .tab-hds li{width:32px;height:28px;line-height:28px;text-align:center;color:#ed1b47;background-color:#fff;border-bottom:2px solid #ed1b47}
#section-3 .col-3 .tab-hds .current{color:#fff;background-color:#ed1b47}
#section-3 .col-3 td{text-align:center}
#section-3 .col-3 h3{height:30px;line-height:30px;font-size:14px;font-weight:700;color:#0099ff;text-indent:1em;background:#bfe4ff}
#section-3 .col-3 .sponsor-w243h30{float:right;width:160px;height:30px;margin-top:-30px}
#section-3 .col-3 .sponsor-w243h96{width:243px;height:96px}
.news_gz{ margin:20px 0px; width:980px;}
.news_l{ width:300px; height:510px; overflow:hidden;}
.news_c{ width:360px; margin:0px 5px 0px 15px; }
.news_c ul{ margin-bottom:15px;}
.news_c li { font-size:16px; line-height:32px; height:32px; overflow:hidden}
.news_c li a{ color:#000}
.news_c li a:hover{ color:#da0000}

.news_r{ background:#ffeded; width:300px; height:510px; overflow:hidden}

.groups-table tr:hover {background-color: #ffcdcd}
.groups-table th,.groups-table td {	line-height: 2;	height: 3em; font-size:12px;	border: 1px solid #fff}
.groups-table th {	font-weight: 400;width: 140px;	color: #fff;	background-color: #c00;	text-align: center}
.groups-table td {	text-align: center;	border-bottom: 1px solid #fff}
.groups-table .num {	width: 2.5em;	padding: 0 .25em}
.groups-table .times {	width: 8em}
.groups-table .score {	width: 4em}

.duiwu {width:110px; height:90px; overflow:hidden; margin:10px 18px;}
.duiwu_list { width:110px; height:70px; overflow:hidden;}
.duiwu_list_t { height:25px; font-size:12px; line-height:25px; overflow:hidden; font-weight:normal;}
.duiwu_list_t a { color:#000;}

.bs{ padding:10px;}


.item01{ padding:10px 0px;}
.item01 span{display: block;color:#333;line-height: 24px; font-size:14px;}
.item_l{ width:490px; height:330px; overflow:hidden; float:left; position:relative}
.item_r_t{background-color: #000; bottom: 0; left: 0; opacity: 0.8; position: absolute; text-align: center; height:35px; line-height:35px; width: 100%; font-size:14px; overflow:hidden }

.item_r_t a{ padding:0px 10px;display: block; text-align:left; color:#fff;}

.item_r{ width:490px; height:330px; overflow:hidden; float:right}
.item_r_list{ width:235px; float:left; margin:0px 0px 10px 10px; height:160px; overflow:hidden;position:relative}
.item_r_list_t{background-color: #000; bottom: 0; left: 0; opacity: 0.8; position: absolute; text-align: center; height:35px; line-height:35px; width: 100%; font-size:14px; overflow:hidden }
.item_r_list_t a{ padding:0px 10px;display: block; text-align:left; color:#fff;}





/* 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-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-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-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: #c00;
}

/*!
MIXIN.scss 2014-09-25 */
.layout, .section, .pft .copyright, .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 {
  width: 1200px;
}

.phd {
  height: 490px;
  transition: 0.3s;
}

.logo {
  text-indent: -9999px;
}

.section_title, .unit-title {
  height: 45px;
  line-height: 45px;
  text-indent: 2em;
  font-size: 18px;
  color: #fff;
  background:url(../images/global-1.png) no-repeat 0px -46px;
  _position: relative;
}

.section_title04, .unit-title {
  height: 45px;
  line-height: 45px;
  text-indent: 2em;
  font-size: 18px;
  color: #fff;
  background:url(../images/global-1.png) no-repeat 0px 0px;
  _position: relative;
}


.section_title05, .unit-title {
  height: 45px;
  line-height: 45px;
  text-indent: 2em;
  font-size: 18px;
  color: #fff;
  background:url(../images/global-1.png) no-repeat 0px -135px;
  _position: relative;
}

.section_title06, .unit-title {
  height: 45px;
  line-height: 45px;
  text-indent: 2em;
  font-size: 18px;
  color: #fff;
  background:url(../images/global-1.png) no-repeat 0px -90px;
  _position: relative;
}

.section_title08, .unit-title {
  height: 45px;
  line-height: 45px;
  text-indent: 2em;
  font-size: 18px;
  color: #fff;
  background:url(../images/global-1.png) no-repeat 0px 0px;
  _position: relative;
}


.cid{ width:196px; height:320px; overflow:hidden}
.gd_pic{ padding:10px;}
.gd_pic_list{ width:180px; height:250px; padding:5px; padding-bottom:10px; overflow:hidden}
.section-title em, .unit-title em {
  font-style: normal;
  font-weight: 700;
}
.section .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 #fff;
}
.section .more:hover, .unit-title .more:hover {
  background-color: #f5f5f5;
  color:#c00;
}

/*!
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 {

}
.native-tabs .tab-hds li {
  text-align: center;
  cursor: pointer;
}

.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;
  opacity:0.5;
  background: url(../images/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: #5192ff 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(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.section {
  margin-top: 45px;
  margin-bottom: 20px;
 
}

.section-title, .unit-title {
  font-size: 20px;
  background: none;
  border-bottom: 2px solid #c00;
}
.section-title em, .unit-title em {
  color: #c00;
}

.unit-title .more {
  transition: 0.3s;
}

.mod a {
  color: #333;
  transition: 0.5s;
}
.mod a:hover {
  color: #c00;
}
.mod .topic {
  height: 2em;
  line-height: 2;
  overflow: hidden;
}
.mod .topic a {
  color: #c00;
}
.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: #000;
  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.2);
}
.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:0;
  width:100%;
  background:url(../images/nav_bg_03.jpg) repeat-x; height:46px; line-height:46px;
}
.horizontal-native-tabs .tab-hds li {
  text-align: center;  
  color: #666;
  margin-left:10px;
  height:46px;
  line-height:46px;
}
.horizontal-native-tabs .tab-hds li a {
  color: #fff;
}
.horizontal-native-tabs .tab-hds .current {
  border-color: #c00;
  border-bottom-color: #fff;
  color: #c00;
}
.horizontal-native-tabs .tab-hds .current a {
  color: #c00;
}

.pft {
  background-color: #1cb3f9;
  color: white;
  height: 90px;
  text-align: center;
  color: #fff;
}
.pft a {
  color: white;
}
.pft .copyright {
  font-size: 12px;
  line-height: 90px;
}
.pft a {
  color: #c00;
}

.top-bar {
  height: 31px;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #333;
  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: #333;
}
.top-bar .loading {
  display: block;
  text-align: center;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  background-color: #f5f5f5;
}

/*!
@import 0f626457b7234258b4df8892645b4025.css ( ´◔ ‸◔')
*/
.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-1 .col-1 {
  width:980px;

}
.section-1 .col-2 {
  width: 400px;
  padding-top: 5px;
}
.section-1 .native-carousel,
.section-1 .item {
  width: 980px;
  height: 430px;
}
.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: #c00;
}
.section-1 .mod-topics .more a:hover {
  color: #b30000;
}


.section-2 {
  width: 978px;
  border: 1px solid #5192ff;
}
.section-2 .section-caption {
  width: 100px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  background-color: #5192ff;
}
.section-2 .section-caption a {
  color:#fff;
}
.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: 570px;
}
.section-3 .native-tabs .tab-hds {
  position: absolute;
  left: 130px;
  top: 230px;
  width: 170px;

}
.section-3 .native-tabs .tab-hds li {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 18px;
  width:150px;
  background-color: #000;
  color:#fff;
  border:none;
  float:right;
  opacity:0.8; margin-bottom:1px;

}
.section-3 .native-tabs .tab-hds li a{ color:#fff;

}
.section-3 .native-tabs .tab-hds .current {
  background-color: #c00;
  background-position: 0 0;
  color: #fff;
  width:170px;

}
.section-3 .native-tabs .tab-bd {
  padding: 10px 0px 10px 0px;
  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:#c00;
}
.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:#c00;
}
.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: #c00;
}
.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:#c00;
}
.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:#c00;
}
.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:#c00;
}
.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: 330px;
  background-color: #fff;
}

.section-7 .nativeSlide .item {
  width: 980px;
  height: 330px;
}
.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;

  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-7 .s7_nav ul{display:block;width:660px;margin:10px auto;}
.section-7 .s7_nav li{float: left;display:inline;width:200px;height:40px;line-height:40px;background:url(../images/global-1.png) no-repeat 0px -3px #fff;font-size:18px;border-radius:5px;margin:0px 10px;color:#fff;text-align:center;}
.section-7 .s7_nav li a{  color:#fff;}
.section-7 .s7_nav li:hover,.section-7 .s7_nav li.s7nav_active{background:url(../images/global-1.png) no-repeat 0px -90px #c0f;}
.section-7 .s7_nav li:hover,.section-7 .s7_nav li.s7nav_active a{ color:#fff; }
.count-box{}

.section-7  .s7_navcon{height:360px;position: relative;overflow:hidden;}
.section-7  .s7_navlis{position: absolute;top:-200%;left:0;}
.section-7  .s7_navlis.s7nav_active{top:0%;left:0;}


.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(../images/global-1.png) no-repeat 4px -226px;
}
.section-8 .mod-list .item a {
  display: block;
  text-indent: 2em;
  color: #c00;
  font-weight: 400;
}


.section-9 {
  position: relative;
}
.section-9 .section-title {
  width: 120px;
  height: 45px;
  margin-bottom: 5px;
  line-height: 50px;
  color: #c00;
  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 #c00;
  border-bottom: 0 none;
  color: #c00;
}
.section-9 .native-tabs .tab-hds .current a {
  color: #c00;
}
.section-9 .native-tabs .tab-bd {
  height: 145px;
  border: 1px solid #c00;
  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: 5px;
  text-align: center;
}
.section-10 .native-tabs li {
  padding: 5px 2px 0;
  width: 33px;
  height: 38px;
  line-height: 16px;
  font-size: 12px;
}
.section-10 .native-tabs li a {
  height: 38px;
  line-height: 16px;
}
.section-10 .native-tabs .tab-bd {
  height: 490px;
}
.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:#c00;
}
.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(../images/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(../images/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: #c00;
  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:#c00;
}
.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 .col-1 {
  width: 480px;
  padding-right: 10px;
}
.section-15 .col-2 {
  width: 480px;
  padding-left: 10px;
}
.section-15 .mod-list {
  padding: 20px 10px;
}
.section-15 .mod-card {
  padding: 20px 10px;
  border-bottom: 1px dotted #ccc;
}
.section-15 .mod-card .media {
  float: left;
  padding-right: 9px;
}
.section-15 .mod-card .media img {
  width: 130px;
  height: 100px;
}
.section-15 .mod-card .topic {
  float: right;
  width: 320px;
  height: 1.8em;
}
.section-15 .mod-card .abstract {
  float: right;
  width: 320px;
  height: 75px;
}
.section-15 .mod-card .abstract a {
  color:#c00;
}
.section-15 .mod-card .abstract a:hover {
  color:#b30000;
}


.section-16 .native-tabs {
  padding: 10px 0px;
  width: 980px; background-color:#efeff3

}
.section-16 .native-tabs .tab-hds li {
  width: 65px;
  text-align: center;
  height: 84px;
  background:url(../images/lj_off.jpg) no-repeat;
  border:none

}

.section-16 .native-tabs .tab-hds li.current{
  width: 65px;
  text-align: center;
  height: 84px;
  background:url(../images/lj_on.jpg) no-repeat;
  border:none;color:#fff; font-weight:bold


}
.section-16 .native-tabs .tab-bd {
  padding: 20px;
  height: 393px;
}
.section-16 .native-tabs .col-1 {
  width: 290px;
  padding-right: 20px;
  color:#666;
  line-height:30px;
  font-size:16px;
}
.section-16 .native-tabs .col-1 h3 { font-size:24px; color:#333; height:50px; line-height:50px;
}
.section-16 .native-tabs .col-1 h3 a{ color:#0099ff}
.section-16 .native-tabs .col-1 h3 a:hover{ color:#da0000}

.section-16 .native-tabs .col-2 {
  width: 620px;
  height:380px; overflow:hidden
}
.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:#c00;
}
.section-16 .native-tabs .mod-card .abstract a:hover {
  color:#fff;
}


.section_16 .native-tabs {
  padding: 10px 0px;
  width: 980px; background-color:#f9f9f9

}
.section_16 .native-tabs .tab-hds li {
  width: 19px;
  text-align: center;
  height: 32px;
  background:url(../images/map_off.png) no-repeat;
  border:none;

}

.section_16 .native-tabs .tab-hds li.current{
  width: 19px;
  text-align: center;
  height: 32px;
  background:url(../images/map_on.png) no-repeat;
  border:none;color:#fff; font-weight:bold


}
.section_16 .native-tabs .tab-bd {
  padding: 20px;
  height: 393px;
}
.section_16 .native-tabs .col-1 {
  width: 290px;
  padding-right: 20px;
  color:#666;
  line-height:30px;
  font-size:16px;
}
.section_16 .native-tabs .col-1 h3 { font-size:24px; color:#333; height:50px; line-height:50px;
}

.section_16 .native-tabs .col-2 {
  width: 600px;
  height:380px; overflow:hidden;
}
.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:#c00;
}
.section_16 .native-tabs .mod-card .abstract a:hover {
  color:#fff;
}

.map{ margin-top:20px;}
.map_l{ width:600px; background:url(../images/map.jpg) no-repeat 0px 0px; height:575px;}

.map_pic{height:553px;     width: 558px;}

.map_pic .pos1 {left: 230px;top: 14px;}
.map_pic span {background-position: 0 -410px;display: block;height: 31px;position: absolute;width: 24px;}
.map_r{ width:320px; right:0px;}
.map_r p{ color:#333; line-height:30px;}
.map_r h3{ font-size:18px; height:40px; line-height:40px;}



.lj_l{ width:290px; font-size:14px;}
.lj_r{ width:600px; display:block; height:380px;}


.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:#c00;
}
.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;
}





/* 日期切换 */
.wapper{position:relative;width:980px;height:80px;overflow:hidden;}
    .wapper > *{ height:80px; }
    .wp{POSITION: absolute;TEXT-ALIGN: left;WIDTH: 100%;HEIGHT: 80px;COLOR: #fff;CLEAR: both;TOP: 0;LEFT: 28px;}
    .turn-btn{position:absolute;top:0;width: 25px;height:80px;line-height:80px;font-size:40px;text-align:center;color:#FFF;background-color:#0099FF;z-index:2;cursor:pointer;}
    .turn-btn:hover{}
    .turn-left{    background: url(../images/btn01.jpg) no-repeat;left:0;}
    .turn-right{    background: url(../images/btn02.jpg) no-repeat;right:0;}
    .list{position:absolute;left:0;top:0;margin:0;padding:0;height:80px;}
    .li{font-size: 14px;font-style: normal;display: block;background: url(../images/nav_off.png) no-repeat;width: 115px;height: 80px;text-align: center;float: left;}
    .li p{padding-top: 10px;height: 20px;line-height: 20px;}
    .li p.sel05{height:32px; padding:5px;}
.sel{ width:50px; padding-top:15px; font-size:20px;}
.sel01{ font-size:32px; height:32px;}
.sel02{/* font-size:14px; */font-style:normal;padding-left:3px;}
.sel03{ font-size:14px;font-style:normal; padding-left:3px;}
    .li.li-active{background: url(../images/nav_on.png) no-repeat;}
    .sft_con .sft_lis{display:none; position:relative; margin-top:30px; height:500px; background: url(../images/qidai.png) 50% 50% no-repeat;}
    .sft_con .sft_lis.li-active{display:block;}
    .sft_con .sft_lis.sft_liston {background: none;}
	
/* 放大 */
.cid{opacity:0.5;}
.cid:hover{height:360px;margin-top: -40px; color:#fff;background:#a56bc3;opacity:1;}
.cid a,.cid a:hover{color:#fff;text-decoration:none}
.cid a span{font-size:16px;display:block; text-align:center; text-decoration:none}
.pinglun_pic{ border-bottom:2px solid #703399; margin-top:80px; background-color:#fff}
.pinglun_pic span{ width:100%; line-height:40px; display:block; height:40px; text-align:center;}

/* 欧战策 */
.scene {
  width: 182px;
  height: 250px;
  margin: 5px;
  float: left;
  -webkit-perspective: 5000px;
  -moz-perspective: 5000px;
  perspective: 5000px;
}

.movie {
  width: 176px;
  height: 250px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-136px);
  -moz-transform: translateZ(-136px);
  transform: translateZ(-136px);
  -webkit-transition: -webkit-transform 350ms;
  -moz-transition: -moz-transform 350ms;
  transition: transform 350ms;
}

.movie:hover {
  -webkit-transform: rotateY(-85deg) translateZ(0px);
  -moz-transform: rotateY(-85eg) translateZ(0px);
  transform: rotateY(-85deg) translateZ(0px);
}/***** -85deg ¾­¹ýÐý×ª½Ç¶È *****/

/*************************************
Transform and style the two planes
**************************************/

.movie .poster,
.movie .info {
  position: absolute;
  width: 174px;
  height: 250px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.movie .poster  {
  -webkit-transform: translateZ(88px);
  -moz-transform: translateZ(88px);
  transform: translateZ(88px);
  background-size: cover;
  background-repeat: no-repeat;
}

.movie .info {
  -webkit-transform: rotateY(90deg) translateZ(70px);
  -moz-transform: rotateY(90deg) translateZ(70px);
  transform: rotateY(90deg) translateZ(70px);
  border: 1px solid #09f;
}

/*************************************
Movie information
**************************************/

.info header {
  color: #09f;
  padding: 5px;
  font-weight: bold;
  height: 130px;
  background-size: contain;
  background-repeat: no-repeat;
  display: table;
  width: 166px;
}

.info header h1 {
  margin: 0;
  font-size: 24px;
  text-align: center;
  vertical-align: middle;
    display: table-cell;
}
.info header h1 a {
  color:#fff;
}

.info header .rating {
  border: 1px solid #FFF;
  padding: 0px 3px;
}

.info p {
  padding: 10px;
  margin: 5px 0 0;
  line-height: 1.5em;
  border-top: 3px solid #333;
  font-size: 15px;
  color: #09f;
}

.info p a {
  color: #09f;
  text-decoration: none;
}

.info p a:hover {
  text-decoration: underline;
  color: #c00;
}
.item_r_t a,.item_r_list_t a{ color:#fff}

/*************************************
Generate "lighting" using box shadows
**************************************/

.movie .poster,
.movie .info,
.movie .info header {
  -webkit-transition: box-shadow 350ms;
  -moz-transition: box-shadow 350ms;
  transition: box-shadow 350ms;
}

.csstransforms3d .movie .poster {
  box-shadow: inset 0px 0px 40px rgba(255,255,255,0);
}

.csstransforms3d .movie:hover .poster {
  box-shadow: inset 300px 0px 40px rgba(255,255,255,0.8);
}

.csstransforms3d .movie .info,
.csstransforms3d .movie .info header {
  box-shadow: inset -300px 0px 40px rgba(0,0,0,0.5);
}

.csstransforms3d .movie:hover .info,
.csstransforms3d .movie:hover .info header {
  box-shadow: inset 0px 0px 40px rgba(0,0,0,0);
}

/*************************************
Fallback
**************************************/
.no-csstransforms3d .movie .poster,
.no-csstransforms3d .movie .info {
  position: relative;
}
/* 下拉 */
#slideshow-xiala{height:400px;margin-top:0px;}



 #slideshow-xiala .item,.con_xiala{width:980px;}
 #slideshow-xiala.nativeSlide{overflow:visible; position: static;}
 .con_xiala{overflow:hidden;position: relative;height:400px;}
 #all-contents{top:-400px;}
 #slideshow-ouzhanxng{width: 980px;height: 407px;}



 /* 欧战策 */
 #slideshow-lunzhanfouc{width:710px;height:230px;overflow:hidden;}
 #slideshow-lunzhanfouc.nativeSlide .nav-btn {
    position: absolute;
    top: 0;
    z-index: 1010;
    width: 28px;
    height: 100%;
    cursor: pointer;
    transition: 0.5s;
    opacity: 1;
    background: url(../images/slidershow.nav01.png) no-repeat 0px 50%;}
     #slideshow-lunzhanfouc.nativeSlide .next {
    right:-2px;
    background-position: -26px 50%;
}
#slideshow-lunzhanfouc.nativeSlide .prev{ left:224px; }
.juli_03{ margin-top:0px; padding-top:45px;}
.juli_04{ margin-top:0px;}

.member_down{ width:960px; margin:20px auto;  overflow:auto}
.member_down_t{height:36px; line-height:36px; width:100%; font-size:24px;}
.member_down_t a{ color:#e7ca80}
.member_down span{ font-size:12px; color:#caaa5a; padding-left:10px;}
.member_down_nr{ font-size:14px; color:#caaa5a; line-height:20px; height:60px; overflow:hidden;}
.member_down_pic{ padding:20px 0px; text-align:right;}
.member_down_pic img{cursor:pointer;}

@font-face {
font-family:HelveticaNeueCE55Roman; /*这里是说明调用来的字体名字*/
src:url(HelveticaNeueCE55Roman.ttf); /*这里是字体文件路径*/

}

@font-face {
font-family:Candara; /*这里是说明调用来的字体名字*/
src:url(../fonts/candara.ttf); /*这里是字体文件路径*/

}

@font-face {
font-family:FORTE; /*这里是说明调用来的字体名字*/
src:url(../fonts/forte.ttf); /*这里是字体文件路径*/

}

@font-face {
font-family:HTOWERTI; /*这里是说明调用来的字体名字*/
src:url(../fonts/htowerti.ttf); /*这里是字体文件路径*/
}

@font-face {
font-family:cambria; /*这里是说明调用来的字体名字*/
src:url(../fonts/cambria.ttf); /*这里是字体文件路径*/
}


.nav_list{ width:1200px; margin:0px auto;}
.nav_list li{ background:#664d3b; width:230px;text-align:center; border:none; margin-left:10px;}
.my_CSS3_class a{ 
color:#fff;font-family:HelveticaNeueCE55Roman; /*这里设置某参数的字体值，在这里是“my_CSS3_class”调用了你刚才声明的字体值"fz"*/
font-size:20px; /*这里是字体大小*/
display:block;
}
.my_CSS3_class a:hover{ width:230px; background:#40382f; height:46px; display:block;}

.ruk{ width:1200px; margin:0px auto;}
.ruk_l{ width:590px; background:url(../images/pic_l.jpg) no-repeat center top; height:235px;}
.ruk_l a{ width:590px; height:235px; display:block}
.ruk_r{ width:590px; background:url(../images/pic_r.jpg) no-repeat center top; height:235px; margin-left:20px; }
.ruk_r a{ width:590px; height:235px; display:block}
#foot{ width:100%; background-color:#c7b59e; height:100px; margin-top:20px;}
.foot{ width:1200px; margin:0px auto; height:100px;}
.foot_top{ height:50px; border-bottom:1px solid #664d3b; text-align:center; width:900px; margin:0px auto;}
.foot_top a{ font-size:16px; text-align:center; margin:0px 20px; color:#664d3b; line-height:50px;font-family:HelveticaNeueCE55Roman;}
.foot_bottom{color:#664d3b; line-height:50px;font-family:HelveticaNeueCE55Roman; font-size:16px; text-align:center}
.side_main{ width:1200px; margin:20px auto 0px;}
.side_main_title{ height:30px; line-height:30px; padding-left:50px;}
.side_main_title a{ color:#664d3b}
.font_14{font-family:HelveticaNeueCE55Roman; font-size:16px; color:#664d3b }
.font_44{font-family:FORTE; font-size:36px; color:#363636 }
.font_48{font-family:HTOWERTI; font-size:48px; color:#363636}
.font_18{font-family:cambria; font-size:18px; color:#754c28; line-height:30px;}
.font_12{font-family:HelveticaNeueCE55Roman; font-size:14px; color:#636363; font-weight:bold}
.side_main_con{ margin-top:20px;}
.side_main_con_l{ width:286px;}
.side_main_con_l_title{ background:url(../images/side_left_bg.png) no-repeat; height:130px; width:246px; line-height:40px; text-align:center; padding:80px 20px 0px 20px; word-break:break-all;}
.side_main_con_l_list{ margin:10px 0px 0px 20px;}
.side_main_con_l_list li{font-weight:bold; margin-bottom:20PX; overflow:auto}

.side_main_con_l_list li a{ color:#363636}
.side_main_con_r{ width:900px; margin:15px 0px 0px 14px;}
.side_main_con_r_banner{ background:#fff; height:248px; width:880px; padding:5px;box-shadow:0px 0px 8px 1px #a9a7a3;}
.side_main_con_r_con{ background:#fff; padding:5px; width:880px; margin-top:20px;}
.side_main_con_r_con_t{ border:1px solid #72440f; padding:50px; min-height:500px;}
.side_main_con_r_con_t h3{ height:48px; margin-bottom:20px;}

.side_main_con_l_list li p{ line-height:24px; font-weight:normal; padding-left:20px; font-size:12PX; color:#545454}
.side_main_con_l_list li p i{ font-style:normal; display:block}

.side_main_pro{ padding:20px 0px; width:890px;}
.side_main_pro_list{ width:192px; border:1px solid #cfcfcf; padding:3px; background:#fff; height:230px; text-align:center;box-shadow:5px 5px 1px 0px #d8d5d0; margin:10px;}
.side_main_pro_list p{ padding-top:180px; color:#754c28}
.side_main_pro_list p a{ color:#754c28}
.login{ width:500px; margin:20px auto; color:#636363}
.login_con{ margin:20px 0px;}
.login_l{ width:80px; height:30px; line-height:30px; text-align:right;}
.login_r{ width:410px; margin-left:10px;}

.login_r input{ width:350px; border:1px solid #c0c0c0; height:30px; line-height:30px; font-size:14px; padding-left:10px;}
.login_r textarea{ width:350px; border:1px solid #c0c0c0;line-height:30px; font-size:14px; padding-left:10px; min-height:100px;}
.login_r .login_se{ width:108px; height:27px; border:none; padding:0px;}


.pagelink{height:26px; line-height:26px; margin:20px 0 0 0; padding:0 10px; text-align:center; font-size:14px;}
.pagelink a, .pagelink span{ padding:10px; height:16px; line-height:16px; color:#3f3f3f;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;height:16px; line-height:16px;}

.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 10px auto 0px; WIDTH: 100%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	MARGIN: 0px auto; PADDING-TOP: 15px
}
.wp-pagenavi A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:link {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:visited {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:hover {
	FONT-WEIGHT: bold! important; COLOR: #0b3779! important; BACKGROUND-COLOR: #eee! important
}
.wp-pagenavi A:active {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN{ padding:0px 5px;}
.wp-pagenavi SPAN .pages {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.extend {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.current {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #aaa 1px solid; COLOR: #000! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #eee! important
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageright {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageleft {
	PADDING-LEFT: 10px; FLOAT: left; TEXT-ALIGN: left
}
.pageright {
	PADDING-RIGHT: 10px; FLOAT: right; TEXT-ALIGN: right
}

