.content {
  margin: 0 auto;
  width: 1050px; }
  .content .subnav-wrapper {
    width: 1050px;
    height: 48px; }
  .content .subnav {
    width: 1050px;
    background-color: #ffffff;
    border-bottom: 2px solid #1b74d0;
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear; }
    .content .subnav .left {
      float: left; }
    .content .subnav .right {
      float: right; }
    .content .subnav a {
      float: left;
      width: 179px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      border-top: 1px solid #dcdddf;
      border-right: 1px solid #dcdddf; }
      .content .subnav a:first-child {
        border-left: 1px solid #dcdddf; }
      .content .subnav a.active {
        width: 180px;
        height: 46px;
        border: none !important;
        background-color: #1b74d0;
        color: #ffffff; }
      .content .subnav a.a-appointment {
        cursor: pointer; }
      .content .subnav a strong {
        font-size: 36px;
        color: RGB(245, 140, 10); }
  .content .subcontent {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 35px;
    background-color: #ffffff;
    color: #414141; }
    .content .subcontent#product-detail {
      padding: 40px 0; }
    .content .subcontent .product-introduce {
      margin: 0 auto;
      width: 687px;
      line-height: 24px;
      font-family: SourceHanSansCN-Normal; }
    .content .subcontent .product-info .info-content {
      margin: 40px auto; }
      .content .subcontent .product-info .info-content ul {
        margin: 0 auto; }
        .content .subcontent .product-info .info-content ul li {
          float: left;
          margin: 0 19px;
          width: 168px;
          height: 168px; }
      .content .subcontent .product-info .info-content img {
        display: block;
        margin: 0 auto; }
    .content .subcontent .product-point .product-content .point .point-title {
      margin-top: 50px;
      font-size: 18px;
      line-height: 43px;
      color: #3E3E3E;
      text-align: center; }
      .content .subcontent .product-point .product-content .point .point-title img {
        position: relative;
        top: 8px;
        margin-right: 7px; }
      .content .subcontent .product-point .product-content .point .point-title span {
        color: #1D78D6; }
    .content .subcontent .product-point .product-content .point .point-title-small {
      padding-bottom: 10px;
      font-size: 14px;
      text-align: center; }
    .content .subcontent .product-point .product-content .point .point-content {
      margin: 25px auto 0;
      font-size: 14px; }
      .content .subcontent .product-point .product-content .point .point-content img {
        display: block;
        margin: 0 auto; }
      .content .subcontent .product-point .product-content .point .point-content ul {
        margin: 0 auto; }
        .content .subcontent .product-point .product-content .point .point-content ul.ul-style-1 li {
          float: left;
          margin: 0 15px;
          padding: 0 20px;
          line-height: 34px;
          font-size: 14px;
          color: #1a75d2;
          border: 1px solid #1a75d2;
          border-radius: 20px;
          -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, 0.5)));
          box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, 0.5))); }
        .content .subcontent .product-point .product-content .point .point-content ul.ul-style-2 {
          font-family: SourceHanSansCN-Bold;
          font-size: 18px; }
          .content .subcontent .product-point .product-content .point .point-content ul.ul-style-2 .circular {
            border-radius: 50%; }
          .content .subcontent .product-point .product-content .point .point-content ul.ul-style-2 li {
            box-sizing: border-box;
            float: left;
            margin: 0 10px;
            padding: 6px;
            width: 150px;
            height: 150px;
            border: 1px solid #dbdbdb; }
            .content .subcontent .product-point .product-content .point .point-content ul.ul-style-2 li .inner {
              box-sizing: border-box;
              width: 134px;
              height: 134px;
              padding: 40px 0;
              border: 1px dotted #dbdbdb;
              text-align: center; }
        .content .subcontent .product-point .product-content .point .point-content ul.ul-style-3 {
          font-size: 14px;
          text-align: center; }
          .content .subcontent .product-point .product-content .point .point-content ul.ul-style-3 li {
            width: 664px;
            height: 37px;
            line-height: 37px;
            border-radius: 20px; }
          .content .subcontent .product-point .product-content .point .point-content ul.ul-style-3 .list-style-1 {
            background-color: #0D72B9;
            color: #ffffff; }
          .content .subcontent .product-point .product-content .point .point-content ul.ul-style-3 .list-style-2 {
            margin-bottom: 10px; }
      .content .subcontent .product-point .product-content .point .point-content .point-left {
        float: left;
        width: 20%;
        padding: 0 10% 0 20%;
        border-right: 1px solid #d4e4f4; }
      .content .subcontent .product-point .product-content .point .point-content .point-right {
        float: left;
        width: 19%;
        padding: 0 20% 0 10%; }
      .content .subcontent .product-point .product-content .point .point-content .list-style-dot {
        margin-top: 20px;
        line-height: 26px; }
        .content .subcontent .product-point .product-content .point .point-content .list-style-dot .dot {
          display: inline-block;
          position: relative;
          top: 3px;
          margin-right: 5px;
          width: 15px;
          height: 15px;
          border-radius: 50%; }
          .content .subcontent .product-point .product-content .point .point-content .list-style-dot .dot.blue {
            background-color: #1477d2; }
          .content .subcontent .product-point .product-content .point .point-content .list-style-dot .dot.yellow {
            background-color: #ff9e05; }
      .content .subcontent .product-point .product-content .point .point-content .between {
        margin: 0 auto;
        width: 500px; }
        .content .subcontent .product-point .product-content .point .point-content .between .left {
          width: 160px;
          float: left; }
        .content .subcontent .product-point .product-content .point .point-content .between .right {
          margin-left: 40px;
          width: 300px;
          float: right; }
          .content .subcontent .product-point .product-content .point .point-content .between .right p {
            margin-top: 15px; }
    .content .subcontent .block-title {
      margin: 40px auto 0;
      color: #1b75d0;
      text-align: center;
      cursor: pointer; }
      .content .subcontent .block-title:hover span.before {
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        -o-transform: translate(-50px, 0);
        transform: translate(-50px, 0); }
      .content .subcontent .block-title:hover span.after {
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        -o-transform: translate(50px, 0);
        transform: translate(50px, 0); }
      .content .subcontent .block-title span {
        display: inline-block;
        position: relative;
        float: left;
        margin: 0 auto;
        height: 50px;
        font-size: 22px;
        text-align: center;
        padding: 0 20px;
        font-weight: bold; }
        .content .subcontent .block-title span.before {
          width: 100px;
          position: relative;
          top: 0;
          padding: 0;
          -webkit-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0); }
          .content .subcontent .block-title span.before:before {
            content: "";
            position: absolute;
            width: 50%;
            height: 2px;
            top: 11px;
            right: 0;
            background: #1b75d0;
            z-index: 1;
            display: block; }
          .content .subcontent .block-title span.before:after {
            position: absolute;
            width: 100%;
            height: 2px;
            top: 17px;
            background: #1b75d0;
            content: "";
            z-index: 1;
            display: block; }
        .content .subcontent .block-title span.after {
          width: 100px;
          position: relative;
          top: 0;
          padding: 0;
          -webkit-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0); }
          .content .subcontent .block-title span.after:before {
            content: "";
            position: absolute;
            width: 50%;
            height: 2px;
            top: 11px;
            left: 0;
            background: #1b75d0;
            z-index: 1;
            display: block; }
          .content .subcontent .block-title span.after:after {
            position: absolute;
            width: 100%;
            height: 2px;
            top: 17px;
            background: #1b75d0;
            content: "";
            z-index: 1;
            display: block; }
    .content .subcontent .block-title-small {
      font-size: 14px;
      text-align: center;
      color: #666666; }
    .content .subcontent .product-title {
      box-sizing: border-box;
      width: 100%;
      height: 62px;
      line-height: 62px;
      padding-left: 18px;
      border-bottom: 1px solid #dddddd;
      font-family: Microsoft YaHei;
      font-size: 24px;
      color: #1b7ad8;
      font-weight: bold; }
    .content .subcontent .product-content table {
      width: 950px;
      margin: 17px auto 0;
      color: #414141;
      border: 1px solid #dddddd;
      font-size: 14px; }
      .content .subcontent .product-content table .text-left {
        text-align: left; }
      .content .subcontent .product-content table .text {
        padding: 20px 40px 20px 20px;
        line-height: 24px; }
      .content .subcontent .product-content table .text-small {
        padding-top: 10px;
        padding-bottom: 10px; }
      .content .subcontent .product-content table .text-padding {
        width: 50%;
        padding-left: 80px; }
      .content .subcontent .product-content table .color-f {
        color: #F58C0A;
        font-weight: bold; }
      .content .subcontent .product-content table thead tr th {
        height: 40px;
        background-color: #EEF2FB;
        font-weight: bold;
        border: 1px solid #dddddd; }
        .content .subcontent .product-content table thead tr th.responsibility {
          width: 157px; }
        .content .subcontent .product-content table thead tr th.categary {
          width: 252px; }
        .content .subcontent .product-content table thead tr th.project {
          width: 192px; }
        .content .subcontent .product-content table thead tr th.tianan-responsibility {
          width: 296px; }
      .content .subcontent .product-content table tbody tr td {
        padding: 0 14px;
        height: 38px;
        text-align: center;
        border: 1px solid #dddddd; }
    .content .subcontent .product-content .main {
      margin: 38px auto 0;
      width: 950px;
      line-height: 24px;
      font-size: 14px;
      color: #666666; }
      .content .subcontent .product-content .main ul {
        margin-bottom: 20px; }
        .content .subcontent .product-content .main ul:last-child {
          margin-bottom: 0; }
        .content .subcontent .product-content .main ul li.question {
          color: #1D78D6; }
        .content .subcontent .product-content .main ul li.answer {
          color: #666666; }
      .content .subcontent .product-content .main strong {
        font-weight: bold; }
        .content .subcontent .product-content .main strong.color-b {
          color: #1B75D0; }
        .content .subcontent .product-content .main strong.color-f {
          color: #F58C0A; }
    .content .subcontent .product-content .claim-flow {
      margin: 32px auto 0;
      width: 945px; }
      .content .subcontent .product-content .claim-flow li {
        float: left;
        margin: 0 20px;
        width: 196px;
        text-align: center;
        line-height: 24px; }
        .content .subcontent .product-content .claim-flow li strong.color-4 {
          font-size: 18px;
          font-weight: bold;
          color: #444444; }
        .content .subcontent .product-content .claim-flow li p {
          font-size: 14px; }
    .content .subcontent .product-foot {
      position: relative;
      width: 951px;
      margin: 0 auto;
      line-height: 36px;
      font-size: 14px; }
      .content .subcontent .product-foot .icon {
        display: inline-block;
        position: absolute;
        top: 7px;
        width: 20px;
        height: 20px;
        background: url("../img/gt.jpg"); }
      .content .subcontent .product-foot .text {
        margin-left: 30px; }
        .content .subcontent .product-foot .text .color-b {
          color: #1B75D0; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden; }
  .modal.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear; }
    .modal.fade.in {
      opacity: 1; }
      .modal.fade.in .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
    .modal.fade .modal-dialog {
      -webkit-transition: -webkit-transform .3s ease-out;
      -o-transition: -o-transform .3s ease-out;
      transition: transform .3s ease-out;
      -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
      -o-transform: translate(0, -25%);
      transform: translate(0, -25%); }
  .modal .modal-dialog {
    position: absolute;
    top: 198px;
    left: 50%;
    width: 516px;
    padding-bottom: 10px;
    margin-left: -258px; }
    .modal .modal-dialog .modal-content {
      position: relative;
      width: 448px;
      height: 100%;
      margin: 0 auto;
      background-color: #ffffff;
      border-radius: 10px;
      overflow: hidden; }
      .modal .modal-dialog .modal-content.success {
        display: none; }
        .modal .modal-dialog .modal-content.success .modal-body .success-text {
          margin: 0 auto 25px;
          width: 296px;
          line-height: 24px;
          text-align: center;
          font-size: 14px; }
          .modal .modal-dialog .modal-content.success .modal-body .success-text strong {
            color: #F58C0A; }
      .modal .modal-dialog .modal-content .modal-header {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px !important;
        height: 64px;
        line-height: 64px;
        color: RGB(255, 147, 1);
        background-color: #f5f8fc; }
        .modal .modal-dialog .modal-content .modal-header h4 {
          float: left;
          font-size: 16px;
          color: #414141; }
        .modal .modal-dialog .modal-content .modal-header .close {
          float: right;
          margin-top: 20px;
          width: 25px;
          height: 25px;
          opacity: 1;
          background-color: transparent;
          background-image: url(../img/close.png);
          background-size: 100%;
          border: none; }
      .modal .modal-dialog .modal-content .modal-body {
        padding: 25px 29px 0;
        font-size: 14px; }
        .modal .modal-dialog .modal-content .modal-body .input-group {
          position: relative;
          margin-bottom: 25px;
          height: 38px;
          font-size: 14px;
          border: 1px solid #8fa0b4;
          color: #8FA0B4; }
          .modal .modal-dialog .modal-content .modal-body .input-group label {
            width: 98px;
            height: 38px;
            line-height: 38px;
            float: left; }
            .modal .modal-dialog .modal-content .modal-body .input-group label.error {
              color: red;
              width: 100%;
              height: 24px;
              line-height: 24px;
              font-size: 12px;
              position: absolute;
              bottom: -25px;
              left: 0; }
            .modal .modal-dialog .modal-content .modal-body .input-group label span.icon {
              display: inline-block;
              vertical-align: middle;
              margin: 0 10px;
              height: 18px;
              background-color: red; }
              .modal .modal-dialog .modal-content .modal-body .input-group label span.icon.icon-name {
                width: 14px;
                background: url("../img/icon-person.png") no-repeat; }
              .modal .modal-dialog .modal-content .modal-body .input-group label span.icon.icon-phone {
                width: 11px;
                background: url("../img/icon-phone.png") no-repeat; }
          .modal .modal-dialog .modal-content .modal-body .input-group input {
            width: 290px;
            height: 38px;
            line-height: 38px;
            padding: 0;
            border: none;
            color: #8FA0B4;
            font-size: 14px; }
      .modal .modal-dialog .modal-content .modal-footer {
        padding: 0 29px 30px !important; }
        .modal .modal-dialog .modal-content .modal-footer .btn {
          margin-left: 129px;
          width: 132px;
          height: 36px;
          border: none;
          background-color: #1C75D1;
          color: #ffffff;
          border-radius: 4px; }

#mymodal-notice .modal-dialog {
  top: 50%;
  margin-top: -258px; }
  #mymodal-notice .modal-dialog .modal-body {
    height: 348px;
    overflow-x: hidden;
    overflow-y: scroll;
    color: #7d7d7d; }
    #mymodal-notice .modal-dialog .modal-body h4 {
      text-indent: 2em;
      padding-bottom: 8px; }
    #mymodal-notice .modal-dialog .modal-body ul {
      margin-bottom: 20px; }
      #mymodal-notice .modal-dialog .modal-body ul li {
        padding: 8px 0;
        text-indent: 2em; }

.claim-flow p {
  width: 230px !important; }