@charset "UTF-8";
.banner-txt {
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle; }
  .banner-txt .img img {
    width: 19.5625rem; }
    @media screen and (min-width: 1520px) {
      .banner-txt .img img {
        width: 24.5rem; } }
  .banner-txt span {
    font-size: 1.5rem; }
    @media screen and (min-width: 1520px) {
      .banner-txt span {
        font-size: 1.875rem; } }
  .banner-txt small {
    font-size: 1rem; }
    @media screen and (min-width: 1520px) {
      .banner-txt small {
        font-size: 0.8rem; } }

.banner02 {
  /*  margin-top: pxTorem(100px);
    @media screen and (min-width: 1520px) {
      margin-top: pxTorem(130px);
    }*/
  position: relative; }
  .banner02 .banner-txt {
    position: absolute;
    top: 50%;
    right: 12.5%;
    margin-top: -2.5rem; }
    @media screen and (min-width: 1520px) {
      .banner02 .banner-txt {
        width: -2.75rem; } }
    .banner02 .banner-txt .img img {
      width: 18.1875rem; }
      @media screen and (min-width: 1520px) {
        .banner02 .banner-txt .img img {
          width: 22.75rem; } }
    .banner02 .banner-txt p.f14 {
      line-height: 28px; }

.list-bar {
  background-color: #111528;
  color: #cbcbcb;
  font-size: 0.75rem;
  height: 2.9375rem;
  position: relative; }
  @media screen and (min-width: 1920px) {
    .list-bar {
      height: 3.75rem; } }
  .list-bar ul li {
    list-style: none;
    float: left; }
  .list-bar .crumbs {
    padding: 0 0 0 0.9375rem; }
  .list-bar .crumbs a, .list-bar .lists-bar a {
    line-height: 2.9375rem;
    height: 2.9375rem;
    color: #cbcbcb;
    font-size: 0.75rem;
    text-decoration: none;
    display: inline-block; }
    @media screen and (min-width: 1920px) {
      .list-bar .crumbs a, .list-bar .lists-bar a {
        line-height: 3.75rem;
        height: 3.75rem; } }

a {
  text-decoration: none; }

.lists-bar span, .class-filter span {
  line-height: 3rem;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap; }
  @media screen and (min-width: 1920px) {
    .lists-bar span, .class-filter span {
      line-height: 3.75rem; } }
  .lists-bar span.more, .class-filter span.more {
    cursor: pointer; }
.lists-bar a, .class-filter a {
  color: #999;
  padding: 0 1.5rem;
  white-space: nowrap;
  width: 6.875rem;
  display: inline-block;
  text-align: center; }
  @media screen and (min-width: 1520px) {
    .lists-bar a, .class-filter a {
      padding: 0 1.875rem; } }
  .lists-bar a.btn-block, .class-filter a.btn-block {
    width: auto; }
.lists-bar li, .class-filter li {
  /*padding: 0 pxTorem(20px);*/
  border-left: 1px solid #333; }
  .lists-bar li i.iconfont, .class-filter li i.iconfont {
    vertical-align: middle; }
.lists-bar .dropdownbox, .class-filter .dropdownbox {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 1;
  width: 100%; }
  .lists-bar .dropdownbox-c, .class-filter .dropdownbox-c {
    width: 56.625rem;
    padding: 2.65625rem 0;
    margin: 0 auto; }
    .lists-bar .dropdownbox-c .line, .class-filter .dropdownbox-c .line {
      border-bottom: 1px solid #f2f2f2; }
    .lists-bar .dropdownbox-c .ipt-box, .class-filter .dropdownbox-c .ipt-box {
      display: inline-block; }
      .lists-bar .dropdownbox-c .ipt-box .btn-block, .class-filter .dropdownbox-c .ipt-box .btn-block {
        line-height: 1.6875rem;
        height: 1.6875rem;
        display: inline-block;
        padding: 0 0.625rem; }
      .lists-bar .dropdownbox-c .ipt-box .ipt, .class-filter .dropdownbox-c .ipt-box .ipt {
        border: 1px solid #ccc;
        line-height: 1.6875rem;
        height: 1.6875rem;
        width: 4.95rem;
        background-color: transparent; }
        @media screen and (min-width: 1520px) {
          .lists-bar .dropdownbox-c .ipt-box .ipt, .class-filter .dropdownbox-c .ipt-box .ipt {
            width: 6.1875rem; } }
  .lists-bar .dropdownbox .btn-ground, .class-filter .dropdownbox .btn-ground {
    border-top: 1px solid #ccc;
    padding: 2.4rem 0; }
    @media screen and (min-width: 1520px) {
      .lists-bar .dropdownbox .btn-ground, .class-filter .dropdownbox .btn-ground {
        padding: 3rem 0; } }
    .lists-bar .dropdownbox .btn-ground .btn-block.border, .class-filter .dropdownbox .btn-ground .btn-block.border {
      padding: 0.5rem 2rem; }
      @media screen and (min-width: 1520px) {
        .lists-bar .dropdownbox .btn-ground .btn-block.border, .class-filter .dropdownbox .btn-ground .btn-block.border {
          padding: 0.625rem 2.5rem; } }
  .lists-bar .dropdownbox .btn-block, .class-filter .dropdownbox .btn-block {
    background-color: #111528;
    color: #fff;
    padding: 0.55rem 2rem;
    display: inline; }
    @media screen and (min-width: 1520px) {
      .lists-bar .dropdownbox .btn-block, .class-filter .dropdownbox .btn-block {
        padding: 0.6875rem 2.5rem; } }
    .lists-bar .dropdownbox .btn-block.border, .class-filter .dropdownbox .btn-block.border {
      border: 1px solid #111528;
      color: #111528;
      background-color: transparent;
      margin-right: 4.375rem; }
    .lists-bar .dropdownbox .btn-block .btn-block, .class-filter .dropdownbox .btn-block .btn-block {
      margin: 0 1.25rem; }
.lists-bar .search-r a, .class-filter .search-r a {
  border: 1px solid #ccc;
  padding: 0.125rem 0.375rem;
  margin-right: 2.5rem;
  display: inline; }
  .lists-bar .search-r a span, .class-filter .search-r a span {
    font-size: 0.75rem;
    color: #999;
    padding: 0 0.375rem; }
    .lists-bar .search-r a span i, .class-filter .search-r a span i {
      vertical-align: middle; }
  .lists-bar .search-r a.del, .class-filter .search-r a.del {
    border: none; }

#sortlist {
  position: relative; }
  #sortlist .dropdownmenu {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    border: 1px solid #ccc;
    width: 7.5rem; }
    @media screen and (min-width: 1520px) {
      #sortlist .dropdownmenu {
        width: 9.375rem; } }
    #sortlist .dropdownmenu a {
      line-height: 2.375rem;
      color: #000;
      border-bottom: 1px solid #ccc;
      display: block;
      width: 100%; }
      #sortlist .dropdownmenu a:hover {
        background-color: #f0efeb; }
      #sortlist .dropdownmenu a:last-child {
        border-bottom: none; }

.class-filter {
  margin-top: 2.5rem;
  background-color: #f0efeb; }
  @media screen and (min-width: 1520px) {
    .class-filter {
      margin-top: 3.125rem; } }
  .class-filter .dropdownbox {
    display: block;
    border: none;
    background-color: transparent;
    position: static; }
    .class-filter .dropdownbox .line {
      border-bottom: 1px solid #d9d9d9; }
    .class-filter .dropdownbox .class-link {
      text-align: center; }
      .class-filter .dropdownbox .class-link > div {
        display: inline-block;
        float: none;
        padding: 0.5rem 1.5rem;
        width: 12rem; }
        @media screen and (min-width: 1520px) {
          .class-filter .dropdownbox .class-link > div {
            width: 15rem;
            padding: 0.625rem 1.875rem; } }
      .class-filter .dropdownbox .class-link a {
        display: block; }
      .class-filter .dropdownbox .class-link span {
        display: block;
        font-size: 0.75rem;
        color: #666666; }
  .class-filter a {
    line-height: 3rem;
    color: #cbcbcb;
    font-size: 0.75rem;
    text-decoration: none; }
    @media screen and (min-width: 1520px) {
      .class-filter a {
        line-height: 3.75rem; } }

/*
.comment-p{
  background-color: transparent;
  margin-top: pxTorem(128px)*0.8;
  @media screen and (min-width: 1520px) {
    margin-top: pxTorem(128px)
  }
  display: table;
  width: 100%;

  .item{
  float: none;
    display: table-cell;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    &:last-child{
      border-right:1px solid #ccc;

    }
    &.last{
      .p-con{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-left: -36px;
        .p-name{
          font-size: pxTorem(24px);

        }
      }
    }
  }
}*/
.banner03 {
  padding: 6.5rem 0; }
  .banner03 img {
    vertical-align: middle; }
  @media screen and (min-width: 1520px) {
    .banner03 {
      padding: 8.25rem 0; } }
  .banner03 .col-6 {
    padding-right: 1px; }
  .banner03 .item00 .col-6 {
    padding-right: 1px; }
    .banner03 .item00 .col-6:last-child {
      padding-right: 0px; }
  .banner03 .item00 .col-12 {
    padding-bottom: 1px; }
  .banner03 .item01 {
    overflow: hidden;
    position: relative; }
    .banner03 .item01 img {
      cursor: pointer;
      transition: all 0.6s; }
    .banner03 .item01 .info {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      -webkit-backface-visibility: hidden;
      /* 隐藏旋转元素的背面*/
      backface-visibility: hidden;
      background: rgba(0, 0, 0, 0.6);
      /*后面这个0.6是指的背景的透明度*/
      z-index: 2;
      /*opacity: 0;*/
      /*  -webkit-transition: all 0.35s ease-in-out;   !*规定提示信息怎样出现ease-in-out以慢速度开始和结束*!
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;*/
      display: flex;
      width: 100%;
      height: 100%; }
      .banner03 .item01 .info .banner-txt {
        margin: auto; }
        .banner03 .item01 .info .banner-txt .hr {
          width: 12.2rem;
          margin: 0.7rem auto;
          background-color: #fff;
          height: 0.0625rem; }
          @media screen and (min-width: 1520px) {
            .banner03 .item01 .info .banner-txt .hr {
              width: 15.25rem;
              margin: 0.875rem 0; } }

.swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
  border: 1px solid #fff; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff; }

.question_list {
  text-align: left;
  width: 70%;
  margin: 0 auto; }
  .question_list li {
    border-top: 1px solid #e6e6e6;
    padding: 0.9375rem 0; }
  .question_list h1 {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
    line-height: 2rem;
    color: #000;
    font-family: "iconfont"; }
    .question_list h1:after {
      content: "\e6a2";
      float: right;
      font-size: 26px;
      color: #4d4541; }
    @media screen and (min-width: 1920px) {
      .question_list h1 {
        line-height: 2.5rem;
        font-size: 1.125rem; } }
    .question_list h1.active:after {
      content: "\e6a3"; }
  .question_list p {
    display: none;
    width: 100%;
    color: #999;
    line-height: 1.5rem; }
    @media screen and (min-width: 1920px) {
      .question_list p {
        line-height: 1.875rem; } }

.xli-con {
  height: 32.375rem; }
  @media screen and (min-width: 1520px) {
    .xli-con {
      height: 46.25rem; } }
  .xli-con .banner02 {
    background: url("") no-repeat scroll 0 0/cover;
    height: 32.375rem; }
    @media screen and (min-width: 1520px) {
      .xli-con .banner02 {
        height: 46.25rem; } }

.xli_list {
  background-color: #f0efeb;
  text-align: center;
  display: table; }
  .xli_list .item {
    display: table-cell;
    border-left: 1px solid #fff;
    overflow: hidden; }
    .xli_list .item span {
      display: block;
      margin-bottom: 0.9375rem; }
  .xli_list a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    color: #000;
    width: 80%;
    margin: 0 auto; }

.viewimg {
  margin-top: -0.3125rem;
  display: table; }
  .viewimg .item {
    display: table-cell;
    float: none;
    border-left: 1px solid #fff; }

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