@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

p {
  margin: 0;
  padding: 0; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

body {
  background: #f4f6f8; }

ul {
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0; }


* {
  box-sizing: border-box; }

.index .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }
.index .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.index .banner {
  width: 100%;
  position: relative;
/*  height: 2.5rem;*/
  overflow: hidden; }
  .index .banner > img {
    position: absolute;
    width: 110%;
    display: block;
    /* height: 105%; */
    left: 50%;
    top: 50%;
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0);
    animation: tran 5s forwards; }
@keyframes tran {
  0% {
    transform: translate(-54%, -50%) matrix(1, 0, 0, 1, 0, 0); }
  100% {
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0); } }
.index .contentBox {
  width: 12rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.13rem 0px rgba(151, 165, 183, 0.35);
  border-radius: .04rem;
  margin: 0 auto;
  margin-top: -.79rem;
  z-index: 100;
  position: relative;
  padding-bottom: .16rem; }
  .index .contentBox .content {
    width: 97%;
    margin: 0 auto; }
  .index .contentBox .nav {
    display: flex;

    border-bottom: 0.01rem solid #dddddd;
    align-items: center;
    height: .81rem;
    padding-top: .13rem; }
    .index .contentBox .nav > .selectlist {
      display: flex;
      margin: 0;
      padding: 0;
      height: .20rem;
      padding-left: .07rem; }
      .index .contentBox .nav > .selectlist > a {
        text-decoration: none;
        color: #111111;
        font-size: .20rem;
        line-height: .2rem;
        display: block;
        margin: 0;
        padding: 0;
        display: block;
        padding: 0 .11rem;
        position: relative; }
      .index .contentBox .nav > .selectlist > a::after {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 1px;
        height: 16px;
        background-color: #333333; }
      .index .contentBox .nav > .selectlist .select {
        color: #01336d;
        font-weight: 700;
        font-family: MicrosoftYaHei-Bold !important; }
      .index .contentBox .nav > .selectlist > a:last-child::after {
        display: none; }
    .index .contentBox .nav .link {
      margin-left: auto;
      font-size: .14rem;
      color: #333333; }
      .index .contentBox .nav .link a {
        color: #333333;
        font-size: .14rem;
        text-decoration: none; }
      .index .contentBox .nav .link > span {
        color: #01336d !important; }
  .index .contentBox .contentList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .27rem; }
    .index .contentBox .contentList > .left {
      width: 7.61rem; }
      .index .contentBox .contentList > .left .title {
        display: flex;
        border-bottom: .02rem solid #dddddd;
        justify-content: space-between;
        align-items: center; }
        .index .contentBox .contentList > .left .title > div:nth-child(1) {
          font-family: SourceHanSansCN-Medium;
          font-size: .18rem;
          font-weight: normal;
          font-stretch: normal;
          color: #333333;
          border-bottom: .02rem solid #01336d;
          margin-bottom: -0.05rem;
          padding-bottom: .02rem; }
        .index .contentBox .contentList > .left .title > div:nth-child(2) {
          display: flex; }
          .index .contentBox .contentList > .left .title > div:nth-child(2) > p {
            font-family: SourceHanSansCN-Regular;
            font-size: .14rem;
            color: #292929;
            padding: .05rem .12rem;
            cursor: pointer;
            margin-bottom: -0.01rem; }
          .index .contentBox .contentList > .left .title > div:nth-child(2) .select {
            background: #01336d;
            color: #fff; }
      .index .contentBox .contentList > .left .dataList {
        padding-top: .09rem; }
        .index .contentBox .contentList > .left .dataList .dataItem {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: .01rem dashed #dddddd;
          padding-top: .17rem;
          text-decoration: none;
          padding-bottom: .16rem;
/*          margin-bottom: .48rem; */
        }
          .index .contentBox .contentList > .left .dataList .dataItem > .left {
            width: 6.0rem; }
            .index .contentBox .contentList > .left .dataList .dataItem > .left > P {
              font-family: SourceHanSansCN-Regular;
              font-size: 16px;
              line-height: .2rem;
              color: #333333;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .index .contentBox .contentList > .left .dataList .dataItem > .left > div {
              display: flex;
              font-family: SourceHanSansCN-Regular;
              font-size: .14rem;
              color: #666666;
              margin-top: .47rem; }
              .index .contentBox .contentList > .left .dataList .dataItem > .left > div > span {
                margin-right: .66rem; }
          .index .contentBox .contentList > .left .dataList .dataItem .right {
            font-family: SourceHanSansCN-Regular;
            font-size: .16rem;
            color: #666666; }
        .index .contentBox .contentList > .left .dataList .dataItem:hover .left > p {
          color: #1d5aae !important; }
        .index .contentBox .contentList > .left .dataList .dataItem:hover .left > div {
          color: #1d5aae !important; }
        .index .contentBox .contentList > .left .dataList .dataItem:hover .right {
          color: #1d5aae !important; }
    .index .contentBox .contentList > .right {
      width: 3.77rem; }
      .index .contentBox .contentList > .right .login {
        height: 2.82rem;
        border: solid .01rem #cdcdcd;
        margin-top: .34rem; }
        .index .contentBox .contentList > .right .login .top {
          font-family: SourceHanSansCN-Medium;
          font-size: .18rem;
          color: #333333;
          display: flex; }
          .index .contentBox .contentList > .right .login .top > div {
            width: 50%;
            text-align: center;
            line-height: .45rem;
            height: .45rem;
            background-color: #f7f7f7;
            cursor: pointer; }
          .index .contentBox .contentList > .right .login .top .select {
            background-color: #01336d;
            color: #fff; }
        .index .contentBox .contentList > .right .login .input {
          padding-left: .42rem;
          padding-top: .2rem; }
          .index .contentBox .contentList > .right .login .input > div {
            display: flex;
            align-items: center;
            margin-top: .1rem; }
            .index .contentBox .contentList > .right .login .input > div > p {
              width: .57rem;
              font-family: SourceHanSansCN-Medium;
              font-size: .14rem;
              color: #7c7c7c; }
            .index .contentBox .contentList > .right .login .input > div > input {
              width: 2.09rem;
              height: .40rem;
              background-color: #ffffff;
              border: solid .01rem #cdcdcd; }
        .index .contentBox .contentList > .right .login .but {
          margin-top: .12rem;
          padding-left: .94rem;
          display: flex;
          align-items: center; }
          .index .contentBox .contentList > .right .login .but > div {
            width: 1.10rem;
            height: .34rem;
            background-color: #01336d;
            font-family: SourceHanSansCN-Medium;
            font-size: .18rem;
            color: #ffffff;
            text-align: center;
            line-height: .34rem;
            cursor: pointer; }
          .index .contentBox .contentList > .right .login .but > a {
            font-family: SourceHanSansCN-Medium;
            font-size: .14rem;
            color: #01336d;
            margin-left: .25rem;
            text-decoration: none; }
      .index .contentBox .contentList > .right .server {
        margin-top: .34rem; }
        .index .contentBox .contentList > .right .server .title {
          display: flex;
          border-bottom: .02rem solid #dddddd;
          justify-content: space-between;
          align-items: center;
          padding-bottom: .04rem; }
          .index .contentBox .contentList > .right .server .title > div {
            font-family: SourceHanSansCN-Medium;
            font-size: .18rem;
            font-weight: normal;
            font-stretch: normal;
            color: #333333;
            border-bottom: .02rem solid #219bde;;
            margin-bottom: -0.06rem;
            padding-bottom: .02rem; }
        .index .contentBox .contentList > .right .server > img {
          width: 3.77rem;
          height: 2.99rem;
          display: block;
          margin-top: .33rem; }
  .index .contentBox .message .title {
    display: flex;
    border-bottom: .02rem solid #dddddd;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .03rem; }
    .index .contentBox .message .title > div:nth-child(1) {
      font-family: SourceHanSansCN-Medium;
      font-size: .18rem;
      font-weight: normal;
      font-stretch: normal;
      color: #333333;
      border-bottom: .02rem solid #01336d;
      margin-bottom: -0.05rem;
      padding-bottom: .02rem; }
    .index .contentBox .message .title a {
      font-family: SourceHanSansCN-Regular;
      font-size: .14rem;
      color: #01336d;
      text-decoration: none; }
  .index .contentBox .message .textarea {
    margin-top: .18rem;
    width: 11.65rem;
    height: 1.60rem;
    background-color: #ffffff;
    border: solid .01rem #dddddd;
    padding: .06rem .07rem; }
    .index .contentBox .message .textarea > textarea {
      width: 100%;
      height: 1.25rem;
      resize: none;
      border: none;
      outline: none;
      display: block; }
    .index .contentBox .message .textarea > div {
      width: .80rem;
      height: .23rem;
      background-color: #01336d;
      margin-left: auto;
      font-family: SourceHanSansCN-Regular;
      font-size: .14rem;
      color: #ffffff;
      text-align: center;
      line-height: .23rem;
      cursor: pointer; }

a:hover {
  color: #1d5aae !important; }

@media (max-width: 1400px) {
  .index .banner {
    height: 1.4rem; } }
@media (max-width: 1200px) {
  .index .banner {
    height: 1.3rem; }

  .index .contentBox {
    width: 100%; }

  .index .contentBox .nav .link {
    display: none !important; }

  .index .contentBox .nav > .selectlist {
    width: 100%; }

  .index .contentBox .nav > .selectlist a {
    width: 33.33%;
    text-align: center; }

  .index .contentBox .contentList {
    height: auto !important;
    min-height: 5rem; }

  .index .contentBox .contentList .item .right {
    width: 100%;

  }
  .index .contentBox .contentList > .right{
    width: 108%;
  }
  .index .contentBox .contentList > .left .dataList .dataItem > .left > P{
    font-size: 16px;
    color: #333333;
    line-height: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index .contentBox .contentList > .left .dataList .dataItem{
    padding: 0  0

  }

}

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