.mobile {
  display: none; }

.shownavbar,
.changes {
  display: none; }

@media (min-width: 600px) {
  .content .main_service ul li .grow .spans div {
    transition: all .1s; }
    .content .main_service ul li .grow .spans div:hover {
      box-shadow: inset -1px -1px 0px 2px rgba(0, 0, 0, 0.1);
      opacity: 0.95;
      transform: translateY(-1px); }

  .content .main_service1 ul li .grow .spans div {
    transition: all .1s; }
    .content .main_service1 ul li .grow .spans div:hover {
      box-shadow: inset -1px -1px 0px 2px rgba(0, 0, 0, 0.1);
      opacity: 0.95;
      transform: translateY(-1px); }

  .main_xz ul li a {
    transition: all .1s; }
    .main_xz ul li a:hover {
      box-shadow: inset 0px -2px 0px 1px #CDEEF8;
      opacity: 0.95;
      transform: translateY(-1px); }

  .content .header .right .land {
    transition: all .1s; }
    .content .header .right .land:hover {
      box-shadow: inset -1px -1px 0px 2px rgba(0, 0, 0, 0.1);
      opacity: 0.95;
      transform: translateY(-1px); }

  .contactus {
    transition: all .1s; }
    .contactus:hover {
      box-shadow: inset -1px -6px 0px 2px rgba(0, 0, 0, 0.1);
      opacity: 0.95;
      transform: translateY(-2px); } }
.content {
  width: 100%; }
  .content .header {
    width: 100%;
    height: 57.5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #051a49;
    transition: all .3s;
    padding: 0 21px;
    z-index: 9999999; }
    .content .header.ons {
      background: #051a49 !important; }
    .content .header .w {
      width: 1200px;
      margin: 0 auto;
      height: 100%;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .content .header .menu {
      width: 21px;
      cursor: pointer;
      display: none; }
    .content .header .search {
      width: 28px;
      cursor: pointer;
      display: none; }
    .content .header .logo {
      width: 33.5px;
      cursor: pointer; }
    .content .header .right {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .right .land {
        display: inline-flex;
        align-items: center;
        padding: 0 15px;
        height: 30px;
        background: #0b9ad2;
        font-size: 14px;
        color: #fff;
        margin-left: 40px;
        float: left;
        margin-right: 8px;
        border-radius: 40px; }
        .content .header .right .land a {
          width: 100%;
          color: #fff; }
      .content .header .right ul {
        height: 10%;
        display: flex;
        align-items: center; }
        .content .header .right ul li {
          overflow: hidden;
          margin-left: 25px; }
          .content .header .right ul li:hover a {
            color: #0a9bd1; }
          .content .header .right ul li a {
            font-size: 14px;
            color: #fff; }
  .content .banner {
    overflow: hidden;
    width: 100%;
    height: 582px;
    background-size: cover;
    background-position: center center; }
    .content .banner .mySwiper {
      width: 100%;
      height: 100%;
      position: relative; }
    .content .banner .swiper-pagination-bullet-active {
      background: #0a9bd1; }
    .content .banner .swiper-pagination {
      font-size: 12px;
      bottom: 172px; }
    .content .banner .swiper-slide {
      width: 100%;
      height: 100%;
      padding-top: 65px;
      background-image: url(../images/banner_01.jpg);
      background-size: cover;
      background-position: center center; }
    .content .banner .contactus {
      overflow: hidden;
      width: 247px;
      height: 58px;
      font-size: 21.5px;
      color: #fff;
      margin: 0 auto;
      background: #0a9bd1;
      border-radius: 40px;
      margin-top: 70px; }
      .content .banner .contactus a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        letter-spacing: 1.5px;
        font-size: 21.5px;
        color: #fff; }
    .content .banner .more {
      display: block;
      text-align: center;
      font-size: 19.5px;
      color: #0a9bd1;
      margin-top: 25px;
      font-weight: 100;
      letter-spacing: 1.5px; }
    .content .banner .font {
      overflow: hidden;
      width: 345px;
      background: rgba(255, 255, 255, 0.6);
      margin: 0 auto;
      height: 306px;
      padding-top: 76.5px; }
      .content .banner .font p {
        text-align: center;
        line-height: 1;
        font-size: 47px;
        color: #142c53; }
      .content .banner .font div {
        width: 80%;
        height: 1px;
        background: #000;
        margin: 35px auto; }
      .content .banner .font span {
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 100;
        letter-spacing: 3px;
        margin-bottom: 16px;
        color: #132b53; }
      .content .banner .font ul {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .banner .font ul li {
          font-size: 18px;
          font-weight: 100;
          position: relative;
          margin: 0 15px;
          color: #132b53; }
          .content .banner .font ul li::after {
            width: 5px;
            height: 5px;
            background: #132b53;
            border-radius: 50%;
            content: '';
            position: absolute;
            right: -15px;
            top: 50%;
            transform: translateY(-50%); }
          .content .banner .font ul li:last-child::after {
            display: none; }
  .content .main_about {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 40px 0; }
    .content .main_about .main_product_list {
      background: #fff; }
      .content .main_about .main_product_list .main_service1 ul li .pic img {
        border-radius: 0 60px 0 0; }
      .content .main_about .main_product_list .main_service1 {
        padding-top: 0; }
    .content .main_about .main_product_list .w {
      padding: 0; }
    .content .main_about > ul {
      overflow: hidden; }
      .content .main_about > ul > li {
        overflow: hidden;
        margin-bottom: 20px;
        width: 16.6666%;
        float: left;
        padding: 0 10px;
        align-items: flex-start;
        margin-top: 50px;
        justify-content: space-between; }
        .content .main_about > ul > li img {
          display: block;
          width: 40px;
          margin: 0 auto;
          margin-bottom: 20px; }
        .content .main_about > ul > li p {
          text-align: center;
          font-size: 17.5px;
          color: #091d3d;
          line-height: 25px;
          font-weight: bold;
          margin-bottom: 10px; }
        .content .main_about > ul > li em {
          display: block;
          font-size: 13px;
          color: #091d3d;
          text-align: center;
          font-weight: 100;
          line-height: 25px; }
    .content .main_about .add_title {
      overflow: hidden;
      width: 100%;
      position: relative;
      padding-top: 20px;
      margin-top: 30px; }
      .content .main_about .add_title i {
        font-size: 53px;
        background-image: -webkit-linear-gradient(top, #fff, #F1F2F4);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: absolute;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        display: block;
        left: 0;
        font-weight: bold;
        top: 0;
        text-align: center; }
      .content .main_about .add_title p {
        font-size: 19.5px;
        font-weight: bold;
        color: #091d3d;
        position: relative;
        z-index: 9999;
        text-align: center;
        line-height: 1;
        margin-bottom: 8px; }
      .content .main_about .add_title em {
        display: block;
        position: relative;
        z-index: 9999;
        text-align: center;
        font-size: 12px;
        color: #b1b6bd;
        text-transform: uppercase; }
    .content .main_about > p {
      text-align: center;
      font-size: 19.5px;
      color: #091d3d;
      line-height: 31.5px;
      font-weight: 100;
      letter-spacing: 2.5px; }
      .content .main_about > p.on {
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 42.5px; }
    .content .main_about .line {
      overflow: hidden;
      text-align: center;
      width: 100%;
      margin: 50px 0; }
      .content .main_about .line div {
        display: inline-block;
        position: relative;
        z-index: 999; }
        .content .main_about .line div img {
          display: inline-block;
          z-index: 999; }
        .content .main_about .line div::after {
          content: '';
          width: 120px;
          height: 2.5px;
          background-image: url(../images/line_03.png);
          background-size: auto 100%;
          position: absolute;
          left: -120px;
          top: 50%; }
        .content .main_about .line div::before {
          content: '';
          width: 120px;
          height: 2.5px;
          background-image: url(../images/line_03.png);
          background-size: auto 100%;
          position: absolute;
          right: -120px;
          top: 50%; }
    .content .main_about span {
      text-align: center;
      font-size: 34.5px;
      color: #0a9bd1;
      letter-spacing: 2.5px;
      display: block; }
  .content .main_list {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto; }
    .content .main_list ul {
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .main_list ul li {
        width: 32%;
        height: 215px;
        background-image: url(../images/bg_02.jpg);
        background-size: cover;
        background-position: center center; }
        .content .main_list ul li:nth-child(2) {
          background-image: url(../images/pic_02.jpg); }
        .content .main_list ul li:nth-child(3) {
          background-image: url(../images/pic_04.jpg); }
        .content .main_list ul li a {
          width: 100%;
          height: 100%;
          display: block;
          overflow: hidden;
          padding-top: 45px; }
          .content .main_list ul li a img {
            display: block;
            margin: 0 auto;
            width: 45px;
            margin-bottom: 25px; }
          .content .main_list ul li a p {
            text-align: center;
            font-size: 21.5px;
            color: #fff;
            line-height: 32px;
            width: 240px;
            font-weight: 100;
            letter-spacing: 2.5px;
            margin: 0 auto; }
  .content .main_list1 {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto; }
    .content .main_list1 ul {
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .main_list1 ul li {
        width: 32%;
        height: 400px;
        background-image: url(../images/addbg_02.jpg);
        background-size: cover;
        background-position: center center; }
        .content .main_list1 ul li:nth-child(2) {
          background-image: url(../images/addbg_04.jpg); }
        .content .main_list1 ul li:nth-child(3) {
          background-image: url(../images/addbg_06.jpg); }
        .content .main_list1 ul li a {
          width: 100%;
          height: 100%;
          display: block;
          overflow: hidden;
          padding-top: 45px; }
          .content .main_list1 ul li a img {
            display: block;
            margin: 0 auto;
            width: 45px;
            margin-bottom: 25px; }
          .content .main_list1 ul li a p {
            text-align: center;
            font-size: 21.5px;
            color: #fff;
            line-height: 32px;
            width: 240px;
            font-weight: 100;
            letter-spacing: 2.5px;
            margin: 0 auto; }
          .content .main_list1 ul li a span {
            display: block;
            text-align: center;
            font-size: 13px;
            color: #B1B2B9;
            line-height: 19px;
            width: 80%;
            font-weight: 100;
            letter-spacing: 2.5px;
            margin: 0 auto;
            margin-top: 17.5px; }
  .content .main_service {
    overflow: hidden;
    padding: 80px 0 0 0;
    width: 1200px;
    margin: 0 auto; }
    .content .main_service.on ul {
      margin-top: 0; }
    .content .main_service h2 {
      font-size: 32.5px;
      color: #0a9bd1;
      text-align: center;
      letter-spacing: 4px; }
    .content .main_service ul {
      width: 100%;
      margin-top: 75px; }
      .content .main_service ul li {
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px; }
        .content .main_service ul li:nth-child(2n) .grow p {
          text-align: right; }
          .content .main_service ul li:nth-child(2n) .grow p::after {
            content: '';
            width: 42px;
            height: 3px;
            background: #2f4563;
            position: absolute;
            left: 92%;
            bottom: -15px; }
        .content .main_service ul li:nth-child(2n) .grow .spans div {
          float: right; }
        .content .main_service ul li .pic {
          width: 350; }
          .content .main_service ul li .pic img {
            display: block;
            width: 100%; }
        .content .main_service ul li .grow {
          overflow: hidden;
          width: calc(100% - 400px); }
          .content .main_service ul li .grow .spans div {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            padding: 0 15px;
            height: 40px;
            background: #0b9ad2;
            font-size: 16px;
            color: #fff;
            margin-bottom: 10px;
            float: left;
            margin-right: 8px;
            border-radius: 40px; }
          .content .main_service ul li .grow .spans {
            display: flex;
            align-items: center;
            justify-content: flex-end; }
          .content .main_service ul li .grow p {
            font-size: 20px;
            color: #2f4563;
            line-height: 35px;
            position: relative;
            margin-bottom: 30px; }
            .content .main_service ul li .grow p::after {
              content: '';
              width: 42px;
              height: 3px;
              background: #2f4563;
              position: absolute;
              bottom: -15px;
              left: 0; }
          .content .main_service ul li .grow span {
            display: block;
            font-size: 16px;
            color: #999999;
            line-height: 25px; }
            .content .main_service ul li .grow span i {
              color: #0b9ad2; }
  .content .main_line {
    overflow: hidden;
    padding: 50px 0;
    width: 1200px;
    margin: 0 auto;
    text-align: center; }
    .content .main_line h3 {
      display: inline-block;
      background: #31aad6;
      letter-spacing: 2.5px;
      font-size: 21.5px;
      color: #fff;
      line-height: 29px;
      border-radius: 10px;
      padding: 22.5px 18px; }
    .content .main_line p {
      text-align: center;
      letter-spacing: 2.5px;
      font-size: 25px;
      color: #282828;
      margin: 30px 0; }
    .content .main_line .call {
      overflow: hidden;
      display: flex;
      align-items: center;
      transition: all .2s;
      justify-content: center; }
      .content .main_line .call:hover {
        transform: translateY(-2px); }
      .content .main_line .call a {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden; }
      .content .main_line .call .icon {
        width: 90px; }
      .content .main_line .call span {
        font-size: 29px;
        color: #3ace01;
        margin-left: 30px;
        letter-spacing: 4px; }
      .content .main_line .call .right {
        width: 23px;
        margin-left: 10px; }

.footer {
  overflow: hidden;
  width: 100%;
  height: 345px;
  background-image: url(../images/bg_04.jpg);
  background-size: cover;
  background-position: center center;
  left: 0;
  bottom: 0; }
  .footer .fot {
    width: 100%;
    overflow: hidden;
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6); }
    .footer .fot .w {
      overflow: hidden;
      width: 1200px;
      margin: 0 auto; }
      .footer .fot .w p {
        font-size: 13px;
        color: #9e9e9f;
        line-height: 25px;
        font-weight: 100;
        width: 100%;
        text-align: center; }
      .footer .fot .w ul {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .footer .fot .w ul li {
          overflow: hidden;
          font-size: 12.5px;
          line-height: 25px;
          margin: 0 5px;
          color: #9e9e9f; }
          .footer .fot .w ul li a {
            color: #9e9e9f; }
  .footer .top {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 231.5px;
    padding: 40px 0; }
    .footer .top div {
      overflow: hidden;
      margin-bottom: 16.5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .footer .top div img {
        width: 30px; }
      .footer .top div span {
        font-size: 19.5px;
        color: #fff;
        margin-left: 17.5px;
        font-weight: 100;
        letter-spacing: 2.5px; }
    .footer .top p {
      font-size: 15px;
      color: #fff;
      line-height: 25px;
      font-weight: 100;
      text-align: center; }

.main_product_list {
  overflow: hidden;
  width: 100%;
  background: #f7f7f7; }
  .main_product_list .w {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0; }
    .main_product_list .w .title {
      display: flex;
      position: relative;
      width: 100%;
      align-items: center; }
      .main_product_list .w .title::after {
        content: '';
        width: 175px;
        height: 1px;
        position: absolute;
        left: 175px;
        bottom: 10px;
        background: linear-gradient(to right, #DCDCDC, #f7f7f7); }
      .main_product_list .w .title img {
        width: 33px; }
      .main_product_list .w .title div {
        overflow: hidden;
        margin-left: 7.5px; }
        .main_product_list .w .title div p {
          font-size: 19px;
          color: #000;
          font-weight: bold;
          margin-bottom: 5px; }
        .main_product_list .w .title div span {
          display: block;
          font-size: 14px;
          text-transform: uppercase;
          color: #999999; }
    .main_product_list .w > ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 40px; }
      .main_product_list .w > ul li {
        width: 32%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 6px 3px #C8E4F0;
        height: 270px; }
        .main_product_list .w > ul li .pic {
          width: 100%;
          overflow: hidden;
          height: 150px; }
          .main_product_list .w > ul li .pic img {
            display: block;
            width: 100%; }
        .main_product_list .w > ul li .info {
          overflow: hidden;
          padding-top: 18px; }
          .main_product_list .w > ul li .info p {
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            color: #111111; }
          .main_product_list .w > ul li .info span {
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            color: #ef3737;
            display: block;
            margin: 6px 0; }
          .main_product_list .w > ul li .info div {
            overflow: hidden;
            width: 21px;
            height: 2px;
            margin: 0 auto;
            background: #000;
            margin-bottom: 5px; }
          .main_product_list .w > ul li .info em {
            display: block;
            font-size: 10px;
            color: #999999;
            line-height: 15px;
            text-transform: uppercase;
            text-align: center; }

.tong_title {
  overflow: hidden;
  position: relative;
  padding-top: 22.5px; }
  .tong_title span {
    display: block;
    font-size: 19px;
    color: #111111;
    line-height: 1;
    position: relative;
    z-index: 99;
    margin-bottom: 11px;
    letter-spacing: 1.5px;
    font-weight: bold; }
  .tong_title p {
    font-size: 38px;
    color: #f7f9fa;
    letter-spacing: 1.5px;
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-weight: bold;
    top: 0;
    line-height: 1; }
  .tong_title div {
    overflow: hidden;
    width: 27px;
    height: 2px;
    background: #111111; }

.main_contact {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0; }
  .main_contact img {
    display: block;
    margin-top: 40px;
    max-width: 100%; }

.main_contact_info {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px; }
  .main_contact_info h3 {
    font-size: 19px;
    color: #111111;
    margin-bottom: 40px;
    font-weight: bold; }
  .main_contact_info ul {
    overflow: hidden; }
    .main_contact_info ul li {
      overflow: hidden;
      display: flex;
      align-items: center;
      margin-bottom: 20px; }
      .main_contact_info ul li img {
        width: 19px; }
      .main_contact_info ul li span {
        display: block;
        font-size: 18px;
        color: #666666;
        margin-left: 15px; }
  .main_contact_info .map {
    overflow: hidden;
    width: 750px;
    max-width: 100%; }

.main_product {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0; }
  .main_product .box {
    overflow: hidden;
    width: 750px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative; }
    .main_product .box .swiper-pagination-bullet {
      opacity: 0.2;
      transition: all .2s;
      background: #fff; }
    .main_product .box .swiper-pagination {
      bottom: 164px; }
    .main_product .box .swiper-pagination-bullet-active {
      opacity: 1;
      background: #fff;
      width: 28px;
      border-radius: 10px; }
    .main_product .box .swiper-slide {
      width: 670px; }
    .main_product .box .item {
      width: 670px;
      margin: 0 auto;
      position: relative;
      overflow: hidden; }
      .main_product .box .item.on .info {
        opacity: 1; }
      .main_product .box .item .pic {
        overflow: hidden;
        border-radius: 25px; }
        .main_product .box .item .pic img {
          display: block;
          width: 100%; }
      .main_product .box .item .info {
        overflow: hidden;
        padding: 16.5px 0;
        position: relative;
        transition: all .3s;
        opacity: 0; }
        .main_product .box .item .info p {
          font-size: 19px;
          color: #111111;
          font-weight: bold;
          margin-bottom: 10px; }
        .main_product .box .item .info span {
          display: block;
          font-size: 14px;
          color: #999999;
          line-height: 25px; }
        .main_product .box .item .info div {
          overflow: hidden;
          border-radius: 40px 0 0 40px;
          background: #ef3737;
          padding: 8px 15px;
          font-size: 14px;
          color: #fff;
          position: absolute;
          right: 0;
          top: 16.5px; }

.main_xz {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0; }
  .main_xz ul {
    overflow: hidden; }
    .main_xz ul li {
      float: left;
      margin-right: 8px;
      margin-top: 25px; }
      .main_xz ul li a {
        display: inline-flex;
        align-items: center;
        border-radius: 40px;
        padding: 0 15px;
        height: 40px;
        background: #e6f5fa;
        font-size: 15px;
        color: #0b9ad2; }

.main_xz_box {
  overflow: hidden;
  padding-bottom: 40px;
  width: 1200px;
  margin: 0 auto;
  background: #f7f7f7;
  padding: 25px;
  margin-bottom: 40px; }
  .main_xz_box h3 {
    font-size: 18px;
    color: #111111;
    line-height: 35px;
    font-weight: bold;
    margin-bottom: 15px; }
  .main_xz_box .box {
    overflow: hidden;
    padding: 25px;
    border-radius: 10px;
    background: #fff; }
    .main_xz_box .box ul {
      overflow: hidden; }
      .main_xz_box .box ul li {
        overflow: hidden;
        margin-bottom: 20px; }
        .main_xz_box .box ul li .t {
          overflow: hidden;
          position: relative;
          display: inline-block;
          margin-bottom: 5px; }
          .main_xz_box .box ul li .t p {
            font-size: 16px;
            display: inline-block;
            font-weight: bold;
            color: #111111;
            position: relative;
            z-index: 999; }
          .main_xz_box .box ul li .t::after {
            content: '';
            width: 100%;
            background: #9dd7ed;
            height: 9.5px;
            position: absolute;
            left: 0;
            top: 8px; }
        .main_xz_box .box ul li span {
          display: block;
          font-size: 15px;
          color: #999999;
          line-height: 25px; }
        .main_xz_box .box ul li em {
          display: block;
          font-size: 16px;
          color: #ef3737;
          margin-top: 5px;
          line-height: 30px; }

.main_service1 {
  overflow: hidden;
  padding: 80px 0 0 0;
  width: 1200px;
  margin: 0 auto; }
  .main_service1 h2 {
    font-size: 32.5px;
    color: #0a9bd1;
    text-align: center;
    letter-spacing: 4px; }
  .main_service1 ul {
    width: 100%; }
    .main_service1 ul li {
      overflow: hidden;
      margin-bottom: 50px; }
      .main_service1 ul li .adds {
        overflow: hidden;
        width: 100%;
        text-align: center; }
        .main_service1 ul li .adds div {
          display: inline-flex;
          align-items: center;
          cursor: pointer;
          padding: 0 19px;
          height: 40px;
          margin: 0 auto;
          background: #0b9ad2;
          font-size: 16px;
          color: #fff;
          margin-bottom: 10px;
          border-radius: 40px; }
        .main_service1 ul li .adds p {
          font-size: 15px;
          color: #0b9ad2;
          text-align: left;
          position: relative;
          margin-left: 30%;
          padding-left: 16px;
          line-height: 25px; }
          .main_service1 ul li .adds p::after {
            content: '';
            width: 6px;
            height: 6px;
            background: #0b9ad2;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 9px; }
      .main_service1 ul li .child {
        display: flex;
        justify-content: space-between; }
      .main_service1 ul li:nth-child(2n) .child .grow p {
        text-align: left; }
        .main_service1 ul li:nth-child(2n) .child .grow p::after {
          content: '';
          width: 42px;
          height: 3px;
          background: #2f4563;
          position: absolute;
          left: 0;
          bottom: -15px; }
      .main_service1 ul li:nth-child(2n) .child .grow .spans div {
        float: left; }
      .main_service1 ul li:nth-child(2n) .child .grow span {
        text-align: left; }
      .main_service1 ul li .pic {
        width: 350; }
        .main_service1 ul li .pic img {
          display: block;
          width: 100%; }
      .main_service1 ul li .grow {
        overflow: hidden;
        width: calc(100% - 350px); }
        .main_service1 ul li .grow .spans {
          margin-top: 20px;
          display: flex;
          align-items: center; }
          .main_service1 ul li .grow .spans div {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            padding: 0 15px;
            height: 40px;
            background: #0b9ad2;
            font-size: 16px;
            color: #fff;
            margin-bottom: 10px;
            float: left;
            margin-right: 8px;
            border-radius: 40px; }
        .main_service1 ul li .grow p {
          font-size: 20px;
          color: #2f4563;
          line-height: 35px;
          position: relative;
          text-align: right;
          margin-bottom: 30px; }
          .main_service1 ul li .grow p::after {
            content: '';
            width: 42px;
            height: 3px;
            background: #2f4563;
            position: absolute;
            bottom: -15px;
            left: 95%; }
        .main_service1 ul li .grow span {
          display: block;
          font-size: 16px;
          color: #999999;
          text-align: right;
          line-height: 25px; }
          .main_service1 ul li .grow span i {
            color: #0b9ad2; }

@media (max-width: 1250px) {
  .content .main_about,
  .main_xz,
  .content .main_line,
  .footer .top,
  .main_xz_box,
  .main_contact,
  .main_contact_info,
  .main_product,
  .main_product_list .w,
  .content .main_service,
  .content .main_service1,
  .content .main_list,
  .content .main_list1 {
    width: 1000px; } }
@media (max-width: 1050px) {
  .content .main_about,
  .content .main_line,
  .footer .top,
  .main_xz,
  .main_xz_box,
  .main_contact,
  .main_contact_info,
  .main_product,
  .main_product_list .w,
  .content .main_service,
  .content .main_service1,
  .content .main_list,
  .content .main_list1 {
    width: 95%;
    margin: 0 auto; }

  .content .main_list ul li a p {
    font-size: 18px;
    width: 95%; }

  .content .main_list1 ul li a p {
    font-size: 18px;
    width: 95%; }

  .footer .fot .w ul {
    flex-wrap: wrap; }

  .main_contact_info .map {
    width: 100%; }

  .main_contact_info .map img {
    width: 100%; }

  .main_product_list .w ul li .pic {
    height: auto; }

  .main_product_list .w ul li {
    height: auto; }

  .main_product_list .w ul li .info {
    padding: 15px 0; } }
@media (max-width: 1050px) {
  .content .main_about,
  .content .main_line,
  .footer .top,
  .main_xz,
  .main_xz_box,
  .main_contact,
  .main_contact_info,
  .main_product,
  .main_product_list .w,
  .content .main_service,
  .content .main_service1 .content .main_list,
  .content .main_list1 {
    width: 95%;
    margin: 0 auto; }

  .content .main_list1 ul li a span {
    width: 90%;
    font-size: 12px;
    line-height: 18px; }

  .content .main_list1 ul li a {
    padding-top: 20px; }

  .content .main_about > ul {
    display: flex;
    flex-wrap: wrap; }

  .content .main_about > ul li {
    width: 33.33%; }

  .content .main_list > ul li a p {
    font-size: 18px;
    width: 95%; }

  .content .main_list1 > ul li a p {
    font-size: 18px;
    width: 95%; }

  .footer .fot .w ul {
    flex-wrap: wrap; }

  .main_contact_info .map {
    width: 100%; }

  .main_contact_info .map img {
    width: 100%; }

  .main_product_list .w ul li .pic {
    height: auto; }

  .main_product_list .w ul li {
    height: auto; }

  .main_product_list .w ul li .info {
    padding: 15px 0; } }
@media (max-width: 850px) {
  .content .main_about,
  .content .main_line,
  .footer .top,
  .main_xz,
  .main_xz_box,
  .main_contact,
  .main_contact_info,
  .main_product,
  .main_product_list .w,
  .content .main_service,
  .content .main_service1 .content .main_list,
  .content .main_list1 {
    width: 95%;
    margin: 0 auto; }

  .main_product .box {
    width: 100%; }

  .main_product .box .swiper-slide {
    width: 90%; }

  .main_product .box .item {
    width: 100%; }

  .content .main_list ul li a p {
    font-size: 14px;
    line-height: 25px; }

  .content .main_list1 ul li a p {
    font-size: 14px;
    line-height: 25px; }

  .content .main_service ul li .pic {
    width: 50%; }

  .content .main_service ul li .grow {
    width: 45%; }

  .content .main_service ul li .grow p {
    font-size: 18px;
    line-height: 30px; }

  .content .main_service ul li .grow span {
    font-size: 15px; }

  .content .main_service1 ul li .pic {
    width: 50%; }

  .content .main_service1 ul li .grow {
    width: 45%; }

  .content .main_service1 ul li .grow p {
    font-size: 18px;
    line-height: 30px; }

  .content .main_service1 ul li .grow span {
    font-size: 15px; }

  .content .main_line p {
    font-size: 20px; }

  .content .main_line h3 {
    font-size: 18px;
    padding: 10px;
    max-width: 90%; }

  .content .main_line .call .icon {
    width: 60px; }

  .content .main_line .call span {
    font-size: 23px; }

  .main_service1 ul li .adds p {
    margin-left: 18%; } }
@media (max-width: 450px) {
  .content .main_about,
  .content .main_line,
  .footer .top,
  .main_xz,
  .main_xz_box,
  .main_contact,
  .main_contact_info,
  .main_product,
  .main_product_list .w,
  .content .main_service,
  .content .main_service1,
  .content .main_list,
  .content .main_list1 {
    width: 95%;
    margin: 0 auto; }

  .content .main_about > ul {
    margin-top: .6rem; }

  .content .main_about > ul li {
    width: 100%;
    margin: 0;
    margin-bottom: .3rem;
    justify-content: flex-start;
    display: flex; }

  .content .main_about > ul li img {
    width: .66rem;
    margin: 0; }

  .content .main_about > ul li div {
    width: 5.26rem;
    margin-left: .3rem; }

  .content .main_about > ul li div p {
    font-size: .3rem;
    margin-bottom: .12rem;
    text-align: left; }

  .content .main_about > ul li div em {
    font-size: .24rem;
    line-height: .3rem;
    text-align: left;
    display: block; }

  .main_service1 ul li .adds {
    margin-top: .3rem; }

  .main_service1 ul li .adds div {
    height: 0.66rem;
    padding: 0 0.3rem;
    font-size: .26rem; }

  .main_service1 ul li .adds p {
    font-size: .26rem;
    line-height: .5rem;
    margin-left: .2rem; }

  .content .header .right {
    display: none; }

  .content .header .menu {
    display: block;
    position: relative;
    z-index: 999999;
    width: .42rem; }

  .content .header .search {
    display: block; }

  .content .header {
    height: 1.1rem; }

  .content .main_list ul {
    flex-wrap: wrap; }

  .content .main_list {
    width: 100%; }

  .content .main_list ul li {
    width: 100%; }

  .content .main_list1 ul {
    flex-wrap: wrap; }

  .content .main_list1 {
    width: 100%; }

  .content .main_list1 ul li {
    width: 100%; }

  .content .banner {
    height: 11.65rem; }

  .content .banner .swiper-slide {
    padding-top: 1.3rem; }

  .content .header.on {
    position: fixed;
    top: 0;
    background: none; }

  .content .banner .font {
    width: 6.9rem;
    padding: 1.5rem 0 1rem 0; }

  .content .banner .font p {
    font-size: .94rem; }

  .content .banner .font div {
    margin: .75rem auto; }

  .content .banner .font span {
    font-size: .36rem;
    margin-bottom: .38rem; }

  .content .banner .font ul li {
    font-size: .38rem; }

  .content .banner .contactus {
    width: 4.96rem;
    height: 1.16rem;
    margin-top: 1.45rem; }

  .content .banner .contactus a {
    font-size: .43rem; }

  .content .banner .more {
    font-size: .39rem;
    margin-top: .48rem; }

  .content .main_about {
    padding: 1rem 0 .8rem 0; }

  .content .main_about > p {
    width: 5.95rem;
    margin: 0 auto;
    font-size: .39rem;
    line-height: .63rem; }

  .content .main_about .line {
    margin: .88rem 0; }

  .content .main_about .line div {
    width: .6rem; }

  .content .main_about .line div img {
    width: 100%; }

  .content .main_about .line div::before {
    width: 2.22rem;
    height: .05rem;
    right: -2.22rem; }

  .content .main_about .line div::after {
    width: 2.22rem;
    height: .05rem;
    left: -2.22rem; }

  .content .main_about span {
    font-size: .69rem; }

  .content .header .logo {
    width: .67rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .content .header .search {
    width: .56rem; }

  .content .main_list ul li {
    height: 4.3rem;
    margin-bottom: .13rem; }

  .content .main_list ul li a {
    padding-top: .9rem; }

  .content .main_list ul li a img {
    width: .96rem;
    margin-bottom: .4rem; }

  .content .main_list ul li a p {
    width: 4.85rem;
    margin: 0 auto;
    font-size: .43rem;
    line-height: .65rem; }

  .content .main_list1 ul li {
    height: 8rem;
    margin-bottom: .13rem; }

  .content .main_list1 ul li a {
    padding-top: .9rem; }

  .content .main_list1 ul li a img {
    width: .96rem;
    margin-bottom: .4rem; }

  .content .main_list1 ul li a p {
    width: 4.85rem;
    margin: 0 auto;
    font-size: .43rem;
    line-height: .65rem; }

  .content .main_list1 ul li a span {
    font-size: .26rem;
    line-height: .38rem; }

  .content .main_service {
    padding: 1.18rem 0 .72rem 0;
    width: 100%; }

  .content .main_service h2 {
    font-size: .65rem; }

  .content .main_service ul {
    margin-top: .85rem; }

  .content .main_service ul li {
    overflow: hidden;
    margin-bottom: .6rem; }

  .content .main_service ul li .pic {
    width: 3.5rem; }

  .content .main_service ul li .grow {
    width: 3.35rem;
    padding-right: .38rem; }

  .content .main_service ul li .grow p {
    font-size: .26rem;
    line-height: .33rem;
    margin-bottom: .36rem; }

  .content .main_service ul li .grow p::after {
    width: .42rem;
    height: .04rem;
    bottom: -.18rem; }

  .content .main_service ul li .grow span {
    font-size: .2rem;
    line-height: .34rem; }

  .content .main_service ul li:nth-child(2n) .grow {
    padding-left: .23rem;
    padding-right: 0; }

  .content .main_service ul li:nth-child(2n) .grow p {
    text-align: right; }

  .content .main_service ul li:nth-child(2n) .grow p::after {
    left: 2.7rem; }

  .content .main_service ul li .grow .spans div {
    height: .52rem;
    padding: 0 .22rem;
    font-size: .22rem;
    margin-right: .1rem;
    float: right; }

  .content .main_service ul li:last-child {
    margin-bottom: 0; }

  .content .main_service1 {
    padding: 0 0 .72rem 0;
    width: 100%; }

  .content .main_service1 h2 {
    font-size: .65rem; }

  .content .main_service1 ul {
    margin-top: .85rem; }

  .content .main_service1 ul li {
    overflow: hidden;
    margin-bottom: .6rem; }

  .content .main_service1 ul li .pic {
    width: 3rem; }

  .content .main_service1 ul li .grow {
    width: 4.3rem;
    padding-right: 0;
    padding-left: .2rem;
    padding-top: .2rem; }

  .main_product_list.on .w .title {
    padding-left: .3rem; }

  .content .main_service1 ul li .child .grow p {
    font-size: .3rem;
    font-weight: bold;
    line-height: .33rem;
    margin-bottom: .36rem; }

  .content .main_service1 ul li .child .grow p::after {
    width: .42rem;
    height: .04rem;
    bottom: -.18rem;
    left: 86%; }

  .content .main_service1 ul li .child .grow span {
    font-size: .2rem;
    line-height: .34rem; }

  .content .main_service1 ul li:nth-child(2n) .child .grow {
    padding-right: .23rem;
    padding-left: 0; }

  .content .main_service1 ul li:nth-child(2n) .child .grow p {
    text-align: left; }

  .content .main_service1 ul li:nth-child(2n) .child .grow p::after {
    left: 0; }

  .content .main_service1 ul li .child .grow .spans div {
    height: .52rem;
    padding: 0 .22rem;
    font-size: .22rem;
    margin-right: .1rem; }

  .content .main_service1 ul li:last-child {
    margin-bottom: 0; }

  .content .main_line {
    padding-top: 0;
    padding-top: .5rem; }

  .content .main_line h3 {
    font-size: .3rem;
    line-height: .45rem;
    padding: .2rem .38rem;
    box-sizing: border-box;
    width: 6.9rem;
    margin: 0 auto;
    max-width: 95%; }

  .content .main_line p {
    font-size: .49rem;
    letter-spacing: 1px;
    width: 5.65rem;
    margin: .55rem auto; }

  .content .main_line .call .icon {
    width: 1.8rem; }

  .content .main_line .call span {
    font-size: .58rem;
    margin-left: .58rem; }

  .content .main_about .add_title {
    padding-top: .26rem; }

  .content .main_about .add_title p {
    font-size: .39rem;
    margin-bottom: 0; }

  .content .main_about .add_title span {
    font-size: .24rem; }

  .content .main_about .add_title i {
    font-size: .8rem; }

  .content .main_line .call .right {
    width: .46rem;
    margin-left: .2rem; }

  .footer {
    height: 6.92rem;
    background-size: 100% 100%; }

  .footer .top {
    height: 4.63rem;
    padding: .8rem 0 0 .96rem; }

  .footer .top div {
    justify-content: flex-start;
    margin-bottom: .3rem; }

  .footer .top div img {
    width: .6rem; }

  .footer .top div span {
    font-size: .39rem;
    margin-left: .34rem; }

  .footer .top p {
    text-align: left;
    line-height: .52rem;
    font-size: .29rem; }

  .footer .fot {
    background: none; }

  .footer .fot .w p {
    font-size: .25rem; }

  .footer .fot .w ul {
    padding: 0 .56rem; }

  .content .main_service ul li .grow .spans div {
    margin-bottom: .1rem; }

  .content .main_service1 ul li .grow .spans div {
    margin-bottom: .1rem; }

  .footer .fot .w ul li {
    font-size: .25rem;
    margin: 0 .04rem; }

  .content .header {
    position: fixed; }

  .null {
    height: 1.1rem; }

  .main_product {
    width: 100%;
    padding: .28rem 0 0 0; }

  .tong_title span {
    font-size: .36rem; }

  .tong_title {
    padding-top: .48rem;
    margin-left: .39rem; }

  .tong_title p {
    font-size: .76rem; }

  .main_product .box {
    margin-top: .37rem; }

  .main_product .box .swiper-slide {
    width: 6.7rem; }

  .main_product .box .item .info {
    padding: .33rem 0; }

  .main_product .box .item .info p {
    font-size: .32rem;
    margin-bottom: .13rem; }

  .main_product .box .item .info span {
    font-size: .2rem;
    line-height: .33rem; }

  .main_product .box .item .info div {
    font-size: .24rem;
    padding: .18rem .3rem; }

  .main_product_list .w {
    padding: .45rem .3rem; }

  .main_product_list.on .w {
    padding: .8rem 0;
    padding-bottom: 0;
    width: 100%; }

  .main_product_list .w .title img {
    width: .46rem; }

  .main_product_list .w .title div {
    margin-left: .13rem; }

  .main_product_list .w .title div p {
    font-size: .28rem;
    line-height: 1;
    margin-bottom: .1rem; }

  .main_product_list .w .title div span {
    font-size: .18rem; }

  .main_product_list .w ul {
    margin-top: .35rem;
    display: block; }

  .main_product_list .w ul li {
    width: 100%;
    margin-bottom: .95rem; }

  .main_product_list .w ul li .info {
    padding: .38rem 0 .32rem 0; }

  .main_product_list .w ul li .info p {
    font-size: .26rem;
    margin-bottom: .1rem; }

  .main_product_list .w ul li .info span {
    display: block;
    font-size: .26rem; }

  .main_product_list .w ul li .info em {
    font-size: .2rem;
    line-height: .3rem; }

  .main_product_list .w ul li .info div {
    margin-bottom: .2rem; }

  .main_contact {
    width: 100%;
    padding: .26rem 0 0 0; }

  .main_contact img {
    width: 100%;
    margin-top: .4rem; }

  .main_contact_info {
    padding: .5rem .4rem; }

  .main_contact_info h3 {
    font-size: .36rem;
    margin-bottom: .45rem; }

  .main_contact_info ul li {
    margin-bottom: .28rem; }

  .main_contact_info ul li img {
    width: .29rem; }

  .main_contact_info ul li span {
    font-size: .26rem;
    margin-left: .12rem; }

  .main_xz {
    width: 100%;
    padding: .25rem 0 .4rem 0; }

  .main_xz ul {
    margin-top: .2rem;
    padding: 0 .39rem; }

  .main_xz ul li {
    margin-top: .1rem;
    margin-right: .1rem; }

  .main_xz ul li a {
    font-size: .23rem;
    padding: 0 .1rem;
    height: .65rem; }

  .main_xz_box {
    width: 100%;
    padding: .33rem .3rem; }

  .main_xz_box h3 {
    font-size: .28rem;
    line-height: .35rem; }

  .main_xz_box .box {
    padding: .36rem .3rem; }

  .main_xz_box .box ul li {
    margin-bottom: .33rem; }

  .main_xz_box .box ul li .t p {
    font-size: .28rem; }

  .main_xz_box .box ul li span {
    font-size: .24rem;
    line-height: .32rem; }

  .main_xz_box .box ul li em {
    font-size: .24rem;
    line-height: .32rem; }

  .mobile {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 99999; }
    .mobile .box {
      width: 60%;
      height: 100%;
      position: absolute;
      right: -60%;
      top: 0;
      background: #2E4E77; }
      .mobile .box .close {
        width: .6rem;
        float: right;
        margin: .5rem; }
      .mobile .box ul {
        width: 90%;
        margin: 0 auto; }
        .mobile .box ul li {
          overflow: hidden;
          width: 100%;
          border-bottom: 1px solid #24436F; }
          .mobile .box ul li a {
            height: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .3rem;
            color: #fff; }

  .changes {
    width: 2.3rem;
    height: .66rem;
    background: #fff;
    border-radius: .1rem;
    right: 0rem;
    top: -60%;
    overflow: hidden;
    position: absolute; }
    .changes input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      padding-left: .2rem;
      font-size: .24rem;
      color: #051a49; }

  .shownavbar {
    width: 2.3rem;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -.2rem;
    display: none;
    top: .2rem;
    z-index: 9;
    background: #fff;
    border-radius: .1rem;
    padding: .8rem .1rem 0 .1rem; }
    .shownavbar ul {
      overflow: hidden;
      padding: .1rem 0;
      border-top: 1px solid #e6f5fa; }
      .shownavbar ul li {
        overflow: hidden;
        width: 100%;
        height: .72rem;
        border-radius: .1rem; }
        .shownavbar ul li a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .24rem;
          color: #051a49; }
        .shownavbar ul li.on {
          background: #ceebf6; }

  .content .banner .swiper-pagination {
    bottom: 3.3rem; }

  .main_product_list .w .title::after {
    left: 3rem;
    bottom: .15rem; }

  .main_product .box .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem; }

  .main_product .box .swiper-pagination {
    bottom: 2.6rem; }

  .main_product .box .swiper-pagination-bullet-active {
    width: .28rem; }

  .changes {
    display: block;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .content .main_service ul li .grow .spans {
    flex-wrap: wrap; }

  .main_service1 ul li .grow .spans {
    flex-wrap: wrap; } }

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

.contpa{ padding-top: 0; padding-bottom: 0;}
.tong_title_p{ font-size: 38px;}
.to_jd {overflow: hidden;width: 750px; max-width: 100%;background: #e6f5fa;border-radius: 20px; padding:25px 20px;}
.to_jd ul{width: 100%; display: table;}
.to_jd ul li{width: 100%; display: table;font-size: 18px; color: #9dd7ed; margin-bottom: 15px; }
.to_jd ul li font{ color: #333; width: calc(100% - 30px); float: right;}
.to_jd ul li:last-child{ margin-bottom: 0;}

@media (max-width:1024px) {
  .to_jd {width: 100%;}
}
@media (max-width: 450px) {
  .tong_title_p{ font-size:.5rem !important;line-height:1.6 !important;}

  .to_jd ul li{font-size: .26rem;}
  .to_jd ul li font{ color: #333; width: calc(100% - 20px); float: right;}
}

.to_img{width: 100%; height:200px; background: url(../images/liebiao_pc.png) bottom; background-size: cover; display: table; margin-top: 20px;}
.ta_bct{width: 90%; margin: 0 auto; display: table; margin-top:55px;}
.ta_bct h2{ font-size: 24px; color: #051a49; font-weight: bold;}
.ta_bct h3{width: 50px; height:2px; background: #051a49; margin-top:5px;}
@media (max-width:450px) {
.to_img{width: 100%; height: 180px; background: url(../images/liebiao.png) bottom; background-size: cover;margin-top:0px}
.ta_bct h2{ font-size: 20px;}
.ta_bct{margin-top:35px;}
}


.ti_list{width: 95%; margin: 0 auto; display: table; margin-top: -50px;}
.ti_list ul{width: 100%; display: table;}
.ti_list ul li{width:49%; float: left; background: #fff; border-radius: 10px; padding:15px 10px; margin-bottom:20px;}
.ti_tp{width:160px; height:140px;display: flex; border-radius:5px; overflow: hidden;justify-content: center;align-items: center;background: #eee;float: left; margin:0;}
.ti_tp img{width: 100%; height: 100%;justify-content: center;align-items: center;}
.ti_font{ float: right;width: calc(100% - 170px); position: relative; height: 140px;}
.ti_font h2{ font-size: 17px;padding:10px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; color: #333;}
.ti_font h3{ font-size: 14px; font-weight: normal; line-height: 23px; color: #666666;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
padding-top:5px; border-top: #eee 1px solid;  }
.hycov{ width: auto;height: auto;max-width: 100%;max-height: 100%;}
.yued{ position: absolute; bottom: 0; right: 0; border: #31aad6 1px solid; border-radius: 4px; line-height:25px; padding: 0 5px;color: #31aad6;}
.yued:hover{background: #31aad6; color: #fff;}
.ti_list ul li:nth-child(even){float: right;}



@media (max-width:824px) {
.ti_list ul li{width:100%;}
.ti_tp{width:160px; height:140px;}
.ti_font{ float: right;width: calc(100% - 170px);}
.ti_font h2{padding:0px 0;margin-bottom: 5px;}
}

@media (max-width:320px) {
.ti_tp{width:140px; height:140px;}
.ti_font{ float: right;width: calc(100% - 150px);}
}



.fenye{ margin:0 auto; padding:0px; display:table;height:40px; margin-bottom:40px;}
.fenye a{ float:left; margin:0 20px;border:#ffffff 1px solid; background: #ffffff; text-align: center; color:#333333; padding:0px 27px; border-radius:5px; line-height:35px; font-size:16px; text-align: center}
.fenye a:hover{color:#ffffff;border:#31aad6 1px solid; background:#d5f3ff !important; color: #31aad6;}
.new_page{ line-height:35px; float:left; color:#666; font-size:16px;}

.xiangq{width: 100%;background: url(../images/tu01.jpg) bottom; background-size: cover; display: table; margin-top: 20px; padding:60px 0px 80px 0; position: relative;}
.xiangq2{width: 100%;background: url(../images/tu02.jpg) top; background-size: cover; display: table; margin-top: 20px; padding:60px 0px 80px 0; position: relative;}
.xiangq3{width: 100%;background: url(../images/tu03.jpg) bottom; background-size: cover; display: table; margin-top: 20px; padding:60px 0px 80px 0; position: relative;}
.xa_f{ z-index: 100; position: relative;width: 100%; top: 0; display: table;}
.xa_f h2{ font-size:32px; color: #fff; text-align: center; font-weight: bold;}
.xa_f h3{width: 50px; height: 2px; background: #fff; margin: 0 auto; display: table; margin-top: 5px;z-index: 100;}
.xa_bg{ position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 100%; top: 0; left: 0;}




@media (max-width:450px) {
.xiangq{margin-top:0px;}
.xiangq2{margin-top:0px; }
.xiangq3{margin-top:0px;}
}
.xq_lb{width:100%; margin: 0 auto; display: table; background: #fff; border-radius: 10px; padding: 10px 15px; margin-top:00px;}
.xq_lb li{ list-style: none; line-height: 25px; font-size: 15px; display: table; width: 100%; padding: 5px;}
.xq_lb li img{ height: 10px; float: left; margin-top:8px;}
.xq_font{width: calc(100% - 25px); float: right; text-decoration: underline;}
.xq_font a{ color: #333;}

.xq_nr{width: 100%; margin: 0 auto; display: table; border-radius: 0 0 10px 10px; background: #fff; margin-top: 15px; border-top: 3px #2f72e3 solid; padding:25px 20px 40px 20px;}

.xq_bt{ font-size:30px; font-weight: bold; margin-bottom: 20px;}
.xq_p{ font-size: 15px; line-height: 25px; color: #333333;width: 100%; display: table;}
.xq_p b{ text-decoration: underline; font-weight: bold;}
.xq_bo20{ margin-bottom: 20px  !important;;}
.xq_bo10{ margin-bottom: 10px !important;}
.xq_bo40{ margin-bottom: 40px !important;}


.wx_ts{width: 100%; background: #ffeaea; display: table; border-radius: 10px; padding:15px 10px;}
.wx_ts h2{ color: #f00;display: table;width: 100%;}
.wx_ts h2 img{ height:20px; float: left; margin-right:6px;}
.wx_ts h2 font{ line-height: 20px; font-size: 16px; font-weight: bold; }
.wx_ts h3{ color: #f00; font-weight: normal; margin-top: 10px;margin-bottom:0px;}

.wc_fbt{ font-size: 22px; font-weight: bold; text-align: center; border-bottom: #dcdcdc 4px solid; border-top: #dcdcdc 4px solid; padding: 20px 0;}
.wc_lileft{float: left;}
.wc_lileft img{ height: 10px;}
.wc_liright{ float: right; width: calc(100% - 20px);}

@media (max-width:824px) {
.xq_lb{width: 100%;}
.xq_nr{width: 100%;}
}
.jielun{ font-size: 15px; line-height: 25px; color: #333333;width: 100%; display: table; border: #ccf1ff 3px solid; padding: 20px; border-radius: 10px;}
.jielun h2{ height: 25px; background: url(../images/line.png) repeat; width: 160px; margin: 0 auto; display: table; margin-bottom: 15px;}
.jielun h2 span{ background: #fff; color: #0a9bd1; font-size: 20px; font-weight: bold; margin: 0 auto; display: table; padding: 0 10px;}
.jielun p{ color: #666; width: 100%; margin: 0 auto; display: table;}


.back_sy{width: 260px; height: 40px; background: #31aad6; text-align: center; margin: 0 auto; display: table; line-height: 40px; color: #fff; font-size: 16px; margin-top:25px; border-radius: 10px;}
.back_sy:hover{ background: #219fcd;}

.ba_img_pc{width:40%; margin: 0 auto; display: table; margin-bottom: 40px;}
@media (max-width:450px) {
.ba_img_pc{width: 100%; margin-bottom: 20px;}	
}

.zhis{ background: #eeeeee; padding: 15px; border-radius: 10px;}
.zhis_a{ background: #0b9ad2; border-radius: 100px; display: table; padding: 0 10px; color: #fff; font-weight: bold;}

.leftsidebar_box {width:100%; display:table; font-size: 15px; margin-top:5px;}
.leftsidebar_box dt{background: url(../images/c_07.png) no-repeat;background-size:20px;background-position:0 top;color:#333;position:relative;cursor:pointer; margin:10px 0; padding-bottom: 0px; }
.leftsidebar_box dt span{ padding-left:25px;overflow: hidden; display: table; margin-top: -5px; line-height: 25px;}
.leftsidebar_box dd{ display: none; background: #fff; padding: 10px 10px; border-radius: 10px;}
.leftsidebar_box dt.on{background:  url(../images/c_077.png) no-repeat; background-size:20px;background-position:0 top;position:relative;cursor:pointer;}

.lef_b{width: 100%; display: table; font-size: 16px; margin-bottom: 5px; font-weight: bold;}
.zhis_nn{ background: #f0fbff; padding: 15px; border-radius: 10px; box-shadow:rgba(10,155,209,0.1) 0 0 10px}
.left_box {width:100%; display:table; font-size: 15px; }
.left_box dl{ border-bottom: #a3c5d2 1px solid; padding-bottom: 10px;width: 100%; display: table; margin-bottom:10px;}
.left_box dt{background: url(../images/c_11.png) no-repeat;background-size:18px;background-position:top right;color:#333;position:relative;cursor:pointer;display: table; width: 100%;}
.left_box dt span{ display: table;line-height: 25px; width: calc(100% - 25px); float: left; font-weight: bold;}
.left_box dd{ display: none; background: #fff; padding:10px 10px; border-radius: 10px; font-size: 14px; color: #666;}
.left_box dt.on{background:  url(../images/c_18.png) no-repeat; background-size:18px;background-position:top right;position:relative;cursor:pointer;}
.ll_font{ padding-top: 10px;}

.left_box dl:last-child{ border-bottom: none; margin-bottom: 0;}