@charset "UTF-8";
/* SCSS变量
-------------------------------------------------------------------------------*/
/* 其他特殊色彩 */
/* 字体 */
/* CSS Document */
/*==================================================
    * @name global.css
    * @description 研修网公用样式，各个页面通用的样式，各页面都需要引入（包括首页和内页）
    * @author lisfan QQ@448182355 GIT@lisfan
    * @version - v1.0#2016-01-04
==================================================*/
/* 初始化浏览器默认样式 */
/* 定义基准字号大小为10px，其他样式里使用em控制字体大小兼容IE8以下浏览器 */
/* WIN平台：以下字体建议使用宋体，14px以上字体建议使用雅黑； MAC平台：随意字体，建议冬青字体*/
html {
  font: 62.5%/1.5 Tahoma, Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, STSong, sans-serif; }

/* 修正IE7下浏览器北京显示灰色问题 */
body {
  background-color: #fff;
  font-size: 1em; }

/* 重置盒模型设置 */
body * {
  box-sizing: border-box; }

/*table {
	table-layout: fixed;
	word-wrap: break-word;
	word-break: break-all;
}*/
/* 定义默认链接颜色和过渡效果 */
a {
  color: #333;
  text-decoration: none;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear; }

a:hover {
  color: #ed2f38;
  text-decoration: underline; }

/* 清除列表元素的默认样式 */
ul,
ol {
  padding: 0px;
  margin: 0px;
  list-style: none; }

/* 定义图片内容的过渡效果 */
img {
  -ms-transition-property: opacity transform;
  -o-transition-property: opacity transform;
  -moz-transition-property: opacity transform;
  -webkit-transition-property: opacity transform;
  transition-property: opacity transform;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 0.95;
  backface-visibility: hidden; }

img:hover {
  opacity: 1;
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

/* 清除图片上的过渡效果 */
.img-no-ani {
  -ms-transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  opacity: 1; }

/* 自定义文本选中后的样式 */
::-moz-selection {
  background: #5da4e6;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #5da4e6;
  color: #fff;
  text-shadow: none; }

.word-break {
  word-break: break-all;
  word-wrap: break-word; }

/* 自定义表单元素placeholder的样式 */
input:-moz-placeholder {
  color: #777; }

textarea:-moz-placeholder {
  color: #777; }

/* CSS sprite 定义区（减少图片链接请求） */
/* 响应式定义 */
/* Media queries
-------------------------------------------------------------------------------*/
/* 打印时样式 */
/* Print styles
-------------------------------------------------------------------------------*/
@media print {
  .article-body .top-nav,
  .article-body .header,
  .article-body .main-nav,
  .article-body .breadcrumb,
  .article-body .footer {
    display: none; }
  .article-body .article-container {
    border: none;
    padding: 0px; }
    .article-body .article-container .content {
      width: 100%; }
    .article-body .article-container .side {
      display: none; }
  .article-body .article-container .info .font {
    display: none; }
  .article-body .article-container .info .count {
    display: none; }
  .article-body .article-container .foot {
    display: none; }
  .article-body .page-container .page-side {
    display: none; }
  .article-body .page-container .page-content {
    margin-left: 0px;
    width: 100%; } }
/* 头部 .header
-------------------------------------------------------------------------------*/
.header {
  position: relative;
  z-index: 1100;
  margin: 0 auto;
  padding: 20px 0;
  width: 1000px;
  font-size: 1.2em; }
  .header .logo {
    margin-left: 5px;
    max-height: 84px;
    *height: 84px;
    overflow: hidden; }
    .header .logo img {
      height: 100%; }
      .header .logo img:hover {
        transform: scale(1);
        opacity: 1; }
  .header .search {
    position: relative;
    width: 330px;
    margin-top: 24px;
    border: 2px solid #334455;
    line-height: 32px;
    -ms-transition: width 0.25s ease-out;
    -o-transition: width 0.25s ease-out;
    -moz-transition: width 0.25s ease-out;
    -webkit-transition: width 0.25s ease-out;
    transition: width 0.25s ease-out; }
    .header .search.active {
      width: 380px;
      *width: 330px; }
    .header .search .com-droplist.filter {
      position: absolute;
      left: 0px;
      text-align: center;
      background-color: #334455;
      color: #fff; }
      .header .search .com-droplist.filter a {
        display: block;
        color: #fff; }
        .header .search .com-droplist.filter a:hover {
          text-decoration: none; }
      .header .search .com-droplist.filter .com-trigger {
        position: relative;
        z-index: 100;
        padding: 0px 20px 0 10px;
        background-color: transparent; }
        .header .search .com-droplist.filter .com-trigger:after {
          border-top-color: #fff; }
      .header .search .com-droplist.filter .com-target.list {
        border: none;
        position: absolute;
        left: 0px;
        right: auto;
        border-top: 2px solid #334455;
        margin-left: -2px;
        text-align: center; }
        .header .search .com-droplist.filter .com-target.list .node {
          background-color: #415e7a; }
          .header .search .com-droplist.filter .com-target.list .node.active {
            display: none; }
          .header .search .com-droplist.filter .com-target.list .node a {
            height: 40px;
            line-height: 40px;
            padding: 0px 15px;
            white-space: nowrap;
            background-color: #415e7a; }
            .header .search .com-droplist.filter .com-target.list .node a:hover {
              background-color: #5da4e6;
              text-decoration: none; }
      .header .search .com-droplist.filter .ui-rotate-arrow {
        margin-left: -16px;
        margin-top: -1px;
        border-top-color: #fff; }
    .header .search .text {
      width: 100%;
      line-height: 32px;
      height: 32px;
      padding: 0px 32px 0px 15px;
      border: none;
      outline: none;
      background-color: transparent;
      color: #777;
      *width: 229px;
      *padding: 0px;
      *margin: 0px 32px 0px 69px; }
    .header .search .submit {
      position: absolute;
      right: 0px;
      width: 32px;
      height: 32px;
      line-height: 32px;
      padding: 0px;
      border: none;
      outline: none;
      background-color: transparent;
      font-size: 0px;
      background: url(../images/search-icon.png);
      background-position: center center;
      background-repeat: no-repeat; }

/* 底部 .footer
-------------------------------------------------------------------------------*/
.footer {
  min-width: pageWidth;
  overflow: hidden;
  padding: 14px 0;
  font-size: 1.2em;
  color: #a5a8aa;
  background-color: #424242; }
  .footer a {
    color: #a5a8aa; }
    .footer a:hover {
      color: #fff; }
  .footer .content {
    width: 1000px;
    margin: 0 auto; }
    .footer .content address {
      font-style: normal; }
      .footer .content address span {
        padding-right: 12px; }

/* 顶部导航 .top-nav
-------------------------------------------------------------------------------*/
.top-nav {
  position: relative;
  z-index: 1200;
  padding: 8px 0;
  min-width: 1000px;
  font-size: 1.2em;
  line-height: 1.1em;
  font-family: "Hiragino Sans GB", "WenQuanYi Micro Hei", SimSun, STSong, serif;
  background-color: #f6fafd;
  border-bottom: 1px solid #f0f0f0; }
  .top-nav .content {
    width: 1000px;
    margin: 0 auto;
    color: #555; }
    .top-nav .content .list .node {
      position: relative;
      float: left;
      padding-left: 10px;
      padding-right: 10px;
      border-left: 1px solid #ddd; }
      .top-nav .content .list .node a {
        padding: 10px 0; }
      .top-nav .content .list .node:first-of-type {
        border-left: none; }
      .top-nav .content .list .node.com-droplist .com-trigger {
        background-color: transparent; }
      .top-nav .content .list .node.com-droplist .com-target {
        margin-left: -5px;
        margin-top: 3px;
        padding: 4px 0;
        border: 1px solid #e0e0e0; }
      .top-nav .content .list .node .sub-list a {
        display: inline-block;
        padding: 6px 10px; }
      .top-nav .content .list .node.active.more:after {
        transform: rotate(180deg); }
      .top-nav .content .list .node.active .sub-nav {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px); }
    .top-nav .content .login {
      overflow: hidden;
      margin-right: -7px; }
      .top-nav .content .login a {
        padding-left: 10px;
        padding-right: 10px;
        border-right: 1px solid #c7c7c7; }
        .top-nav .content .login a:last-of-type {
          border-right: none; }
    .top-nav .content .loging .com-droplist .com-trigger {
      background-color: transparent; }
      .top-nav .content .loging .com-droplist .com-trigger.active a {
        border: 1px solid #e0e0e0;
        border-bottom-color: #fff; }
      .top-nav .content .loging .com-droplist .com-trigger a {
        border: 1px solid transparent;
        padding: 8px 20px 9px 15px;
        background-color: transparent;
        transition: none; }
    .top-nav .content .loging .com-droplist .com-target {
      right: 0px;
      margin-left: -5px;
      margin-top: 9px;
      padding: 4px 0;
      border: 1px solid #e0e0e0;
      border-top: none; }
    .top-nav .content .loging .com-droplist .ui-flip-arrow {
      margin-left: -16px; }
    .top-nav .content .loging .list .node {
      border-left: none;
      float: none;
      padding: 0px; }
      .top-nav .content .loging .list .node a {
        display: block;
        padding: 6px 10px; }
    .top-nav .content a {
      color: #555; }
      .top-nav .content a:hover {
        color: #ed2f38; }

/* 主导航 .main-nav
-------------------------------------------------------------------------------*/
.main-nav {
  position: relative;
  z-index: 1000;
  margin: 0 auto;
  width: 1000px;
  height: 3.2142em;
  line-height: 3.2142em;
  font-size: 1.4em;
  background-color: #334455; }
  .main-nav .node {
    position: relative;
    z-index: 100;
    float: left;
    width: 8.6%;
    color: #fff;
    text-align: center; }
    .main-nav .node.active a, .main-nav .node:hover a {
      background-color: #415e7a; }
      .main-nav .node.active a .icon, .main-nav .node:hover a .icon {
        transform: rotateY(180deg); }
    .main-nav .node a {
      position: relative;
      z-index: 1;
      display: block;
      color: #fff;
      background-color: #334455;
      zoom: 1; 
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;}
      .main-nav .node a:hover {
        background-color: #415e7a;
        text-decoration: none; }
    .main-nav .node .sub-list {
      position: absolute;
      top: auto;
      left: 0px;
      right: auto;
      min-width: 100%;
      background-color: #415e7a;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
      line-height: 3em; }
      .main-nav .node .sub-list .sub-node a {
        display: block;
        *display: inline-block;
        *zoom: 1;
        *vertical-align: middle;
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap;
        text-align: center; }
        .main-nav .node .sub-list .sub-node a:hover {
          background-color: #5da4e6; }
    .main-nav .node.first {
      margin-left: 54px; }
    .main-nav .node.home {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 54px;
      height: 45px;
      text-align: left; }
      .main-nav .node.home a {
        position: relative;
        padding: 0px;
        width: 100%;
        height: 100%;
        font-size: 0px;
        line-height: 0;
        background-color: #ed2f38;
        background-position: center center;
        background-repeat: no-repeat; }
        .main-nav .node.home a:hover {
          background-color: #de0a14; }
        .main-nav .node.home a .icon {
          position: relative;
          left: 50%;
          top: 50%;
          display: block;
          width: 15px;
          height: 15px;
          margin-left: -7px;
          margin-top: -7px;
          vertical-align: middle;
          background-image: url(../images/home-icon.png);
          transition: transform 0.5s ease; }
  .main-nav .com-droplist .com-target {
    border: none; }
  .main-nav .com-droplist .ui-flip-arrow {
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 100;
    margin-left: -2px;
    margin-top: 6px; }
    .main-nav .com-droplist .ui-flip-arrow:after {
      border-bottom-color: #fff;
      border-right-color: #fff; }

/* 共用
-------------------------------------------------------------------------------*/
/* 应用快速入口 */
.fast-entry {
  padding-bottom: 30px;
  overflow: visible; }
  .fast-entry li {
    border: 1px solid #d2d2d2;
    float: left;
    margin-right: 4.6%;
    margin-top: 13px;
    width: 47.7%;
    *width: 46.8%;
    min-height: 98px;
    text-align: center;
    font-family: "Hiragino Sans GB", "WenQuanYi Micro Hei", SimSun, STSong, serif;
    color: #555;
    transition-property: border box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: linear; }
    .fast-entry li .image {
      display: block;
      margin: 0 auto;
      margin-top: 12px;
      width: 52px;
      height: 52px;
      overflow: hidden;
      background-position: center;
      transition: transform 0.6s ease; }
    .fast-entry li .text {
      display: inline-block;
      overflow: hidden;
      margin-top: 10px;
      padding: 0 5px;
      height: 1.1em;
      line-height: 1.1em;
      font-size: 1.2em;
      color: #555; }
      .fast-entry li .text:hover {
        text-decoration: none; }
    .fast-entry li img {
      transition: none;
      opacity: 1;
      transform: scale(1); }
      .fast-entry li img:hover {
        opacity: 1;
        transform: scale(1); }
    .fast-entry li:hover {
      border-color: #e0a815;
      box-shadow: 0px 0px 15px #e0a815; }
      .fast-entry li:hover .image {
        transform: rotateY(360deg) scale(1.2); }
      .fast-entry li:hover .text {
        color: #e0a815; }
    .fast-entry li .text:hover {
      color: #e0a815; }

/*# sourceMappingURL=global.css.map */