/* CSS Reset */
body, div, span, object, iframe, input, h1, h2, h3, h4, h5, h6, p, pre, a, acronym, address, code, del, em, font, img, ins, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

input, select {
  vertical-align: middle; }

input, textarea, select {
  font: 12px/1.5 "microsoft yahei", Arial, sans-serif; }

fieldset, img {
  border: 0; }

address, code, th, em {
  font-style: normal; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

strong {
  font-weight: normal; }

/* bass css */
body {
  margin: 0 auto;
  font: 12px/1.5 "microsoft yahei", Arial, sans-serif;
  color: #666;
  background: #fff; }

.wrapper {
  margin: 0 auto;
  width: 1002px; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

/*********public style*********/
/* link css */
a {
  color: #59493f;
  text-decoration: none;
  outline: none; }

a:hover {
  text-decoration: none; }

.f-posi-list dd {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

.fc{
  margin:0 auto;}
/*===== header ====*/
.header {
  position: fixed;
  width: 100%;
  min-width: 1002px;
  top: 0;
  left: 0;
  z-index: 100;
  height: 86px;
  line-height: 86px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABXCAMAAAAK/CSmAAAABGdBTUEAALGPC/xhBQAAAH5QTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////snyM2gAAACp0Uk5Tn4rB4a6s5s/M3uO80dSxv7rWs+jEqu/z8fXs3LfJ9qijoqCl+LXqx9mnMX9NIQAAAHVJREFUKM91xjcWggAUAEFQzIoRUFEEjNz/gnb7tvlTTfJCojZwL3AruGe4Jdwr3A+CHuFO4S7hjuEu4NZwfwi6h7uBu4Y7gzuHe4f7RdAT3BHcLdwV3B3cG9w3gh7g5nAzuBO4BdwH3AFBn3BbuB3cHq6k+AMwjErZu1//xwAAAABJRU5ErkJggg==") 0 0 repeat-x; }
  .header .logo {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 146px;
    height: 43px;
    overflow: hidden;
    margin: 0 2.6667% 0 14.6875%; }
    .header .logo a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 0 no-repeat;
      /*background:url("https://image.cn.ndhy.com/ppt/v2/images/logo.png") no-repeat;*/

}

.top-nav {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 59.475%; }
  .top-nav li {
    float: left;
    position: relative;
    width: 16.5667%; }
    .top-nav li a {
      display: block;
      width: 100%;
      height: 83px;
      text-align: center;
      line-height: 83px;
      font-size: 16px;
      color: #212121;
      padding-right: 2px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABXAQMAAAAUOwYjAAAABGdBTUEAALGPC/xhBQAAAAZQTFRF1tbW1tbWVVx2uwAAAAJ0Uk5TQisYYBn/AAAADUlEQVQI12NwYBhCEABlVxXBkg3SkgAAAABJRU5ErkJggg==") right 0 no-repeat; }
    .top-nav li.active a, .top-nav li a:hover {
      color: #f95c00; }
    .top-nav li i {
      position: absolute;
      bottom: -14px;
      *bottom: -17px;
      left: 50%;
      margin-left: -22px;
      width: 45px;
      height: 14px;
      background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") -150px 0 no-repeat;
      display: none; }
    .top-nav li.active i {
      display: block; }

.slider {
  overflow: hidden;
  position: relative;
  min-width: 1002px;
  height: 800px; }

.slider .bg {
  width: 100%; }

.index-page .slider-1 .wrapper {
  position: relative; }
.index-page .slider-1 .logo {
  position: absolute;
  width: 208px;
  height: 62px;
  z-index: 20;
  left: 5.8333%;
  top: 5.5437%; }
.index-page .slider-1 .logo a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 0 no-repeat;
  text-indent: -9999px; }
.index-page .carousel {
  position: relative;
  overflow: hidden;
  height: 100%;
  background: #7fb4cc; }
.index-page .carousel-main {
  position: relative;
  overflow: hidden;
  height: 100%; }
.index-page .carousel-main li {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden; }
.index-page .carousel-main li:nth-of-type(1) {
  opacity: 1; }
.index-page .carousel-main li img {
  position: absolute; }
.index-page .carousel-main .bg {
  width: 100%;
  bottom: 0; }
.index-page .carousel-main .animate-field {
  height: 100%; }
.index-page .carousel-main .section-1 {
  position: relative; }
.index-page .carousel-main .section-1 .computer {
  width: 20.2031%;
  left: 6.875%;
  bottom: 23.3333%; }
.index-page .carousel-main .section-1 .hand-phone {
  width: 51.0469%;
  left: 11.9563%;
  bottom: 0; }
.index-page .carousel-main .section-1 .screen-1 {
  width: 11.2031%;
  left: 14.0854%;
  bottom: 45.7%; }
.index-page .carousel-main .section-1 .screen-2 {
  width: 12.0468%;
  left: 18.8167%;
  bottom: 37.8167%; }
.index-page .carousel-main .section-1 .net {
  width: 28.3125%;
  left: 20.8958%;
  bottom: 36.1%; }
.index-page .carousel-main .section-1 .apps {
  width: 25.5938%;
  left: 23.8417%;
  bottom: 33.6833%; }
.index-page .carousel-main .section-2 {
  bottom: auto;
  top: 0; }
.index-page .carousel-main .section-2 .page-back {
  width: 29.7188%;
  left: 18.2292%;
  bottom: 26.4167%; }
.index-page .carousel-main .section-2 .page-shadow {
  width: 3.5625%;
  left: 41.4625%;
  bottom: 12.1667%; }
.index-page .carousel-main .section-2 .page-front {
  width: 18.1406%;
  left: 24.3417%;
  bottom: 11.2167%; }
.index-page .carousel-main .section-3 .student {
  width: 40.7344%;
  left: 7.125%;
  bottom: 0; }
.index-page .carousel-main .section-3 .computer {
  width: 15.1406%;
  left: 6.875%;
  bottom: 43.75%; }
.index-page .carousel-main .section-3 .teacher {
  width: 16.1406%;
  left: 22.2042%;
  bottom: 15.4167%; }
.index-page .carousel-main .section-4 .blankborad {
  width: 35.4375%;
  left: 20.1938%;
  bottom: 7.1667%; }
.index-page .carousel-main .section-4 .student {
  width: 40.5469%;
  left: 3.5625%;
  bottom: 0; }
.index-page .carousel-menu {
  position: absolute;
  bottom: 65px;
  left: 50%;
  margin-left: -25px;
  z-index: 11; }
.index-page .carousel-menu li {
  float: left;
  width: 9px;
  height: 9px;
  margin: 0 5px; }
.index-page .carousel-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 -51px no-repeat; }
.index-page .carousel-menu .current a {
  background-position: -14px -51px; }
.index-page .carousel .text-img {
  position: absolute;
  bottom: 53%;
  right: 7.1875%; }
.index-page .carousel .text-img-1 {
  width: 21.3167%; }
.index-page .carousel .text-img-2 {
  width: 33.5938%; }
.index-page .carousel .text-img-3 {
  width: 35.5208%; }
.index-page .carousel .text-img-4 {
  width: 30%; }
.index-page .carousel .text {
  display: none; }
.index-page .down-btn {
  position: absolute;
  width: 276px;
  top: 50.91667%;
  right: 7.1875%;
  z-index: 11; }
.index-page .down-btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 75px;
  margin-bottom: 15px;
  background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 0 no-repeat;
  overflow: hidden; }
.index-page .down-btn a:hover {
  overflow: visible; }
.index-page .down-btn dl {
  padding-left: 80px;
  color: #fff;
  padding-top: 12px; }
.index-page .down-btn dt {
  font-size: 20px;
  line-height: 30px; }
.index-page .down-btn dd {
  font-size: 12px;
  line-height: 19px; }
.index-page .down-btn .qrcode {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  cursor: default; }
.index-page .down-btn .qrcode img {
  width: 200px; }
.index-page .down-btn .qrcode:hover {
  opacity: 0;
  filter: alpha(opacity=0); }
.index-page .down-btn .v-ios .qrcode {
  top: -64px;
  cursor: default; }
.index-page .down-btn .v-android .qrcode {
  top: -60px;
  cursor: default; }
.index-page .down-btn a:hover .qrcode {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -230px; }
.index-page .down-btn .v-pc {
  background-position: 0 -240px; }
.index-page .down-btn .v-pc:hover {
  background-position: 0 -316px; }
.index-page .down-btn .v-pc dl {
  padding-top: 2px; }
.index-page .down-btn .v-ios {
  background-position: 0 -392px; }
.index-page .down-btn .v-ios:hover {
  background-position: 0 -468px; }
.index-page .down-btn .v-android {
  background-position: 0 -544px; }
.index-page .down-btn .v-android:hover {
  background-position: 0 -620px; }

.solution-page .slider-1 {
  background: #f0f0f0; }
.solution-page .slider-1 .block {
  position: absolute;
  overflow: hidden;
  width: 10.4063%;
  bottom: 9.1%; }
.solution-page .slider-1 .block dt, .solution-page .slider-1 .block .desc {
  visibility: hidden;
  height: 0; }
.solution-page .slider-1 .block img {
  width: 100%; }
.solution-page .slider-1 .block-1 {
  left: 15.7292%; }
.solution-page .slider-1 .block-2 {
  left: 36.1979%; }
.solution-page .slider-1 .block-3 {
  left: 55%; }
.solution-page .slider-1 .block-4 {
  left: 74.0104%; }

.resource-page .slider-1 {
  background: #081450; }
.resource-page .slider-1 .bg {
  position: absolute;
  bottom: 0;
  left: 0; }
.resource-page .slider-1 .text {
  position: absolute;
  width: 30.5417%;
  left: 34.5833%;
  top: 24.3333%; }
.resource-page .slider-1 .text dt, .resource-page .slider-1 .text .desc {
  visibility: hidden;
  height: 0; }
.resource-page .slider-1 .text img {
  width: 100%; }

  .class-page .slider-1 .wrapper {
    position: relative; }
  .class-page .carousel {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #7fb4cc; }
  .class-page .carousel-main {
    position: relative;
    overflow: hidden;
    height: 100%; }
  .class-page .carousel-main li {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden; }
  .class-page .carousel-main li:nth-of-type(1) {
    opacity: 1; }
  .class-page .carousel-main li img {
    position: absolute; }
  .class-page .carousel-main .bg {
    width: 100%;
    bottom: 0; }
  .class-page .down-btn {
    position: absolute;
    width: 276px;
    top: 50.91667%;
    right: 7.1875%;
    z-index: 11; }
  .class-page .down-btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 75px;
    margin-bottom: 15px;
    background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160926.png") 0 0 no-repeat;
    overflow: hidden; }
  .class-page .down-btn a:hover {
    overflow: visible; }
  .class-page .down-btn dl {
    padding-left: 80px;
    color: #fff;
    padding-top: 12px; }
  .class-page .down-btn dt {
    font-size: 20px;
    line-height: 30px; }
  .class-page .down-btn dd {
    font-size: 12px;
    line-height: 19px; }
  .class-page .down-btn .qrcode {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    z-index: -1;
    cursor: default; }
  .class-page .down-btn .qrcode img {
    width: 200px; }
  .class-page .down-btn .qrcode:hover {
    opacity: 0;
    filter: alpha(opacity=0); }
  .class-page .down-btn .class-pad .qrcode {
    top: -64px;
    cursor: default; }
  .class-page .down-btn .class-vr .qrcode {
    top: -60px;
    cursor: default; }
  .class-page .down-btn a:hover .qrcode {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -230px; }
  .class-page .down-btn .class-pc {
    background-position: 0 -240px; }
  .class-page .down-btn .class-pc:hover {
    background-position: 0 -316px; }
  .class-page .down-btn .class-pc dl {
    padding-top: 2px; }
  .class-page .down-btn .class-pad {
    background-position: 0 -848px; }
  .class-page .down-btn .class-pad:hover {
    background-position: 0 -924px; }
  .class-page .down-btn .class-vr {
    background-position: 0 -1000px; }
  .class-page .down-btn .class-vr:hover {
    background-position: 0 -1076px; }
.class-page .down-btn .class-vr dl {
    padding-top: 2px; }

.storage-page .slider-1 {
  background: #d9d0c1; }
.storage-page .slider-1 .bg {
  position: absolute;
  bottom: 0;
  left: 0; }
.storage-page .slider-1 .text {
  position: absolute;
  width: 38.3854%;
  top: 48.2812%;
  left: 14.5833%; }
.storage-page .slider-1 .text dt, .storage-page .slider-1 .text .desc {
  visibility: hidden;
  height: 0; }
.storage-page .slider-1 .text img {
  width: 100%; }

.more-page .slider-1 {
  background: #6ba5ca; }
.more-page .slider-1 .bg {
  position: absolute;
  bottom: 0; }
.more-page .slider-1 .text {
  visibility: hidden;
  height: 0; }
.more-page .slider-1 .block {
  position: absolute;
  width: 20.3125%; }
.more-page .slider-1 .block img {
  width: 100%;
  display: block; }
.more-page .slider-1 .block-1 {
  left: 18.9063%;
  top: 15.2698%; }
.more-page .slider-1 .block-2 {
  width: 21.8792%;
  top: 15.2698%;
  left: 39.2188%;
  z-index: 2; }
.more-page .slider-1 .block-3 {
  left: 61.0938%;
  top: 15.2698%; }
.more-page .slider-1 .block-4 {
  top: 35.5231%;
  left: 18.9063%;
  z-index: 2; }
.more-page .slider-1 .block-5 {
  width: 21.9792%;
  left: 39.2188%;
  top: 39.0902%; }
.more-page .slider-1 .block-6 {
  top: 35.5231%;
  left: 61.0938%;
  z-index: 2; }
.more-page .slider-1 .block-7 {
  left: 18.9063%;
  top: 61.1987%; }
.more-page .slider-1 .block-8 {
  width: 21.8792%;
  top: 59.5328%;
  left: 39.2188%;
  z-index: 2; }
.more-page .slider-1 .block-9 {
  left: 61.0738%;
  top: 60.8987%; }

.footer {
  position: relative;
  font-size: 14px;
  color: #010101;
  text-align: center;
  padding: 30px 0; }
  .footer ul {
    overflow: hidden;
    padding-bottom: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  .footer li {
    float: left;
    width: 67px;
    padding: 0 30px;
    height: 18px;
    line-height: 18px;
    border-left: 1px solid #495d6e;
    margin-left: -1px; }
  .footer a {
    position: relative;
    font-size: 16px;
    color: #000;
    opacity: 0.69;
    filter: alpha(opacity=69); }
    .footer a i {
      display: block;
      width: 0;
      height: 4px;
      margin: 3px auto 0;
      background: #fff;
      -webkit-transition: width 0.5s;
      transition: width 0.5s; }
    .footer a:hover i, .footer a.current i {
      width: 100%; }
  .footer .copyright {
    opacity: 0.72;
    filter: alpha(opacity=72); }

/*====pad/phone====*/
@media screen and (max-width: 1024px) {
  .slider .block, .solution-page .slider-1 .text, .resource-page .slider-1 .text, .class-page .slider-4 .text, .storage-page .slider-5 .text, .phone {
    opacity: 0;
    filter: alpha(opacity=0); }

  .index-page .slider-1 {
    height: 600px; }

  .slider .bg {
    position: relative; }

  .more-page .slider-1 .block-1 {
    top: 16.5698%; }

  .more-page .slider-1 .block-2 {
    top: 16.5698%; }

  .more-page .slider-1 .block-3 {
    top: 16.5698%; }

  .more-page .slider-1 .block-4 {
    top: 36.5231%; }

  .more-page .slider-1 .block-5 {
    top: 38.9002%; }

  .more-page .slider-1 .block-6 {
    top: 36.5231%; }

  .more-page .slider-1 .block-7 {
    top: 60.4987%; }

  .more-page .slider-1 .block-8 {
    top: 59.0328%; }

  .more-page .slider-1 .block-9 {
    top: 60.4987%; }
 }

/*===== footer unfold =====*/
.footer-unfold-wrap {
  position: absolute;
  bottom: -50%;
  left: 0;
  z-index: 50;
  width: 100%; }

.footer-unfold {
  position: relative;
  width: 100%;
  height: 100%; }
  .footer-unfold .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a0caee;
    opacity: 0.95;
    filter: alpha(opacity=95); }
  .footer-unfold .btn-fold {
    position: absolute;
    top: -12px;
    right: 0;
    width: 208px;
    height: 86px;
    background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 -92px no-repeat;
    overflow: hidden;
    z-index: 60;
    opacity: 0; }

.f-carousel {
  position: relative;
  width: 85.72917%;
  height: 77.77778%;
  margin: 0 auto; }
  .f-carousel .f-btn-prev, .f-carousel .f-btn-next {
    position: absolute;
    top: 55.55%;
    width: 54px;
    height: 54px;
    background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") 0 -180px no-repeat; }
  .f-carousel .f-btn-prev {
    left: 0; }
  .f-carousel .f-btn-next {
    right: 0;
    background-position: -162px -180px; }

.f-carousel-main {
  position: relative;
  margin: 0 6.07533%;
  height: 100%;
  color: #000;
  text-align: center;
  overflow: hidden; }
  .f-carousel-main li {
    position: absolute;
    left: 6.07533%;
    top: 0;
    width: 87.84934%;
    height: 100%;
    overflow: hidden;
    z-index: -1; }
    .f-carousel-main li.current, .f-carousel-main li.prev {
      z-index: 0; }
  .f-carousel-main .cont-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 73.14815%;
    overflow: auto;
    padding: 0 4.86026%; }
  .f-carousel-main .f-title {
    height: 19.44444%;
    min-height: 54px;
    text-align: center;
    font-weight: normal;
    font-size: 36px;
    margin: 0 30px;
    border-bottom: 1px solid #bfddec;
    overflow: hidden; }
    .f-carousel-main .f-title .line {
      display: inline-block;
      vertical-align: middle;
      width: 166px;
      height: 2px;
      background: #333;
      margin: 0 28px; }
  .f-carousel-main .list-num {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    font-size: 24px; }
  .f-carousel-main .list-num-1 {
    background: #93cd21; }
  .f-carousel-main .list-num-2 {
    background: #e0ae00; }
  .f-carousel-main .list-num-3 {
    background: #326af2; }

.f-contact-list {
  float: left;
  vertical-align: top;
  width: 33%;
  padding: 5% 0 0;
  text-align: left; }
  .f-contact-list dl {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 78%;
    padding-left: 2.18712%;
    overflow: hidden; }
  .f-contact-list dt {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 20px; }
  .f-contact-list dd {
    font-size: 14px;
    padding-bottom: 10px;
    word-break: break-all; }

.f-posi-list {
  width: 42.52734%;
  padding: 2% 0 2% 6%;
  text-align: left; }
  .f-posi-list .posi-img {
    display: inline-block;
    vertical-align: top;
    width: 38.85714%; }
  .f-posi-list dl {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 48.28571%;
    padding-left: 5%; }
  .f-posi-list dt {
    font-size: 24px;
    padding: 3% 0 5.55555% 6.42857%; }
  .f-posi-list dd {
    width: 142%;
    padding: 0 0 4.07407% 9.42857%;
    font-size: 16px;
    background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") -201px 6px no-repeat; }
  .f-posi-list a {
    color: #000; }
    .f-posi-list a:hover {
      text-decoration: underline; }

.relief-item {
  color: #000; }
  .relief-item .must-read {
    width: 8.93074%;
    margin: 15px 0 8px; }
  .relief-item .p1 {
    font-size: 26px;
    color: #e65733;
    padding-bottom: 4px; }
  .relief-item .p2 {
    text-align: left;
    padding-bottom: 30px; }
    .relief-item .p2 .list-num {
      float: left; }
    .relief-item .p2 .title {
      float: left;
      font-size: 28px;
      line-height: 42px;
      padding-left: 2%; }
    .relief-item .p2 .p3 {
      padding-left: 25.95902%; }
      .relief-item .p2 .p3 p {
        padding-left: 25px;
        background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") -201px 3px no-repeat; }
    .relief-item .p2 .p4 {
      padding-left: 20.95902%; }
      .relief-item .p2 .p4 span {
        padding-left: 5%;
        background: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png") -201px 0 no-repeat; }
  .relief-item .p3 {
    text-align: left;
    font-size: 14px;
    padding-bottom: 18px; }

.copyright-item dt {
  font-size: 28px;
  padding: 10px 0 30px; }
  .copyright-item dt strong {
    font-weight: normal; }
.copyright-item dd {
  float: left;
  width: 32.3%;
  padding: 0 1% 10px 0;
  font-size: 14px;
  word-break: break-all;
  text-align: justify; }
.copyright-item .list-num {
  margin-right: 2%; }
.copyright-item .list-con {
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 75%;
  line-height: 28px; }
.copyright-item .contact {
  float: right;
  padding-top: 36px;
  font-size: 14px;
  font-weight: bold; }
  .copyright-item .contact .label {
    font-weight: normal; }
  .copyright-item .contact .phone-num {
    font-size: 18px; }

.scroll-block {
  z-index: 60; }

/*cl*/
.cl-qrcode {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  cursor: default;
  width: 315px; }

.cl-qrcode:hover {
  opacity: 0;
  filter: alpha(opacity=0); }

.cl-qrcode {
  top: 2px;
  cursor: default; }

.down-btn a:hover .cl-qrcode {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -340px; }

.cl-qrcode p {
  position: relative;
  font-size: 18px;
  color: #fff;
  line-height: 27px; }

.cl-qrcode ul {
  position: relative;
  margin-top: 15px; }

.cl-qrcode li {
  font-size: 12px;
  color: #fff;
  line-height: 25px; }

.cl-qrcode .wrap {
  position: relative;
  padding: 30px 20px 30px 30px;
  max-height: 285px;
  overflow: hidden; }

.cl-qrcode .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  border-radius: 3px; }

/*/cl*/
/*===== 新增关注按钮 =====*/
.down-btn .v-follow {
  position: relative;
  display: block;
  width: 100%;
  height: 75px;
  margin-bottom: 15px;
  background-position: 0 -696px;
  background-image: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png");
  overflow: hidden; }

.down-btn .v-follow:hover {
  background-position: 0 -772px;
  overflow: visible; }

.down-btn .v-follow .platform {
  position: absolute;
  width: 500px;
  left: -250px;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding-right: 50px;
  background: url("https://image.cn.ndhy.com/ppt/v2/images/blank.gif");
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.down-btn .v-follow:hover .platform {
  left: -530px;
  opacity: 1;
  filter: alpha(opacity=100); }

.down-btn .v-follow .wrap {
  position: relative;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 3px; }

.down-btn .v-follow .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.85;
  filter: alpha(opacity=85); }

.down-btn .v-follow .f-block-l {
  float: left;
  width: 50%; }

.down-btn .v-follow .f-block {
  position: relative;
  width: 100%;
  text-align: center;
  color: #010101;
  background-color: rgba(204, 204, 204, 0.2); }

.down-btn .v-follow .f-block:hover {
  background-color: #ffd7d7;
  background-color: rgba(255, 215, 215, 0.5); }

.down-btn .v-follow .f-block-tit {
  font-size: 14px;
  padding: 14px 0; }

.down-btn .v-follow .qrcode2 {
  width: 160px;
  height: 160px;
  margin-bottom: 32px; }

.down-btn .v-follow .f-weixin {
  width: 50%;
 /* padding: 58px 0 40px;*/
  padding: 26px 0 26px;
  height: 100%;
  background: none;
  cursor: default;}

.down-btn .v-follow .f-weibo, .down-btn .v-follow .f-tieba, .down-btn .v-follow .f-qq {
  height: 114px;
  background-image: url("https://image.cn.ndhy.com/ppt/v2/images/sprite160414.png");
  background-repeat: no-repeat;
  margin-bottom: 0; }

.down-btn .v-follow .f-weibo {
  background-position: 0 -847px; }

.down-btn .v-follow .f-tieba {
  background-position: 0 -957px; }

.down-btn .v-follow .f-qq {
  background-position: 0 -1067px; }

.down-btn .v-follow .qq-num {
  font-size: 22px;
  padding-left: 50px; }

/*footer modify-160523-xiaoyanzi*/
.fp-auto-height, .fp-auto-height .fp-tableCell {
  position: relative;
  height: auto !important; }