html {
  width: 100%;
  /* height: 100%; */
}
/*@font-face {*/
  /*font-family: 'pictos';*/
  /*src:;*/
/*}*/
html {
    width: 100%;
    overflow-y: auto;
}
body {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  font-size: inherit;
  font-family: microsoft yahei;
}
html body #zupuweb {
  width: 100%;
  height: 100%;
}
html body #zupuweb .router-container {
  width: inherit;
  height: inherit;
}
html body ul {
  margin: 0;
  padding: 0;
}
html body ul li {
  list-style: none;
}
html body p {
  margin: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5 {
  margin: 0;
  padding: 0;
}
html body a {
  text-decoration: none;
  color: #333333;
}
html body img {
  border: none;
}
html body input {
  border: none;
  padding: 0;
}
html body button {
  padding: 0;
  background: transparent;
  border: none;
}
.floatr1 {
  width: 240px;
  height: 264px;
  position: fixed;
  top: 184px;
  right: 30px;
  background-image: ;
  background-size: 100% 100%;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.floatl1 {
  width: 280px;
  height: 264px;
  position: fixed;
  top: 184px;
  left: 30px;
  background-image: ;
  background-size: 100% 100%;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.closefr1 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 6px;
  text-align: center;
  background-image: ;
  background-size: 100% 100%;
  cursor: pointer;
}
.closefl1 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  left: 6px;
  text-align: center;
  background-image: ;
  background-size: 100% 100%;
  cursor: pointer;
}
.floatr1 > div {
  position: absolute;
  width: 100%;
  height: 56px;
  line-height: 56px;
  left: 0;
  bottom: 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}
.ewmbox {
  display: inline-block;
  position: absolute;
  bottom: 45px;
  right: 0;
  text-align: center;
  width: 40%;
  height: auto;
}
.ewmbox img {
  width: 82%;
  margin: 0 auto;
}
.ewmbox div {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #666666;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
/*--------------------------------------------------*/
/*
        #wrap {
            .keyframes(name, {
                from {}
                to {}
            });
            .animation(name 1s infinite forwards);
        }
    */
/*--------------------------------------------------*/
@-webkit-keyframes changebannerimg_ani {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes changebannerimg_ani {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes changebannerimg_ani {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes changebannerimg_ani {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes changebannerimg_ani {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes home_banner_con_bg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes home_banner_con_bg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes home_banner_con_bg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes home_banner_con_bg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes home_banner_con_bg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes home_banner_content1 {
  from {
    opacity: 0;
    left: -40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes home_banner_content1 {
  from {
    opacity: 0;
    left: -40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-o-keyframes home_banner_content1 {
  from {
    opacity: 0;
    left: -40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-ms-keyframes home_banner_content1 {
  from {
    opacity: 0;
    left: -40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes home_banner_content1 {
  from {
    opacity: 0;
    left: -40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes home_banner_content2 {
  from {
    opacity: 0;
    top: -200px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-moz-keyframes home_banner_content2 {
  from {
    opacity: 0;
    top: -200px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-o-keyframes home_banner_content2 {
  from {
    opacity: 0;
    top: -200px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-ms-keyframes home_banner_content2 {
  from {
    opacity: 0;
    top: -200px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes home_banner_content2 {
  from {
    opacity: 0;
    top: -200px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes home_banner_content3 {
  from {
    opacity: 0;
    left: 40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes home_banner_content3 {
  from {
    opacity: 0;
    left: 40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-o-keyframes home_banner_content3 {
  from {
    opacity: 0;
    left: 40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-ms-keyframes home_banner_content3 {
  from {
    opacity: 0;
    left: 40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes home_banner_content3 {
  from {
    opacity: 0;
    left: 40%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes toparrow {
  0% {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(40px);
    -moz-transform: translatey(40px);
    -o-transform: translatey(40px);
    -ms-transform: translatey(40px);
    transform: translatey(40px);
  }
}
@-moz-keyframes toparrow {
  0% {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
  100% {
    -webkit-transform:translatey(40px);
    -moz-transform: translatey(40px);
    -o-transform: translatey(40px);
    -ms-transform: translatey(40px);
    transform: translatey(40px);
  }
}
@-o-keyframes toparrow {
  0% {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(40px);
    -moz-transform: translatey(40px);
    -o-transform: translatey(40px);
    -ms-transform: translatey(40px);
    transform: translatey(40px);
  }
}
@-ms-keyframes toparrow {
  0% {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(40px);
    -moz-transform: translatey(40px);
    -o-transform: translatey(40px);
    -ms-transform: translatey(40px);
    transform: translatey(40px);
  }
}
@keyframes toparrow {
  0% {
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
  100% {
    -webkit-transform: translatey(40px);
    -moz-transform: translatey(40px);
    -o-transform: translatey(40px);
    -ms-transform: translatey(40px);
    transform: translatey(40px);
  }
}
#home-container {
  width: 100%;
  /* height: 100%; */
  height: auto;
  overflow: hidden;
  background: #ffffff;
  font-family: microsoftyahei;
  position: relative;
  /*overflow-x: hidden;*/
}
#home-container .home-banner {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
}
#home-container .home-banner1 {
  height: 500px;
}
#home-container .home-banner .banner-images {
  width: 100%;
  height: 100%;
  position: absolute;
}
#home-container .home-banner .banner-images a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#home-container .home-banner .banner-images img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
  -ms-transition: opacity 0.6s linear;

  transition: opacity 0.6s linear;
}
#home-container .home-banner .banner-images a.changebannerimg {
  z-index: 2;
}
#home-container .home-banner .banner-images a.changebannerimg img {
  opacity: 1;
  filter: alpha(opacity=100);
}
#home-container .home-banner .s-c {
  width: 1250px;
  margin: 0 auto;
  height: 100%;
  /*position: absolute;*/
  /*bottom: 0;*/
}
#home-container .home-banner .select {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
#home-container .home-banner .active {
  z-index: 2;
}
#home-container .home-banner .select .btn {
  position: absolute;
  bottom: 0;
  width: 231px;
  height: 138px;
  background: rgba(255, 255, 255, 0.58);
  font-size: 36px;
  font-family: microsoftyahei-bold;
  font-weight: 800;
  color: #333333;
  line-height: 138px;
  text-align: center;
  -webkit-transition: bottom 1s;
  -moz-transition: bottom 1s;
  -o-transition: bottom 1s;
  -ms-transition: bottom 1s;
  transition: bottom 1s;
  cursor: pointer;
  z-index: 3;
}
#home-container .home-banner .select .btn1 {
  height: 80px;
  line-height: 80px;
}
#home-container .home-banner .select .box {
  width: 413px;
  height: 448px;
  bottom: 283px;
  position: absolute;
  background: rgba(255, 255, 255, 0.48);
  opacity: 0;
  text-align: left;
  font-weight: bold;
}
#home-container .home-banner .select .box1 {
  width: 520px;
  height: 286px;
  bottom: 157px;
  line-height: 1;
}
.s-c > div.active .imgbox {
  display: block;
}
.imgbox {
  position: absolute;
  left: 540px;
  top: 0px;
  width: auto;
  height: 100%;
  display: none;
}
.imgbox img {
  width: 100%;
  height: 100%;
}
.imgbox img.imgbox1 {
  width: auto;
}
#home-container .home-banner .select .box .content {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 4px;
  padding: 41px 33px 35px 19px;
  box-sizing: border-box;
  color: #666666;
}
#home-container .home-banner .select .box .content1 {
  padding: 29px 0;
  text-align: center;
}
#home-container .home-banner .select .box .content .title {
  font-size: 40px;
  font-family: microsoftyahei-bold;
  line-height: 50px;
  font-weight: 800;
  color: #333
}
#home-container .home-banner .select .box .content .des {
  margin-top: 17px;
  font-size: 19px;
  line-height: 30px;
  font-weight: bold;
}
#home-container .home-banner .select .box .content .des1 {
  line-height: 1;
  height: auto;
  margin-bottom: 25px;
}
#home-container .home-banner .select .box .content .has {
  margin-top: 96px;
  margin-bottom: 15px;
  font-size: 18px;
  line-height:24px;
  font-weight: 800;
}
#home-container .home-banner .select .box .content .has1 {
  margin-top: 0;
}
#home-container .home-banner .select .box .content .num {
  margin-bottom: 15px;
  font-size: 48px;
  color: #333333;
  line-height: 24px;
}
#home-container .home-banner .select .box .content .has-user {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
#home-container .home-banner .select .box .content .inline {
  display: inline-block;
  margin-bottom: 0;
}
#home-container .home-banner .select .box .tips {
  cursor: pointer;
  transition: opacity 1s;
  opacity: 0;
  width: 286px;
  height: 53px;
  background: #dc323f;
  border-radius: 4px;
  -moz-box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);
  /* firefox */
  -webkit-box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);
  /* webkit：safari、chrome */
  box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);
  /* opera */
  font-size: 20px;
  text-align: center;
  font-family: microsoftyahei;
  color: #ffffff;
  line-height: 53px;
  margin-top: 460px;
}
#home-container .home-banner .select .box .tips1 {
  margin: 30px auto 0;
}
#home-container .home-banner .select.active .btn {
  bottom: 34px;
}
#home-container .home-banner .select.active .box {
  -webkit-animation: home_banner_con_bg 0.7s linear forwards;
  -moz-animation: home_banner_con_bg 0.7s linear forwards;
  -o-animation: home_banner_con_bg 0.7s linear forwards;
  -ms-animation: home_banner_con_bg 0.7s linear forwards;
  animation: home_banner_con_bg 0.7s linear forwards;
}
#home-container .home-banner .select.active .box .tips {
  opacity: 1;
}
#home-container .home-banner .select:nth-of-type(1) {
  /*margin-left: 340px;*/
}
#home-container .home-banner .select:nth-of-type(1) .content {
  left: -100%;
}
#home-container .home-banner .select:nth-of-type(1).active .content {
  -webkit-animation: home_banner_content1 0.7s linear forwards;
  -moz-animation: home_banner_content1 0.7s linear forwards;
  -o-animation: home_banner_content1 0.7s linear forwards;
  -ms-animation: home_banner_content1 0.7s linear forwards;
  animation: home_banner_content1 0.7s linear forwards;
}
#home-container .home-banner .select:nth-of-type(2) {
  /*left:845px;*/
  margin-left: 510px;
}
#home-container .home-banner .select:nth-of-type(2) .box {
  left: -91px;
}
#home-container .home-banner .select:nth-of-type(2) .box .content {
  top: -765px
}
#home-container .home-banner .select:nth-of-type(2) .box .tips {
  margin-left: 63px;
}
#home-container .home-banner .select:nth-of-type(2).active .content {
  -webkit-animation: home_banner_content2 0.7s linear forwards;
  -moz-animation: home_banner_content2 0.7s linear forwards;
  -o-animation: home_banner_content2 0.7s linear forwards;
  -ms-animation: home_banner_content2 0.7s linear forwards;
  animation: home_banner_content2 0.7s linear forwards;
}
#home-container .home-banner .select:nth-of-type(3) {
  /*left: 1219px;*/
  margin-left: 1018px;
}
#home-container .home-banner .select:nth-of-type(3) .box {
  left: -182px;
  background: rgba(255, 255, 255, 0.8);
}
#home-container .home-banner .select:nth-of-type(3) .box .content {
  left: 100%;
}
#home-container .home-banner .select:nth-of-type(3) .box .tips {
  margin-left: 127px;
}
#home-container .home-banner .select:nth-of-type(3).active .content {
  -webkit-animation: home_banner_content3 0.7s linear forwards;
  -moz-animation: home_banner_content3 0.7s linear forwards;
  -o-animation: home_banner_content3 0.7s linear forwards;
  -ms-animation: home_banner_content3 0.7s linear forwards;
  animation: home_banner_content3 0.7s linear forwards;
}

/*@media (max-width: 1681px){*/
  /*.ewmbox {*/
    /*display: inline-block;*/
    /*position: absolute;*/
    /*bottom: 28px;*/
    /*right: 0;*/
    /*text-align: center;*/
    /*width: 40%;*/
    /*height: auto;*/
  /*}*/
  /*.ewmbox img {*/
    /*width: 90%;*/
    /*margin: 0 auto;*/
  /*}*/
  /*.ewmbox div {*/
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*color: #666666;*/
    /*font-weight: bold;*/
    /*font-size: 16px;*/
    /*display: inline-block;*/
    /*height: 20px;*/
    /*line-height: 20px;*/
  /*}*/
/*#home-container .home-banner {*/
  /*width: 100%;*/
  /*height: 580px;*/
  /*position: relative;*/
  /*overflow: hidden;*/
/*}*/
/*#home-container .home-banner .banner-images {*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*position: absolute;*/
/*}*/
/*#home-container .home-banner .banner-images img {*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*display: block;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*opacity: 0;*/
  /*-webkit-transition: opacity 0.6s linear;*/
  /*-moz-transition: opacity 0.6s linear;*/
  /*-o-transition: opacity 0.6s linear;*/
  /*-ms-transition: opacity 0.6s linear;*/

  /*transition: opacity 0.6s linear;*/
/*}*/
/*#home-container .home-banner .banner-images img:nth-of-type(1) {*/
  /*opacity: 1;*/
/*}*/
/*#home-container .home-banner .banner-images img.changebannerimg {*/
  /*opacity: 1;*/
  /*filter: alpha(opacity=100);*/
/*}*/
/*#home-container .home-banner .s-c {*/
  /*width: 1250px;*/
  /*margin: 0 auto;*/
  /*height: 560px;*/
  /*!*position: absolute;*!*/
  /*!*bottom: 0;*!*/
/*}*/
/*#home-container .home-banner .select {*/
  /*width: 413px;*/
  /*height: 560px;*/
  /*position: absolute;*/
  /*bottom: 0;*/
/*}*/
/*#home-container .home-banner .select .btn {*/
  /*position: absolute;*/
  /*bottom: 0;*/
  /*width: 170px;*/
  /*height: 100px;*/
  /*background: rgba(255, 255, 255, 0.58);*/
  /*font-size: 30px;*/
  /*font-family: microsoftyahei-bold;*/
  /*font-weight: 800;*/
  /*color: #333333;*/
  /*line-height: 100px;*/
  /*text-align: center;*/
  /*-webkit-transition: bottom 1s;*/
  /*-moz-transition: bottom 1s;*/
  /*-o-transition: bottom 1s;*/
  /*-ms-transition: bottom 1s;*/
  /*transition: bottom 1s;*/
  /*cursor: pointer;*/
/*}*/
/*.cenjbewm {*/
  /*position: relative;*/
/*}*/
/*#home-container .home-banner .select .btn .box {*/
  /*width:300px;*/
  /*height: 324px;*/
  /*bottom: 183px;*/
  /*position: absolute;*/
  /*background: rgba(255, 255, 255, 0.48);*/
  /*opacity: 0;*/
  /*text-align: left;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content {*/
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 324px;*/
  /*opacity: 0;*/
  /*border-radius: 4px;*/
  /*padding: 30px 23px 25px 10px;*/
  /*box-sizing: border-box;*/
  /*color: #666666;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content .title {*/
  /*font-size:30px;*/
  /*font-family: microsoftyahei-bold;*/
  /*line-height: 40px;*/
  /*font-weight: 800;*/
  /*color: #333;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content .des {*/
  /*margin-top: 10px;*/
  /*font-size: 14px;*/
  /*line-height: 26px;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content .has {*/
  /*margin-top: 58px;*/
  /*margin-bottom: 10px;*/
  /*font-size: 14px;*/
  /*line-height:20px;*/
  /*font-weight: 800;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content .num {*/
  /*margin-bottom: 12px;*/
  /*font-size: 28px;*/
  /*color: #333333;*/
  /*line-height: 16px;*/
/*}*/
/*#home-container .home-banner .select .btn .box .content .has-user {*/
  /*font-size: 18px;*/
  /*line-height: 24px;*/
/*}*/
/*#home-container .home-banner .select .btn .box .tips {*/
  /*cursor: pointer;*/
  /*transition: opacity 1s;*/
  /*opacity: 0;*/
  /*width: 220px;*/
  /*height: 40px;*/
  /*background: #dc323f;*/
  /*border-radius: 4px;*/
  /*-moz-box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);*/
  /*!* firefox *!*/
  /*-webkit-box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);*/
  /*!* webkit：safari、chrome *!*/
  /*box-shadow: 1px 0 13px rgba(0, 0, 0, 0.78);*/
  /*!* opera *!*/
  /*font-size: 14px;*/
  /*text-align: center;*/
  /*font-family: microsoftyahei;*/
  /*color: #ffffff;*/
  /*line-height: 40px;*/
  /*margin-top: 338px;*/
/*}*/
/*#home-container .home-banner .select.active .btn {*/
  /*bottom: 26px;*/
/*}*/
/*#home-container .home-banner .select.active .btn .box {*/
  /*-webkit-animation: home_banner_con_bg 0.7s linear forwards;*/
  /*-moz-animation: home_banner_con_bg 0.7s linear forwards;*/
  /*-o-animation: home_banner_con_bg 0.7s linear forwards;*/
  /*-ms-animation: home_banner_con_bg 0.7s linear forwards;*/
  /*animation: home_banner_con_bg 0.7s linear forwards;*/
/*}*/
/*#home-container .home-banner .select.active .btn .box .tips {*/
  /*opacity: 1;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(1) {*/
  /*!*margin-left: 340px;*!*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(1) .content {*/
  /*left: -100%;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(1).active .content {*/
  /*-webkit-animation: home_banner_content1 0.7s linear forwards;*/
  /*-moz-animation: home_banner_content1 0.7s linear forwards;*/
  /*-o-animation: home_banner_content1 0.7s linear forwards;*/
  /*-ms-animation: home_banner_content1 0.7s linear forwards;*/
  /*animation: home_banner_content1 0.7s linear forwards;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(2) {*/
  /*!*left:845px;*!*/
  /*margin-left: 510px;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(2) .box {*/
  /*left: -64px;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(2) .box .content {*/
  /*top: -765px*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(2) .box .tips {*/
  /*margin-left: 36px;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(2).active .content {*/
  /*-webkit-animation: home_banner_content2 0.7s linear forwards;*/
  /*-moz-animation: home_banner_content2 0.7s linear forwards;*/
  /*-o-animation: home_banner_content2 0.7s linear forwards;*/
  /*-ms-animation: home_banner_content2 0.7s linear forwards;*/
  /*animation: home_banner_content2 0.7s linear forwards;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(3) {*/
  /*!*left: 1219px;*!*/
  /*margin-left: 1018px;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(3) .box {*/
  /*left: -130px;*/
  /*background: rgba(255, 255, 255, 0.8);*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(3) .box .content {*/
  /*left: 100%;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(3) .box .tips {*/
  /*margin-left: 80px;*/
/*}*/
/*#home-container .home-banner .select:nth-of-type(3).active .content {*/
  /*-webkit-animation: home_banner_content3 0.7s linear forwards;*/
  /*-moz-animation: home_banner_content3 0.7s linear forwards;*/
  /*-o-animation: home_banner_content3 0.7s linear forwards;*/
  /*-ms-animation: home_banner_content3 0.7s linear forwards;*/
  /*animation: home_banner_content3 0.7s linear forwards;*/
/*}*/
/*}*/

#home-container .home-mapsearch {
  width: 100%;
  height: 900px;
  /*background-image: ;*/
  background:rgba(245,245,245,1);
  background-size: cover;
  padding-top: 57px;
  box-sizing: border-box;
  color: #333333;
}
.home-mapsearch-box{
  width: 1250px;
  margin: 0 auto;
}
#home-container .home-mapsearch .search-box h3.title {
  font-size: 30px;
  line-height: 24px;
  font-family: microsoftyahei-bold;
  color: #333333;
}
#home-container .home-mapsearch .search-box .totalnum {
  font-size: 18px;
  margin-top: 36px;
  line-height: 18px;
  color:rgba(51,51,51,1);
}
#home-container .home-mapsearch .search-box .totalnum >span {
    font-size: 25px;
    font-weight:bold;
}
#home-container .home-mapsearch .search-box ._input {
  margin-top: -14px;
  height: 131px;
  position: relative;
}
.searchjg {
  width: 45%;
  height: auto;
  min-height: 50px;
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
  position: absolute;
  top: 80px;
  left: 20px;
  padding-left: 24px;
  display: none;
  border-radius: 6px;
  z-index: 10;
}
.searchjg ul {
  width: 100%;
  height: auto;
  padding-top: 8px;
}
.searchjg ul li {
  width: 100%;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
}
.searchjg ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.searchjg ul li:hover {
  color: #dc323f;
}
.div_item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.div_item span {
  color: #b0b0b0;
  font-size: 15px;
  margin-left: 20px;
}
.div_item span:hover {
  color: #dc323f;
}
.searchjg > p {
  width: 90%;
  margin: 20px auto;
  background-color: #e8e8e8;
  color: #303030;
  text-align: center;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}
#home-container .home-mapsearch .search-box ._input input {
  display: block;
  float: left;
  width: 650px;
  height: 46px;
  background: #ffffff;
  margin-top:34px;
  -moz-box-shadow: 3px 3px 10px rgba(25, 17, 2, 0.15);
  /* firefox */
  -webkit-box-shadow: 3px 3px 10px rgba(25, 17, 2, 0.15);
  /* webkit：safari、chrome */
  box-shadow: 3px 3px 10px rgba(25, 17, 2, 0.15);
  /* opera */
  border-radius: 20px;
  text-indent: 17px;
  outline: none;
}
#home-container .home-mapsearch .search-box ._input input:-moz-placeholder {
  /* firefox 18- */
  color: #999;
  font-size: 16px;
  line-height: 42px;
}
#home-container .home-mapsearch .search-box ._input input::-moz-placeholder {
  /* firefox 19  */
  color: #999;
  font-size: 16px;
  line-height: 42px;
}
#home-container .home-mapsearch .search-box ._input input::-webkit-input-placeholder {
  /* webkit */
  color: #999;
  font-size: 16px;
  line-height: 42px;
}
#home-container .home-mapsearch .search-box ._input input:-ms-input-placeholder {
  /* ie */
  color: #999;
  font-size: 16px;
  line-height: 42px;
}

#home-container .home-mapsearch .search-box ._input .search_btn {
  display: block;
  float: left;
  width: 316px;
  height: 117px;
  line-height: 117px;
  font-size: 18px;
  margin-left: 31px;
  background-image: ;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
 .selected-area {
  font-size: 18px;
  font-family: microsoftyahei-bold;
  font-weight: 600;
  color: #333333;
  line-height: 18px;
   margin-left: 30px;
}
 .selected-area span {
  font-size: 16px;
  font-family: microsoftyahei;
}
 .selected-area span span {
  color: #dc323f;
}
#home-container .home-mapsearch #map-container .left-show-area {
  width:380px;
  height:348px;
  background:rgba(251,251,251,1);
  border-radius:10px;
  float: left;
  font-size: 18px;
  color: #333333;
  padding-top: 170px;
  margin-top: -50px;
  padding-left: 30px;

}
#home-container .home-mapsearch #map-container .left-show-area ul {
  width: 100%;
}
#home-container .home-mapsearch #map-container .left-show-area ul li {
  position: relative;
  float: left;
  width: 75px;
  height:34px;
  cursor: pointer;
}
#home-container .home-mapsearch #map-container .left-show-area ul li:hover{
  color:#dc323f;
  font-weight: 600;
}

#home-container .home-mapsearch #map-container .left-show-area ul li span {
  padding: 0 4px;
  display: inline-block;
}
#home-container .home-mapsearch #map-container .left-show-area ul li div {
  z-index: 1;
  width: 258px;
  display: none;
  position: absolute;
  left: 0;
  top: 25px;
  border-radius: 4px;
  border-top-left-radius: 0;
  box-sizing: border-box;
  padding: 9px;
  background:rgba(245,245,245,1);
}
#home-container .home-mapsearch #map-container .left-show-area ul li div span {
  line-height: 16px;
  font-size: 16px;
  margin-right: 9px;
  color: #999;
  display: inline-block;
  cursor: pointer;
}
#home-container .home-mapsearch #map-container .left-show-area ul li div span:hover {
  color: #333333;
  font-weight: 400;
}
#home-container .home-mapsearch #map-container .left-show-area ul li.active > span {
  font-weight: 600;
  color: #dc323f;
  background: #fff;
}
#home-container .home-mapsearch #map-container .left-show-area ul li.active div {
  display: block;
  font-weight: 400;
}
#home-container .home-mapsearch #map-container .left-show-area ul li:hover > div {
  display: block;
  font-weight: 400;
}
#home-container .home-mapsearch #map-container #right-map {
  float: left;
  width: 756px;
  height: 576px;
  margin-left: 36px;
}
#home-container .home-family-tree {
  height: 768px;
  /*background-image: ;*/
  /*background-size: cover;*/
}
.home-family-treebox{
  width: 1250px;
  margin: 0 auto;
}
#home-container .home-family-tree .top-title {
  height: 40px;
  padding: 50px 10px 0 0;
  overflow: hidden;
  line-height: 40px;
}
#home-container .home-family-tree .top-title span {
  font-size: 30px;
  font-family: microsoftyahei-bold;
  color: #333;
  float: left;
  font-weight: 800;
}
#home-container .home-family-tree .top-title a {
  text-decoration: none;
  font-size: 16px;
  color:rgba(153,153,153,1);
  float: right;
}
#home-container .home-family-tree ul {
  width: 1280px;
  margin-top: 30px;
  margin-left: -40px;
  box-sizing: border-box;
  overflow: hidden;
}
#home-container .home-family-tree ul li {
  overflow: hidden;
  cursor: pointer;
  float: left;
  width: 222px;
  height: 278px;
  margin-left: 32px;
  margin-bottom: 45px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/*#home-container .home-family-tree ul li:nth-of-type(5n) {*/
  /*margin-right: 0;*/
  /*margin-bottom: 0;*/
/*}*/
#home-container .home-family-tree ul li:nth-of-type(5n   1) {
 margin-left: 40px;
}
#home-container .home-family-tree ul li > img {
  position: relative;
  display: block;
  object-fit: cover;
  width: 222px;
  height: 278px;
}
.contentwrap{
  width:222px;
  height:66px;
  background:rgba(0,0,0,0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
#home-container .home-family-tree ul li .m {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 7px;
  box-sizing: border-box;
  font-family: microsoftyahei;
  color: #333;
  text-align: left;
}
#home-container .home-family-tree ul li .m .bookname {
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
  padding-right: 20px;
  overflow: hidden;
  /*text-overflow:ellipsis;*/
  /*white-space: nowrap;*/
  font-size:17px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(255,253,252,1)
}
#home-container .home-family-tree ul li .info {
  font-size:14px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(186,186,186,1);
  text-align: center;
  overflow: hidden;
}
#home-container .home-family-tree ul li .info span {
  width: 49%;
  display: inline-block;
  background-size: 13px 15px;
  background-repeat: no-repeat;
  font-size:14px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(186,186,186,1);
}
.numimg {
  text-align: left;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.times img{
  width: 19px;
  height: 12px;
  vertical-align: middle;
  margin-top: -10px;
}
#home-container .home-family-tree ul li .info span:nth-of-type(2) {
  text-align: left;
  font-size:14px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(186,186,186,1);
}
#home-container .home-family-tree ul li .createdat {
  margin-top: 6px;
  line-height: 14px;
  font-size: 14px;
  text-align: center;
  color: #999999;
}
#home-container .home-family-tree ul li .mask {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  display: none;
  font-size: 16px;
  color: #ffffff;
  top: 0;
}
#home-container .home-family-tree ul li .mask img {
  position: absolute;
  top: 60px;
  left:42px;
  width: 127px;
  height: 127px;
  display: block;
}
#home-container .home-family-tree ul li .mask p {
  font-family: microsoftyahei-bold;
  font-weight: 800;
  font-size: 18px;
  line-height: 18px;
  margin-top:200px;
  text-align: center;
  color: #333333;
}
/*#home-container .home-family-tree ul li .lookonphone {*/
  /*width: 0.7rem;*/
  /*height: 0.37rem;*/
  /*position: absolute;*/
  /*top: 0.09rem;*/
  /*left: 1.64rem;*/
  /*color: #999999;*/
/*}*/
#home-container .home-family-tree ul li .lookonphone {
  display: none;
  position: absolute;
  top: -100px;
  left: 148px;
  width: 116px;
  height: 0;
  /*border: .58rem solid #ffeee5;*/
  border: 58px solid #ffeee5;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;

  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#home-container .home-family-tree ul li .lookonphone img {
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 140px;
  top: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#home-container .home-family-tree ul li:hover .lookonphone {
  display: block;
}
#home-container .home-family-tree ul li:hover >img {
 /* -webkit-transform: translatex(-0.2rem);
  -moz-transform: translatex(-0.2rem);
  -o-transform: translatex(-0.2rem);
  -ms-transform: translatex(-0.2rem);
  transform: translatex(-0.2rem);*/
}
#home-container .home-family-tree .family-search {
  width: 458px;
  height: 572px;
  margin-top: 39px;
  background: #ffffff;
  background-size: 100% 123px;
  background-repeat: no-repeat;
  text-align: center;
  border-radius: 4px;
  box-shadow: 1px 0 16px rgba(53, 25, 22, 0.76);
  position: relative;
}
#home-container .home-family-tree .family-search .title {
  margin-top: 123px;
  padding-top: 27px;
  padding-bottom: 25px;
  font-size: 30px;
  font-family: microsoftyahei-bold;
  color: #666666;
}
#home-container .home-family-tree .family-search form {
  padding: 0 26px;
}
#home-container .home-family-tree .family-search form input {
  outline: none;
  height: 63px;
  line-height: 63px;
  border: none;
  background: transparent;
  background: #e6e6e6;
  text-align: center;
  border-radius: 4px;
  display: block;
  margin: 0;
  padding: 0;
}
#home-container .home-family-tree .family-search form :-moz-placeholder {
  /* firefox 18- */
}
#home-container .home-family-tree .family-search form ::-moz-placeholder {
  /* firefox 19  */
}
#home-container .home-family-tree .family-search form .zupuname {
  width: 406px;
}
#home-container .home-family-tree .family-search form .select {
  width: 100%;
  height: 63px;
  margin-top: 20px;
}
#home-container .home-family-tree .family-search form .select .province,
#home-container .home-family-tree .family-search form .select .city {
  float: left;
  display: inline-block;
  width: 193px;
  height: 63px;
  background: #e6e6e6;
  border-radius: 4px;
  text-align-last: left;
  text-indent: 39px;
  font-size: 20px;
  line-height: 63px;
  color: #666666;
  background-size:19px 11px;
  background-position: 140px 26px;
  background-repeat: no-repeat;
}
#home-container .home-family-tree .family-search form .select .province {
  margin-right: 20px;
}
#home-container .home-family-tree .family-search form .personname,
#home-container .home-family-tree .family-search form input[type=submit] {
  width: 406px;
  margin-top: 23px;
}
#home-container .home-family-tree .family-search form input[type=submit] {
  border:1px solid #dc323f;
  background: #ffffff;
  font-size: 22px;
  color: #dc323f;
}
#home-container .home-family-tree .family-search .select-content {
  display: none;
  width: 332px;
  height: 285px;
  background: #ffffff;
  border-radius: 2px;
  position: absolute;
  left: 26px;
  top: 350px;
  font-size: 16px;
  color: #666666;
}
#home-container .home-family-tree .family-search .select-content .sel-pro {
  margin-top: 13px;
  margin-bottom: 9px;
  font-size: 16px;
  text-align-last: left;
  text-indent: 18px;
}
#home-container .home-family-tree .family-search .select-content .x-line {
  display: block;
  width: 221px;
  height: 1px;
  border: 1px solid #e6e6e6;
  border-radius: 1px;
  position: absolute;
  left: 95px;
  top: 16px;
}
#home-container .home-family-tree .family-search .select-content ul {
  width: 100%;
  padding-left: 18px;
  padding-right: 16px;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  height: 238px;
  overflow-x: scroll;
}
#home-container .home-family-tree .family-search .select-content ul p {
  text-align: left;
  text-indent: 9px;
  line-height: 25px;
}
#home-container .home-family-tree .family-search .select-content ul .h-c {
  min-height: 39px;
  overflow: hidden;
}
#home-container .home-family-tree .family-search .select-content ul li {
  text-align: center;
  box-shadow: none;
  margin-bottom: 6px;
  list-style: none;
  float: left;
  width: 67px;
  height: 33px;
  line-height: 33px;
  background: #e6e6e6;
  border-radius: 2px;
  margin-right: 10px;
}
#home-container .home-family-tree .family-search .select-content ul li:nth-of-type(4) {
  margin-right: 0;
}
#home-container .home-family-tree .family-search .select-content ul li:nth-of-type(8) {
  margin-right: 0;
}
#home-container .home-family-tree .family-search .select-content ul li:nth-of-type(12) {
  margin-right: 0;
}
#home-container .home-family-tree .family-search .select-content ul li:nth-of-type(16) {
  margin-right: 0;
}
#home-container .home-family-tree .family-search .select-content::before {
  content: '';
  width: 0;
  height: 0;
  border: 14px solid red;
  /*border: 0.14rem solid red;*/
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -28px;
  left: 26px;
}
#home-container .home-family-tree ul,
#home-container .home-family-tree .family-search {
  float: left;
}
#home-container .home-news {
  width: 100%;
  height: 685px;
  padding-top: 50px;
}
.home-news-box{
  width: 1250px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
#home-container .home-news .top-title {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
#home-container .home-news .top-title span {
  font-size: 30px;
  font-family: microsoftyahei-bold;
  color: #333333;
  float: left;
  font-weight: 800;

}
#home-container .home-news .top-title a {
  text-decoration: none;
  font-size: 16px;
  color: #999;
  float: right;
}
#home-container .home-news .leftbox,
#home-container .home-news .right {
  margin-top: 31px;
}
#home-container .home-news .leftbox {
  width: 500px;
  height: 540px;
  float: left;
  margin-right: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
#home-container .home-news .left {
  width: 500px;
  height: 540px;
  position: relative;
  display: table;
  text-align: center;
}
#home-container .home-news .left_bg {
  width: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
#home-container .home-news .left1 {
  width: 500px;
  height: 540px;
  text-align: center;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
#home-container .home-news .left1 a {
  display: flex;
  vertical-align: middle;
  flex: 1;
  height: auto;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}
#home-container .home-news .left1 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 100%;
  margin: 0 auto;
}
#home-container .home-news .left1 .l-con {
  padding: 0 25px 0 16px;
}
#home-container .home-news .left1 .l-con .time {
  height: 67px;
  line-height: 67px;
  font-size: 16px;
  color: #666666;
}
.news_title{
  width:500px;
  height:110px;
  background-color:rgba(0,0,0,0.7);
  /*position: absolute;*/
  left: 0;
  bottom: 0;
  text-align: left;
}
.time_new{
  font-size:16px;
  font-weight:400;
  color:rgba(255,255,255,1);
  margin-top: 12px;
  margin-left: 20px;
  margin-bottom: 14px;
}
.newstitle{
  font-size:20px;
  font-weight:bold;
  color:rgba(255,255,255,1);
  width: 460px;
  max-height: 50px;
  line-height: 26px;
  padding: 20px 20px 0 20px;
  overflow: hidden;
}
#home-container .home-news .left .l-con h2 {
  font-size: 20px;
  font-family: microsoftyahei-bold;
  color: #333333;
  line-height: 28px;
}
#home-container .home-news .left .l-con .more {
  height: 24px;
  /*margin-top: 79px;*/
  font-size: 22px;
  font-family: microsoftyahei-bold;
  font-weight: bolder;
  color: #333333;
  position: absolute;
  bottom: 24px;
}
#home-container .home-news .left .l-con .more a {
  text-decoration: none;
  display: inline-block;
  margin-left:30px;
  width: 28px;
  height: 24px;
  background-image: ;
  background-size: cover;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
#home-container .home-news .left:hover .more a {
  -webkit-transform: translatex(30px);
  -moz-transform: translatex(30px);
  -o-transform: translatex(30px);
  -ms-transform: translatex(30px);
  transform: translatex(30px);
}
#home-container .home-news .right {
  width: 666px;
  max-height: 550px;
  overflow: hidden;
  margin-top: 28px;
}
#home-container .home-news .right li {
  width: 660px;
  height: 120px;
  background: rgba(245,245,245,1);
  margin-bottom: 20px;
  overflow: hidden;
  margin-left: 3px;
  margin-top: 3px;
}

#home-container .home-news .right li:hover {
  background: white;
  box-shadow:0px 3px 10px 0px rgba(181, 63, 50, 0.35);
  cursor: pointer;
}
#home-container .home-news .right li a {
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
}
.daybox{
  width: 114px;
  height: 100%;
  border-right: 1px solid rgba(215,215,215,1);
  text-align: center;
  float: left;
}
.daytime{
  font-size:38px;
  font-family:microsoftyahei-bold;
  font-weight:bold;
  color:rgba(102,102,102,1);
}
.yertime{
  font-size:16px;
  font-weight:400;
  color:rgba(119,119,119,1);
}
.news_content{
  width: 420px;
  height: 100%;
  float: left;
  margin-left: 26px;
}
.new_r_title{
  font-size:20px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  width: 430px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}
.new_r_content{
  font-size:16px;
  font-weight:400;
  color:rgba(119,119,119,1);
  width: 410px;
  height: auto;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  line-height: 20px;

}
#home-container .home-news .right li a .time {
font-size: 16px;
color: #999;
line-height: 17px;
margin-top: 17px;
/*margin-left: 70%;*/
}
#home-container .home-news .right li a .r-con {
  width: 100%;
  /*height: 0.28rem;*/
  margin-top: 22px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  /*line-height: 0.19rem;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#home-container .home-news .right li:hover a .r-con {
  color: #888888;
}
#home-container .home-news .left,
#home-container .home-news .right {
  float: left;
}
#home-container .home-user {
  width: 100%;
  height: 800px;
  background:#fff;
}
.home-user-box{
  width: 1250px;
  height: 100%;
  margin: 0 auto ;
}
#home-container .home-user .top-title {
  height: 40px;
  padding: 40px 10px 0 0;
  overflow: hidden;
  line-height: 40px;
}
#home-container .home-user .top-title span {
  font-size: 30px;
  font-family: microsoftyahei-bold;
  color: #333333;
  float: left;
  font-weight: 800;

}
#home-container .home-user .top-title a {
  text-decoration: none;
  font-size: 16px;
  color: #999;
  float: right;
}
#home-container .home-user .left,
#home-container .home-user .right {
  margin-top: 46px;
  float: left;
}
#home-container .home-user .left {
  width:702px;
  height:772px;
  overflow: hidden;
  margin-left: 16px;
  margin-right: 50px;
  overflow: hidden;
}
#home-container .home-user .left li {
  width: 100%;
  height: 180px;
  margin-bottom: 15px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 1px 0 5px rgba(150, 124, 89, 0.19);
  padding-top: 23px;
  box-sizing: border-box;
}
#home-container .home-user .left li a .pic,
#home-container .home-user .left li a .text {
  float: left;
}
#home-container .home-user .left li a .pic {
     width: 205px;
     height: 134px;
     font-size: 20px;
     margin-right: 29px;
     object-fit: cover;
     border: 1px solid #ccc;
     /*margin-left: 0.2rem;*/
}
#home-container .home-user .left li a .text {
  width: 437px;
}
#home-container .home-user .left li a .text .txt {
  width: 100%;
  height: 27px;
  font-size: 20px;
  line-height: 28px;
  text-overflow: ellipsis;
  display: -moz-box;
  /* firefox */
  display: -webkit-box;
  /* webkit：safari、chrome */
  display: -o-box;
  /* opera */
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}

#home-container .home-user .left li a .text  .intro{
     width: 100%;
     /*margin-top: .1rem;*/
      margin-top: 10px;
     /* height: 0.54rem; */
     font-size: 14px;
     line-height: 28px;
     color: #666;
     text-overflow: ellipsis;
     display: -moz-box;
     display: -webkit-box;
     display: -o-box;
     display: -ms-box;
     display: box;
     -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
     -o-box-orient: vertical;
     -ms-box-orient: vertical;
     box-orient: vertical;
     -webkit-line-clamp: 2;
     -moz-line-clamp: 2;
     -ms-line-clamp: 2;
     -o-line-clamp: 2;
     line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     word-break: break-all;
     font-weight: 600;
}
#home-container .home-user .left li a .text .des {
  font-size: 14px;
  color: #999;
  height: 26px;
  /*height: .26rem;*/
  overflow: hidden;
  margin-top: 20px;
  height: 26px;
}
#home-container .home-user .left li a .text .des span {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  /*line-height: .27rem;*/
  line-height: 27px;
}
#home-container .home-user .left li a .text .des span:nth-of-type(1) {
  width: 130px;
}
#home-container .home-user .left li a .text .des span:nth-of-type(2) {
  width: 110px;
  margin-left: 20px;
}
#home-container .home-user .left li a .text .des .viewtimes,
#home-container .home-user .left li a .text .des .likecount {
  background-size: 15px;
  background-position: 0;
  text-indent: 20px;
  background-repeat: no-repeat;
}
#home-container .home-user .left li a .text .des .viewtimes {
  background-image: ;
  margin-left: 30px;
}
#home-container .home-user .left li a .text .des .likecount {
  background-image: ;
  margin-left: 30px;
}
#home-container .home-user .left li:hover {
  background: #e2e2e2;
}
#home-container .home-user .right {
  width: 482px;
  height: 772px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 1px 0 5px rgba(148, 119, 80, 0.19);
  /*
            li {
                width: 4.38rem;
                padding: .32rem .19rem 0 .25rem;
                a {
                    font-size: .18rem;
                    text-decoration: none;
                    display: block;

                    color:rgba(51,51,51,1);
                    // border-bottom: .01rem dashed rgba(204,204,204,1);
                    // padding-bottom: .22rem;
                    // 适用于webkit内核的浏览器，多行文本移除显示省略号
                    display: -webkit-box;   // 弹性盒子布局
                    -webkit-box-orient: vertical;    // 排布方式
                    -webkit-line-clamp: 2;    // 最多行数
                    overflow: hidden;

                }
                span {
                    display: block;
                    width: 100%;
                    height: .18rem;
                    border-bottom: .01rem dashed rgba(204,204,204,1);
                }
            }
            li:nth-of-type(1) {
                padding-top: .24rem;
            }
            // */
}
#home-container .home-user .right img {
  width: 482px;
  height: 264px;
  display: block;
}
#home-container .home-user .right .hotpage {
  font-size: 20px;
  font-family: microsoftyahei-bold;
  font-weight: bolder;
  color: #333333;
  padding-top: 29px;
  padding-left: 25px;
}
#home-container .colorpic {
  width: 100%;
  height: 186px;
  background-size: 100%;
}
#home-container .home-xlist {
  width: 100%;
  height: 800px;
  overflow: hidden;
  background: #f5f5f5;
}
.home-xlist-box{
  width: 1250px;
  height: 100%;
  margin: 0 auto;
}
#home-container .home-xlist .title {
  height: 246px;
  padding-top: 140px;
  box-sizing: border-box;
  text-align: center;
}
#home-container .home-xlist .title p:nth-of-type(1) {
  font-size: 36px;
  font-family: microsoftyahei-bold;
  color: #333333;
  line-height: 36px;
  margin-bottom: 18px;
  font-weight: 800;
}
#home-container .home-xlist .title p:nth-of-type(2) {
  width: 576px;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
  margin: 0 auto;
}
#home-container .home-xlist .list-container {
  width: 100%;
  height: 401px;
  overflow: hidden;
  position: relative;
  margin-top: 68px;
}
#home-container .home-xlist .list-container ul {
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
#home-container .home-xlist .list-container ul li {
     list-style: none;
     float: left;
     width: 222px;
     height: 100%;
     margin-right: 45px;
     overflow: hidden;
     position: relative;
}
#home-container .home-xlist .list-container ul li img {
 display: block;
  width: 208px;
  height: 208px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: 3px;
  margin-left: 3px;
}
#home-container .home-xlist .list-container ul li .profile {
  overflow: hidden;
}
#home-container .home-xlist .list-container ul li .profile .name {
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 24px;
  font-family: microsoftyahei-bold;
  color: #333333;
}
#home-container .home-xlist .list-container ul li .profile .address span {
  font-size:18px;
  color: #999999;
  display: block;
  width: 100%;
}
/*#home-container .home-xlist .list-container ul li .profile .address span:nth-of-type(1) {*/
  /*float: left;*/
/*}*/
/*#home-container .home-xlist .list-container ul li .profile .address span:nth-of-type(2) {*/
/*float: left;*/
/*margin-left: 0.4rem;*/
/*}*/
#home-container .home-xlist .list-container ul li .mask {
width: 208px;
height: 208px;
display: none;
position: absolute;
background: rgba(0, 0, 0, 0.55);
top: 0;
border-radius: 50%;
border: 3px solid #e60214;
}
#home-container .home-xlist .list-container ul li .mask a {
  display: block;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
}
#home-container .home-xlist .list-container ul li:hover {
  cursor: pointer;
}
#home-container .home-xlist .list-container ul li:hover .mask {
  display: block;
}
#home-container .home-xlist .list-container ._watchprev,
#home-container .home-xlist .list-container ._watchnext {
  position: absolute;
  width: 24px;
  height: 47px;
  top: 30%;
  cursor: pointer;
}
#home-container .home-xlist .list-container ._watchprev {
  left: 20px;
}
#home-container .home-xlist .list-container ._watchnext {
  right: 20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#home-container .home-href {
  width: 100%;
  min-height: 106px;
  box-sizing: border-box;
  background: #4d4d4d;
  color:rgba(153,153,153,1);
  border-top: 1px solid rgba(98,97,97,1);;
}
.home-href-box{
  width: 1250px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
#home-container .home-href .friend-href {
  font-weight: normal;
  font-size: 16px;
  padding-top: 20px;
  margin-bottom: 16px;
  text-align: center;
  color: white;
}
#home-container .home-href ul {
  display: inline-block;
  text-align: center;
}
#home-container .home-href ul li {
   float: left;
   margin-right: 30px;
   line-height: 34px;
   font-size:14px;
   font-family:microsoftyahei;
   font-weight:400;
   color:rgba(153,153,153,1);
 }
#home-container .home-href ul li a{
  color:rgba(153,153,153,1);
}
#home-container .home-href ul li a:hover{
  color:white;
}
#home-container .home-bottom {
  position: relative;
  color: #fefefe;
  display: block;
  width: 100%;
  height: 400px;
  background: #4d4d4d;
  box-sizing: border-box;
  padding-top: 45px;
  font-size: 14px;
}
.home-bottom-box{
  width: 1250px;
  height: 100%;
  margin: 0 auto;
}
.foot_bottom{
  width: 100%;
  height:80px;
  background:rgba(255,255,255,1);
}
.foot_bottom_all{
  width: 1250px;
  margin: 0 auto;
}
.foot_bottom_ctc{
  width: 1250px;
  height:80px;
  line-height: 80px;
  font-size:14px;
  color:rgba(102,102,102,1);
  text-align: center;
}
#home-container .home-bottom .title {
  font-size: 16px;
}
#home-container .home-bottom .b1,
#home-container .home-bottom .b2,
#home-container .home-bottom .b3,
#home-container .home-bottom .b4 {
  float: left;
}
#home-container .home-bottom .b1 .title,
#home-container .home-bottom .b2 .title,
#home-container .home-bottom .b3 .title,
#home-container .home-bottom .b4 .title {
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 26px;
}
#home-container .home-bottom .b1 {
  width: 440px;
  margin-right: 42px;
  margin-bottom: 24px;
}
#home-container .home-bottom .b1 .graph {
  line-height: 25px;
  color:rgba(153,153,153,1)
}
#home-container .home-bottom .b1 .graph:hover{
  color:white;
}
#home-container .home-bottom .b2 {
  margin-right: 96px;
}
#home-container .home-bottom .b2 ul {
  width: 100%;
}
#home-container .home-bottom .b2 ul li {
  margin-top: 20px;
}
#home-container .home-bottom .b2 ul li a {
  display: block;
  width: 100%;
  color:rgba(153,153,153,1);
}
#home-container .home-bottom .b2 ul li a:hover{
  color: white;
}
#home-container .home-bottom .b3 {
  width: 325px;
  margin-right: 62px;
}
#home-container .home-bottom .b3 ul {
  width: 100%;
  height: 273px;
  overflow: hidden;
}
#home-container .home-bottom .b3 ul li {
  width: 158px;
  height: 60px;
  float: left;
  margin-right: 9px;
  margin-bottom: 11px;
  background: #fff;
}
#home-container .home-bottom .b3 ul li:nth-of-type(even) {
  margin-right: 0;
}
#home-container .home-bottom .b3 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
#home-container .home-bottom .b4 {
  width: 216px;
  position: relative;
}
#home-container .home-bottom .b4 #app_download_ewm {
  background: #fff;
  position: relative;
  width: 216px;
  height: 216px;
  padding: 16px;
  box-sizing: border-box;
}
#home-container .home-bottom .b4 #app_download_ewm img {
  display: block;
  width: 180px;
  height: 180px;
}
#home-container .home-bottom .b4 .download-text {
  font-size: 14px;
  margin-top: 15px;
  text-indent: 80px;
}
#home-container .left-owners-btns {
  position: fixed;
  left: 0;
  top: 45%;
  text-align: center;
}
#home-container .left-owners-btns > div {
  cursor: pointer;
  width: 55px;
  height: 55px;
  background-color: #999999;
  margin-bottom: 1px;
  overflow: hidden;
}
#home-container .left-owners-btns > div p {
  padding: 0 11px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
}
#home-container .left-owners-btns > div p:nth-of-type(1) {
  margin-top: 13px;
}
#home-container .right-convenience-btns {
  position: fixed;
  text-align: center;
  right: 80px;
  bottom: 100px;
  width:86px;
  height: 391px;
  z-index: 9;
}
#home-container .right-convenience-btns .con-div {
  width: 86px;
  display: none;
}
#home-container .right-convenience-btns .con-div > div {
  cursor: pointer;
  color: #fff;
  width: 100%;
  height: 60px;
  font-size: 16px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.75);
  margin-bottom: 2px;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 11px;
}
#home-container .right-convenience-btns .con-div > div:nth-of-type(1) {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#home-container .right-convenience-btns .con-div > div:last-of-type {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#home-container .right-convenience-btns .con-div > div:hover {
  color: #777;
}
#home-container .right-convenience-btns .top-arrow {
  -webkit-animation: toparrow 1s infinite alternate;
  -moz-animation: toparrow 1s infinite alternate;
  -o-animation: toparrow 1s infinite alternate;
  -ms-animation: toparrow 1s infinite alternate;
  animation: toparrow 1s infinite alternate;
  display: block;
  width: 43px;
  height: 40px;
  position: absolute;
  left: 23px;
  bottom: 20px;
}
.userui{
  width: 1250px;
  display: inline-block;
  margin-left: 0px;
  margin-top: 36px;
  height: 610px;
  overflow: hidden;
}
.userli{
  width:390px;
  height:234px;
  float: left;
  margin-left: 26px;
  margin-top: 68px;
  background-image:;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.userli:hover{
  width:390px;
  height:234px;
  float: left;
  margin-left: 26px;
  margin-top: 68px;
  background-image:;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;

}

.userimgbox{
  position: absolute;
  top: -30px;
  left: -16px;
  width:91px;
  height:91px;
  border-radius:50%;
  overflow: hidden;
  z-index: 9;
}
.userimgbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.userli:hover .userimgbox{
   top: -32px;
 }
.userli:hover .usercontent{
  top: 31px;
}
.usercontent{
  width:326px;
  height:160px;
  position: absolute;
  top: 33px;
  left: 30px;
}
.content_title{
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size:20px;
  font-family:microsoftyahei-bold;
  font-weight:bold;
  color:rgba(51,51,51,1);
  margin-bottom: 22px;
}
.content_content{
  height:64px;
  font-size:16px;
  line-height:22px;
  font-weight:400;
  color:rgba(119,119,119,1);
  overflow: hidden;
}
.content_time{
  font-size:16px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(153,153,153,1);
  margin-top: 16px;
}
.usera{
  width: 100%;
  height: 100%;
  display: inline-block;
}
.swiper-container {

  width: 1100px;
  height: 320px;
}
.swiper-slide {
  margin-left: 7px;
  margin-top: 6px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 245px!important;
  height: 303px!important;
  background: rgba(255,255,255,1);
  /*border: 1px solid #dddddd;*/
  border-bottom: 4px solid rgba(204,204,204,1);
  box-shadow: 0px 3px 18px 0px rgba(146, 146, 146, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}
.ahref{
  width: 100%;
  height: 100%;
}
.swiper-slide:hover{
  background:rgba(255,255,255,1);
  border-bottom: 4px solid rgba(181,50,63,1);
  box-shadow:0px 3px 18px 0px rgba(181, 63, 50, 0.35);
}
.swiper-slide:hover .intbox{
  display: none;
}
.swiper-slide:hover .hoverbox{
  display: block;
}

.swiper-container {
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  position: relative;
  overflow: initial!important;
  z-index: 1;
}
.button-box-l{
  width: 60px;
  height: 328px;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  z-index: 8;
}
.button-box-r{
  width: 60px;
  height: 328px;
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  z-index: 8;
}
.intbox{
  width: 100%;
  height: 100%;
}
.slideimgbox{
  width:192px;
  height:192px;
  margin-top: 28px;
  margin-left: 28px;
}
.slideimg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
}
.usernamebox{
  width: 100%;
  height: 78px;
  line-height: 78px;
  position: relative;
}
.boxborder{
  display: block;
  width:48px;
  height:1px;
  background:rgba(236,236,236,1);
  position: absolute;
  top: 40px;
  left: 28px;
}
.boxborder1{
  display: block;
  width:48px;
  height:1px;
  background:rgba(236,236,236,1);
  position: absolute;
  top: 40px;
  right: 28px;
}
.username{
  display: block;
  width: 96px;
  height: 78px;
  line-height: 78px;
  position: absolute;
  top: 0px;
  left: 75px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: rgba(51,51,51,1);
  overflow: hidden;
}
.hoverbox{
  width: 100%;
  height: 100%;
  z-index: 12;
  display: none;
}
.hoverimgbox{
  margin-top: 40px;
  margin-left: 76px;
  width: 98px;
  height: 98px;
  overflow: hidden;
  border: 1px solid #f3f3f3;
}
.hoverimg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
}
.useraddress{
  padding-left: 28px;
  padding-right:28px;
  text-align: center;
  font-size:16px;
  font-weight:400;
  overflow: hidden;
  color:rgba(102,102,102,1);
}
.useredit{
  font-size:16px;
  font-family:microsoftyahei;
  font-weight:400;
  color:rgba(102,102,102,1);
  margin-top: 14px;
}
.left_btn_box{
  width: 90px;
  height: 270px;
  position: fixed;
  left: 40px;
  bottom: 40px;
  text-align: center;
  z-index: 99;
}
.left_btn_box li{
  width:86px;
  height:86px;
  background:rgba(56,56,56,1);
  margin-top: 2px;
  font-size:16px;
  font-weight:400;
  color:rgba(255,255,255,1);
  cursor: pointer;
}
.left_btn_p1{
  padding-top: 22px;
}
.left_btn_box li:hover{
  background:rgba(230,2,20,1);
}
.home-familycard {
  background-color: #f5f5f5;
  height: 700px!important;
}
.cardul {
  width: 96%!important;
  height: auto!important;
  margin-top: 50px!important;
  margin-left: 0!important;
}
.cardul li {
  width: 100px!important;
  height: 100px!important;
  display: inline-block!important;
  margin:0 -5px 0 0!important;
  padding: 0!important;
  background-image: !important;
  background-size: 100% 100%!important;
}
.cardul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 100px;
  text-align: center;
  font-family: pictos;
  font-size: 50px;
  text-decoration: none;
  color: #333;
}
.home-zt {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff;
}
.home-ztbox {
  width: 1250px;
  height: auto;
  margin: 0 auto;
  padding-top: 40px;
}
.zttop {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zttopleft {
  font-size: 30px;
  font-family: microsoftyahei-bold;
  color: #333333;
  float: left;
  font-weight: 800;
}
.zttopright {
  text-decoration: none;
  font-size: 16px;
  color: rgba(153,153,153,1);
  display: flex;
  align-items: center;
  cursor: pointer;
  float: right;
}
.zttopright > img {
  width: 8px;
  margin-left: 5px;
}
.ztbody {
  width: 100%;
  height: auto;
  margin: 50px auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ztbody > div {
  width: 600px;
  min-height: 208px;
  height: auto;
  box-shadow: 0 0 5px #ccc;
  border-radius: 6px;
  background-color: #fff;
  padding: 25px 35px;
  box-sizing: border-box;
  margin-bottom: 30px;
  float: left;
}
.bodytitle {
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
  color: #111;
  font-size: 22px;
  font-weight: bold;
}
.bodycontent3 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
}
.bodycontent3 a {
  width: 30%;
  height: auto;
  display: flex;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
  align-items: center;
  cursor: pointer;
  color: #666666;
  font-size: 18px;
  float: left;
}
.bodycontent3 a:hover {
  background-color: #f5f5f5;
}
.lista > span {
  font-size: 34px;
  float: left;
}
.bodycontent3 a div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}