@charset "UTF-8";
/* CSS Document */
body {
  font: 14px/24px "微软雅黑","黑体", Arial,"宋体";
  color: #666;
  margin: 0;
  padding: 0;
  background: url(../images/bg.jpg) repeat center top transparent;
  position: relative; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, button, textarea, select, p, span {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

ul, li, ol, ul {
  list-style: none; }

.clear {
  clear: both;
  height: 0; }

a:hover {
  text-decoration: underline;
  color: #56c18b; }

a {
  text-decoration: none;
  color: #666; }

.fr {
  float: right; }

.fl {
  float: left; }

.mid {
  float: left; }

.center {
  width: 1200px;
  margin: 0 auto; }

/* public css */
/* head css */
.head {
  height: 150px;
  padding-top: 21px;
  background: url(../images/headbg.png) repeat-x left top transparent;
  overflow: hidden;
  position: relative; }
  .head .logo {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 97px;
    height: 110px;
    margin-top: -45px;
    margin-left: -55px; }
    .head .logo img {
      display: block;
      height: 110px; }
  .head .fl {
    color: #000;
    font-size: 24px;
    padding-top: 45px;
    letter-spacing: 5px;
    width: 236px;
    text-align: center;
    font-weight: normal; }
    .head .fl strong {
      display: block;
      margin-top: 6px;
      letter-spacing: 0;
      width: 236px;
      height: 32px;
      line-height: 32px;
      color: #50c073;
      text-align: center;
      font-size: 14px;
      background: url(../images/ico.png) no-repeat -85px 0 transparent; }
  .head .fr {
    overflow: hidden;
    color: #333;
    font-size: 14px;
    padding-top: 49px; }
    .head .fr .tel {
      float: right;
      text-align: right;
      font-family: "幼圆"; }
      .head .fr .tel .line {
        width: 30px;
        height: 3px;
        margin: 5px 0;
        float: right;
        background-color: #000; }
      .head .fr .tel b {
        display: block;
        font-size: 24px;
        font-weight: normal;
        clear: both; }
    .head .fr .bdsharebuttonbox {
      float: right;
      padding-left: 3px;
      width: 54px;
      padding-top: 6px; }
      .head .fr .bdsharebuttonbox a {
        display: block;
        width: 24px;
        height: 24px;
        padding: 0;
        float: left;
        margin: 0 0 3px 3px;
        background: url(../images/ico.png) no-repeat left top #000; }
        .head .fr .bdsharebuttonbox a.no1 {
          background-position: 2px 5px; }
        .head .fr .bdsharebuttonbox a.no2 {
          background-position: -25px 5px; }
        .head .fr .bdsharebuttonbox a.no3 {
          background-position: 2px -20px; }
        .head .fr .bdsharebuttonbox a.no4 {
          background-position: -25px -20px; }

/* head css end*/
/* menu css */
.menu {
  background-color: #56c18b;
  height: 54px;
  position: relative;
  z-index: 3; }

.menu .center {
  position: relative;
  height: 54px; }

.menulihover {
  width: 100px;
  overflow: hidden;
  background: url(../images/ico.png) no-repeat -50px -33px transparent;
  height: 32px;
  position: absolute;
  left: 0;
  top: 11px;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  display: none; }

.menu ul {
  float: left; }

.menu ul li {
  width: 100px;
  padding-right: 18px;
  float: left;
  position: relative;
  z-index: 4; }

.menu ul li a {
  display: block;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  line-height: 54px;
  height: 54px;
  font-size: 14px;
  color: #fff;
  font-family: arial;
  font-weight: normal;
  text-align: center;
  position: relative;
  font-family: "微软雅黑"; }

.menu ul li a:hover {
  color: #fff;
  text-decoration: none; }

.menu ul li a.over {
  color: #fff; }

.menu ul li a.hover {
  color: #fff; }

.menu ul ul {
  position: absolute;
  z-index: 9999;
  width: 130px;
  padding-left: 0;
  left: -18px;
  margin-left: 0;
  top: 54px;
  height: auto;
  background-color: #56c18b;
  display: none;
  overflow: hidden; }

.menu ul ul li {
  border-left: 0;
  width: 100%;
  padding: 0; }

.menu ul ul a {
  font-size: 14px;
  line-height: 38px;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  background: none;
  height: 38px;
  border-left: 0;
  border-right: 0;
  overflow: hidden;
  text-align: center;
  font-family: "微软雅黑";
  padding-left: 0;
  padding: 0;
  font-weight: normal;
  display: block; }

.menu ul ul a:hover {
  color: #fff;
  font-weight: normal;
  background-color: #0a0a0b; }

.menu ul ul li {
  overflow: hidden;
  background: none; }

.search {
  float: right;
  width: 252px;
  padding-top: 11px; }

.search input[type=text] {
  width: 199px;
  height: 14px;
  color: #555;
  line-height: 14px;
  float: left;
  padding: 9px 10px;
  background-color: #fff;
  border: 0;
  font-family: arial;
  outline: none; }

.search input[type=submit] {
  width: 33px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background: url(../images/ico.png) no-repeat -52px 5px #fff;
  outline: none;
  height: 32px;
  border: 0;
  float: left;
  overflow: hidden; }
  .search input[type=submit]:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); }

/* banner css */
.banner {
  position: relative;
  z-index: 1;
  height: 668px; }

.banner .bannerpic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  height: 668px;
  opacity: 0;
  filter: alpha(opacity=0); }

.banner_icon {
  position: absolute;
  overflow: hidden;
  left: 50%;
  bottom: 16px;
  z-index: 3;
  height: 16px;
  width: 60px;
  margin-left: -30px;
  z-index: 6; }

.banner ul li {
  float: left;
  width: 8px;
  margin: 3px 6px 0;
  height: 8px;
  overflow: hidden;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  background-color: #fff;
  font-weight: normal; }

.banner ul .banner_icon_active {
  background-color: #56c18b;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.nybanner {
  height: 400px;
  overflow: hidden; }

.nybanner .bannernav a {
  height: 400px; }

/* banner css END*/
/*main css*/
.title {
  overflow: hidden;
  position: relative;
  text-align: center;
  font-size: 48px;
  font-family: "微软简老宋","微软雅黑";
  line-height: 1.1;
  color: #000; }
  .title .line {
    position: absolute;
    top: 50%;
    height: 4px;
    width: 484px;
    margin-top: -2px;
    background: url(../images/ico.png) no-repeat 0 -559px transparent; }
    .title .line span {
      position: absolute;
      width: 11px;
      height: 11px;
      margin-top: -4px;
      background-color: #000000;
      -webkit-transform: rotateZ(-45deg);
      -moz-transform: rotateZ(-45deg);
      -ms-transform: rotateZ(-45deg);
      transform: rotateZ(-45deg);
      top: 50%; }
    .title .line.no1 {
      left: 0; }
      .title .line.no1 span {
        right: -5px; }
    .title .line.no2 {
      right: 0; }
      .title .line.no2 span {
        left: -5px; }
  .title small {
    font-size: 36px; }
  .title b {
    font-size: 60px;
    color: #56c18b; }
  .title .ricle {
    width: 7px;
    height: 7px;
    border: 2px solid #56c18b;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -27px;
    top: 3px; }

.bg {
  background: url(../images/ico.png) no-repeat left top transparent; }

.pro {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 70px 0; }
  .pro .center {
    position: relative;
    z-index: 2; }
  .pro .bg1 {
    position: absolute;
    right: 50%;
    margin-right: 812px;
    background: url(../images/ico.png) no-repeat -145px -68px transparent;
    width: 60px;
    height: 49px;
    top: 304px; }
  .pro .bg2 {
    position: absolute;
    right: 50%;
    margin-right: 668px;
    background: url(../images/ico.png) no-repeat -114px -101px transparent;
    width: 20px;
    height: 15px;
    top: 580px; }
  .pro .bg3 {
    position: absolute;
    right: 0;
    background: url(../images/ico.png) no-repeat -610px 0 transparent;
    width: 202px;
    height: 451px;
    top: 322px; }
  .pro .promain {
    overflow: hidden;
    padding-top: 55px; }
    .pro .promain li {
      width: 232px;
      float: left;
      margin-right: 8px;
      position: relative;
      margin-top: 54px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      .pro .promain li.last {
        margin-right: 0; }
      .pro .promain li img {
        display: block;
        border-radius: 50%;
        border: 1px solid #000;
        padding: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s; }
      .pro .promain li:hover {
        margin-top: 44px; }
        .pro .promain li:hover img {
          border-color: #56c18b; }
        .pro .promain li:hover p {
          background-color: #56c18b; }
      .pro .promain li p {
        width: 14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute;
        margin-top: -44px;
        left: 50%;
        margin-left: -20px;
        padding: 10px 13px 0;
        color: #fff;
        height: 80px;
        background: url(../images/ico.png) no-repeat 2px -89px #000;
        line-height: 1.1; }
  .pro .show {
    padding-top: 70px; }
    .pro .show .title .ricle {
      margin-left: 14px; }
    .pro .show .showmain {
      position: relative; }
      .pro .show .showmain .prev, .pro .show .showmain .next {
        width: 40px;
        cursor: pointer;
        height: 40px;
        background: url(../images/ico.png) no-repeat left top #56c18b;
        position: absolute;
        top: 194px;
        z-index: 99; }
        .pro .show .showmain .prev.prev, .pro .show .showmain .next.prev {
          background-position: 13px -44px;
          left: -20px; }
        .pro .show .showmain .prev.next, .pro .show .showmain .next.next {
          background-position: -12px -44px;
          right: -20px; }
      .pro .show .showmain .title .ricle {
        margin-left: 15px; }
    .pro .show .showul {
      overflow: hidden;
      width: 1200px;
      padding: 35px 0 0; }
      .pro .show .showul li {
        width: 240px;
        float: left;
        position: relative;
        height: 212px;
        margin: 60px 0; }
        .pro .show .showul li a {
          display: block;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          background-color: #000;
          width: 322px;
          height: 212px;
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -106px;
          margin-left: -161px; }
        .pro .show .showul li img {
          display: block;
          opacity: 0.3;
          filter: alpha(opacity=30);
          width: 100%;
          height: 100%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s; }
        .pro .show .showul li.on {
          z-index: 4; }
          .pro .show .showul li.on a {
            width: 500px;
            height: 330px;
            margin-left: -250px;
            margin-top: -165px; }
          .pro .show .showul li.on img {
            opacity: 1;
            filter: alpha(opacity=100); }
        .pro .show .showul li.prevli, .pro .show .showul li.nextli {
          z-index: 3; }
          .pro .show .showul li.prevli a, .pro .show .showul li.nextli a {
            width: 412px;
            height: 272px;
            margin-left: -206px;
            margin-top: -136px; }
          .pro .show .showul li.prevli img, .pro .show .showul li.nextli img {
            opacity: 0.7;
            filter: alpha(opacity=70); }
        .pro .show .showul li.threeli {
          z-index: 2; }

.ys {
  position: relative;
  padding-bottom: 82px;
  width: 100%;
  overflow: hidden; }
  .ys .bg1 {
    width: 29px;
    height: 23px;
    background-position: -116px -67px;
    position: absolute;
    left: 50%;
    margin-left: 715px;
    top: 390px; }
  .ys .bg2 {
    width: 46px;
    height: 41px;
    background-position: -146px -68px;
    position: absolute;
    right: 0;
    top: 862px; }
  .ys .bg3 {
    width: 224px;
    height: 146px;
    background-position: 0 -180px;
    position: absolute;
    left: 0;
    top: 562px; }
  .ys .ystitle {
    background-color: rgba(74, 169, 120, 0.8);
    margin-bottom: 82px; }
    .ys .ystitle .title {
      background: url(../images/ysbg.jpg) no-repeat center top transparent;
      padding: 10px 0; }
      .ys .ystitle .title .line {
        background-position: 0 -563px; }
      .ys .ystitle .title .ricle {
        top: 14px; }
  .ys dl {
    position: relative;
    z-index: 2;
    width: 1200px;
    margin: 0 auto;
    color: #000;
    font-size: 14px;
    overflow: hidden; }
    .ys dl dt {
      width: 600px;
      height: 252px;
      overflow: hidden;
      position: relative; }
      .ys dl dt img {
        display: block; }
      .ys dl dt .zz {
        position: absolute;
        width: 581px;
        height: 232px;
        overflow: hidden;
        background: url(../images/ico.png) no-repeat 0 -327px transparent;
        left: 10px;
        top: 10px; }
    .ys dl dd {
      width: 570px;
      padding-top: 38px; }
      .ys dl dd b {
        display: block;
        font-weight: normal;
        font-size: 24px;
        color: #000;
        height: 44px;
        line-height: 44px;
        padding-bottom: 25px; }
        .ys dl dd b i {
          display: block;
          font-style: normal;
          width: 44px;
          height: 44px;
          text-align: center;
          color: #fff;
          background-color: #000;
          border-radius: 50%;
          float: left;
          margin-right: 8px; }
    .ys dl.no1 dt, .ys dl.no3 dt {
      float: left; }
    .ys dl.no1 dd, .ys dl.no3 dd {
      float: right; }
    .ys dl.no2 dt, .ys dl.no4 dt {
      float: right; }
    .ys dl.no2 dd, .ys dl.no4 dd {
      float: left; }

.smallbanner {
  overflow: hidden;
  height: 162px;
  background: url(../images/smallbanner.jpg) no-repeat center top transparent; }

.join {
  overflow: hidden;
  padding-top: 85px;
  padding-bottom: 100px;
  position: relative;
  width: 100%; }
  .join .title .ricle {
    margin-left: 14px; }
  .join .bg1 {
    width: 65px;
    height: 82px;
    background-position: -43px -103px;
    position: absolute;
    right: 50%;
    margin-right: 796px;
    top: 515px; }
  .join .bg2 {
    width: 177px;
    height: 295px;
    background-position: 0 -567px;
    position: absolute;
    left: 50%;
    margin-left: 784px;
    top: 415px; }

.joinmain {
  background: url(../images/line.png) no-repeat left 99px transparent;
  overflow: hidden; }
  .joinmain .joinlc {
    overflow: hidden;
    padding-top: 49px;
    height: 268px; }
    .joinmain .joinlc dt {
      float: left;
      width: 46px;
      margin-right: 87px; }
      .joinmain .joinlc dt i {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 44px auto 10px;
        background-color: #000; }
      .joinmain .joinlc dt p {
        width: 14px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        padding: 12px 13px 0;
        color: #fff;
        height: 78px;
        font-weight: bold;
        background: url(../images/ico.png) no-repeat 2px -89px #56c18b;
        line-height: 1.2; }
    .joinmain .joinlc dd {
      width: 102px;
      overflow: hidden;
      float: left;
      margin-right: 106px; }
      .joinmain .joinlc dd i {
        display: block;
        width: 102px;
        height: 102px;
        background: url(../images/ico.png) no-repeat left top transparent; }
      .joinmain .joinlc dd p {
        width: 14px;
        font-size: 18px;
        text-align: center;
        line-height: 22px;
        margin: 0 auto;
        padding-top: 6px;
        color: #000; }
      .joinmain .joinlc dd.on p, .joinmain .joinlc dd:hover p {
        color: #56c18b; }
      .joinmain .joinlc dd.on.no1 i, .joinmain .joinlc dd.no1:hover i {
        background-position: -294px -766px; }
      .joinmain .joinlc dd.on.no2 i, .joinmain .joinlc dd.no2:hover i {
        background-position: -398px -766px; }
      .joinmain .joinlc dd.on.no3 i, .joinmain .joinlc dd.no3:hover i {
        background-position: -502px -766px; }
      .joinmain .joinlc dd.on.no4 i, .joinmain .joinlc dd.no4:hover i {
        background-position: -606px -766px; }
      .joinmain .joinlc dd.on.no5 i, .joinmain .joinlc dd.no5:hover i {
        background-position: -710px -766px; }
      .joinmain .joinlc dd.no1 i {
        background-position: -294px -662px; }
      .joinmain .joinlc dd.no2 i {
        background-position: -398px -662px; }
      .joinmain .joinlc dd.no3 i {
        background-position: -502px -662px; }
      .joinmain .joinlc dd.no4 i {
        background-position: -606px -662px; }
      .joinmain .joinlc dd.no5 i {
        background-position: -710px -662px; }
      .joinmain .joinlc dd.on i {
        animation: mymove 3s linear infinite;
        -webkit-animation: mymove 3s linear infinite; }
  .joinmain .message {
    overflow: hidden;
    width: 1078px;
    margin: 0 auto;
    padding-top: 52px;
    height: 288px; }
    .joinmain .message td {
      position: relative;
      padding-bottom: 18px; }
    .joinmain .message i {
      display: block;
      z-index: 2;
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(../images/ico.png) no-repeat left top transparent;
      left: 8px;
      top: 10px; }
      .joinmain .message i.no1 {
        background-position: -621px -633px; }
      .joinmain .message i.no2 {
        background-position: -646px -633px; }
      .joinmain .message i.no3 {
        background-position: -671px -633px; }
    .joinmain .message input[type=text] {
      display: block;
      font-size: 14px;
      background-color: #fff;
      font-family: "微软雅黑";
      width: 303px;
      height: 20px;
      line-height: 20px;
      padding: 10px 10px 10px 35px;
      border: 1px solid #e6e6e6;
      outline: none; }
      .joinmain .message input[type=text]:focus {
        border-color: #56c18b; }
    .joinmain .message textarea {
      border: 1px solid #e6e6e6;
      font-size: 14px;
      font-family: "微软雅黑";
      background-color: #fff;
      width: 1050px;
      padding: 13px;
      height: 80px;
      outline: none; }
      .joinmain .message textarea:focus {
        border-color: #56c18b; }
    .joinmain .message input[type=submit], .joinmain .message input[type=reset] {
      width: 170px;
      font-size: 14px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      color: #fff;
      cursor: pointer;
      font-family: "微软雅黑";
      outline: none;
      border: 0;
      border-radius: 4px;
      margin: 0 5px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      .joinmain .message input[type=submit]:hover, .joinmain .message input[type=reset]:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); }
    .joinmain .message input[type=submit] {
      background-color: #56c18b; }
    .joinmain .message input[type=reset] {
      background-color: #4a4a4a; }

.problem {
  overflow: hidden;
  padding-top: 45px;
  height: 155px; }
  .problem .problemtitle {
    width: 14px;
    padding: 12px 13px 0;
    color: #fff;
    margin-top: 17px;
    height: 78px;
    font-weight: bold;
    background: url(../images/ico.png) no-repeat 2px -89px #56c18b;
    line-height: 1.2;
    float: left; }
  .problem ul {
    overflow: hidden;
    float: left; }
    .problem ul li {
      width: 310px;
      padding-left: 58px;
      float: left; }
      .problem ul li span {
        display: block;
        position: absolute;
        border-radius: 3px;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        line-height: 24px;
        color: #fff;
        text-align: center;
        font-size: 14px; }
      .problem ul li a {
        display: block;
        padding-left: 31px;
        position: relative;
        color: #000;
        font-weight: bold; }
        .problem ul li a span {
          background-color: #000; }
        .problem ul li a:hover {
          text-decoration: none;
          color: #56c18b; }
      .problem ul li p {
        padding-left: 31px;
        margin-top: 8px;
        position: relative;
        color: #000; }
        .problem ul li p span {
          background-color: #56c18b; }

@keyframes mymove {
  from {
    transform: rotateY(0);
    -webkit-transform: rotateY(0); }
  to {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg); } }
@-webkit-keyframes mymove {
  from {
    transform: rotateY(0);
    -webkit-transform: rotateY(0); }
  to {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg); } }
.mainbtm {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2; }
  .mainbtm .bg1 {
    width: 276px;
    height: 313px;
    background-position: -330px 0px;
    position: absolute;
    right: 50%;
    margin-right: 728px;
    top: 376px; }
  .mainbtm .bg2 {
    width: 21px;
    height: 17px;
    background-position: -49px -69px;
    position: absolute;
    left: 50%;
    margin-left: 786px;
    top: 1004px; }
  .mainbtm .bg3 {
    width: 42px;
    height: 31px;
    background-position: -72px -68px;
    position: absolute;
    right: 50%;
    margin-right: 802px;
    top: 1400px; }
  .mainbtm .bg4 {
    width: 223px;
    height: 225px;
    background: url(../images/mi.png) no-repeat left top transparent;
    position: absolute;
    left: 50%;
    margin-left: 765px;
    top: 1630px; }
  .mainbtm .about {
    background: url(../images/aboutbg.jpg) no-repeat center top transparent;
    height: 538px;
    overflow: hidden;
    padding-top: 86px; }
    .mainbtm .about dl {
      width: 1200px;
      margin: 0 auto;
      padding-top: 61px; }
      .mainbtm .about dl dt {
        width: 862px;
        height: 322px;
        float: left; }
        .mainbtm .about dl dt a.aboutimg {
          display: block;
          float: left;
          width: 302px;
          height: 303px;
          overflow: hidden;
          margin: 9px; }
          .mainbtm .about dl dt a.aboutimg img {
            display: block;
            width: 263px !important;
            height: 263px !important; }
        .mainbtm .about dl dt .aboutmian {
          float: right;
          width: 201px;
          padding-right: 30px;
          padding-top: 48px; }
          .mainbtm .about dl dt .aboutmian b {
            display: block;
            font-size: 18px;
            color: #333; }
          .mainbtm .about dl dt .aboutmian .aboutnr {
            padding-top: 31px;
            height: 144px;
            overflow: hidden;
            color: #111; }
      .mainbtm .about dl dd {
        float: right;
        width: 310px;
        height: 322px;
        overflow: hidden;
        position: relative; }
        .mainbtm .about dl dd .prev, .mainbtm .about dl dd .next {
          position: absolute;
          width: 0;
          height: 0;
          position: absolute;
          top: 50%;
          border: 10px solid transparent;
          margin-top: -10px;
          cursor: pointer; }
        .mainbtm .about dl dd .prev {
          left: 22px;
          border-right: 10px solid #fff; }
        .mainbtm .about dl dd .next {
          right: 22px;
          border-left: 10px solid #fff; }
        .mainbtm .about dl dd .ryzzul {
          width: 190px;
          overflow: hidden;
          margin: 0 auto;
          padding-top: 33px; }
          .mainbtm .about dl dd .ryzzul li {
            width: 200px; }
            .mainbtm .about dl dd .ryzzul li img {
              display: block;
              margin: 0 auto; }
    .mainbtm .about .title {
      width: 1200px;
      margin: 0 auto;
      color: #1d4f36; }
      .mainbtm .about .title .line span {
        background-color: #fff; }
      .mainbtm .about .title .ricle {
        border-color: #fff; }
      .mainbtm .about .title .line {
        background-position: 0 -563px; }
  .mainbtm .hzhb {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 90px; }
    .mainbtm .hzhb .title {
      padding-bottom: 20px; }
    .mainbtm .hzhb a {
      float: left;
      padding-left: 10px;
      padding-top: 9px;
      display: block;
      margin-top: 40px;
      margin-right: 39px;
      width: 568px;
      height: 119px;
      border: 1px solid #e7e7e7;
      float: left;
      background-color: #fff; }
      .mainbtm .hzhb a.no2, .mainbtm .hzhb a.no4 {
        margin-right: 0; }
      .mainbtm .hzhb a img {
        float: left;
        border-radius: 50%;
        border: 1px solid #56c18b; }
      .mainbtm .hzhb a .hzhbtext {
        float: right;
        width: 405px;
        padding-right: 25px;
        padding-top: 20px; }
        .mainbtm .hzhb a .hzhbtext b {
          font-weight: normal;
          color: #000; }
        .mainbtm .hzhb a .hzhbtext p {
          font-size: 12px;
          line-height: 22px;
          height: 44px;
          overflow: hidden;
          color: #666666; }
      .mainbtm .hzhb a:hover {
        text-decoration: none;
        border-color: #56c18b; }
        .mainbtm .hzhb a:hover .hzhbtext b {
          color: #56c18b; }
  .mainbtm .news {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto; }
    .mainbtm .news .title .ricle {
      margin-left: 14px; }
    .mainbtm .news .newsmain {
      padding-top: 55px;
      overflow: hidden; }
      .mainbtm .news .newsmain a {
        display: block;
        width: 275px;
        float: left;
        padding-right: 75px;
        padding-left: 75px;
        position: relative;
        padding-bottom: 10px; }
        .mainbtm .news .newsmain a .date {
          position: absolute;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          font-size: 12px;
          line-height: 1.2;
          left: 0;
          top: 0;
          background-color: #000;
          width: 64px;
          height: 64px;
          overflow: hidden;
          text-align: center;
          color: #fff; }
          .mainbtm .news .newsmain a .date b {
            display: block;
            font-size: 36px;
            font-weight: normal;
            padding-top: 3px; }
        .mainbtm .news .newsmain a strong {
          display: block;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          font-size: 14px;
          color: #000;
          line-height: 1.1; }
        .mainbtm .news .newsmain a p {
          font-size: 12px;
          color: #000;
          line-height: 20px;
          height: 80px;
          overflow: hidden;
          padding-top: 20px;
          margin-bottom: 20px; }
        .mainbtm .news .newsmain a .newsmore {
          width: 40px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          transition: all 0.3s;
          display: block;
          height: 3px;
          background-color: #000;
          position: relative; }
          .mainbtm .news .newsmain a .newsmore i {
            display: block;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-left: 6px solid #000;
            position: absolute;
            right: -8px;
            margin-top: -7px;
            top: 50%; }
        .mainbtm .news .newsmain a.no3 {
          padding-right: 0; }
        .mainbtm .news .newsmain a:hover {
          text-decoration: none; }
          .mainbtm .news .newsmain a:hover strong {
            color: #56c18b; }
          .mainbtm .news .newsmain a:hover .date {
            background-color: #56c18b; }
          .mainbtm .news .newsmain a:hover .newsmore {
            width: 50px;
            background-color: #56c18b; }
            .mainbtm .news .newsmain a:hover .newsmore i {
              border-left-color: #56c18b; }

.faq {
  width: 1200px;
  margin: 0 auto;
  padding: 66px 0 80px; }
  .faq .problem {
    padding-top: 30px;
    height: auto; }
    .faq .problem ul li {
      width: 361px; }
      .faq .problem ul li.no1 {
        padding-left: 0; }
  .faq .faqtitle {
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #000;
    font-size: 24px;
    line-height: 1.1; }
    .faq .faqtitle .line {
      position: absolute;
      height: 1px;
      background-color: #000;
      top: 50%; }
    .faq .faqtitle .line1 {
      right: 50%;
      margin-right: 60px;
      left: 0; }
    .faq .faqtitle .line2 {
      left: 50%;
      margin-left: 60px;
      right: 0; }

.foot {
  background: url(../images/footbg.jpg) repeat left top transparent;
  font-size: 14px;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 70px; }
  .foot .fl {
    width: 516px;
    overflow: hidden;
    color: #fff; }
    .foot .fl a {
      color: #fff; }
  .foot .mid {
    float: left;
    width: 168px !important;
    height: 168px !important; }
    .foot .mid img {
      display: block; }
  .foot .fr {
    width: 295px;
    overflow: hidden;
    color: #cccccc; }
    .foot .fr .footmenu {
      overflow: hidden;
      font-family: "幼圆","微软雅黑";
      margin-bottom: 10px;
      width: 1005;
      font-size: 24px;
      line-height: 1.6;
      border-bottom: 1px solid #3a3a3a; }
    .foot .fr a {
      display: block;
      float: left;
      width: 33.3%;
      line-height: 42px;
      color: #ccc; }
      .foot .fr a:hover {
        text-decoration: none;
        color: #fff; }
  .foot .link {
    clear: both;
    padding-top: 10px;
    border-top: 1px solid #3a3a3a;
    color: #666; }
    .foot .link a {
      display: inline-block;
      color: #666; }
      .foot .link a:hover {
        color: #fff; }
    .foot .link span {
      display: inline-block;
      padding: 0 10px; }

/*main css end*/
/* 内页 css */
.nyvideo {
  width: 800px;
  height: 500px;
  margin: 0 auto; }

.nymain {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 40px; }

/* main css */
/* left public css */
.prolist {
  height: auto;
  background-color: #fff;
  overflow: hidden; }

.prolist h3 {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background-color: #56c18b;
  color: #fff;
  font-size: 18px;
  font-weight: normal; }

.prolist ul {
  padding: 10px 20px 20px; }

.prolist ul li {
  line-height: 46px; }

.prolist ul li a {
  display: block;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  position: relative; }

.prolist ul li a em {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  width: 30px;
  height: 30px;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -15px;
  font-family: "宋体";
  color: #ABABAB;
  font-size: 15px; }

.prolist ul li a:hover {
  text-decoration: none; }

.prolist ul li a:hover em {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
  color: #56c18b; }

.prolist ul li a.on, .prolist ul li a.hover {
  color: #56c18b; }

.prolist ul ul {
  background-color: #eee;
  display: none;
  padding: 10px 20px; }

.prolist ul ul li a {
  line-height: 40px;
  font-size: 14px;
  color: #555;
  border-bottom: 1px solid #f7f7f7; }

.prolist ul ul li:last-child a {
  border: 0; }

.prolist ul ul li a:hover {
  color: #56c18b; }

.left {
  width: 270px;
  float: left; }

.contact {
  margin-top: 25px;
  width: 270px; }

.contact.on {
  position: fixed;
  right: 50%;
  top: 0;
  z-index: 99999;
  margin-right: 330px;
  margin-top: 20px; }

.contact.onabsolute {
  position: absolute;
  right: 50%;
  bottom: 415px;
  z-index: 99999;
  margin-right: 330px;
  margin-top: 20px; }

.contacttitle {
  border-bottom: 8px solid #fff;
  height: 28px;
  line-height: 22px;
  position: relative;
  padding-bottom: 10px; }

.contacttitle h3 {
  color: #56c18b;
  float: left;
  font-size: 18px;
  transition: all 0.3s ease 0s;
  font-weight: normal; }

.contacttitle .more {
  float: right; }

.contacttitle .more a {
  color: #999; }

.contacttitle .more a:hover {
  color: #56c18b; }

.contactmain {
  padding-top: 10px;
  line-height: 26px;
  background-color: #fff;
  padding: 20px; }

/* right public css */
.right {
  float: right;
  width: 895px; }

.site {
  float: right; }

.site a:hover {
  color: #56c18b;
  text-decoration: none; }

.righttitle {
  border-bottom: 8px solid #fff;
  height: 50px;
  line-height: 50px; }

.righttitle h3 {
  border-left: 3px solid #56c18b;
  color: #56c18b;
  cursor: pointer;
  float: left;
  font-size: 18px;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
  margin-top: 10px;
  padding: 0 12px 0 15px; }

.nycenter {
  overflow: hidden;
  padding: 30px 0; }

.nycenter iframe{
width:100%;
height:359px;
}

.nyContent a {
  color: blue;
  text-decoration: underline; }

.nyContent a:hover {
  text-decoration: none; }

/*新闻列表 css */
.ArticleCategory li {
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #f4f4f4;
  overflow: hidden; }

.ArticleCategory li em {
  float: right;
  font-style: normal;
  font-size: 12px;
  color: #999; }

.ArticleCategory li a {
  display: block; }

.ArticleCategory li a:hover {
  text-decoration: none;
  color: #56c18b; }

.ArticleCategory li a:hover em {
  color: #56c18b; }

.page {
  text-align: center;
  padding-top: 20px; }

/*新闻详细 css */
.nycenter h1 {
  font-size: 22px;
  text-align: center;
  padding-top: 10px;
  font-weight: normal;
  color: #000; }

.fbtime {
  line-height: 32px;
  text-align: center;
  padding: 10px 0 0;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 20px; }

/*产品列表 css */
.ProductCategory li {
  width: 281px;
  float: left;
  padding-right: 26px;
  text-align: center;
  line-height: 32px;
  padding-bottom: 20px; }

.ProductCategory {
  width: 950px; }

.ProductCategory li a {
  display: block;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }

.ProductCategory li a img {
  display: block;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }

.ProductCategory li a:hover {
  text-decoration: none;
  color: #56c18b; }

.ProductCategory li a:hover img {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.nrproimg {
  width: 279px;
  height: 279px;
  position: relative;
  *z-index: -1;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s; }
.video nrproimg{width:100%;height:100%;}

.ProductCategory li a:hover .nrproimg {
  border-color: #56c18b; }

.gbookbg input[type="text"] {
  border: 1px solid #ccc;
  width: 350px;
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  margin-left: 10px;
  outline: none; }

.gbookbg td {
  padding-bottom: 5px; }

.gbookbg td em {
  color: red;
  font-style: normal; }

.gbookbg textarea {
  padding: 5px;
  font-size: 13px;
  outline: none;
  font-family: "微软雅黑";
  border: 1px solid #ccc;
  height: 88px;
  line-height: 22px;
  width: 350px;
  margin-left: 10px; }

.gbookbg td input[type="submit"], .gbookbg td input[type="reset"] {
  height: 32px;
  font-family: "微软雅黑";
  line-height: 32px;
  width: 100px;
  text-align: center;
  border: 0;
  background-color: #555;
  color: #fff;
  cursor: pointer;
  margin-top: 5px; }

.gbookbg td input[type="submit"] {
  background-color: #56c18b; }

.code {
  border: 1px solid #ccc;
  display: block;
  float: left;
  padding: 11px;
  cursor: pointer;
  margin-right: 3px; }

.gbooklist {
  overflow: hidden;
  padding-top: 40px; }

.gbooklist ul li {
  padding-bottom: 15px; }

.lytitle {
  overflow: hidden; }

.lytitle .time {
  float: right;
  color: #999; }

.lytitle span {
  padding: 0 20px; }

.lynr {
  padding: 20px;
  margin: 10px 0 0;
  background-color: #f4f4f4; }

.lyhf {
  padding-bottom: 10px;
  border: 1px solid #f4f4f4;
  padding: 20px;
  border-top: 0; }

.downlist {
  overflow: hidden;
  position: relative;
  border-bottom: 1px dashed #ccc;
  padding: 20px 150px 20px 0; }

.downlist dt {
  position: absolute;
  right: 0;
  height: 38px;
  width: 100px;
  text-align: center;
  color: #fff;
  line-height: 38px;
  top: 50%;
  margin-top: -19px; }

.downlist dt a {
  display: block;
  color: #fff;
  background-color: #56c18b;
  border-radius: 10px; }

.downlist dt a:hover {
  background-color: #ff872c;
  text-decoration: none; }

.downlist dd a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333; }

.downlist dd a:hover {
  text-decoration: none;
  color: #56c18b; }

.downlist dd span {
  display: block;
  color: #999;
  font-size: 12px; }

.downlist dd p {
  height: 48px;
  overflow: hidden;
  padding-top: 5px;
  color: #666; }

.tabledown {
  margin: 0 auto; }

.tabledown td {
  line-height: 36px;
  border-bottom: 1px solid #ccc; }

.tabledown th {
  border-left: 1px solid #f4f4f4;
  background-color: #f4f4f4;
  height: 46px;
  line-height: 46px; }

.tabledown td span {
  color: #999;
  display: inline-block;
  width: 73px; }

#Count {
  color: red;
  width: auto; }

.tabledown td.last {
  line-height: 22px;
  padding: 20px 0; }

.khjzlist {
  overflow: hidden;
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 15px;
  width: 420px;
  margin-right: 15px;
  float: left; }

.khjzlist:hover {
  background-color: #eee; }

.khjzlist dt {
  float: left;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%; }

.khjzlist dt img {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%; }

.khjzlist:hover dt img {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.khjzlist dd {
  width: 285px;
  float: right; }

.khjzlist dd a.khjzmore {
  display: inline-block;
  line-height: 24px;
  width: 92px;
  text-align: center;
  background-color: #999;
  color: #fff;
  position: relative;
  overflow: hidden; }

.khjzlist dd a.khjzmore span {
  position: relative;
  z-index: 3; }

.khjzlist dd a.khjzmore:before {
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
  top: 0;
  left: 0;
  width: 0;
  border: 0px solid transparent;
  border-top-color: #56c18b;
  content: "";
  z-index: 2; }

.khjzlist:hover dd a.khjzmore:before {
  border-width: 120px 120px 0 0; }

.khjzlist dd p {
  height: 44px;
  overflow: hidden;
  padding-top: 5px;
  margin-bottom: 15px; }

.khjzlist dd h3 {
  line-height: 28px; }

.khjzlist dd h3 a {
  display: block; }

/*放大镜效果*/
.magnifier {
  width: 100%;
  overflow: hidden; }

.magnifier_rf {
  text-align: left; }

.magnifier_rf h1 {
  text-align: left; }

.magnifier_rf .fbtime {
  text-align: left; }

.magnifier_lf {
  float: left;
  width: 452px;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

/*去除选择效果*/
.magnifier_rf {
  float: right;
  width: 46%; }

#jqzoom {
  position: relative;
  width: 452px;
  height: 452px;
  cursor: move;
  margin-bottom: 10px; }

#jqzoom img {
  display: block;
  border: 1px solid #ddd; }

.jqzoomlist {
  overflow: hidden;
  position: relative;
  height: 74px; }

.jqzoomlist li {
  width: 74px;
  float: left;
  margin-right: 8px;
  height: 74px; }

.jqzoomlist li img {
  display: block;
  width: 72px;
  height: 72px;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s; }

.jqzoomlist li.on img {
  border-color: #56c18b; }

.jqzoomlist span {
  display: block;
  z-index: 3;
  position: absolute;
  left: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  top: 0;
  width: 18px;
  text-align: center;
  font-family: "宋体";
  background-color: #eee;
  height: 74px;
  line-height: 74px;
  margin-right: 10px;
  cursor: pointer; }

.jqzoomlist span:hover {
  color: #fff;
  background-color: #ccc; }

.jqzoomlist span.next {
  right: 0;
  left: auto;
  margin-right: 0; }

.jqzoomlist ul {
  left: 25px;
  width: 3000px;
  position: absolute;
  top: 0; }

#bigzoomimg {
  position: absolute;
  right: -447px;
  top: 0;
  width: 430px;
  height: 430px;
  border: 1px solid #ddd;
  overflow: hidden;
  display: none; }

#bigzoomimg img {
  position: absolute;
  left: 0;
  top: 0; }

#zoommark2 {
  background: url(../images/zoom.png) repeat left top transparent;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 200px;
  height: 200px; }

/*详细页切换标签*/
.ProductContent {
  overflow: hidden;
  padding-top: 40px; }

.ProductContenttab {
  overflow: hidden;
  background-color: #f6f6f6;
  padding-left: 1px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.ProductContenttab span {
  display: block;
  cursor: pointer;
  width: 131px;
  float: left;
  color: #333;
  font-size: 15px;
  text-align: center;
  line-height: 42px;
  border-top: 2px solid transparent; }

.ProductContenttab span.on {
  background-color: #fff;
  color: #56c18b;
  border-top-color: #56c18b;
  font-weight: bold; }

.ProductContentlistnr {
  padding-top: 20px;
  display: none; }

/*网站地图*/
.siteMap {
  overflow: hidden; }
  .siteMap .siteMaplist {
    border-bottom: 1px solid #eee;
    line-height: 42px;
    font-size: 16px; }
    .siteMap .siteMaplist a {
      display: inline-block;
      color: #56c18b; }
  .siteMap > ul {
    padding: 20px 0 30px;
    overflow: hidden; }
    .siteMap > ul > li {
      width: 15%;
      float: left; }
      .siteMap > ul > li > a {
        display: block;
        color: #000;
        font-size: 14px; }
      .siteMap > ul > li > ul {
        margin-top: 10px; }
        .siteMap > ul > li > ul a {
          display: block;
          line-height: 28px;
          font-size: 13px; }

.nyhotnewslist {
  overflow: hidden;
  padding: 20px;
  border: 3px dashed #fff; }
  .nyhotnewslist h3 {
    color: #333;
    padding-bottom: 10px;
    font-size: 16px; }
  .nyhotnewslist ul {
    overflow: hidden; }
    .nyhotnewslist ul li {
      float: left;
      width: 50%; }
      .nyhotnewslist ul li a {
        display: block;
        line-height: 36px;
        margin-right: 10px;
        padding-left: 8px;
        border-radius: 3px; }
        .nyhotnewslist ul li a:hover {
          background-color: #f7f7f7;
          text-decoration: none; }

.nyhotprolist {
  overflow: hidden;
  padding: 20px;
  border: 3px dashed #f7f7f7; }
  .nyhotprolist h3 {
    color: #333;
    padding-bottom: 10px;
    font-size: 16px; }
  .nyhotprolist .nyhotprolistmain {
    overflow: hidden; }
  .nyhotprolist ul {
    overflow: hidden;
    width: 920px; }
    .nyhotprolist ul li {
      float: left;
      width: 200px;
      margin-right: 15px;
      overflow: hidden; }
      .nyhotprolist ul li a {
        display: block;
        text-align: center; }
        .nyhotprolist ul li a .nrproimg {
          width: 198px;
          border: 1px solid #eee;
          overflow: hidden;
          height: 198px;
          margin-bottom: 5px; }
          .nyhotprolist ul li a .nrproimg img {
            display: block;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s; }
        .nyhotprolist ul li a:hover {
          text-decoration: none; }
        .nyhotprolist ul li a:hover .nrproimg {
          border-color: #56c18b; }
        .nyhotprolist ul li a:hover .nrproimg img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }

.wechat {
  position: relative; }

.wechat .wechatmain {
  position: absolute;
  font-size: 13px;
  left: 50%;
  display: none;
  width: 120px;
  line-height: 20px;
  height: 140px;
  border: 1px solid #eee;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  color: #333;
  background-color: #fff;
  margin-left: -60px; }
  .wechat .wechatmain img {
    display: block;
    margin: 5px auto 0;
    width: 110px;
    height: 110px; }
  .wechat .wechatmain em {
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -16px;
    left: 50%;
    margin-left: -8px;
    position: absolute; }

.wechat:hover .wechatmain {
  display: block; }

/* 内页 css END*/
.nyryzz li {
  width: 204px; }

.nyryzz li .nrproimg {
  width: 202px;
  height: 270px; }

.nyhzhb li {
  width: 204px; }

.nyhzhb li .nrproimg {
  width: 202px;
  height: 202px; }

.ArticleCategory .ArticleListdl {
  margin-bottom: 14px;
  height: 90px;
  background: #fff;
  padding: 30px;
  border: 1px solid #e7e7e7;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.ArticleListdl a {
  display: block;
  height: 100%; }

.ArticleListdl h3 {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  line-height: 34px;
  position: relative;
  padding-left: 40px; }

.ArticleListdl h3 em, .ArticleListdl .nynewtext em {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
  background-color: #56c18b;
  color: #fff;
  position: absolute;
  left: 0;
  top: 2px;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

.ArticleListdl .nynewtext {
  height: 46px;
  overflow: hidden;
  color: #9d9d9d;
  line-height: 21px;
  padding-left: 40px;
  padding-top: 10px;
  position: relative; }

.ArticleListdl .nynewtext em {
  top: 8px;
  background-color: #7de7e0; }

.ArticleCategory .ArticleListdl a:hover em {
  color: #fff; }

.ArticleListdl a:hover h3 {
  color: #56c18b; }

.ArticleListdl:hover {
  border-color: #56c18b; }