﻿/* =============================================================================
Main Style

@name: Main
@author: Steven
@link: http://wangwen1220.github.io/
@version: 1.0
@tags: html5, css3, 跨终端, 模块化, 高性能
@update: 2014-6-10
============================================================================= */

@import url(base.css);
@charset 'utf-8';

/* Reset
============================================================================= */
html {
  _background-image: url(about:blank);
  _background-attachment: fixed;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  color: #666;
  font: 12px/1.5  SimSun,Arial,Helvetica,sans-serif;
  background: #fff;
  _word-wrap: break-word; /* 防止 IE6 连字符撑开布局 */
}
a:link, a:visited {
  color: #253751;
}
a:hover {
  color: #F15C00;
}

/* 移除 button 在 IE67 下的黑边 */
input[type=submit],
input[type=reset],
input[type=button],
button {
  filter: chroma(color=#000000);
}

/* 清除图片底部空白间隙 */
img {
  vertical-align: top;
}

/* Allow only vertical resizing of textareas */
textarea {
  resize: vertical;
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}

/* Helper
========================================================================== */
/* Clearfix helper | Used to contain floats */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/* 清除浮动 */
.fn-cl {
  clear: left;
}
.fn-cr {
  clear: right;
}
.fn-cb {
  clear: both;
}

/* 分割线 */
.hr {
  /* clear: both; */
  margin: 5px 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
  font-size: 0;
}

/* js placeholder style */
.placeholder {
  color: #A6A6A6 !important;
}

/* 三角 */
.arrow {
  display: inline-block;
  border: 4px solid #fff;
  width: 0;
  height: 0;
  line-height: 0;
  vertical-align: middle;
}
.arrow-up {
  border-bottom-color: #444;
}
.arrow-down {
  border-top-color: #444;
}
.arrow-left {
  border-right-color: #444;
}
.arrow-right {
  border-left-color: #444;
}

/* iconfont */
@font-face {
  font-family: 'rei';
  src: url('https://i.alipayobjects.com/common/fonts/rei.eot'); /* IE9*/
  src: url('https://i.alipayobjects.com/common/fonts/rei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://i.alipayobjects.com/common/fonts/rei.woff') format('woff'), /* chrome 6+、firefox 3.6+、Safari5.1+、Opera 11+ */
    url('https://i.alipayobjects.com/common/fonts/rei.ttf')  format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('https://i.alipayobjects.com/common/fonts/rei.svg#rei') format('svg'); /*  iOS 4.1- */
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  font-family: 'rei' !important;
  font-style: normal;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}

/* 排版 */
.f12 {
  font-size: 12px !important;
}
.f14 {
  font-size: 14px !important;
}
.m0 {
  margin: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w728 {
  width: 728px !important;
}
.h90 {
  height: 90px !important;
}
.h250 {
  height: 250px !important;
}

/* AD */
.ad {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #f8f8f8;
}

/* Plugin
============================================================================= */
/*
@name: wselect
@overview: jQuery 下拉列表美化插件
@require: jquery-wselect
*/
.wselect {
  position: relative;
  height: 23px;
  line-height: 23px;
  cursor: pointer;
}
.wselect-trigger {
  position: relative;
  display: inline-block;
  display: block;
  padding: 0 19px 0 10px;
  width: 38px;
  height: 100%;
  border-right: 1px #D9D9D9 solid;
  color: #666;
  font-size: 13px;
  outline: none;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}
.wselect-trigger:hover {
  color: #444;
  text-decoration: none;
}
.wselect-trigger-text {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  _line-height: 25px;
}
.wselect-trigger i {
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  width: 9px;
  height: 100%;
  background: url(../images/arr-down-red.png) 100% 50% no-repeat;
}
.wselect-list {
  margin-left: -1px;
  border: 1px #C4C4C4 solid;
  background: #fff;
  _position: absolute;
  _width: 100%;
  _overflow: hidden;
}
.wselect-list-item {
  display: block;
  padding: 0 10px;
  /*line-height: 25px;*/
  white-space: normal;
  cursor: pointer;
  *width: 47px;
  _width: 100%;
  background: #fff;
}
.wselect-list-item:hover {
  background: #F2F2F2;
}

/* TPL
========================================================================== */
/*
@name: w-fly
@overview: 双飞翼布局模块
@require: null
*/
.w-fly {
  *zoom: 1;
}
.w-fly:before,
.w-fly:after {
  content: '';
  display: table;
}
.w-fly:after {
  clear: both;
}
.w-fly-m,
.w-fly-ml,
.w-fly-mr,
.w-fly-l,
.w-fly-r {
  float: left;
  display: inline;
  width: 100%;
  _overflow: hidden;
}
.w-fly-m .w-fly-cnt {
  margin-left: 220px;
  margin-right: 330px;
}
.w-fly-ml .w-fly-cnt {
  margin-right: 330px;
}
.w-fly-mr .w-fly-cnt {
  margin-left: 212px;
}
.w-fly-l {
  width: 200px;
  margin-left: -100%;
  _margin-left: -990px;
  /*background: #ccc;*/
}
.w-fly-r {
  width: 300px;
  margin-left: -300px;
}

/*
@name: w-btn
@overview: 通用按钮模块
@require: null
*/
.w-btn, a.w-btn {
  display: inline-block;
  padding: .5em 1em;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 0.3em;
  background-image: none;
  box-shadow: 0 1px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .15);
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, .1);
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: visible;
  cursor: pointer;
}
.w-btn:hover, .w-btn:focus {
  text-decoration: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.w-btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.w-btn:active {
  box-shadow: 0 1px rgba(0, 0, 0, .2), inset 0 1px rgba(0, 0, 0, .05);
  outline: none;
}
.w-btn-blue, a.w-btn-blue {
  background: -webkit-gradient(linear, left top, left bottom, from(#4EA6D5), to(#4395CA));
  background: -moz-linear-gradient(#4EA6D5, #4395CA);
  background:-o-linear-gradient(#4EA6D5, #4395CA);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4EA6D5', endColorstr='#4395CA');
  background:-ms-linear-gradient(#4EA6D5, #4395CA);
  background: linear-gradient(#4EA6D5, #4395CA);
}
.w-btn-blue:focus, .w-btn-blue:hover, a.w-btn-blue:hover {
  background-color: #4EA6D5;
}
.w-btn-yellow, a.w-btn-yellow {
  background: -webkit-gradient(linear, left left bottom, from(#FFFB81), to(#FFD147));
  background: -moz-linear-gradient(#FFFB81, #FFD147);
  background:-o-linear-gradient(#FFFB81, #FFD147);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFB81', endColorstr='#FFD147');
  background:-ms-linear-gradient(#FFFB81, #FFD147);
  background: linear-gradient(#FFFB81, #FFD147);
}
.w-btn-yellow:focus, .w-btn-yellow:hover, a.w-btn-yellow:hover {
  background: #FFE35F;
}

/*
@name: w-pager
@overview: 通用分页模块
@require: null
*/
.w-pager {
  text-align: right;
  color: #000;
  font-size: 12px;
  font-family: Arial;
  white-space: nowrap;
}
.w-pager a {
  display: inline-block;
  margin: 0 3px;
  width: 25px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000;
  text-align: center;
  vertical-align: middle;
}
.w-pager a.prev, .w-pager a.next {
  width: auto;
}
.w-pager a:hover {
  color: #E82D2C;
  /*font-weight: bold;*/
}
.w-pager a.current {
  color: #fff;
  font-weight: bold;
  background-color: #E82D2C;
  text-decoration: none;
  cursor: default;
}
.w-pager a i {
  font-family: sans-serif;
  /*-webkit-transform: scale(0.5);*/
}

/*
@name: w-pager
@overview: 普通分页模板
@require: null
*/
.w-pager {
  margin: 0 -2px 0 10px;
  text-align: right;
}
.w-pager a, .w-pager span {
  display: inline-block;
  margin-right: 7px;
  padding: 0 7px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #CDCDCD;
  color: #333;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: #fff;
}
.w-pager .on {
  border-color: #E10000;
  color: #fff;
  font-weight: bold;
  background: #E10000;
  cursor: default;
}
.w-pager a:hover, .w-pager a:active {
  color: #000;
  border-color: #bbb;
  text-decoration: none;
  background-color: #f5f5f5;
}

/*
@name: w-cnt
@overview: 通用内容块样式
@require: null
*/
.w-cnt {
  margin: 10px 0;
  /* background: #ccc; */
}
.w-cnt-item {
  float: left;
  _overflow: hidden;
}
.w-cnt-item-m {
  float: left;
  width: 100%;
}
.w-cnt-item-cnt {
  margin-right: 320px;
}
/*.w-cnt-item-l {
  float: left;
  width: 300px;
  margin-left: -100%;
}*/
.w-cnt-item-r {
  width: 300px;
  margin-left: -300px;
}

/*
@name: w-box
@overview: 通用盒样式
@require: null
*/
.w-box {
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.w-box-hd {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #CFCFCF;
  background: #F7F7F7;
}
.w-box-hd .title {
  float: left;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
}
.w-box-hd .links {
  float: right;
  padding-right: 15px;
  color: #666;
}
.w-box-hd .links a {
  color: #17498F;
}
.w-box-hd .links .more {
  color: #1B498F;
}
.w-box-hd .links a:hover {
  color: #F15C00;
}
.w-box-bd {
  margin: 10px;
}
/* w-box-mod0 */
.w-box-mod0 .w-box-hd {
  height: 26px;
  line-height: 26px;
  background: #EDEDED url(../images/bg-w-box-mod0-hd.png) repeat-x;
}
.w-box-mod0 .w-box-hd .title {
  height: 100%;
  padding: 0 10px 0 21px;
  border-bottom: none;
  background: url(../images/arrow-rt-red.png) no-repeat 10px 50%;
}
/* w-box-mod1 */
.w-box-mod1 .w-box-hd {
  height: 24px;
  line-height: 24px;
  border-bottom: none;
  background: #E7E7E7 url(../images/bg-w-box-mod1-hd.png) repeat-x;
}
.w-box-mod1 .w-box-hd .title {
  height: 100%;
  padding: 0 10px;
  color: #fff;
  background: #C90001;
}

/* w-box-mod3 */
.w-box-mod3 {
  margin-bottom: 15px;
  border: none;
}
.w-box-mod3 .w-box-hd {
  height: 40px;
  line-height: 40px;
  border: 1px solid #D3D3D3;
  border-top: 2px solid #F15C00;
  background: #fff;
}
.w-box-mod3 .w-box-hd .title {
  padding: 0 10px;
  font-size: 16px;
  font-family: 'Microsoft YaHei',SimHei;
  color: #F15C00;
}
.w-box-mod3 .w-box-hd .title a {
  color: inherit;
}
.w-box-mod3 .w-box-bd {
  margin: 0;
}

/* w-box-mod4 */
.w-box-mod4 {
  border: none;
}
.w-box-mod4 .w-box-hd {
  height: 40px;
  line-height: 40px;
  border-bottom: none;
  border-top: 3px solid #CCCCCC;
  background: #fff;
}
.w-box-mod4 .w-box-hd .title {
  padding: 0 10px 0 0;
  margin-top: -3px;
  border-top: 3px solid #D81819;
  font-size: 20px;
  font-family: 'Microsoft YaHei','SimHei';
  font-weight: normal;
}
/*.w-box-mod4 .w-box-hd .title a {
  color: #222;
}
.w-box-mod4 .w-box-hd .title a:hover {
  color: #F15C00;
}*/
.w-box-mod4 .w-box-bd {
  margin: 0;
}

/* w-box-mod5 */
.w-box-mod5 {
  border: none;
}
.w-box-mod5 .w-box-hd {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd;
  border-top: 2px solid #D81819;
  background: #F9F9F9;
}
.w-box-mod5 .w-box-hd .title {
  padding: 0 10px;
  font-size: 14px;
}
/*.w-box-mod5 .w-box-hd .title a {
  color: #222;
}
.w-box-mod5 .w-box-hd .title a:hover {
  color: #F15C00;
}*/
.w-box-mod5 .w-box-bd {
  margin: 0;
}

/* w-box-mod6 */
.w-box-mod6 {
  border: none;
}
.w-box-mod6 .w-box-hd {
  height: 22px;
  line-height: 22px;
  border: none;
  border-bottom: 1px solid #CCCCCC;
  background: none;
}
.w-box-mod6 .w-box-hd .title {
  padding: 0 0 0 20px;
  font-style: 12px;
  background: url(../images/icon-gt.png) no-repeat 4px 50%;
}
.w-box-mod6 .w-box-hd .links {
  padding-right: 0;
}
.w-box-mod6 .w-box-bd {
  margin: 0;
}

/* w-box-mod7 */
.w-box-mod7 {
  margin: 15px 0 0;
  border-top: 1px solid #A82B2B;
}
.w-box-mod7 .w-box-hd {
  height: 32px;
  line-height: 32px;
  border: none;
  background: #f8f8f8;
}

/*
@name: w-headline
@overview: 通用新闻头条模块
@require: null
*/
.w-headline {
  margin: 10px 0;
}
.w-headline .title {
  /*margin-bottom: 2px;*/
  font-size: 18px;
  font-family: 'SimHei';
  /*font-weight: bold;*/
  color: #1A4991;
}
.w-headline .title a {
  color: #1A4991;
}
/*.w-headline .title a:hover {
  color: #F15C00;
}*/
.w-headline .links,
.w-headline .links a {
  color: #666;
}

/*
@name: w-topline
@overview: 通用带图新闻头条模块
@require: null
*/
.w-topline {
  /*margin: 20px 0 0;*/
  padding: 20px 0;
  height: 130px;
  overflow: hidden;
  border-top: 1px #DDD dashed;
}
.w-topline:first-child,
.w-topline.first-child {
  border: none;
}
.w-topline .img {
  float: left;
  margin-right: 20px;
}
.w-topline .txt {
  overflow: hidden;
  *zoom: 1;
}
.w-topline .title {
  margin-bottom: 12px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Microsoft YaHei',SimHei;
  color: #444;
}
.w-topline .title a {
  color: inherit;
}
.w-topline .title a:hover {
  color: #F15C00;
}
.w-topline .summary {
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  _height: 40px;
}
.w-topline .tag {
  margin-top: 12px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  color: #999;
}
.w-topline .tag strong {
  margin-left: 7px;
  font-weight: normal;
  color: #1A4991;
  font-size: 13px;
}
.w-topline .tag a {
  color: inherit;
}
.w-topline .tag a:hover {
  color: #F15C00;
}

/*
@name: w-list
@overview: 通用列表模块
@require: null
*/
.w-list {
  margin-top: 10px;
  font-size: 14px;
}
.w-list-item {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding-left: 10px;
  background: url(../images/icon-dot.png) no-repeat 0 50%;
  _vertical-align: top; /* 解决 ie6 下 li 之间有间隙的问题 */
}
.w-list-item a {
  color: #243851;
  /*_display: block;
  _height: 100%;
  _overflow: hidden;*/
}
/*.w-list-item a.video {
  padding-left: 22px;
  background: url(../images/icon-video.png) no-repeat 0 50%;
  _background-position: 0 8px;
}*/
.w-list-item a:hover {
  color: #F15C00;
}

/*
@name: w-list-num
@overview: 通用数字列表样式
@require: null
*/
.w-list-num {
  padding-left: 24px;
  background: url(../images/bg-w-list-num.png) no-repeat 0 50%;
}
.w-list-num .w-list-item {
  height: 30px;
  line-height: 30px;
}

/*
@name: w-article
@overview: 通用文章样式
@require: null
*/
.w-article {
  margin: 10px 0;
}
.w-article .img {
  float: left;
  margin-right: 12px;
}
.w-article .txt {
  overflow: hidden;
  *zoom: 1;
}
.w-article .title {
  margin-bottom: 5px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  font-size: 14px;
  color: #1A4991;
  font-weight: bold;
}
.w-article .title a {
  color: #1A4991;
}
/*.w-article .title a:hover {
  color: #F15C00;
}*/
.w-article .summary {
  color: #666;
  line-height: 18px;
  /*max-height: 57px;*/
  /*overflow: hidden;*/
}
.w-article .summary .details {
  display: inline-block;
  color: #194B93;
}
/*.w-article .summary .details:hover {
  color: #F15C00;
}*/

/*
@name: w-album
@overview: 通用图集样式
@require: null
*/
.w-album {
  margin: 15px -20px 0 9px;
  overflow: hidden;
  *zoom: 1;
}
.w-album-item {
  float: left;
  width: 120px;
  margin: 5px 20px 0 0;
}
.w-album-item .img {
  position: relative;
  display: block;
  text-align: center;
  *zoom: 1;
}
.w-album-item .img .play {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: url(../images/icon-play.png) no-repeat;
  opacity: .75;
  filter: alpha(opacity=75);
  *top: 50%;
  *margin-top: -13px;
  *left: 50%;
  *margin-left: -13px;
}
.w-album-item .img:hover .play {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}
.w-album-item .title {
  margin-top: 5px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  color: #243851;
  font-size: 13px;
  /*text-align: center;*/
}
.w-album-item .title a {
  color: inherit;
}
.w-album-item .title a:hover {
  color: #F15C00;
}

/*
@name: w-tab
@overview: tab 动画插件模块
@require: jquery etab 插件
*/
.w-tab-cnt {
  display: none;
}
.w-tab-cnt.on {
  display: block;
}

/*
@name: w-tab-min
@overview: tab 动画插件模块
@require: jquery etab 插件
*/
.w-tab-min {
  margin-bottom: 20px;
}
.w-tab-min .w-tab-hd {
  position: relative;
  height: 33px;
  line-height: 33px;
  border: 1px solid #DADDE2;
  /*border-left: none;*/
  /*background: #F8F8F8 url(../images/bg-w-tab-min-hd.png) repeat-x;*/
  background: #F8F8F8 url(../images/bg-w-tab-min-hd.png) repeat-x;
}
.w-tab-min .w-tab-nav {
  float: left;
  padding: 0 20px;
  height: 100%;
  line-height: 32px;
  color: #222;
  font-size: 16px;
  font-family: 'Microsoft YaHei',SimHei;
  cursor: default;
  /*_position: relative;*/
  _margin-left: -1px;
  _margin-bottom: -1px;
}
.w-tab-min .w-tab-nav a {
  display: block;
  margin: 0 -20px;
  padding: 0 20px;
  color: inherit;
  /*text-decoration: none;*/
}
.w-tab-min .w-tab-hd .w-tab-nav.on {
  margin-top: -1px;
  border-top: 2px solid #F15C00;
  border-left: 1px solid #DADDE2;
  border-right: 1px solid #DADDE2;
  line-height: 30px;
  color: #F15C00;
  background: #fff;
  _margin-top: -2px;
  _padding-bottom: 1px;
}
.w-tab-min .w-tab-hd .w-tab-nav.on a {
  color: #F15C00;
}
.w-tab-min .w-tab-hd .w-tab-nav.on:first-child {
  margin-left: -1px;
}
.w-tab-min .w-tab-nav a.more {
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
  margin: 0;
  padding: 0;
  color: #1A4991 !important;
  font-weight: normal;
  font-size: 13px;
  line-height: 33px;
  font-family: SimSun;
  _white-space: nowrap;
}
.w-tab-min .w-tab-hd .w-tab-nav.on a.more {
  display: block;
}

/*
@name: w-tab-min-box
@overview: tab 动画插件模块
@require: w-tab-min & jquery etab 插件
*/
.w-tab-min-box {
  margin-bottom: 15px;
  border: 1px solid #D8D8D8;
  border-top: 2px solid #787878;
}
.w-tab-min-box .w-tab-hd {
  border: none;
  border-bottom: 1px #DDD solid;
  background: #F6F6F6;
}
.w-tab-min-box .w-tab-hd .w-tab-nav.on {
  margin-top: 0;
  border-top: 1px #fff solid;
}
.w-tab-min-box .w-tab-hd .w-tab-nav:first-child,
.w-tab-min-box .w-tab-hd .w-tab-nav.first-child {
  border-left-color: #D8D8D8;
}
.w-tab-min-box .w-tab-hd .w-tab-nav:only-child,
.w-tab-min-box .w-tab-hd .w-tab-nav.only-child,
.w-tab-min-box .w-tab-hd .w-tab-nav:only-child a,
.w-tab-min-box .w-tab-hd .w-tab-nav.only-child a {
  color: #222;
}
.w-tab-min-box .w-tab-bd {
  margin: 0 10px 6px 10px;
}

/*
@name: w-tab-news
@overview: tab 动画插件模块
@require: jquery etab 插件
*/
.w-tab-news {
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.w-tab-news .w-tab-hd {
  position: relative;
  height: 29px;
  line-height: 29px;
  border-bottom: 2px solid #F15C00;
  background: #F7F7F7 url(../images/bg-w-box-news-hd.png) repeat-x;
}
.w-tab-news .w-tab-nav {
  float: left;
  width: 103px;
  border-right: 1px solid #ccc;
  font-size: 16px;
  color: #444;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background: #E4E4E4 url(../images/bg-tab-news-nav.png) no-repeat 0 50%;
}
.w-tab-news .w-tab-nav .more {
  position: absolute;
  right: 10px;
  top: 0;
  color: #1B498F;
  font-size: 12px;
  font-weight: normal;
  display: none;
}
.w-tab-news .w-tab-hd .w-tab-nav.on {
  color: #F15C00;
  background-image: url(../images/bg-tab-news-nav-on.png);
}
.w-tab-news .w-tab-hd .w-tab-nav.on .more {
  display: block;
}
.w-tab-news .w-tab-hd .links {
  float: right;
  padding-right: 10px;
  color: #666;
}
.w-tab-news .w-tab-hd .links a {
  color: #1B498F;
}
.w-tab-news .w-tab-bd {
  margin: 10px;
}

/*
@name: w-tab-box
@overview: tab 动画插件模块
@require: jquery tabs 插件
*/
.w-tab-box {
  position: relative;
}
.w-tab-box .w-tab-hd {
  position: absolute;
  top: 8px;
  _top: 10px;
  right: -1px;
  _right: 0;
  height: 23px;
  line-height: 23px;
}
.w-tab-box .w-tab-nav {
  float: left;
  margin: 0 0 0 5px;
  padding: 0 8px;
  /*height: 100%;*/
  border: 1px solid #ddd;
  border-bottom: none;
  color: #184B92;
  background: #fff;
  cursor: pointer;
  /*line-height: 23px;*/
  _position: relative;
}
.w-tab-box .w-tab-hd .w-tab-nav.on {
  height: 24px;
  font-weight: bold;
  border-top-color: #D00000;
}

/*
@name: w-header
@overview: 通用标题样式
@require: null
*/
.w-header {
  position: relative;
  height: 3px;
  border: 9px solid #fff;
  border-width: 9px 0;
  background: #CCC;
}
.w-header .title {
  position: absolute;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: -11px;
  padding-right: 5px;
  height: 21px;
  line-height: 21px;
  font-size: 16px;
  font-weight: bold;
  color: #CB0000;
  background: #fff;
}

/*
@name: w-table
@overview: 普通表格模块
@require: null
*/
.w-table {
  margin-top: 5px;
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #444;
}
/*.w-table thead {
  background: #F2F2F2;
}
.w-table tbody {
  background: #fff;
}
.w-table tfoot {
  background: #EFEFEF;
}*/
.w-table th,
.w-table td {
  padding: 5px;
  text-align: center;
  color: #333;
}
.w-table th:first-child,
.w-table td:first-child {
  text-align: left;
}
.w-table th {
  /*padding: 10px 5px 5px;*/
  font-weight: bold;
}
.w-table td a {
  color: #243851;
}
.w-table td a:hover {
  color: #F15C00;
}
.w-table tfoot td {
  padding: 10px 0;
}

/*
@name: w-switchable
@overview: 轮换图模块
@require: jquery switchable 插件
*/
.w-switchable {
  position: relative;
}

/* w-switchable-fade */
.w-switchable-fade {
  width: 300px;
  overflow-x: hidden;
}
.w-switchable-fade .w-switchable-slide {
  position: relative;
  height: 185px;
  overflow: hidden;
}
.w-switchable-fade .w-switchable-slide-item {
  position: absolute;
  width: 100%;
  height: 100%;
}
.w-switchable-fade .w-switchable-slide-item:first-child {
  z-index: 1;
}

/* w-switchable-img */
.w-switchable-img {
  width: 290px;
}
.w-switchable-img .w-switchable-slide {
  height: 185px;
}
.w-switchable-img .w-switchable-slide-item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');
  background-color: rgba(0,0,0,.4);
}
.w-switchable-img .w-switchable-slide-item .title a {
  display: block;
  margin: 0 5px;
  color: #fff;
  text-decoration: none;
}
.w-switchable-img .w-switchable-slide-item .title a:hover {
  text-decoration: underline;
}
.w-switchable-img .w-switchable-trigger {
  height: 40px;
  line-height: 40px;
  overflow-y: hidden;
  text-align: center;
}
.w-switchable-img .w-switchable-trigger li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px;
  color: #DAE1E9;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  cursor: pointer;
}
.w-switchable-img .w-switchable-trigger li.current {
  color: #75AFD5;
}
.w-switchable-img .w-switchable-nav {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -25px;
  width: 100%;
  height: 50px;
}
.w-switchable-img .w-switchable-nav a {
  float: left;
  width: 25px;
  height: 100%;
  outline: none;
  font: 400 42px/1 arial;
  color: #fff;
  border-radius: 0 25px 25px 0;
  text-align: left;
  text-decoration: none;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FC8C8C8', endColorstr='#7FC8C8C8');
  background-color: rgba(200,200,200,.5);
  cursor: pointer;
  display: none;
}
.w-switchable-img .w-switchable-nav a.next {
  float: right;
  border-radius: 25px 0 0 25px;
  text-align: right;
}
.w-switchable-img .w-switchable-nav a:hover {
  color: #FF6600;
}
.w-switchable-img .w-switchable-nav a.disabled {
  /* color: #ccc; */
  /* cursor: default; */
}

/* w-switchable-scrollh */
.w-switchable-scrollh {
  width: auto;
}
.w-switchable-scrollh .w-switchable-slide {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.w-switchable-scrollh .w-switchable-slide-item {
  float: left;
  margin: 0;
  width: 278px;
}

/* w-switchable-article */
.w-switchable-article .w-switchable-slide {
  /* height: 185px; */
}
.w-switchable-article .w-switchable-nav {
  margin-top: 5px;
  *margin-top: 7px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.w-switchable-article .w-switchable-nav a {
  float: left;
  width: 30px;
  height: 100%;
  outline: none;
  font: 400 28px/25px arial;
  color: #888;
  /* border-radius: 30px; */
  /* background-color: #eee; */
  background: url(../images/icon-w-switchable-nav.png) no-repeat center center;
  text-decoration: none;
  cursor: pointer;
}
.w-switchable-article .w-switchable-nav a:hover {
  color: #75AFD5;
}
.w-switchable-article .w-switchable-nav a.disabled {
  color: #ccc;
  cursor: default;
}
.w-switchable-article .w-switchable-trigger {
  float: left;
  display: inline;
  margin: 0 8px;
  height: 100%;
  overflow-y: hidden;
}
.w-switchable-article .w-switchable-trigger li {
  float: left;
  display: inline;
  margin: 0 2px;
  color: #DAE1E9;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
  cursor: pointer;
  _width: .5em;
}
.w-switchable-article .w-switchable-trigger li.current {
  color: #75AFD5;
}

/*
@name: w-switchable-album
@overview: 相册滑动模块
@require: jquery switchable 插件
*/
.w-switchable-album {
  position: relative;
  margin: 20px 0 0;
  /* width: 560px; */
  height: 160px;
  overflow: hidden;
}
.w-switchable-album .w-switchable-slide {
  position: absolute;
  margin-left: 35px;
  width: 9999px;
}
.w-switchable-album .w-switchable-slide-item {
  float: left;
  margin-right: 30px;
  width: 160px;
  /*text-align: center;*/
}
.w-switchable-album .w-switchable-slide-item .img {
  display: block;
  height: 113px;
  line-height: 113px;
  overflow: hidden;
  border: 1px solid #ddd;
  *font-size: 99px;
}
.w-switchable-album .w-switchable-slide-item .img:after {
  content: '';
  vertical-align: middle;
}
.w-switchable-album .w-switchable-slide-item .img:hover {
  border-color: #F15C00;
}
.w-switchable-album .w-switchable-slide-item .img img {
  vertical-align: middle;
}
.w-switchable-album .w-switchable-slide-item .title {
  margin-top: 5px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  color: #000;
}
.w-switchable-album .w-switchable-slide-item .title a {
  color: inherit;
}
.w-switchable-album .w-switchable-slide-item .title a:hover {
  color: #F15C00;
}
.w-switchable-album .w-switchable-nav .next,
.w-switchable-album .w-switchable-nav .prev {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 35px;
  /*height: 115px;*/
  *height: 100%;
  text-indent: -9999px;
  outline: none;
  background: #fff url(../images/btn-prev.png) no-repeat 0 34px;
  /*opacity: .75;
  filter: alpha(opacity=75);*/
}
.w-switchable-album .w-switchable-nav .next {
  left: auto;
  right: 0;
  background-image: url(../images/btn-next.png);
  background-position: 100% 34px;
}
.w-switchable-album .w-switchable-nav .prev:hover{
  background-image: url(../images/btn-prev-hover.png);
}
.w-switchable-album .w-switchable-nav .next:hover {
  background-image: url(../images/btn-next-hover.png);
}

/*
@name: w-topic
@overview: 专题模块
@require: null
*/
.w-topic {
  margin-top: -25px;
  margin-bottom: 15px;
}
.w-topic-item {
  margin-top: 25px;
  text-align: center;
}
.w-topic-item .pic {
  display: block;
  overflow: hidden;
}
.w-topic-item .title {
  margin-top: 8px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  font-size: 14px;
  color: #222;
}
.w-topic-item .title a {
  color: #222;
}

/*
@name: w-cats
@overview: 目录列表
@require: null
*/
.w-cats {
  margin: 10px -20px 5px 0;
  *padding-bottom: 10px;
  _padding-bottom: 0;
}
.w-cats-item {
  margin: 0 20px 10px 0;
  float: left;
  width: 114px;
  /* height: 16px; */
  line-height: 16px;
  /* overflow: hidden; */
  color: #666;
}
.w-cats-item .w-cats-title {
  color: #444;
}
.w-cats-item .w-cats-title:hover {
  color: #444;
}
.w-cats-item .icon {
  padding-left: 18px;
  background: url(../images/icon-fold.png) 0 50% no-repeat;
}
.w-cats-item .icon-unfold {
  background-image: url(../images/icon-unfold.png);
}
.w-cats-item .w-cats-list {
  display: none;
  margin-left: 18px;
}

/*
@name: w-pic
@overview: 图片模块
@require: null
*/
.w-pic {
  margin-top: 20px;
}
.w-pic .pic {
  display: block;
}
.w-pic .title {
  margin: 5px 0;
  height: 25px;
  overflow: hidden;
  font: bold 16px/25px 'Microsoft YaHei','SimHei';
  color: #3F5167;
}
.w-pic .title a {
  color: inherit;
}
.w-pic .title a:hover {
  color: #F15C00;
}
.w-pic .summary {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
}
.w-pic .summary .more {
  color: #F15C00;
}

/*
@name: w-pic-mod1
@overview: 图片模块
@require: null
*/
.w-pic-mod1 .txt {
  padding: 1px 9px 15px;
  background: #F4F4F4;
}
.w-pic-mod1 .title {
  margin-top: 0;
}

/*
@name: w-pic-mod2
@overview: 图片模块
@require: null
*/
.w-pic-mod2 {
  margin: 15px 0 15px;
  overflow: hidden;
  *zoom: 1;
}
.w-pic-mod2 .pic {
  float: left;
  margin-right: 10px;
}
.w-pic-mod2 .txt {
  overflow: hidden;
  *zoom: 1;
}
.w-pic-mod2 .title {
  margin-top: 0;
  height: 50px;
}
.w-pic-mod2 .summary {
  margin-top: 8px;
}

/*
@name: w-pic-mod2
@overview: 图片模块
@require: null
*/
.w-dlist {
  margin-top: 20px;
}
.w-dlist dt,
.w-dlist dd {
  padding-left: 10px;
  font-size: 13px;
}
.w-dlist dt {
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  font-size: 14px;
  color: #000;
  background: url(../images/icon-dot.png) no-repeat 0 50%;
  _background: url(../images/icon-dot.png) no-repeat 0 5px;
}
.w-dlist dt.icon-arr {
  background-image: url(../images/arr-rt.png);
  _background-position: 0 4px;
}
.w-dlist dt a {
  color: inherit;
}
.w-dlist dt a:hover {
  color: #F15C00;
}
.w-dlist dd {
  margin: 5px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px #ddd dashed;
}
.w-dlist dd:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.w-dlist dd p {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}

/*
@name: w-ranking
@overview: 排行榜模块
@require: null
*/
.w-ranking {
  margin-top: 10px;
  font-size: 14px;
}
.w-ranking-item {
  position: relative;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding-left: 22px;
}
.w-ranking-item a {
  color: #000;
}
.w-ranking-item a:hover {
  color: #F15C00;
}
.w-ranking-item i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  display: block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  font-size: 12px;
  background: #C2C2C2;
}
.w-ranking-item i.top {
  background: #F15C00;
}

/*
@name: w-comment
@overview: 通用评论模块
@require: null
*/
.w-comment-item {
  margin: 20px 0;
  border: 1px #DCDCDC solid;
  border-radius: 3px;
  overflow: hidden;
  *zoom: 1;
  background: #F6F6F6;
}
.w-comment-item .avtar {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  border-right: 1px #ddd solid;
  /*overflow: hidden;*/
}
.w-comment-item .avtar i {
  position: absolute;
  bottom: 3px;
  right: -3px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #F6F6F6;
}
.w-comment-item .comment {
  padding: 0 10px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  *zoom: 1;
  color: #243851;
}
.w-comment-item .comment:after {
  content: '';
  line-height: 40px;
  vertical-align: middle;
}
.w-comment-item .comment a {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
/*.w-comment-item .comment a:hover {
  color: #F15C00;
}*/
.w-comment-item:nth-child(2n) .avtar {
  float: right;
}
.w-comment-item:nth-child(2n) .avtar i {
  right: auto;
  left: -3px;
  border-left: none;
  border-right: 1px #ddd solid;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.w-comment-item:hover,
.w-comment-item:hover .avtar i {
  background: #FFEBDF;
}

/* Layout
========================================================================== */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 1340px;
  *zoom: 1;
}
.wrapper:before,
.wrapper:after {
  content: '';
  display: table;
}
.wrapper:after {
  clear: both;
}

/* browsehappy for ie */
.browsehappy {
  padding: 8px 0;
  border-color: #EBCCD1;
  background-color: #F2DEDE;
  text-align: center;
  color: #A94442;
  font-size: 14px;
}
.browsehappy a {
  color: #A94442;
  font-weight: bold;
  text-decoration: underline;
}

/** Header **/
#header {
  position: relative;
  background: #464646;
}
#header h1 {
  position: absolute;
  z-index: 11;
  top: 138px;
  left: 0;
  right: 0;
  height: 140px;
  text-indent: -9999px;
  background: url(../images/title-pingwei1.png) no-repeat 50% 0;
  pointer-events: none; /* 鼠标穿透当前层 */
  _left: 50%;
  _margin-left: -400px;
  _width: 799px;
}
#header .pingwei ul {
  background: #000;
}
#header .pingwei li {
  position: relative;
  float: left;
  width: 192px;
  height: 613px;
  overflow: hidden;
  background: #464646;
}
#header .pingwei li img {
  display: block;
  width: 100%;
}
#header .pingwei li i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
  filter: alpha(opacity=40);
}
#header .pingwei li.more {
  width: 188px;
  text-align: center;
}
#header .pingwei li.more a {
  position: absolute;
  left: 0;
  top: 257px;
  display: block;
  width: 100%;
  color: #999;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Microsoft YaHei';
  padding-top: 88px;
  background: url(../images/icon-plus.png) 50% 0 no-repeat;
  text-decoration: none;
}
#header .pingwei li:hover i,
#header .pingwei li.hover i {
  display: none;
}
#header .pingwei li.more a:hover {
  color: #fff;
  text-decoration: none;
}

/** Nav **/
#nav {
  margin: 15px 0;
  background: #fff;
}
#nav ul {
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
}
#nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 15px;
  /*_margin-right: -6px;*/
  border-right: 1px #777 solid;
}
#nav li.last {
  border-right: none;
}
#nav li a {
  padding: 0 12px;
  display: inline-block;
  font-weight: bold;
  color: #222;
  font-family: 'Microsoft YaHei';
}
#nav li a:hover {
  color: #000;
}