@charset "UTF-8";
@media (min-width: 1200px) {
  #sec1 {
    text-align: center; }
  .top_bar {
    padding-top: 80px; }
    .top_bar h2 {
      font-size: 40px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar h1 {
      font-size: 40px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar p {
      margin: 24px 0;
      font-size: 17px;
      line-height: 1.5;
      color: #7d8694; }
  ul.plan {
    position: relative;
    z-index: 5;
    display: flex;
    height: 917px;
    margin: 80px auto 48px;
    width: 100%;
    line-height: 2;
    -webkit-box-pack: center;
    justify-content: center;
    color: #27364e; }
    ul.plan li.content {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      cursor: default;
      margin: 0 12px;
      box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
      border-radius: 4px;
      background-color: #fff;
      max-width: 309px; }
      ul.plan li.content h3 {
        font-size: 24px;
        margin: 40px auto 5px; }
      ul.plan li.content p {
        color: #5b6b73;
        font-size: 14px;
        margin: 0;
        line-height: 24px;
        height: 24px; }
      ul.plan li.content .switch {
        margin: 65px auto 85px;
        line-height: 40px;
        width: 220px;
        height: 40px;
        font-size: 14px;
        border-radius: 2px;
        z-index: 1; }
      ul.plan li.content .switch:hover {
        background-color: #c8cdd0;
        color: #298df8; }
      ul.plan li.content .switch_two {
        background-color: #415058;
        color: #fff; }
      ul.plan li.content .switch_there {
        background-color: #fff;
        color: #298df8 !important; }
      ul.plan li.content .topdesc3 {
        background-image: linear-gradient(70deg, #298df8 4%, #1c4de3 100%);
        box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
        border-radius: 4px;
        color: #fff; }
        ul.plan li.content .topdesc3 p {
          color: #fff; }
      ul.plan li.content .feature {
        width: 285px;
        margin: 0 12px; }
        ul.plan li.content .feature ul {
          padding: 0 33px; }
          ul.plan li.content .feature ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
            color: #415058;
            height: 28px;
            line-height: 28px;
            font-size: 14px; }
      ul.plan li.content .feature:before {
        content: '';
        display: block;
        margin: 0 16px;
        height: 1px;
        border-top: 1px solid #e5e5e5;
        padding-bottom: 30px; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px; }
      #sec2_1 .content h3 {
        font-weight: 500;
        text-align: center;
        padding: 48px 0 10px 0;
        line-height: 45px;
        color: #fff;
        font-size: 32px; }
      #sec2_1 .content p {
        margin: 0;
        padding-bottom: 24px;
        line-height: 22px;
        color: #fff;
        font-size: 16px;
        text-align: center; }
      #sec2_1 .content .sec2_1a {
        width: 220px;
        height: 40px;
        background-color: #fff;
        color: #298df8;
        margin: 0 auto;
        font-size: 14px;
        line-height: 40px;
        border-radius: 3px; }
      #sec2_1 .content .sec2_1a:hover {
        background-color: #c8cdd0;
        color: #1c4de3; }
  #sec2 .header {
    justify-content: space-between;
    padding-top: 90px;
    padding-bottom: 50px; }
    #sec2 .header .header_left h3 {
      color: #415058;
      font-size: 24px; }
    #sec2 .header .header_right ul {
      display: flex;
      justify-content: flex-end; }
      #sec2 .header .header_right ul li {
        width: 256px;
        height: 106px;
        margin: 0 auto;
        text-align: center; }
      #sec2 .header .header_right ul h5 {
        font-size: 16px;
        color: #1f292e; }
      #sec2 .header .header_right ul p {
        color: #5b6b73;
        font-size: 12px;
        padding-top: 30px;
        padding-bottom: 10px; }
      #sec2 .header .header_right ul .header_a {
        background-color: #415058;
        line-height: 32px;
        font-size: 14px;
        width: 176px;
        height: 32px;
        margin: 0 auto; }
      #sec2 .header .header_right ul a {
        color: #fff; }
      #sec2 .header .header_right ul .header_a:hover {
        background-color: #c8cdd0;
        color: #298df8; }
  #sec2 .sec2_table caption {
    font-size: 18px;
    font-weight: 600;
    color: #415058;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px; }
  #sec2 .sec2_table tr {
    color: #415058;
    font-weight: 400;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px; }
  #sec2 .sec2_table th {
    padding: 0 7px;
    color: #415058;
    width: 200px;
    font-weight: 400;
    text-align: left; }
  #sec2 .sec2_table td {
    text-align: center;
    width: 253px; }
    #sec2 .sec2_table td div {
      margin: auto; }
  .tuandui {
    margin-top: 0; }
  /*通用样式*/
  .desc_true {
    width: 22px;
    height: 22px;
    background: url("/templates/website/res/2020/img/ico_true.png") no-repeat center center;
    background-size: cover; }
  .w975 {
    width: 975px;
    margin: 0 auto; }
  .phone-should-show {
    display: none; } }

@media (min-width: 769px) and (max-width: 1199px) {
  #sec1 {
    text-align: center; }
  .top_bar {
    padding-top: 80px; }
    .top_bar h2 {
      font-size: 40px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar h1 {
      font-size: 40px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar p {
      margin: 24px 0;
      font-size: 17px;
      line-height: 1.5;
      color: #7d8694; }
  ul.plan {
    position: relative;
    z-index: 5;
    display: flex;
    height: 917px;
    margin: 80px auto 48px;
    width: 100%;
    line-height: 2;
    -webkit-box-pack: center;
    justify-content: center;
    color: #27364e; }
    ul.plan li.content {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      cursor: default;
      margin: 0 12px;
      box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
      border-radius: 4px;
      background-color: #fff;
      max-width: 309px; }
      ul.plan li.content h3 {
        font-size: 24px;
        margin: 40px auto 5px; }
      ul.plan li.content p {
        color: #5b6b73;
        font-size: 14px;
        margin: 0;
        line-height: 24px;
        height: 24px; }
      ul.plan li.content .switch {
        margin: 65px auto 85px;
        line-height: 40px;
        width: 220px;
        height: 40px;
        font-size: 14px;
        border-radius: 2px;
        z-index: 1;
        color: #fff; }
      ul.plan li.content .switch:hover {
        background-color: #c8cdd0;
        color: #298df8; }
      ul.plan li.content .switch_two {
        background-color: #415058;
        color: #fff; }
      ul.plan li.content .switch_there {
        background-color: #fff;
        color: #298df8 !important; }
      ul.plan li.content .topdesc3 {
        background-image: linear-gradient(70deg, #298df8 4%, #1c4de3 100%);
        box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
        border-radius: 4px;
        color: #fff; }
        ul.plan li.content .topdesc3 p {
          color: #fff; }
      ul.plan li.content .feature {
        width: 285px;
        margin: 0 12px; }
        ul.plan li.content .feature ul {
          padding: 0 33px; }
          ul.plan li.content .feature ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
            color: #415058;
            height: 28px;
            line-height: 28px;
            font-size: 14px; }
      ul.plan li.content .feature:before {
        content: '';
        display: block;
        margin: 0 16px;
        height: 1px;
        border-top: 1px solid #e5e5e5;
        padding-bottom: 30px; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px; }
      #sec2_1 .content h3 {
        font-weight: 500;
        text-align: center;
        padding: 48px 0 10px 0;
        line-height: 45px;
        color: #fff;
        font-size: 32px; }
      #sec2_1 .content p {
        margin: 0;
        padding-bottom: 24px;
        line-height: 22px;
        color: #fff;
        font-size: 16px;
        text-align: center; }
      #sec2_1 .content .sec2_1a {
        width: 220px;
        height: 40px;
        background-color: #fff;
        color: #298df8;
        margin: 0 auto;
        font-size: 14px;
        line-height: 40px;
        border-radius: 3px; }
      #sec2_1 .content .sec2_1a:hover {
        background-color: #c8cdd0;
        color: #1c4de3; }
  #sec2 .header {
    justify-content: space-between;
    padding-top: 90px;
    padding-bottom: 50px; }
    #sec2 .header .header_left h3 {
      color: #415058;
      font-size: 24px; }
    #sec2 .header .header_right ul {
      display: flex;
      justify-content: flex-end; }
      #sec2 .header .header_right ul li {
        width: 256px;
        height: 106px;
        margin: 0 auto;
        text-align: center; }
      #sec2 .header .header_right ul h5 {
        font-size: 16px;
        color: #1f292e; }
      #sec2 .header .header_right ul p {
        color: #5b6b73;
        font-size: 12px;
        padding-top: 30px;
        padding-bottom: 10px; }
      #sec2 .header .header_right ul .header_a {
        background-color: #415058 !important;
        line-height: 32px;
        font-size: 14px;
        width: 176px;
        height: 32px;
        margin: 0 auto; }
      #sec2 .header .header_right ul a {
        color: #fff; }
      #sec2 .header .header_right ul .header_a:hover {
        background-color: #c8cdd0;
        color: #298df8; }
  #sec2 .sec2_table caption {
    font-size: 18px;
    font-weight: 600;
    color: #415058;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px; }
  #sec2 .sec2_table tr {
    color: #415058;
    font-weight: 400;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px; }
  #sec2 .sec2_table th {
    padding: 0 7px;
    color: #415058;
    width: 200px;
    font-weight: 400;
    text-align: left; }
  #sec2 .sec2_table td {
    text-align: center;
    width: 253px; }
    #sec2 .sec2_table td div {
      margin: auto; }
  .tuandui {
    margin-top: 0; }
  /*通用样式*/
  .desc_true {
    width: 22px;
    height: 22px;
    background: url("/templates/website/res/2020/img/ico_true.png") no-repeat center center;
    background-size: cover; }
  .w975 {
    width: 975px;
    margin: 0 auto; }
  .phone-should-show {
    display: none; } }

@media (max-width: 768px) {
  #sec1 {
    text-align: center; }
  .top_bar {
    padding-top: 80px; }
    .top_bar h2 {
      font-size: 24px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar h1 {
      font-size: 24px;
      font-weight: 500;
      color: #1f292e; }
    .top_bar p {
      margin: 24px 0;
      font-size: 16px;
      line-height: 1.5;
      color: #7d8694; }
  ul.plan {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    margin: 80px auto 48px;
    width: 100%;
    line-height: 2;
    -webkit-box-pack: center;
    justify-content: center;
    color: #27364e; }
    ul.plan li.content:nth-child(n+2) {
      margin-top: 20px; }
    ul.plan li.content {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      cursor: default;
      margin: 0 12px;
      box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
      border-radius: 4px;
      background-color: #fff;
      max-width: 309px; }
      ul.plan li.content h3 {
        font-size: 24px;
        margin: 40px auto 5px; }
      ul.plan li.content p {
        color: #5b6b73;
        font-size: 14px;
        margin: 0;
        line-height: 24px;
        height: 24px; }
      ul.plan li.content .switch {
        margin: 65px auto 85px;
        line-height: 40px;
        width: 220px;
        height: 40px;
        font-size: 14px;
        border-radius: 2px;
        z-index: 1;
        color: #fff; }
      ul.plan li.content .switch_two {
        background-color: #415058;
        color: #fff; }
      ul.plan li.content .switch_there {
        background-color: #fff;
        color: #298df8 !important; }
      ul.plan li.content .topdesc3 {
        background-image: linear-gradient(70deg, #298df8 4%, #1c4de3 100%);
        box-shadow: 0 5px 20px 0 rgba(43, 41, 41, 0.15);
        border-radius: 4px;
        color: #fff; }
        ul.plan li.content .topdesc3 p {
          color: #fff; }
      ul.plan li.content .feature {
        width: 285px;
        margin: 0 12px; }
        ul.plan li.content .feature ul {
          padding: 0 33px; }
          ul.plan li.content .feature ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
            color: #415058;
            height: 28px;
            line-height: 28px;
            font-size: 14px; }
      ul.plan li.content .feature:before {
        content: '';
        display: block;
        margin: 0 16px;
        height: 1px;
        border-top: 1px solid #e5e5e5;
        padding-bottom: 30px; }
  #sec2_1 {
    text-align: center; }
    #sec2_1 .content {
      background-image: linear-gradient(143deg, #298df8 0%, #1c4de3 100%);
      height: 229px;
      padding-bottom: 20px; }
      #sec2_1 .content h3 {
        font-weight: 500;
        text-align: center;
        padding: 28px 32px 10px 32px;
        line-height: 45px;
        color: #fff;
        font-size: 24px; }
      #sec2_1 .content p {
        margin: 0;
        padding-bottom: 24px;
        line-height: 22px;
        color: #fff;
        font-size: 16px;
        text-align: center; }
      #sec2_1 .content .sec2_1a {
        width: 170px;
        height: 40px;
        background-color: #fff;
        color: #298df8;
        margin: 0 auto;
        font-size: 14px;
        line-height: 40px;
        border-radius: 3px; }
      #sec2_1 .content .sec2_1a:hover {
        background-color: #c8cdd0;
        color: #1c4de3; }
  #sec2 .header {
    justify-content: space-between;
    padding-top: 90px;
    padding-bottom: 50px; }
    #sec2 .header .header_left h3 {
      color: #415058;
      font-size: 24px; }
    #sec2 .header .header_right ul {
      display: flex;
      justify-content: flex-end; }
      #sec2 .header .header_right ul li {
        width: 256px;
        height: 106px;
        margin: 0 auto;
        text-align: center; }
      #sec2 .header .header_right ul h5 {
        font-size: 16px;
        color: #1f292e; }
      #sec2 .header .header_right ul p {
        color: #5b6b73;
        font-size: 12px;
        padding-top: 30px;
        padding-bottom: 10px; }
      #sec2 .header .header_right ul .header_a {
        background-color: #415058 !important;
        line-height: 32px;
        font-size: 14px;
        width: 176px;
        height: 32px;
        margin: 0 auto; }
      #sec2 .header .header_right ul a {
        color: #fff; }
      #sec2 .header .header_right ul .header_a:hover {
        background-color: #c8cdd0;
        color: #298df8; }
  #sec2 .sec2_table caption {
    font-size: 16px;
    font-weight: 600;
    color: #415058;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px; }
  #sec2 .sec2_table tr {
    color: #415058;
    font-weight: 400;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px; }
  #sec2 .sec2_table th {
    padding: 0 7px;
    color: #415058;
    width: 200px;
    font-weight: 400;
    text-align: left; }
  #sec2 .sec2_table td {
    text-align: center;
    width: 253px; }
    #sec2 .sec2_table td div {
      margin: auto; }
  .tuandui {
    margin-top: 0; }
  /*通用样式*/
  .desc_true {
    width: 22px;
    height: 22px;
    background: url("/templates/website/res/2020/img/ico_true.png") no-repeat center center;
    background-size: cover; }
  .w975 {
    width: 975px;
    margin: 0 auto; }
  .phone-shouldnt-show {
    display: none; }
  .phone-should-show {
    display: inline; } }

#sec3 h2 {
  text-align: center;
  margin-bottom: 80px; }

#sec3 .bgcolor {
  background: #f4f4f4; }

#sec3 .pcolor {
  color: #aeaeae; }

#sec3 .sla_table .sla_min_table {
  min-width: 1200px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px; }

#sec3 .sla_table .table_top td {
  border: 1px solid #e1e1e1;
  text-align: center; }

#sec3 .sla_table .table_top tr:nth-child(1) {
  height: 79px;
  line-height: 79px;
  font-size: 18px; }
  #sec3 .sla_table .table_top tr:nth-child(1) td:nth-child(1) {
    width: 313px !important; }
  #sec3 .sla_table .table_top tr:nth-child(1) td:nth-child(n+1) {
    width: 117px; }
  #sec3 .sla_table .table_top tr:nth-child(1) td:nth-child(6) {
    width: 285px; }

#sec3 .sla_table .table_top tr:nth-child(2) {
  height: 61px;
  line-height: 61px; }

#sec3 .sla_table .table_nth td {
  border: 1px solid #e1e1e1; }

#sec3 .sla_table .table_nth tr:nth-child(1) td {
  border-top: none; }

#sec3 .sla_table .table_nth tr:nth-child(1) td:nth-child(1) {
  width: 133px !important;
  text-align: center; }

#sec3 .sla_table .table_nth tr:nth-child(1) td:nth-child(2) {
  width: 174px !important;
  text-align: left !important;
  padding-left: 5px; }

#sec3 .sla_table .table_nth tr:nth-child(1) td:nth-child(n+3) {
  width: 117px;
  height: 48px;
  text-align: center; }

#sec3 .sla_table .table_nth tr:nth-child(1) td:nth-child(7) {
  text-align: left !important;
  padding-left: 5px; }

#sec3 .sla_table .table_nth tr:nth-child(n+1) {
  height: 48px; }
  #sec3 .sla_table .table_nth tr:nth-child(n+1) td:nth-last-child(1) {
    text-align: center; }

#sec3 .sla_table .table_nth tr:nth-child(n+2) td:nth-child(1) {
  width: 174px;
  text-align: left !important;
  padding-left: 5px; }

#sec3 .sla_table .table_nth tr:nth-child(n+2) td:nth-child(n+2) {
  width: 117px;
  height: 48px;
  text-align: center; }

#sec3 .sla_table .table_nth tr:nth-child(n+2) td:nth-child(6) {
  width: 280px;
  text-align: left !important;
  padding-left: 5px; }

#sec3 .sla_table .table_1 tr:nth-child(1) td:nth-child(1) {
  height: 480px; }

#sec3 .sla_table .table_2 tr:nth-child(1) td:nth-child(1) {
  height: 96px; }

#sec3 .sla_table .table_3 tr:nth-child(1) td:nth-child(1) {
  height: 144px; }

#sec3 .sla_table .table_4 tr:nth-child(1) td:nth-child(1) {
  height: 336px; }