@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-6-25, 11:03:24
    Author     : Administrator
*/
body {
  font-size: 14px;
  font-family: \5FAE\8F6F\96C5\9ED1; }

body, div, p, span, ul, li, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

/*动画*/
@keyframes toTop {
  0% {
    left: 0px;
    top: 1000px;
    opacity: 0; }
  100% {
    left: 0;
    top: 0;
    opacity: 1; } }
@keyframes toRight {
  0% {
    right: -500px;
    opacity: 0; }
  100% {
    right: 0;
    opacity: 1; } }
@keyframes toLeft {
  0% {
    left: -500px;
    opacity: 0; }
  100% {
    left: 0;
    opacity: 1; } }
.banna {
  height: 272px;
  width: 100%;
  min-width: 1000px;
  background: linear-gradient(to bottom, #003399 0%, #247BCA 25%, #247BCA 100%);
  margin-bottom: 40px; }

.productNav {
  width: 100%;
  min-width: 1000px;
  margin-bottom: 20px;
  font-family: "微软雅黑"; }
  .productNav .productTitle {
    width: 1000px;
    margin: 0 auto;
    height: 80px;
    box-sizing: border-box;
    vertical-align: bottom;
    border-bottom: 1px solid #DFEDFD; }
    .productNav .productTitle .titleLeft {
      float: left;
      box-sizing: border-box; }
      .productNav .productTitle .titleLeft p {
        display: inline-block;
        width: 7px;
        vertical-align: bottom; }
      .productNav .productTitle .titleLeft p:nth-child(1) {
        height: 80px;
        width: 80px;
        text-align: center;
        /*font-weight:bold;*/
        font-size: 28px;
        color: #fff;
        background-color: #0A54AB; }
      .productNav .productTitle .titleLeft p:nth-child(2) {
        height: 58px;
        background-color: #0A54AB; }
      .productNav .productTitle .titleLeft p:nth-child(3) {
        height: 35px;
        background-color: #398CF2; }
      .productNav .productTitle .titleLeft p:nth-child(4) {
        height: 17px;
        background-color: #77B0F7; }
      .productNav .productTitle .titleLeft p:nth-child(5) {
        height: 7px;
        background-color: #DFEDFD; }
    .productNav .productTitle .titleRight {
      float: right;
      line-height: 80px;
      height: 80px;
      box-sizing: border-box;
      width: calc(100% - 130px);
      text-align: right; }
      .productNav .productTitle .titleRight ul {
        vertical-align: bottom; }
        .productNav .productTitle .titleRight ul li {
          vertical-align: bottom;
          list-style: none;
          display: inline-block;
          cursor: pointer; }
          .productNav .productTitle .titleRight ul li a {
            text-decoration: none;
            /*padding:5px 10px;*/
            font-size: 16x;
            margin: 0 10px;
            padding: 0px 5px;
            color: #0A54AB;
            cursor: pointer; }
          .productNav .productTitle .titleRight ul li .active {
            transition: all 0.5s linear 0s;
            background-color: #0A54AB;
            color: #fff;
            padding-bottom: 2px; }

.counselingBox {
  width: 100%;
  min-width: 1000px;
  margin-bottom: 30px; }
  .counselingBox .counselingContent {
    width: 1000px;
    margin: 0 auto;
    position: relative; }
    .counselingBox .counselingContent .zixunzhongxin, .counselingBox .counselingContent .zhengcezhidu {
      position: absolute;
      opacity: 0;
      z-index: 1; }
      .counselingBox .counselingContent .zixunzhongxin a, .counselingBox .counselingContent .zhengcezhidu a {
        text-decoration: none; }
      .counselingBox .counselingContent .zixunzhongxin ul, .counselingBox .counselingContent .zhengcezhidu ul {
        list-style: none;
        position: relative; }
        .counselingBox .counselingContent .zixunzhongxin ul li, .counselingBox .counselingContent .zhengcezhidu ul li {
          position: relative;
          top: 0;
          padding: 10px 20px;
          margin-bottom: 20px;
          border-bottom: 1px solid #F2EAEA;
          transition: all 0.3s ease-out 0s;
          min-height: 100px;
          cursor: pointer; }
          .counselingBox .counselingContent .zixunzhongxin ul li h3, .counselingBox .counselingContent .zhengcezhidu ul li h3 {
            font-size: 18px;
            font-weight: normal;
            color: #333;
            line-height: 24px;
            margin-bottom: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            transition: all 0.3s linear 0s;
            display: inline-block;
            width: calc(100% - 100px); }
            .counselingBox .counselingContent .zixunzhongxin ul li h3 i, .counselingBox .counselingContent .zhengcezhidu ul li h3 i {
              background-color: #0A54AB;
              vertical-align: bottom;
              width: 5px;
              height: 22px;
              display: inline-block;
              margin-right: 5px; }
          .counselingBox .counselingContent .zixunzhongxin ul li .time, .counselingBox .counselingContent .zhengcezhidu ul li .time {
            float: right;
            color: #999;
            /*margin-top:15px;*/ }
          .counselingBox .counselingContent .zixunzhongxin ul li p, .counselingBox .counselingContent .zhengcezhidu ul li p {
            font-size: 14px;
            color: #999;
            line-height: 21px;
            /*height: 63px;*/
            margin-bottom: 20px;
            padding-left: 13px;
            overflow: hidden;
            /* white-space: nowrap; */
            text-overflow: ellipsis; }
        .counselingBox .counselingContent .zixunzhongxin ul li:hover, .counselingBox .counselingContent .zhengcezhidu ul li:hover {
          top: -2px;
          box-shadow: 2px 2px 4px 2px rgba(206, 206, 206, 0.5); }
          .counselingBox .counselingContent .zixunzhongxin ul li:hover h3, .counselingBox .counselingContent .zhengcezhidu ul li:hover h3 {
            color: #177EE9; }
    .counselingBox .counselingContent .show {
      transition: all 0.3s ease-in-out 0.2s;
      opacity: 1;
      display: block;
      z-index: 100; }