@charset "UTF-8";

.page-nav li, .left-shortcut .items, .bread-nav .site a, .page-list-txt .items .date, .page-list-txt .items .txtbox h3 a, .list-imgtxt .txtbox .title, .list-imgtxt .txtbox .more span, .list-imgtxt .txtbox .more, .page-list-img li .imgbox img, .page-list-img .title, .page-list-video li .imgbox:before, .page-list-video li .imgbox:after, .page-list-video li .imgbox img, .page-list-video .title, .page-list-expert .items ul li a, .single-department .more a {

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; }



.page-list-txt .items .txtbox h3 a, .page-list-txt .items .txtbox .describe, .article-bottom .left p a {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis; }



@keyframes one {

  0% {

    transform: rotate(0deg); }

  50% {

    transform: rotate(-15deg); }

  100% {

    transform: rotate(0deg); } }

@-webkit-keyframes one {

  0% {

    transform: rotate(0deg); }

  50% {

    transform: rotate(-15deg); }

  100% {

    transform: rotate(0deg); } }

@keyframes two {

  0% {

    transform: rotate(0deg); }

  50% {

    transform: rotate(15deg); }

  100% {

    transform: rotate(0deg); } }

@-webkit-keyframes two {

  0% {

    transform: rotate(0deg); }

  50% {

    transform: rotate(15deg); }

  100% {

    transform: rotate(0deg); } }

.page-con {

  background: url("../images/partbg1.png") no-repeat center bottom;

  padding-bottom: 100px;

  overflow: hidden; }

  .page-con .con {

    min-height: 900px;

    margin-top: 50px; }

  .page-con .page-left {

    width: 280px;

    float: left; }

  .page-con .page-right {

    width: 790px;

    padding: 0 35px 100px;

    float: right;

    background: #fff;

    min-height: 800px; }

    .page-con .page-right .search {

      width: 360px;

      padding-bottom: 40px; }

      .page-con .page-right .search .search-box {

        background: #fff;

        border: 1px solid #c6c6c6;

        width: 360px;

        height: 45px;

        position: relative; }

        .page-con .page-right .search .search-box .select {

          color: #4c4c4c;

          padding-top: 10px;

          position: relative;

          float: left; }

          .page-con .page-right .search .search-box .select > p {

            border-right: 1px solid #ccc;

            padding: 0 10px; }

          .page-con .page-right .search .search-box .select i {

            font-size: 16px;

            display: inline-block;

            font-style: normal;

            transform: rotate(-90deg);

            padding-right: 4px; }

          .page-con .page-right .search .search-box .select .select-info {

            width: 74px;

            position: absolute;

            left: -1px;

            top: 45px;

            border: 1px solid #e8b445;

            background: #12ba73;

            line-height: 30px;

            padding-left: 20px;

            color: #fff;

            display: none;

            z-index: 10; }

        .page-con .page-right .search .search-box input[type="text"] {

          width: 220px;

          padding: 0 10px;

          height: 45px;

          background: none;

          border: none;

          font-family: 'Microsoft YaHei'; }

        .page-con .page-right .search .search-box input[type="submit"] {

          font-family: 'Microsoft YaHei';

          width: 60px;

          height: 47px;

          border: none;

          border: 1px solid #12ba73;

          position: absolute;

          right: -1px;

          top: -1px;

          background: #12ba73;

          position: absolute;

          right: -70px;

          color: #fff;

          cursor: pointer; }



.pagebanner {

  height: 300px; }



.page-nav {

  background: #85cfb0;

  padding-bottom: 8px; }

  .page-nav .title {

    line-height: 83px;

    background: #12ba73;

    color: #fff;

    text-align: center;

    font-weight: bold;

    font-size: 32px; }

  .page-nav .subnav {

    background: #fff; }

  .page-nav li {

    padding: 0 18px;

    line-height: 60px; }

    .page-nav li:hover, .page-nav li.curr {

      background: #f3be4c; }

      .page-nav li:hover a, .page-nav li.curr a {

        color: #fff;

        border-color: transparent; }

    .page-nav li:last-child > a {

      border-color: transparent; }

    .page-nav li > a {

      border-bottom: 1px solid #e0e0e0;

      font-size: 17px;

      color: #4c4c4c; }

      .page-nav li > a span {

        padding-left: 20px;

        margin-left: 30px;

        line-height: 20px;

        display: inline-block;

        border-left: 4px solid #fff; }



.left-shortcut {

  background: #fff;

  margin-top: 37px; }

  .left-shortcut .items {

    padding: 20.5px 0px;

    padding-left: 50px;

    border-bottom: 1px solid #e0e0e0; }

    .left-shortcut .items:last-child {

      border-right: none; }

    .left-shortcut .items:hover {

      background: #12ba73; }

      .left-shortcut .items:hover .txt {

        color: #fff; }

      .left-shortcut .items:hover .imgbox {

        background: #fff;

        border: 4px solid #41c88f;

        margin: 0 6px; }

    .left-shortcut .items .txt {

      overflow: hidden;

      color: #12ba73; }

      .left-shortcut .items .txt .title {

        display: inline-block;

        font-weight: bold;

        font-size: 20px; }

    .left-shortcut .items .imgbox {

      display: inline-block;

      text-align: center;

      width: 46px;

      height: 46px;

      vertical-align: middle;

      line-height: 46px;

      border-radius: 50%;

      border: 2px solid rgba(18, 186, 115, 0.5);

      margin: 2px 8px; }

      .left-shortcut .items .imgbox img {

        max-width: 46px;

        max-height: 46px; }

    .left-shortcut .items:last-child {

      border-bottom: none; }



.bread-nav {

  padding: 40px 0 25px;

  margin-bottom: 40px;

  line-height: 20px;

  border-bottom: 1px solid #e6e6e6;

  overflow: hidden; }

  .bread-nav .title {

    float: left;

    color: #12ba73;

    font-weight: bold;

    font-size: 20px; }

  .bread-nav .site {

    float: right;

    color: #5b5b5b; }

    .bread-nav .site span {

      float: left; }

    .bread-nav .site a {

      float: left;

      color: #5b5b5b; }

      .bread-nav .site a:last-child:after {

        content: ' ';

        padding: 0; }

      .bread-nav .site a:last-child {

        color: #e8b445; }

      .bread-nav .site a:after {

        content: '-';

        padding: 0 8px;

        color: #5b5b5b; }



.single-intro {

  color: #4c4c4c;

  line-height: 30px;

  font-size: 15px; }

  .single-intro .title {

    font-size: 20px;

    color: #12ba73;

    font-weight: bold;

    padding-bottom: 20px; }

  .single-intro img {

    max-width: 100%; }

  .single-intro .phone {

    padding-top: 30px; }

    .single-intro .phone .txt > span {

      float: left;

      color: #12ba73;

      font-size: 16px;

      font-weight: bold; }

    .single-intro .phone .txt > div {

      float: left;

      width: 680px; }

      .single-intro .phone .txt > div span {

        color: #4c4c4c;

        font-size: 14px;

        min-width: 300px;

        padding-right: 20px;

        display: inline-block; }



.page-list-txt {

  padding: 0 10px; }

  .page-list-txt .items {

    overflow: hidden;

    border-bottom: 1px dotted #999;

    padding: 30px 0; }

    .page-list-txt .items:hover .date {

      color: #fff;

      background: #12ba73; }

      .page-list-txt .items:hover .date .day {

        border-bottom: 1px solid #fff; }

    .page-list-txt .items:hover .txtbox h3 a {

      color: #12ba73; }

    .page-list-txt .items .date {

      float: left;

      width: 56px;

      height: 52px;

      padding: 14px 7px;

      background: #fff7ea;

      color: #666;

      text-align: center; }

      .page-list-txt .items .date .year {

        padding-top: 6px;

        font-size: 14px; }

      .page-list-txt .items .date .day {

        font-weight: bold;

        font-size: 22px;

        border-bottom: 1px solid #b3b3b3;

        line-height: 22px;

        padding-bottom: 6px; }

    .page-list-txt .items .txtbox {

      float: left;

      width: 632px;

      padding-left: 24px;

      margin-right: 40px; }

      .page-list-txt .items .txtbox h3 {

        color: #4c4c4c;

        font-size: 18px;

        padding-top: 10px; }

        .page-list-txt .items .txtbox h3 a {

          color: #4c4c4c; }

      .page-list-txt .items .txtbox .describe {

        color: #666;

        line-height: 30px;

        padding: 10px 0 10px; }



.list-imgtxt {

  overflow: hidden; }

  .list-imgtxt .imgbox {

    float: left; }

    .list-imgtxt .imgbox img {

      width: 270px;

      height: 202px; }

  .list-imgtxt .txtbox {

    float: right;

    width: 59%;

    padding-right: 10px;

    overflow: hidden;

    position: relative; }

    .list-imgtxt .txtbox .title {

      color: #12ba73;

      font-size: 18px;

      padding: 6px 0 10px; }

      .list-imgtxt .txtbox .title:hover {

        color: #f3be4c; }

    .list-imgtxt .txtbox .describe {

      color: #4c4c4c;

      font-size: 15px;

      line-height: 30px;

      height: 60px;

      overflow: hidden;

      margin: 2px 0 19px; }

    .list-imgtxt .txtbox .date {

      color: #999;

      font-size: 14px; }

    .list-imgtxt .txtbox .more {

      border: 1px solid #12ba73;

      padding: 2px;

      width: 94px;

      height: 35px;

      line-height: 35px;

      text-align: center;

      font-size: 16px; }

      .list-imgtxt .txtbox .more span {

        display: inline-block;

        width: 100%;

        color: #fff;

        background: #12ba73; }

      .list-imgtxt .txtbox .more:hover {

        border-color: #f3be4c; }

        .list-imgtxt .txtbox .more:hover span {

          background: #f3be4c; }

  .list-imgtxt .items {

    overflow: hidden;

    padding: 30px 0;

    border-bottom: 1px dotted #808080; }

  .list-imgtxt .more {

    margin-top: 10px;

    float: right; }



.page-list-img {

  overflow: hidden;

  padding: 0 9px; }

  .page-list-img ul {

    width: 830px; }

  .page-list-img li {

    width: 250px;
    height: 270px;
    float: left;

    margin-right: 15px; }

    .page-list-img li:hover {

      /*  .imgbox {

          img {

            @include scale();

          }

        }*/ }

      .page-list-img li:hover .title {

        color: #12ba73; }

    .page-list-img li .imgbox {

      overflow: hidden;

      border: 1px solid #dcdcdc;

      padding: 4px 7px; }

      .page-list-img li .imgbox img {

        width: 236px;

        height: 176px; }

  .page-list-img .title {

    text-align: center;

    font-size: 16px;

    color: #333;

    padding: 15px 0 38px; }



.page-list-video {

  overflow: hidden;

  padding: 0 9px; }

  .page-list-video ul {

    width: 830px; }

  .page-list-video li {

    width: 246px;

    float: left;

    margin-right: 30px; }

    .page-list-video li:hover .title {

      color: #12ba73; }

    .page-list-video li:hover .imgbox img {

      -webkit-transform: scale(1.05);

      -moz-transform: scale(1.05);

      -ms-transform: scale(1.05);

      -o-transform: scale(1.05);

      transform: scale(1.05); }

    .page-list-video li:hover .imgbox:before, .page-list-video li:hover .imgbox:after {

      opacity: 1;

      filter: Alpha(Opacity=100); }

    .page-list-video li:hover .imgbox:after {

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1); }

    .page-list-video li .imgbox {

      overflow: hidden;

      position: relative; }

      .page-list-video li .imgbox:before, .page-list-video li .imgbox:after {

        content: '';

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        opacity: 0;

        filter: Alpha(Opacity=0); }

      .page-list-video li .imgbox:before {

        z-index: 10;

        background: rgba(0, 0, 0, 0.3); }

      .page-list-video li .imgbox:after {

        z-index: 11;

        background: url("../images/icon-video.png") no-repeat center;

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0); }

      .page-list-video li .imgbox img {

        width: 246px;

        height: 183px; }

  .page-list-video .title {

    text-align: center;

    font-size: 16px;

    color: #333;

    padding: 15px 0 38px; }



.page-list-expert {

  padding-left: 10px; }

  .page-list-expert .items {

    margin-right: 10px;

    position: relative;

    border: 1px solid #ccc;

    border-radius: 10px;

    margin-bottom: 30px; }

    .page-list-expert .items h3 {

      position: absolute;

      font-size: 16px;

      color: #12ba73;

      line-height: 20px;

      top: -10px;

      left: -3px;

      background: #fff;

      padding: 0 10px 4px 15px; }

      .page-list-expert .items h3:before {

        content: '';

        width: 5px;

        background: #12ba73;

        height: 20px;

        position: absolute;

        left: 0; }

    .page-list-expert .items ul {

      padding: 15px 0 15px 25px; }

      .page-list-expert .items ul li {

        float: left;

        min-width: 82px;

        padding-right: 10px;

        line-height: 32px; }

        .page-list-expert .items ul li a {

          color: #4c4c4c; }

          .page-list-expert .items ul li a:hover {

            color: #12ba73; }



.list-dp .items ul li {

  min-width: 112px; }



.page-single-message .form li {

  height: 45px;

  margin: 26px 0; }

  .page-single-message .form li img {

    margin-left: 100px; }

  .page-single-message .form li label {

    font-size: 16px;

    height: 45px;

    display: block;

    line-height: 45px;

    float: left;

    width: 100px; }

  .page-single-message .form li input {

    display: block;

    width: 380px;

    float: left;

    line-height: 45px;

    font-size: 14px;

    border: 1px solid #e1e1e1;

    padding: 0 15px; }

  .page-single-message .form li textarea {

    display: block;

    float: left;

    width: 380px;

    border: 1px solid #e1e1e1;

    height: 115px;

    padding: 15px;

    font-size: 14px;

    outline: none;

    resize: none; }

  .page-single-message .form li.textarea {

    height: 146px; }

  .page-single-message .form li button {

    display: block;

    width: 135px;

    height: 45px;

    border: none;

    background: #12ba73;

    color: #FFF;

    font-size: 16px;

    font-weight: bold;

    border-radius: 5px;

    float: left;

    margin-left: 60px; }

.page-single-message .form .error {

  color: #f00;

  font-size: 14px;

  float: left;

  margin: 0px 0;

  line-height: 45px;

  padding-left: 12px; }



.page-list-message {

  padding: 0 10px; }

  .page-list-message .items {

    border-bottom: 1px solid #e0e0e0;

    padding-top: 30px; }

    .page-list-message .items .user {

      line-height: 20px;

      padding: 0 0 10px; }

      .page-list-message .items .user .name {

        padding-left: 30px;

        display: inline-block; }

      .page-list-message .items .user .date {

        padding-left: 30px;

        font-family: "宋体";

        font-size: 12px;

        color: #777; }

      .page-list-message .items .user .time {

        padding-left: 20px;

        font-family: "宋体";

        font-size: 12px; }

    .page-list-message .items .ask .user .name {

      background: url("../images/icon-user.png") no-repeat left center;

      color: #12ba73; }

    .page-list-message .items .ask .user .time {

      color: #12ba73; }

    .page-list-message .items .answer .user .name {

      background: url("../images/icon-user1.png") no-repeat left center;

      color: #e8b445; }

    .page-list-message .items .answer .user .time {

      color: #e8b445; }

    .page-list-message .items .content {

      padding-bottom: 15px;

      overflow: hidden;

      line-height: 25px; }

      .page-list-message .items .content span {

        font-size: 14px;

        float: left; }

      .page-list-message .items .content p {

        float: left;

        width: 715px;

        font-family: "宋体";

        font-size: 12px; }



.formbox {

  padding-bottom: 20px; }

  .formbox .ts {

    color: #12ba73;

    padding-bottom: 20px; }

  .formbox .div-input {

    padding-bottom: 26px; }

    .formbox .div-input span {

      float: left;

      font-size: 16px;

      line-height: 38px; }

    .formbox .div-input input {

      width: 475px;

      height: 38px;

      padding: 0 10px;

      background: #fafafa;

      border: 1px solid #e1e1e1; }

    .formbox .div-input textarea {

      background: #fafafa;

      border: 1px solid #e1e1e1;

      padding: 10px;

      width: 475px;

      resize: none;

      font-size: 14px;

      height: 180px;

      outline: none; }

  .formbox .div-button input {

    width: 120px;

    height: 38px;

    color: #ffffff;

    background: #12ba73;

    border: none;

    cursor: pointer;

    font-family: 'Microsoft YaHei';

    font-size: 16px;

    border-radius: 19px; }

  .formbox .div-button span {

    display: inline-block;

    float: left;

    margin-left: 10px;

    line-height: 60px;

    padding-top: 25px; }



.page {

  font-size: 16px;

  text-align: center;

  padding: 40px 0 50px; }

  .page .pagecon {

    display: inline-block; }

    .page .pagecon a, .page .pagecon span {

      float: left;

      border: 1px solid #e4e4e4;

      padding: 0 8px;

      height: 28px;

      line-height: 28px;

      min-width: 12px;

      margin: 0 3px;

      color: #666; }

    .page .pagecon .prev, .page .pagecon .next {

      font-family: 宋体;

      color: #969696; }

    .page .pagecon .selfpage {

      border-color: #12ba73;

      background: #12ba73;

      color: #fff; }



#map {

  width: 100%;

  height: 420px; }



.page-single-contact .contact-phone .contact-title {

  font-weight: bold;

  font-size: 20px;

  color: #12ba73;

  padding-bottom: 8px; }

.page-single-contact .contact-phone .phone li {

  font-size: 16px;

  color: #666;

  line-height: 40px; }

  .page-single-contact .contact-phone .phone li span {

    font-size: 18px;

    display: inline-block; }

.page-single-contact .contact-way {

  padding-top: 40px;

  position: relative;

  color: #666;

  line-height: 34px;

  padding-bottom: 40px; }

  .page-single-contact .contact-way .contact-title {

    font-weight: bold;

    font-size: 20px;

    color: #12ba73;

    padding-bottom: 8px; }

  .page-single-contact .contact-way .txtleft {

    float: left;

    width: 355px;

    padding-right: 20px; }

    .page-single-contact .contact-way .txtleft .phones {

      font-size: 24px;

      color: #e8b445;

      font-family: 'Microsoft YaHei'; }

  .page-single-contact .contact-way .txtright {

    float: left;

    width: 230px;

    padding-right: 20px; }

  .page-single-contact .contact-way .erweima {

    position: absolute;

    right: 60px;

    top: 60px;

    text-align: center;

    color: #4c4c4c; }

    .page-single-contact .contact-way .erweima img {

      width: 130px;

      height: 130px; }

.page-single-contact .contact-title {

  font-weight: bold;

  font-size: 20px;

  color: #12ba73;

  padding-bottom: 8px; }

.page-single-contact .dh p {

  float: left;

  margin-right: 60px;

  color: #12ba73;

  font-size: 24px; }

  .page-single-contact .dh p span {

    color: #4c4c4c;

    font-size: 16px; }

.page-single-contact .contact-ewm {

  padding-bottom: 40px; }

.page-single-contact .ewmimg {

  text-align: center;

  padding: 0 30px; }

  .page-single-contact .ewmimg img {

    border: 1px solid #dfcbb4;

    width: 130px;

    margin-bottom: 10px; }



.page-single-survey {

  padding: 10px 20px 30px 10px;

  color: #484848; }

  .page-single-survey .ts {

    color: #12ba73;

    display: block;

    line-height: 30px;

    background: url("../images/icon-love.png") no-repeat left center;

    padding-left: 50px;

    margin-bottom: 10px; }

  .page-single-survey .question {

    padding-top: 15px; }

    .page-single-survey .question h3 {

      font-size: 16px;

      background: #fff7ea;

      line-height: 37px;

      padding-left: 20px;

      margin: 10px 0; }

    .page-single-survey .question p {

      padding-left: 60px; }

    .page-single-survey .question span {

      display: inline-block;

      padding-top: 10px;

      padding-left: 10px; }

    .page-single-survey .question input[type=radio] {

      padding-top: 10px; }

    .page-single-survey .question textarea {

      resize: none;

      outline: none;

      border: 1px solid #e8b445;

      margin-top: 10px;

      width: 100%;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      height: 200px;

      padding: 10px; }

  .page-single-survey input[type=button] {

    width: 120px;

    height: 38px;

    color: #ffffff;

    background: #e8b445;

    border: none;

    margin: 30px 0;

    font-family: 'Microsoft YaHei';

    font-size: 16px;

    border-radius: 19px; }

  .page-single-survey > {

    line-height: 30px; }

  .page-single-survey .ts2 {

    line-height: 30px; }



.page-single-environment {

  padding-top: 40px; }

  .page-single-environment .jiesao {

    line-height: 30px; }

    .page-single-environment .jiesao img {

      max-width: 100%; }

  .page-single-environment .imgdiv {

    margin: 30px 0 50px;

    position: relative; }

    .page-single-environment .imgdiv .imgli {

      transition: margin-top 0.5s; }

    .page-single-environment .imgdiv .imglarge {

      width: 658px;

      height: 481px;

      overflow: hidden;

      transition: all 0.5s;

      margin-left: 2px; }

      .page-single-environment .imgdiv .imglarge img {

        width: 100%;

        height: 100%; }

    .page-single-environment .imgdiv .imgsmall {

      padding-right: 2px;

      width: 127px;

      height: 481px;

      overflow: hidden;

      margin-right: 20px; }

      .page-single-environment .imgdiv .imgsmall li {

        position: relative; }

        .page-single-environment .imgdiv .imgsmall li:after {

          content: '';

          width: 127px;

          height: 93px;

          position: absolute;

          left: 0;

          top: 0;

          background: rgba(0, 0, 0, 0.4); }

      .page-single-environment .imgdiv .imgsmall img {

        width: 127px;

        height: 93px;

        margin-bottom: 4px;

        background: #000; }

      .page-single-environment .imgdiv .imgsmall .curr:after {

        background: none; }

    .page-single-environment .imgdiv .imgprev, .page-single-environment .imgdiv .imgnext {

      width: 30px;

      height: 15px;

      display: block;

      position: absolute;

      right: 70px; }

    .page-single-environment .imgdiv .imgprev {

      background: url("../images/icon-arrows1.png") no-repeat top left;

      background-position: 0 -15px; }

    .page-single-environment .imgdiv .imgnext {

      background: url("../images/icon-arrows1.png") no-repeat top left;

      bottom: 0px; }

  .page-single-environment .title {

    font-size: 18px;

    font-weight: bold;

    color: #12ba73;

    line-height: 18px;

    margin-bottom: 30px; }



.single-department {

  line-height: 30px; }

  .single-department .title {

    font-size: 18px;

    font-weight: bold;

    color: #12ba73;

    line-height: 18px;

    margin-bottom: 30px; }

  .single-department .more {

    padding-bottom: 40px; }

    .single-department .more a {

      float: left;

      margin-right: 34px;

      margin-bottom: 20px;

      width: 150px;

      line-height: 50px;

      text-align: center;

      color: #4c4c4c;

      border: 1px solid #e0e0e0;

      border-radius: 25px;

      font-size: 16px; }

      .single-department .more a.curr, .single-department .more a:hover {

        border-color: #e8b445;

        background: #e8b445;

        color: #fff; }

  .single-department .department-swiper {

    margin-bottom: 30px;

    width: 100%;

    height: 331px;

    overflow: hidden;

    position: relative; }

    .single-department .department-swiper .Carousel-wrap {

      height: 331px;

      width: 100%;

      position: relative; }

      .single-department .department-swiper .Carousel-wrap .Carousel-item {

        width: 100%;

        position: absolute;

        left: 0;

        top: 0; }

        .single-department .department-swiper .Carousel-wrap .Carousel-item img {

          width: 100%;

          height: 331px; }

    .single-department .department-swiper .Carousel-pagination {

      text-align: right;

      position: absolute;

      bottom: 10px;

      right: 10px; }

      .single-department .department-swiper .Carousel-pagination span {

        width: 8px;

        height: 8px;

        background: #fff;

        display: inline-block;

        border-radius: 50%;

        margin: 0 4px; }

        .single-department .department-swiper .Carousel-pagination span.curr {

          background: #e8b445; }



.article-top {

  line-height: 30px; }

  .article-top h2 {

    color: #4c4c4c;

    font-size: 18px;

    text-align: center;

    padding: 10px 0 20px; }

  .article-top .detail-info {

    text-align: center;

    font-size: 14px;

    padding-bottom: 30px;

    color: #757575; }

    .article-top .detail-info > span {

      padding: 0 15px; }

      .article-top .detail-info > span span {

        cursor: pointer; }

        .article-top .detail-info > span span:hover {

          color: #ff960e; }

      .article-top .detail-info > span .curr {

        color: #ff960e; }



.article-center {

  line-height: 30px;

  padding: 20px 0 40px; }

  .article-center img {

    max-width: 100%; }



.article-top-expert {

  padding: 20px 0; }

  .article-top-expert .imgbox {

    float: left;

    border-radius: 50%; }

    .article-top-expert .imgbox img {

      width: 165px;

      height: 165px; }

  .article-top-expert .txtbox {

    float: right;

    width: 536px;

    padding-right: 30px;

    padding-top: 10px;

    position: relative; }

    .article-top-expert .txtbox h3 {

      font-size: 22px;

      color: #12ba73;

      position: relative;

      padding-bottom: 15px;

      font-weight: bold;

      /* &:after {

         content: '';

         position: absolute;

         width: 30px;

         height: 2px;

         background: nth($TopExpert1-font-color, 2);

         left: 2px;

         bottom: 0;

       }*/ }

    .article-top-expert .txtbox .describe {

      font-size: 16px;

      color: #333333;

      padding-top: 6px;

      line-height: 34px; }

      .article-top-expert .txtbox .describe p span {

        color: #4c4c4c; }

    .article-top-expert .txtbox .more {

      font-size: 18px;

      color: #fff;

      width: 120px;

      height: 35px;

      line-height: 35px;

      text-align: center;

      border-radius: 18px;

      background: #12ba73;

      position: absolute;

      right: 30px;

      top: 26px; }



.article-center-expert {

  padding: 20px 0 40px;

  color: #333;

  line-height: 30px; }

  .article-center-expert h3 {

    color: #333333;

    font-size: 18px;

    font-weight: bold; }

  .article-center-expert .txtbox {
    overflow: hidden;
    padding: 0 0 30px; }

    .article-center-expert .txtbox p {

      float: left;

      width: 80%; }



.article-bottom {

  border-top: 1px dotted #808080;

  padding-top: 15px;

  /*  .fenxiang {

      float: right;

      padding-top: 10px;

      .bdsharebuttonbox {

        .fxwz {

          float: left;

          padding: 0 10px 0 25px;

          line-height: 32px;

          margin: 6px 0;

          background: url("../images/fenxiang.png") no-repeat left center;

        }

        a, .bds_more {

          width: 32px;

          height: 32px;

          padding: 0;

          background: url("../images/share.png") no-repeat center;

          &:hover {

            background-position-y: -54px;

          }

        }

        .bds_tsina {

          background-position: -20px -10px;

        }

        .bds_weixin {

          background-position: -60px -10px;

        }

        .bds_qzone {

          background-position: -100px -10px;

        }

        .bds_sqq {

          background-position: -138px -10px;

        }

      }



    }*/ }

  .article-bottom .left {

    width: 500px;

    overflow: hidden;

    float: left; }

    .article-bottom .left p {

      color: #979797;

      line-height: 30px;

      overflow: hidden; }

      .article-bottom .left p span {

        float: left; }

      .article-bottom .left p a {

        color: #555;

        float: left;

        width: 75%; }

        .article-bottom .left p a:hover {

          color: #12ba73; }

  .article-bottom .fenxiang {

    float: right; }

  /*留言*/

  div.page-single-message div.form-group {

      height: 70px;

  }

  div.page-single-message div.form-group:nth-last-child(2){

      height: 150px;

  }

  div.page-single-message div.control-label{

      font-size: 16px;

      height: 45px;

      display: block;

      line-height: 45px;

      float: left;

      width: 60px;

  }

  div.page-single-message div.col-xs-12 input{

      display: block;

      width: 380px;

      line-height: 45px;

      font-size: 14px;

      border: 1px solid #e1e1e1;

      padding: 0 15px;

  }

  div.page-single-message div.col-xs-12 textarea {

      display: block;

      width: 380px;

      border: 1px solid #e1e1e1;

      height: 115px;

      padding: 15px;

      font-size: 14px;

      outline: none;

      resize: none;

  }

/*满意度*/

  .page-single-survey .form-group {

padding-top: 10px;

}

.page-single-survey .form-group .control-label {

    font-size: 16px;

    background: #fff7ea;

    line-height: 37px;

    padding-left: 10px;

    margin: 0 0 20px 0;

}

.page-single-survey .form-group label {

    padding-left: 40px;

    height: 30px;

}

.page-single-survey .form-group label input[type=radio] {

    padding-top: 10px;

}

.page-single-survey .form-group textarea {

    resize: none;

    outline: none;

    border: 1px solid #e8b445;

    margin-top: 10px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    height: 200px;

    padding: 10px;

}

.page-single-survey button {

    margin-top: 20px;

    width: 120px;

    height: 38px;

    color: #ffffff;

    background: #e8b445;

    border: none;

    margin: 30px 0;

   font-family: 'Microsoft YaHei';

    font-size: 16px;

    border-radius: 19px;

}



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