@import url(public.css);
@import url(iconfont.css);
.page {
  background: #f0f0f0;
  width: 100%;
  float: left;
  padding: 30px 0; }
  .page .left {
    width: 240px;
    float: left; }
    .page .left .l_nav {
      width: 100%;
      float: left;
      background: #009946;
      padding: 10px 20px 20px 20px;
      border-radius: 10px; }
      .page .left .l_nav .small_title {
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 10px 10px 0 0; }
      .page .left .l_nav ul {
        background: #fff;
        float: left;
        width: 100%;
        margin-top: 10px; }
        .page .left .l_nav ul li {
          float: left;
          width: 100%; }
          .page .left .l_nav ul li a {
            border-bottom: 1px dotted #ccc;
            display: block;
            position: relative;
            line-height: 35px;
            padding: 0 10px; }
            .page .left .l_nav ul li a:before {
              content: "\e60d";
              font-family: 'icon';
              position: absolute;
              right: 5px;
              width: 20px;
              height: 20px;
              background: #fff;
              border-radius: 50%;
              font-size: 12px;
              line-height: 20px;
              text-align: center;
              top: 7px; }
          .page .left .l_nav ul li:hover a {
            background: #f0f0f0; }
            .page .left .l_nav ul li:hover a:before {
              content: "\e60d";
              font-family: 'icon';
              position: absolute;
              right: 5px;
              width: 20px;
              height: 20px;
              background: #fff;
              border-radius: 50%;
              font-size: 12px;
              line-height: 20px;
              text-align: center;
              top: 7px; }
        .page .left .l_nav ul .on a {
          background: #f0f0f0; }
          .page .left .l_nav ul .on a:before {
            content: "\e60d";
            font-family: 'icon';
            position: absolute;
            right: 5px;
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 50%;
            font-size: 12px;
            line-height: 20px;
            text-align: center;
            top: 7px; }
    .page .left .l_news {
      width: 100%;
      float: left;
      margin-top: 20px; }
      .page .left .l_news .small_title {
        background: #009946;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        border-radius: 10px 10px 0 0; }
      .page .left .l_news ul {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px;
        border-radius: 0 0 10px 10px; }
        .page .left .l_news ul li {
          width: 100%;
          float: left;
          padding-left: 15px;
          background: url(../images/newsicon.png) left 9px no-repeat;
          margin: 3px 0;
          line-height: 1.6;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .page .left .l_news ul li a {
            font-size: 14px; }
            .page .left .l_news ul li a:hover {
              color: #009946; }
    .page .left .l_tel {
      float: left;
      margin-top: 20px;
      background: #009946;
      width: 100%;
      border-radius: 10px;
      padding: 10px;
      color: #fff; }
      .page .left .l_tel i {
        float: left;
        font-size: 43px;
        line-height: 40px; }
      .page .left .l_tel .text {
        float: left;
        font-size: 14px;
        margin-left: 5px; }
        .page .left .l_tel .text strong {
          font-size: 23px;
          line-height: 23px; }
  .page .right {
    width: 920px;
    float: right;
    background: #fff;
    border-radius: 10px;
    padding: 20px; }
    .page .right .position {
      width: 100%;
      float: left;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      font-size: 18px; }
      .page .right .position .fl i {
        color: #009946; }
    .page .right .dataContent {
      line-height: 1.8;
      margin-top: 10px;
      float: left;
      width: 100%; }
    .page .right .form {
      width: 100%;
      float: left;
      margin-top: 20px; }
      .page .right .form .input {
        float: left;
        width: 100%; }
        .page .right .form .input input {
          width: 48%;
          float: left;
          border: 1px solid #f0f0f0;
          line-height: 40px;
          padding: 0 10px; }
        .page .right .form .input input:nth-child(2) {
          float: right; }
      .page .right .form textarea {
        margin-top: 20px;
        width: 100%;
        float: left;
        border: 1px solid #f0f0f0;
        padding: 15px; }
      .page .right .form button {
        padding: 0 40px;
        line-height: 30px;
        margin-top: 20px;
        background: #009946;
        border: 0px;
        color: #fff;
        font-size: 16px; }

/*page*/
@media screen and (max-width: 769px) {
  .page {
    padding: 0px; }
    .page .left {
      width: 100%;
      display: none; }
    .page .right {
      border-radius: 0px;
      width: 100%; }
      .page .right .position {
        font-size: 14px; } }

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