html {
  line-height: 2; }

body {
  padding: 0;
  margin: 0; }

main {
  /*top*/
  /*cont*/ }
  main .top {
    height: 721px;
    background-image: url(images/total.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative; }
    main .top .header-sub-page {
      padding-top: 77px; }
      main .top .header-sub-page .breadclumb {
        width: 1100px;
        list-style-type: none;
        padding: 10px 0 0;
        margin: 0 auto 80px; }
        main .top .header-sub-page .breadclumb li {
          display: inline-block;
          margin-right: 1em; }
          main .top .header-sub-page .breadclumb li span::after {
            margin-left: 1em;
            content: ""; }
      main .top .header-sub-page .bar {
        height: 4em;
        position: absolute;
        top: 369px;
        left: 0;
        color: #fff;
        background-color: #049936;
        width: 25%; }
      main .top .header-sub-page .inner {
        width: 1100px;
        margin: 0 auto;
        padding-top: 140px; }
        main .top .header-sub-page .inner .box {
          width: 30em;
          padding: 2.1em 4em 3em;
          margin-bottom: -32px;
          background-color: #fff;
          position: relative;
          z-index: 100; }
          main .top .header-sub-page .inner .box .category {
            background-color: #049936;
            padding-top: .5em;
            padding-bottom: .5em;
            padding-left: 3.2em;
            padding-right: 5em;
            margin-left: -3.2em;
            margin-bottom: 1em;
            font-size: 1.25rem;
            color: #fff;
            float: left; }
          main .top .header-sub-page .inner .box h3 {
            display: none;
            margin: 0 0 0.5em;
            font-size: 2rem;
            font-weight: 500;
            clear: left;
            line-height: 1.6; }
          main .top .header-sub-page .inner .box .name {
            clear: left;
            margin: 0 0 0.5em;
            font-size: 2rem;
            font-weight: 500px; }
            main .top .header-sub-page .inner .box .name span {
              font-size: 1rem;
              margin-left: 1em; }
  main .cont {
    margin-top: -40px;
    background-color: #f5fffa;
    padding-bottom: 40px;
    padding-top: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /*block*/
    /*message*/ }
    main .cont .block {
      padding: 0 0 50px;
      margin-bottom: 80px;
      position: relative;
      background-color: #fff; }
      main .cont .block::after {
        clear: both;
        content: "";
        display: table; }
      main .cont .block .img-left {
        float: left;
        text-align: left; }
      main .cont .block .img-right {
        float: left;
        text-align: right; }
      main .cont .block .cr-white {
        position: relative; }
      main .cont .block img {
        display: inline-block;
        width: 50%;
        height: 600px;
        object-fit: cover;
        margin-top: -40px; }
      main .cont .block .block-inner {
        width: 100%;
        position: absolute;
        top: 15%;
        left: 0; }
        main .cont .block .block-inner h2{
          font-size: 2em;
          font-weight: bold;
          margin-bottom: .5em;
        }
        main .cont .block .block-inner .text-left {
          padding-right: 605px; }
        main .cont .block .block-inner .text-right {
          padding-left: 605px; }
        main .cont .block .block-inner .text {
          width: 1100px;
          margin: 0 auto;
           }
          main .cont .block .block-inner .text .name1 {
            display: block;
            text-align: right;
            padding-right: 16px;
            font-size: 1.2em;
            color: #555; }
    main .cont .message {
      width: 800px;
      margin: 0 auto; }
      main .cont .message .img {
        display: inline-block;
        margin-bottom: 30px; }
      main .cont .message .cr-white {
        position: relative; }
      main .cont .message img {
        display: block;
        width: 800px;
        margin: 0 auto; }
      main .cont .message .name1 {
        display: block;
        text-align: right;
        padding-right: 16px;
        font-size: 1.6em;
        color: #555; }

/*main*/
@media screen and (max-width: 768px) {
  main {
    /*top*/
    /*cont*/ }
    main .top {
      height: 340px;
      background-image: url(images/total.jpg);
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center center;
      position: relative; }
      main .top .header-sub-page {
        padding-top: 40px; }
        main .top .header-sub-page .breadclumb {
          display: none;
          width: 100%;
          list-style-type: none;
          padding: 10px 0 0;
          margin: 0 auto 40px; }
          main .top .header-sub-page .breadclumb li {
            display: inline-block;
            margin-right: 1em; }
            main .top .header-sub-page .breadclumb li span::after {
              margin-left: 1em;
              content: "/"; }
        main .top .header-sub-page .bar {
          display: none; }
        main .top .header-sub-page .inner {
          width: 100%;
          margin: 0 auto;
          padding-top: 260px; }
          main .top .header-sub-page .inner .box {
            width: 100%;
            padding: .2em;
            margin-bottom: 0px;
            background-color: #fff;
            position: relative;
            z-index: 100; }
            main .top .header-sub-page .inner .box .category {
              background-color: #049936;
              padding-top: .5em;
              padding-bottom: .5em;
              padding-left: 4em;
              padding-right: 5em;
              margin-left: -3.2em;
              margin-bottom: 1em;
              font-size: 1rem;
              color: #fff;
              clear: both;
              text-align: center; }
            main .top .header-sub-page .inner .box h3 {
              display: none;
              margin: 0 0 0.5em;
              font-size: 2rem;
              font-weight: 500;
              line-height: 1.6; }
            main .top .header-sub-page .inner .box .name {
              width: 12em;
              margin: 0 auto .5em;
              font-size: 1.4em;
              font-weight: 500px; }
              main .top .header-sub-page .inner .box .name span {
                font-size: .6em;
                margin-left: .8em; }
    main .cont {
      background-color: #f5fffa;
      padding-bottom: 40px;
      padding-top: 220px;
      margin-top: 0;
      position: relative;
      z-index: 1;
      /*block*/
      /*message*/ }
      main .cont .block {
        clear: both;
        padding: 0 0 50px;
        margin-bottom: 80px;
        position: relative;
        background-color: #fff; }
        main .cont .block::after {
          clear: both;
          content: "";
          display: block; }
        main .cont .block .img-left {
          text-align: left; }
        main .cont .block .img-right {
          text-align: left; }
        main .cont .block .cr-white {
          position: relative; }
        main .cont .block img {
          clear: both;
          display: block;
          width: 100%;
          height: auto;
          object-fit: cover;
          margin: -40px auto 8px; }
        main .cont .block .block-inner {
          clear: both;
          width: 100%;
          position: relative; }
          main .cont .block .block-inner .text-left {
            padding-left: 8px;
            padding-right: 0; }
          main .cont .block .block-inner .text-right {
            padding-left: 8px;
            
             }
             main .cont .block .block-inner h2{
              font-size: 1.4em;
             }
          main .cont .block .block-inner .text {
            width: 96%;
            clear: both;
            margin: 0 auto; }
            main .cont .block .block-inner .text .name1 {
              display: block;
              text-align: right;
              padding-right: 16px;
              font-size: 1.2em;
              color: #555; }
      main .cont .message {
        width: 100%;
        margin: 0 auto; }
        main .cont .message .img {
          display: block;
          margin-bottom: 30px;
          clear: both; }
        main .cont .message .cr-white {
          position: relative; }
        main .cont .message img {
          display: block;
          width: 100%;
          margin: 0 auto;
          clear: both; }
        main .cont .message .name1 {
          display: block;
          text-align: right;
          padding-right: 16px;
          font-size: 1.2em;
          color: #555; }
        main .cont .message h3 {
          padding: 0 .4em; }
        main .cont .message p {
          padding: 0 .4em; }

  /*main*/ }

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