.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

.content {
  margin: 20px auto 30px auto; }
  .content .panel {
    background-color: #fff; }
    .content .panel .pl-title {
      height: 51px;
      line-height: 50px;
      border-bottom: 1px solid #e5e5e5;
      font-size: 24px;
      color: #505050;
      padding-left: 20px; }
      .content .panel .pl-title i {
        float: left;
        margin: 13px 10px 0 0;
        font-style: normal;
        height: 24px;
        width: 4px;
        background: #3faa96;
        border-radius: 4px; }
    .content .panel .pl-body {
      padding: 40px 34px 0 34px;
      width: 100%;
      overflow: hidden; }
      .content .panel .pl-body ul {
        width: 1180px; }
      .content .panel .pl-body .item {
        float: left;
        width: 250px;
        margin: 0 44px 35px 0; }
        .content .panel .pl-body .item .img-wrapper {
          width: 250px;
          height: 167px;
          margin-bottom: 10px; }
          .content .panel .pl-body .item .img-wrapper img {
            width: 250px;
            height: 167px; }
        .content .panel .pl-body .item p {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .content .panel .pl-body .item .titel {
          font-size: 16px;
          color: #505050;
          line-height: 26px; }
        .content .panel .pl-body .item .subtitle {
          font-size: 14px;
          color: #7e7e7e;
          line-height: 24px; }
    .content .panel .panel-footer {
      padding-bottom: 40px; }
      .content .panel .panel-footer .page {
        width: 100%;
        text-align: center; }
        .content .panel .panel-footer .page .page-wrapper-out {
          float: left;
          position: relative;
          left: 50%; }
        .content .panel .panel-footer .page .page-wrapper-inner {
          position: relative;
          left: -50%; }
        .content .panel .panel-footer .page a {
          float: left;
          padding: 0 10px;
          height: 30px;
          line-height: 28px;
          border: 1px solid #ddd;
          border-radius: 4px;
          font-size: 14px;
          color: #666;
          margin-right: 10px; }
          .content .panel .panel-footer .page a:hover {
            color: #fff;
            background-color: #3faa96;
            border-color: #3faa96;
            transition: 0.2s; }
          .content .panel .panel-footer .page a:last-child {
            margin-right: 0; }
        .content .panel .panel-footer .page svg {
          font-size: 20px;
          line-height: 28px;
          vertical-align: middle;
          font-weight: bold; }
        .content .panel .panel-footer .page span {
          float: left;
          color: #777;
          margin-right: 10px;
          font-size: 14px;
          color: #666; }

#pop-wrap .slider_item {
  float: left;
  width: 900px;
  height: 653px;
  overflow: hidden;
  position: relative; }
  #pop-wrap .slider_item .top-cont {
    height: 120px;
    padding: 20px;
    background-color: #333; }
    #pop-wrap .slider_item .top-cont .top-lf {
      float: left; }
      #pop-wrap .slider_item .top-cont .top-lf .title {
        font-size: 20px;
        color: #fff;
        line-height: 24px;
        max-width: 700px;
        height: 48px;
        overflow: hidden; }
      #pop-wrap .slider_item .top-cont .top-lf .sub-title {
        line-height: 24px;
        margin-top: 8px;
        max-width: 700px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #pop-wrap .slider_item .top-cont .top-lf .sub-title span {
          font-size: 14px;
          color: #fff;
          margin-right: 15px; }
    #pop-wrap .slider_item .top-cont .top-rt {
      float: right;
      margin: 9px 15px 0 0; }
      #pop-wrap .slider_item .top-cont .top-rt .btn {
        width: 118px;
        height: 38px;
        line-height: 36px;
        background-color: #00b38b;
        text-align: center;
        color: #fff;
        border: 1px solid #00b38b;
        border-radius: 4px;
        font-size: 15px; }
      #pop-wrap .slider_item .top-cont .top-rt p {
        text-align: center; }
      #pop-wrap .slider_item .top-cont .top-rt .pageState {
        font-size: 14px;
        color: #fff; }
        #pop-wrap .slider_item .top-cont .top-rt .pageState span {
          font-size: 24px;
          color: #fff; }
  #pop-wrap .slider_item .img-group {
    background-color: #666; }
  #pop-wrap .slider_item .img-group ul li {
    float: left;
    position: relative;
    width: 900px;
    height: 533px; }
    #pop-wrap .slider_item .img-group ul li div {
      line-height: 533px;
      text-align: center; }
    #pop-wrap .slider_item .img-group ul li img {
      max-width: 100%;
      max-height: 533px; 
          display: inline-block;
    vertical-align: middle;}
  #pop-wrap .slider_item .prev, #pop-wrap .slider_item .next {
    position: absolute;
    left: 3%;
    top: 59%;
    margin-top: -25px;
    display: block;
    width: 48px;
    height: 52px; }
  #pop-wrap .slider_item .prev i,
  #pop-wrap .slider_item .next i {
    font-size: 48px;
    color: rgba(0, 0, 0, 0.3); }
  #pop-wrap .slider_item .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px; }
  #pop-wrap .slider_item .prev:hover, #pop-wrap .slider_item .next:hover {
    filter: alpha(opacity=100);
    opacity: 1; }