@charset "UTF-8";
.w1560 {
  width: 15.6rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

@media (max-width: 1580px) {
  .w1560 {
    width: 94%;
  }
}

.w1800 {
  width: 18rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

@media (max-width: 1820px) {
  .w1800 {
    width: 94%;
  }
}

footer {
  width: 100%;
}

footer .foot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.7rem 0 0.7rem;
  justify-content: space-between;
  position: relative;
}

footer .foot .fob {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

footer .foot .fob .fm {
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

footer .foot .ftl {
  display: inline-block;
  vertical-align: top;
  width: calc(1090 / 1560 * 100%);
}

footer .foot .ftl .fop {
  width: 100%;
  font-size: 0;
}

footer .foot .ftl .fop .fogo {
  display: inline-block;
  vertical-align: bottom;
  width: 1.73rem;
  margin-right: 0.2rem;
}

footer .foot .ftl .fop .fogo a, footer .foot .ftl .fop .fogo img {
  width: 100%;
  display: block;
}

footer .foot .ftl .fop .fmc {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
}

footer .foot .ftl .lx {
  width: 100%;
  height: 1px;
  display: block;
  margin: 0.3rem 0;
  background-color: rgba(255, 255, 255, 0.1);
}

footer .foot .ftl .fomb {
  width: 100%;
  font-size: 0;
}

footer .foot .ftl .fomb .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(240 / 1060 * 100%);
  padding-right: 0.15rem;
  text-align: left;
}

footer .foot .ftl .fomb .flist .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

footer .foot .ftl .fomb .flist .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
  font-weight: 600;
  transition: all ease 0.5s;
  padding: 0.06rem 0;
}

footer .foot .ftl .fomb .flist .fit a:hover {
  color: #fff;
}

footer .foot .ftl .fomb .flist .ful {
  width: 100%;
}

footer .foot .ftl .fomb .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.6);
  transition: all ease 0.5s;
  line-height: 2;
}

footer .foot .ftl .fomb .flist .ful a:hover {
  color: #fff;
}

footer .foot .ftl .fomb .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2;
  transition: all ease 0.5s;
}

footer .foot .ftr {
  display: inline-block;
  vertical-align: top;
  width: calc(350 / 1560 * 100%);
}

footer .foot .ftr .fob {
  display: none;
}

footer .foot .ftr .num {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.3;
}

footer .foot .ftr .finp {
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  margin: 0.15rem 0;
}

footer .foot .ftr .finp p {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.2;
}

footer .foot .ftr .share {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0;
}

footer .foot .ftr .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  transition: all ease 0.5s;
  opacity: 0.6;
}

footer .foot .ftr .share .am img {
  width: 100%;
  display: block;
}

footer .foot .ftr .share .am + .am {
  margin-left: 0.2rem;
}

footer .foot .ftr .share .am:hover {
  opacity: 1;
}

footer .foot .ftr .codms {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
}

footer .foot .ftr .codms .code {
  display: inline-block;
  vertical-align: top;
}

footer .foot .ftr .codms .code .mg {
  width: 1.2rem;
  display: block;
  margin: 0 auto 0.1rem;
}

footer .foot .ftr .codms .code .mg img {
  width: 100%;
  display: block;
}

footer .foot .ftr .codms .code .mx {
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

footer .foot .ftr .codms .code + .code {
  margin-left: 0.3rem;
}

footer .foot .line1 {
  position: absolute;
  left: calc(1090 / 1560 * 100%);
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 800px) {
  footer .foot {
    padding: 0.3rem 0;
  }
  footer .foot .ftl {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  footer .foot .ftl .lx {
    margin-bottom: 0;
  }
  footer .foot .ftl .fomb .flist {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    position: relative;
  }
  footer .foot .ftl .fomb .flist .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.3rem 0;
  }
  footer .foot .ftl .fomb .flist .lx {
    display: none;
  }
  footer .foot .ftl .fomb .flist .ful {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.15rem;
    display: none;
  }
  footer .foot .ftl .fomb .flist .ful a {
    line-height: 2;
  }
  footer .foot .ftl .fomb .flist.has-ful:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url("../images/x.png");
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    right: 0.2rem;
    left: auto;
    transform: translateX(0) rotate(180deg);
    top: 0.45rem;
    color: #333;
    border: none;
    transition: all ease 0.5s;
  }
  footer .foot .ftl .fomb .flist.has-ful.show:after {
    content: " ";
    transform: translateX(0) rotate(0deg);
  }
  footer .foot .ftr {
    width: 100%;
  }
  footer .foot .ftr .fob {
    display: block;
    margin-top: 0.3rem;
    text-align: center;
  }
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  position: relative;
}

.modular .mitop .mol {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding-right: 0.2rem;
}

.modular .mitop .mol .mt {
  width: 100%;
  color: #19a76f;
  line-height: 1.5;
  font-weight: bold;
}

.modular .mitop .mol .mb {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0.1rem;
}

.modular .mitop .mol .mb p {
  color: #111;
  font-weight: bold;
  line-height: 1.3;
}

.modular .mitop .mol .mp {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  max-width: 4.5rem;
}

.modular .mitop .mol .mp p {
  color: #111;
  font-weight: bold;
  line-height: 1.3;
}

.modular .mitop .mor {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.modular .mitop .mor .btns {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.modular .mitop .mor .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
}

.modular .mitop .mor .btns .btn img {
  width: 100%;
  display: block;
}

.modular .mitop .mor .btns .btn img:first-child {
  display: block;
}

.modular .mitop .mor .btns .btn img:last-child {
  display: none;
}

.modular .mitop .mor .btns .btn:hover img:first-child {
  display: none;
}

.modular .mitop .mor .btns .btn:hover img:last-child {
  display: block;
}

.modular .mitop .mor .btns .btn + .btn {
  margin-left: 0.2rem;
}

.modular .mitop .mor .more {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
  border-radius: 1.5em;
  border: solid 2px #fff;
  transition: all ease 0.5s;
  border: solid 2px #333;
  color: #333;
}

.modular .mitop .mor .more span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  margin-left: 0.14rem;
  position: relative;
  top: -0.01rem;
}

.modular .mitop .mor .more span img {
  width: 100%;
  display: block;
}

.modular .mitop .mor .more span img:first-child {
  display: block;
}

.modular .mitop .mor .more span img:last-child {
  display: none;
}

.modular .mitop .mor .more:hover {
  background-color: #19a76f;
  border: solid 2px #19a76f;
  color: #fff;
}

.modular .mitop .mor .more:hover span img:first-child {
  display: none;
}

.modular .mitop .mor .more:hover span img:last-child {
  display: block;
}

.modular .mitop .mor .tel {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  text-align: left;
}

.modular .mitop .mor .tel .tc {
  display: inline-block;
  vertical-align: top;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.14rem;
  line-height: 1.5;
}

.modular .mitop .mor .tel .tc img {
  width: 100%;
  display: block;
}

.modular .mitop .mor .tel .rom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.4rem);
}

.modular .mitop .mor .tel .rom .rt {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.modular .mitop .mor .tel .rom .rum {
  width: 100%;
  color: #0ea368;
  font-weight: bold;
  line-height: 1.3;
}

.modular .mitop:after {
  content: ' ';
  position: absolute;
  width: 0.43rem;
  height: 0.43rem;
  left: -0.8rem;
  top: 0.1rem;
  background-image: url("../images/i1.png");
  background-size: 100% 100%;
}

.modular.white .mitop .mol .mt, .modular.white .mitop .mol .mp, .modular.white .mitop .mol .mb {
  color: #fff;
}

.modular.white .mitop .mol .mt p, .modular.white .mitop .mol .mp p, .modular.white .mitop .mol .mb p {
  color: #fff;
}

.modular.white .mitop:after {
  background-image: url("../images/i3.png");
  background-size: 100% 100%;
}

.newsd {
  width: 100%;
  padding: 0.9rem 0;
}

.newsd .newpers {
  width: 100%;
}

.newsd .newpers .swiper-slide {
  width: 100%;
}

.newsd .newpers .swiper-slide a {
  width: 100%;
  display: block;
}

.newsd .newpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newsd .newpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 60.97%;
  transition: all ease 0.5s;
}

.newsd .newpers .swiper-slide .som {
  width: 100%;
  padding: 0.3rem 0 0 0.3rem;
}

.newsd .newpers .swiper-slide .som .lt {
  width: 100%;
  color: #888;
  line-height: 1.5;
  font-weight: bold;
}

.newsd .newpers .swiper-slide .som .sit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.1rem 0 0.2rem;
}

.newsd .newpers .swiper-slide .som .day {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.newsd .newpers .swiper-slide .som .lablc {
  width: 100%;
  font-size: 0;
  margin-top: 0.15rem;
}

.newsd .newpers .swiper-slide .som .lablc .lam {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #e8e8e8;
  border-radius: 1.1em;
  line-height: 2.2em;
  padding: 0 0.2rem;
  color: #888;
}

.newsd .newpers .swiper-slide .som .lablc .lam + .lam {
  margin-left: 0.1rem;
}

.newsd .newpers .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.newsd .newpers .swiper-slide:hover .som .sit {
  color: #19a76f;
}

.cooperate {
  width: 100%;
  padding: 0.9rem 0;
}

.cooperate .mitop {
  margin-bottom: 0;
}

.cooperate .cooper {
  width: 100%;
  position: relative;
  font-size: 0;
}

.cooperate .cooper .hmg {
  width: 100%;
}

.cooperate .cooper .hmg .height {
  width: 100%;
  padding-top: 32.05%;
}

.cooperate .cooper .hox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.cooperate .cooper .hox .hmk {
  width: 100%;
}

.cooperate .cooper .hox .hit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.cooperate .cooper .hox .him {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 2;
  margin: 0.2rem 0;
}

.cooperate .cooper .hox .him p {
  color: #fff;
  line-height: 2;
}

.cooperate .cooper .hox .more {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.cooperate .cooper .hox .more a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
  border-radius: 1.5em;
  border: solid 2px #fff;
  transition: all ease 0.5s;
}

.cooperate .cooper .hox .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  margin-left: 0.14rem;
  position: relative;
  top: -0.01rem;
}

.cooperate .cooper .hox .more a span img {
  width: 100%;
  display: block;
}

.cooperate .cooper .hox .more a:hover {
  background-color: #19a76f;
  border: solid 2px #19a76f;
  color: #fff;
}

.cooperate .cooper .hogollis {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.cooperate .cooper .hogollis .hlom {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  z-index: 4;
}

.cooperate .cooper .hogollis .hlom a {
  width: 100%;
  display: block;
  transition: all ease 0.5s;
}

.cooperate .cooper .hogollis .hlom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0px -7px 40px 0px rgba(17, 17, 17, 0.1);
}

.cooperate .cooper .hogollis .hlom .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.cooperate .cooper .hogollis .hlom.size1 {
  width: 0.7rem;
  height: 0.7rem;
}

.cooperate .cooper .hogollis .hlom.size2 {
  width: 0.9rem;
  height: 0.9rem;
}

.cooperate .cooper .hogollis .hlom.size3 {
  width: 1.1rem;
  height: 1.1rem;
}

.cooperate .cooper .hogollis .hlom.size4 {
  width: 1.2rem;
  height: 1.2rem;
}

.cooperate .cooper .hogollis .hlom.size5 {
  width: 1.3rem;
  height: 1.3rem;
}

.cooperate .cooper .hogollis .hlom:hover a {
  transform: scale(1.1);
}

.cooperate .cooper .hogollis .hlom:nth-child(1) {
  width: 1.3rem;
  height: 1.3rem;
  left: calc(190 / 1560 * 100%);
  top: calc(78 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(2) {
  width: 1.1rem;
  height: 1.1rem;
  left: calc(455 / 1560 * 100%);
  top: calc(-20 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(3) {
  width: 0.9rem;
  height: 0.9rem;
  left: calc(827 / 1560 * 100%);
  top: calc(33 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(4) {
  width: 1.2rem;
  height: 1.2rem;
  right: calc(144 / 1560 * 100%);
  top: calc(2 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(5) {
  width: 0.9rem;
  height: 0.9rem;
  right: calc(364 / 1560 * 100%);
  top: calc(178 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(6) {
  width: 0.7rem;
  height: 0.7rem;
  left: calc(284 / 1560 * 100%);
  top: calc(277 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(7) {
  width: 1.1rem;
  height: 1.1rem;
  right: calc(435 / 1560 * 100%);
  top: calc(333 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(8) {
  width: 0.9rem;
  height: 0.9rem;
  right: calc(138 / 1560 * 100%);
  top: calc(288 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(9) {
  width: 0.9rem;
  height: 0.9rem;
  left: calc(492 / 1560 * 100%);
  top: calc(376 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(10) {
  width: 1.2rem;
  height: 1.2rem;
  left: calc(192 / 1560 * 100%);
  top: calc(488 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(11) {
  width: 1.3rem;
  height: 1.3rem;
  left: calc(670 / 1560 * 100%);
  top: calc(480 / 600 * 100%);
}

.cooperate .cooper .hogollis .hlom:nth-child(12) {
  width: 0.9rem;
  height: 0.9rem;
  right: calc(295 / 1560 * 100%);
  top: calc(480 / 600 * 100%);
}

.cooperate .cooper .hogollis .lg {
  position: absolute;
  width: 0.33rem;
  height: 0.33rem;
}

.cooperate .cooper .hogollis .lg span {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
}

.cooperate .cooper .hogollis .lg:nth-child(13) {
  right: calc(715 / 1560 * 100%);
  top: calc(-40 / 600 * 100%);
}

.cooperate .cooper .hogollis .lg:nth-child(14) {
  width: 0.47rem;
  height: 0.47rem;
  left: calc(167 / 1560 * 100%);
  top: calc(309 / 600 * 100%);
}

.cooperate .cooper .hogollis .lg:nth-child(15) {
  right: calc(242 / 1560 * 100%);
  top: calc(225 / 600 * 100%);
}

.cooperate .cooper .hogollis .lg:nth-child(16) {
  width: 0.47rem;
  height: 0.47rem;
  right: calc(522 / 1560 * 100%);
  top: calc(523 / 600 * 100%);
}

@media (max-width: 800px) {
  .cooperate .cooper .hmg .height {
    padding-top: 0%;
    height: 8rem;
  }
  .cooperate .cooper .hmg .hox {
    width: 80%;
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(1) {
    left: calc(90 / 1560 * 100%);
    top: calc(78 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(2) {
    left: calc(355 / 1560 * 100%);
    top: calc(0 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(3) {
    left: calc(727 / 1560 * 100%);
    top: calc(33 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(4) {
    right: calc(44 / 1560 * 100%);
    top: calc(2 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(5) {
    right: calc(64 / 1560 * 100%);
    top: calc(178 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(6) {
    left: calc(34 / 1560 * 100%);
    top: calc(277 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(7) {
    right: calc(105 / 1560 * 100%);
    top: calc(383 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(8) {
    right: calc(38 / 1560 * 100%);
    top: calc(288 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(9) {
    left: calc(192 / 1560 * 100%);
    top: calc(376 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(10) {
    left: calc(92 / 1560 * 100%);
    top: calc(488 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(11) {
    left: calc(570 / 1560 * 100%);
    top: calc(480 / 600 * 100%);
  }
  .cooperate .cooper .hmg .hogollis .hlom:nth-child(12) {
    right: calc(195 / 1560 * 100%);
    top: calc(480 / 600 * 100%);
  }
}

.historys {
  width: 100%;
  padding: 0.9rem 0;
}

.historys .histoper {
  width: 100%;
  position: relative;
}

.historys .histoper .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
}

.historys .histoper .btn img {
  width: 100%;
  display: block;
}

.historys .histoper .btn img:first-child {
  display: block;
}

.historys .histoper .btn img:last-child {
  display: none;
}

.historys .histoper .btn:hover img:first-child {
  display: none;
}

.historys .histoper .btn:hover img:last-child {
  display: block;
}

.historys .histoper .bl {
  left: -1.2rem;
}

.historys .histoper .br {
  right: -1.2rem;
}

.historys .histoper .swiper-slide {
  width: 100%;
  font-size: 0;
  padding: 2rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: 0;
  transition: all ease 0.5s;
}

.historys .histoper .swiper-slide .sil {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  margin-right: 0.25rem;
  margin-top: 0.1rem;
}

.historys .histoper .swiper-slide .sil img {
  width: 100%;
  display: block;
}

.historys .histoper .swiper-slide .sir {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 22px - 0.25rem);
}

.historys .histoper .swiper-slide .sir .year {
  width: 100%;
  color: #19a76f;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.1rem;
}

.historys .histoper .swiper-slide .sir .sinp {
  width: 100%;
  color: #111;
  line-height: 1.5;
}

.historys .histoper .swiper-slide .sir .sinp p {
  color: #111;
  line-height: 1.5;
}

.historys .histoper .swiper-slide-active + .swiper-slide {
  top: -1.1rem;
}

.historys .histoper .swiper-slide-active + .swiper-slide + .swiper-slide {
  top: 0.5rem;
}

.historys .histoper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  top: -1.6rem;
}

@media (max-width: 1580px) {
  .historys .histoper .swiper-container {
    width: calc(100% - 1.2rem);
    margin: 0 auto;
    display: block;
  }
  .historys .histoper .bl {
    left: 0;
  }
  .historys .histoper .br {
    right: 0;
  }
}

.qualifications {
  width: 100%;
  padding: 0.9rem 0 1rem;
}

.qualifications .qualiom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}

.qualifications .qualiom .lx {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.3rem;
}

.qualifications .qualiom .lx span {
  display: inline-block;
  vertical-align: middle;
  width: 0.46rem;
}

.qualifications .qualiom .lx span img {
  width: 100%;
  display: block;
}

.qualifications .qualiom .qinp {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  overflow: auto;
  margin-top: 0.4rem;
}

.qualifications .qualiom .qinp p {
  color: #fff;
  line-height: 1.8;
}

.qualifications .qualiom .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.qualifications .qualiom .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.qualifications .qualiom .more a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
  border-radius: 1.5em;
  border: solid 2px #fff;
  transition: all ease 0.5s;
}

.qualifications .qualiom .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  margin-left: 0.14rem;
  position: relative;
  top: -0.01rem;
}

.qualifications .qualiom .more a span img {
  width: 100%;
  display: block;
}

.qualifications .qualiom .more a:hover {
  background-color: #19a76f;
  border: solid 2px #19a76f;
  color: #fff;
}

.qualifications .qualiom .qul {
  width: calc(650 / 1560 * 100%);
  display: inline-block;
  vertical-align: middle;
}

.qualifications .qualiom .qul .mitop {
  margin-bottom: 0.3rem;
}

.qualifications .qualiom .hmr {
  width: calc(678 / 1560 * 100%);
  display: inline-block;
  vertical-align: middle;
  padding-top: 0.5rem;
  min-width: 4rem;
}
.qualifications .qualiom .hmr img{
  width: 100%;
  display: block;
}

.section{
  background-image: linear-gradient(180deg, #e4f2fe 0%, #e4f2fe 100%);
}

.application {
  width: 100%;
  padding: 1rem 0 0;
  background-image: linear-gradient(180deg, #cde3f1 0%, #e6f4ff 100%);
  overflow: hidden;
}

.application .appliom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.application .appliom .appl {
  display: inline-block;
  vertical-align: middle;
  width: calc(630 / 1560 * 100%);
}

.application .appliom .appl .datalis {
  width: 100%;
  font-size: 0;
}

.application .appliom .appl .datalis .datem {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 0.2rem) / 2);
  margin-bottom: 0.1rem;
  font-size: 0;
  padding: 0.1rem 0;
}

.application .appliom .appl .datalis .datem .dc {
  display: inline-block;
  vertical-align: top;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.2rem;
}

.application .appliom .appl .datalis .datem .dc img {
  width: 100%;
  display: block;
}

.application .appliom .appl .datalis .datem .dom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.5rem);
}

.application .appliom .appl .datalis .datem .dom .dum {
  width: 100%;
  font-size: 0;
}

.application .appliom .appl .datalis .datem .dom .dum .LineNum, .application .appliom .appl .datalis .datem .dom .dum .lm {
  display: inline-block;
  vertical-align: middle;
  color: #19a76f;
  font-weight: bold;
  line-height: 1;
}

.application .appliom .appl .datalis .datem .dom .dum .xm {
  display: inline-block;
  vertical-align: top;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 0.1rem;
}

.application .appliom .appl .datalis .datem .dom .um {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.application .appliom .appr {
  display: inline-block;
  vertical-align: middle;
  width: calc(880 / 1560 * 100%);
}

.application .appliom .appr .earth {
  width: 100%;
  position: relative;
}

.application .appliom .appr .earth .img {
  width: 100%;
  padding-top: 69.31%;
}

.application .appliom .appr .earth .xmg {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1027 / 880 * 100%);
  height: calc(940 / 610 * 100%);
}

.application .appliom .appr .earth .d-svg {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.application .appliom .appr .earth .d-svg svg {
  width: 880px;
  height: 610px;
  transform-origin: left top;
}

.application .appliom .appr .earth .d-svg text {
  color: #333333;
  font-size: 15px;
  line-height: 1;
}

.application .appliom .appr .earth .d-svg .ds-one {
  position: relative;
}

.application .appliom .appr .earth .d-svg .ds-one:before {
  content: ' ';
  background: rgba(25, 167, 111, 0.2);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: kuosan 2.2s linear 0.1s infinite;
}

.application .appliom .appr .earth .d-svg .ds-one:after {
  content: ' ';
  background: rgba(25, 167, 111, 0.2);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: kuosan 2.2s linear .8s infinite;
}

@keyframes kuosan {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.1rem;
    height: 0.1rem;
    opacity: 0.6;
  }
  100% {
    width: 0.2rem;
    height: 0.2rem;
    opacity: 0;
  }
}

.application .appliom .appr .earth .d-svg .ds-circle {
  fill: #19a76f;
  position: relative;
  z-index: 10;
}

.application .appliom .appr .earth .d-svg .ds-one {
  position: relative;
}

.application .appliom .appr .earth .d-svg .ds-text {
  fill: rgba(25, 167, 111, 0.2);
  position: relative;
  z-index: 8;
}

.application .appliom .appr .earth .d-svg .ds-texts {
  fill: rgba(25, 167, 111, 0.15);
  position: relative;
  z-index: 8;
}

.application .appliom .appr .earth .d-svg .ds-text2 {
  fill: rgba(25, 82, 176, 0.2);
  position: relative;
  z-index: 8;
}

.application .appliom .appr .earth .d-svg .ds-text3 {
  fill: rgba(25, 82, 176, 0.1);
  position: relative;
  z-index: 8;
}

.application .appliom .appr .earth .d-svg .ds-text4 {
  fill: rgba(25, 82, 176, 0.05);
  position: relative;
  z-index: 8;
}

.application .appliom .appr .earth .d-svg .ds-circle2 {
  fill: transparent;
  position: relative;
}

.application .appliom .appr .earth .d-svg .ds-line {
  fill: none;
  stroke-miterlimit: 10;
  stroke: rgba(25, 167, 111, 0.4);
  stroke-dashoffset: 1200px;
  stroke-dasharray: 1200px;
}

.application .appliom .appr .earth .d-svg .imgc {
  position: relative;
}

.application .appliom .appr .earth .d-svg.show .ds-line {
  animation: animation-line 4s ease-in;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 1;
}

@keyframes animation-line {
  0% {
    stroke-dashoffset: 1200px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.application .views {
  width: 100%;
  padding: 0.4rem 0;
  z-index: 5;
  position: absolute;
  bottom: 0;
}

.application .views .view {
  width: 100%;
}

.application .views .view .vit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.application .views .view .viewper {
  width: 100%;
  font-size: 0;
}

.application .views .view .viewper .swiper-slide {
  width: 100%;
}

.application .views .view .viewper .swiper-slide a {
  width: 100%;
  display: block;
}

.application .views .view .viewper .swiper-slide .sc {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin: 0 auto 0.1rem;
}

.application .views .view .viewper .swiper-slide .sc img {
  width: 100%;
  display: block;
}

.application .views .view .viewper .swiper-slide .sm {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
}

.application .views .view .viewper .swiper-slide:hover .sm {
  color: #19a76f;
}

.mapner {
  width: 100%;
  position: relative;
}

.mapner .mox {
  width: 100%;
  overflow: auto;
}

.mapner .imgs {
  width: 100%;
  position: relative;
}

.mapner .imgs .img {
  width: 100%;
  height: 100vh;
}

.mapner .pg {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
}

.mapner .pg .img {
  width: 100%;
  height: 2.23rem;
}

.mapner .pionlist {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 19.2rem;
  padding-top: 9.6rem;
  height: 0;
  transform: translate(-50%,-50%);
  z-index: 3;
}

.mapner .pionlist .pion {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.mapner .pionlist .pion .im {
  display: block;
  z-index: 3;
  cursor: pointer;
  position: relative;
}

.mapner .pionlist .pion .im .c {
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.mapner .pionlist .pion .im .cg{
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #19a76f;
  position: absolute;
  left: 50%;
  top: 50%;   
  transform: translate(-50%, -50%);
  z-index: 2;
}

.mapner .pionlist .pion .im:before {
  content: ' ';
  background: #19a76f;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  animation: kuosan 2.2s linear 0.1s infinite;
}

.mapner .pionlist .pion .im:after {
  content: ' ';
  background: #19a76f;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  animation: kuosan1 2.2s linear .1s infinite;
}

@keyframes kuosan {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.135rem;
    height: 0.135rem;
  }
  100% {
    width: 0.27rem;
    height: 0.27rem;
    opacity: 0;
  }
}

@keyframes kuosan1 {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.23rem;
    height: 0.23rem;
  }
  100% {
    width: 0.46rem;
    height: 0.46rem;
    opacity: 0;
  }
}

.mapner .pionlist .pion .label {
  position: absolute;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.12rem;
  width: 1.71rem;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.5s;
}

.mapner .pionlist .pion .label a {
  width: 100%;
  display: block;
}

.mapner .pionlist .pion .label .img {
  width: 100%;
}

.mapner .pionlist .pion .label .img .mm {
  width: 100%;
  padding-top: 112.865%;
}

.mapner .pionlist .pion .label .lox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 50%;
  background-color: #fff;
  z-index: 5;
  bottom: 0.53rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
}

.mapner .pionlist .pion .label .lox .lmm {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.mapner .pionlist .pion .label .lox .lmm p {
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.mapner .pionlist .pion.reversal .label {
  bottom: auto;
  top: -0.12rem;
}

.mapner .pionlist .pion.reversal .label .img .mm {
  transform: rotate(180deg);
}

.mapner .pionlist .pion.reversal .label .lox {
  bottom: auto;
  top: 0.53rem;
}

.mapner .pionlist .pion:hover .label {
  visibility: visible;
  opacity: 1;
}

.mapner .manp {
  width: 100%;
  width: 19.2rem;
  /* width: 1920px; */
  height: 100vh;
  max-height: 9.6rem;
  position: relative;
  cursor: grab;
  display: block;
  margin: 0 auto;
}

.mapner .manp .video {
  width: 100%;
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e4f2fe;
}

.mapner .manp .video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background-color: #e4f2fe;
}

.mapner .swiper-slide {
  width: auto;
  background-color: #e4f2fe;
}

.mapner .swiper-container {
  background-color: #e4f2fe;
  width: 100%;
}

@media (max-width: 1000px) {
  .mapner .mox {
    width: 100%;
    overflow: auto;
  }
  .mapner .imgs .img {
    padding-top: 49.47%;
  }
  .mapner .manp {
    width: 19.2rem;
    height: 9.6rem;
    position: relative;
  }
  .mapner .manp::-webkit-scrollbar {
    width: 0 !important;
  }
  .mapner .pionlist .pion .label .lox {
    padding: 0;
  }
  .mapner .pionlist .pion .label .lox .lmm {
    transform: scale(0.8);
    font-size: 0.12rem;
  }
  .mapner .pionlist .pion .label .lox .lmm p {
    font-size: 0.12rem;
  }
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: transparent;
  transition: all ease 0.5s;
  background-color: rgba(0, 0, 0, 0.2);
}

header .hop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

header .logo {
  width: 1.7rem;
  display: inline-block;
  vertical-align: middle;
}

header .logo img {
  width: 100%;
  display: block;
}

header .logo img:first-child {
  display: block;
}

header .logo img:last-child {
  display: none;
}

header nav {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  text-align: right;
}

header nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  font-size: 0;
}

header nav .natem .nas {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 0.1rem;
}

header nav .natem .nas a {
  display: inline-block;
  line-height: 1rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding: 0 0.15rem;
}

header nav .natem .navuls {
  width: 2.2rem;
  width: 2rem;
  position: absolute;
  z-index: 101;
  left: calc(51%);
  top: 100%;
  transform: translateX(-50%);
  background-color: white;
  display: none;
}

header nav .natem .navuls ul {
  width: 100%;
}

header nav .natem .navuls ul li {
  width: 100%;
  position: relative;
}

header nav .natem .navuls ul li .njm {
  width: 100%;
  font-size: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .ns {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  color: #222;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.1rem;
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .theul {
  width: 100%;
  background-color: #fff;
  display: none;
}

header nav .natem .navuls ul li .theul li {
  width: 100%;
  font-size: 0;
}

header nav .natem .navuls ul li .theul li .xn {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  padding: 0 0.2rem;
}

header nav .natem .navuls ul li .theul li .xn:hover {
  color: #333;
}

header nav .natem .navuls ul li:hover .ns {
  background-color: #19a76f;
  color: #fff;
}

header nav .natem .navuls ul li.has-the:after {
  content: "+";
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  background: none;
  right: 0;
  left: auto;
  transform: translateX(0);
  top: 0.05rem;
  font-size: 20px;
  color: #333;
  border: none;
  display: none;
}

header nav .natem .navuls ul li.has-the.show:after {
  content: "-";
}

header nav .natem.on .nas a {
  color: #19a76f;
}

header nav .natem:hover .nas a {
  color: #19a76f;
}

header .rav {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .rav .menu {
  display: none;
}

header .rav .search {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center;
  cursor: pointer;
}

header .rav .search .sc {
  display: inline-block;
  vertical-align: middle;
  width:0.2rem;
  margin: 0 0.2rem;
  min-width:0.2rem;
}

header .rav .search .sc img {
  width: 100%;
  display: block;
  min-width:0.2rem;
  min-height:0.2rem;
}

header .rav .search .sc img:first-child {
  display: block;
}

header .rav .search .sc img:last-child {
  display: none;
}

header .rav .rams {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

header .rav .rams .an {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

header .rav .rams .span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
  padding: 0 0.1rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

header .sechom {
  position: absolute;
  right: 0;
  width: 4rem;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding: 0.1rem;
  top: 100%;
  display: none;
}

header .sechom form {
  width: 100%;
  display: block;
  font-size: 0;
}

header .sechom .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.4em - 0.2rem);
  border: solid 1px #e5e5e5;
  margin-right: 0.2rem;
}

header .sechom .input .int {
  width: 100%;
  display: block;
  background-color: #fff;
  line-height: 2.4;
  height: 2.4em;
  color: #111;
  padding: 0 0.1rem;
  border: none;
  background-color: #fff;
}

header .sechom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  background-color: #19a76f;
  position: relative;
}

header .sechom .stn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 21px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  min-width: 20px;
  min-height: 20px;
}

header .sechom .stn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

header.white {
  background-color: #fff;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.27);
}

header.white .hop .logo img:first-child {
  display: none;
}

header.white .hop .logo img:last-child {
  display: block;
}

header.white .hop nav .natem .nas a {
  color: #333;
}

header.white .hop nav .natem.on .nas a, header.white .hop nav .natem:hover .nas a {
  color: #19a76f;
}

header.white .hop .rav .search .sc img:first-child {
  display: none;
}

header.white .hop .rav .search .sc img:last-child {
  display: block;
}

header.white .hop .rav .rams .an, header.white .hop .rav .rams .span {
  color: #333;
}

@media (max-width: 800px) {
  header .search {
    width: auto;
    padding: 0 0.15rem;
  }
  header .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    text-align: right;
    flex: 1;
    padding-right: 3%;
  }
  header .rav .menu {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 0.1rem;
    cursor: pointer;
    position: relative;
  }
  header .rav .menu img {
    width: 100%;
    height: 100%;
    display: block;
  }
  header .rav .menu img:first-child {
    display: block;
  }
  header .rav .menu img:last-child {
    display: none;
  }
  header .rav .menu .clk {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
  header .rav .languages .lauges .lashow .am {
    line-height: 1rem;
  }
  header nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: calc(0.8rem);
    left: auto;
    height: calc(100vh - 0.8rem);
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    z-index: 500;
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
    display: block;
    text-align: left;
    display: none;
    border-top: solid 1px #e5e5e5;
  }
  header nav .natem {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    width: 100%;
    padding: 0.1rem 0;
    opacity: 0;
    transform: translate(-10px, -30px);
    transition: all .8s ease;
  }
  header nav .natem .nas {
    width: auto;
    display: inline-block;
    width: 100%;
    margin: 0;
  }
  header nav .natem .nas a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.5;
    color: #333;
    font-weight: bold;
    padding: 0 0.3rem;
    position: relative;
  }
  header nav .natem .nas .ik {
    display: none !important;
  }
  header nav .natem .nas a:hover {
    color: #19a76f;
    background-color: transparent;
  }
  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
    text-align: left;
  }
  header nav .natem .navuls ul {
    width: 100%;
    padding: 0.1rem 0.2rem;
  }
  header nav .natem .navuls ul li {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 0;
  }
  header nav .natem .navuls ul li .ns {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 3;
    color: #333;
    text-align: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem;
    background: #fff;
    position: relative;
  }
  header nav .natem .navuls ul li .ns:hover {
    color: #19a76f;
  }
  header nav .natem .navuls ul li + li {
    border-top: solid 1px #eee;
  }
  header nav .natem .navuls ul li:hover .ns {
    background-color: transparent;
    color: #19a76f;
  }
  header nav .natem .navuls ul li.has-the:after {
    display: block;
  }
  header nav .natem:before {
    display: none !important;
  }
  header nav .natem .prosubnav {
    display: none;
  }
  header nav .natem.on .nas:after {
    display: none;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header nav .natem.animate {
    opacity: 1;
    transform: translate(0, 0);
  }
  header .sechom {
    width: 100%;
  }
  header .hop {
    height: 0.8rem;
  }
  header.menu-state .rav .menu img {
    opacity: 0;
  }
  header.white .hop .rav .menu img:first-child {
    display: none;
  }
  header.white .hop .rav .menu img:last-child {
    display: block;
  }
}

.nanner {
  width: 100%;
  position: relative;
}

.nanner a {
  width: 100%;
  display: block;
}

.nanner .imgs {
  width: 100%;
  position: relative;
}

.nanner .imgs .img {
  width: 100%;
  padding-top: 30.20%;
}

.nanner .nom {
  position: absolute;
  width: 94%;
  max-width: 6rem;
  display: block;
  margin: 0 auto;
  z-index: 3;
  left: calc(180 / 1920 * 100%);
  transform: translateY(-50%);
  top: 50%;
}

.nanner .nom .ait {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.3;
}

.nanner .nom .ait p {
  color: #fff;
  font-weight: bold;
  line-height: 1.3;
}

.nanner .nom .atm {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0 0.2rem;
}

.nanner .nom .atm span {
  display: inline-block;
  vertical-align: middle;
  width: 0.46rem;
}

.nanner .nom .atm span img {
  width: 100%;
  display: block;
}

.nanner .nom .aip {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.nanner .nom .aip p {
  color: #fff;
  line-height: 1.8;
}

@media (max-width: 1580px) {
  .nanner .nom {
    left: 3%;
  }
}

@media (max-width: 900px) {
  .nanner .imgs .img {
    padding-top: 50%;
  }
  .nanner .nom .ait {
    font-size: 16px;
  }
}

.crumbs {
  width: 100%;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
}

.crumbs .column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.crumbs .column .cul {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.crumbs .column .cul .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.crumbs .column .cul .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 0.8rem;
  width: auto;
  margin-right: 0.2rem;
  transition: all ease 0.5s;
}

.crumbs .column .cul .swiper-slide a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ddd;
  margin-right: 0.1rem;
  transition: all ease 0.5s;
}

.crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {
  color: #4ca031;
}

.crumbs .column .cul .swiper-slide.on a span, .crumbs .column .cul .swiper-slide:hover a span {
  background-color: #4ca031;
}

.crumbs .column .colum {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.crumbs .column .colum .home {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.crumbs .column .colum .home img {
  width: 100%;
  display: block;
}

.crumbs .column .colum .ck {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin: 0 0.14rem 0 0.18rem;
  line-height: 3.5;
  position: relative;
}

.crumbs .column .colum .ck img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #fff;
  line-height: 3.5;
  max-width: 4.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crumbs .column .colum a span {
  display: inline-block;
  color: #fff;
  margin: 0 0.14rem 0 0.18rem;
  line-height: 3.5;
  position: relative;
  top: -0.01rem;
}

.crumbs .column .colum a span img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a:last-child span {
  display: none;
}

@media (max-width: 800px) {
  .crumbs .column .colum {
    width: 100%;
  }
}

.cultrues {
  width: 100%;
  padding: 1rem 0 0;
}

.cultrues .cultoms {
  width: 100%;
  display: flex;
  margin-bottom: 0.45rem;
}

.cultrues .cultoms .culom {
  width: 33.33%;
  transition: all ease 0.5s;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 6.5rem;
  cursor: pointer;
  padding: 0 0.2rem;
}

.cultrues .cultoms .culom .cic {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto 0.3rem;
}

.cultrues .cultoms .culom .cic img {
  width: 100%;
  display: block;
}

.cultrues .cultoms .culom .ct {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.cultrues .cultoms .culom .cip {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.14rem;
  opacity: 0;
  transition: all ease 0.5s;
}

.cultrues .cultoms .culom + .culom {
  border-left: solid 1px rgba(255, 255, 255, 0.4);
}

.cultrues .cultoms .culom.on .cip {
  opacity: 1;
}

.cultrues .Zones {
  width: 100%;
  position: relative;
  margin: 0.5rem 0 0.6rem;
}

.cultrues .Zones .mids {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 7.5rem;
}

.cultrues .Zones .mids .mbg {
  width: 100%;
  animation: infinite allow 6s;
}

@keyframes allow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cultrues .Zones .mids .mbg .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cultrues .Zones .mids .mbg .imgs .img {
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.cultrues .Zones .mids .mox {
  width: 5.15rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.cultrues .Zones .mids .mox .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cultrues .Zones .mids .mox .imgs .img {
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.cultrues .Zones .mids .mox .mof {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 0.3rem;
}

.cultrues .Zones .mids .mox .mof .mit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.cultrues .Zones .mids .mox .mof .mjm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.1rem;
  font-weight: bold;
}

.cultrues .Zones .midlist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.cultrues .Zones .midlist .midom {
  position: absolute;
  z-index: 5;
  width: 3.2rem;
}

.cultrues .Zones .midlist .midom .mc {
  display: block;
  margin: 0 0 0.15rem;
  width: 1.2rem;
  height: 1.2rem;
}

.cultrues .Zones .midlist .midom .mc img {
  width: 100%;
  display: block;
}

.cultrues .Zones .midlist .midom .mv {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.cultrues .Zones .midlist .midom .min {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.05rem;
}

.cultrues .Zones .midlist .midom:nth-child(1) {
  top: 0.3rem;
  left: 0;
}

.cultrues .Zones .midlist .midom:nth-child(2) {
  top: 0.3rem;
  right: 0;
}

.cultrues .Zones .midlist .midom:nth-child(3) {
  bottom: 0.3rem;
  left: 0;
}

.cultrues .Zones .midlist .midom:nth-child(4) {
  bottom: 0.3rem;
  right: 0;
}

@media (max-width: 900px) {
  .cultrues .cultoms {
    width: 100%;
  }
  .cultrues .Zones .midlist {
    position: relative;
    font-size: 0;
  }
  .cultrues .Zones .midlist .midom {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    top: 0 !important;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.3rem;
  }
  .cultrues .Zones .midlist .midom:nth-child(2n) {
    margin-right: 0;
  }
}

.companys {
  width: 100%;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
  overflow: hidden;
  position: relative;
  padding: 1rem 0;
}

.companys .vn {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: calc(825 / 1920 * 100%);
}

.companys .vn .img {
  width: 100%;
  padding-top: 100%;
}

.companys .w1560 {
  z-index: 2;
}

.companys .datam {
  width: 100%;
  position: relative;
  padding-bottom: 0.5rem;
}

.companys .datam .daoms {
  width: calc(1355 / 1560 * 100%);
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.companys .datam .bg {
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-55deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#19a76f, #19a76f);
  background-blend-mode: normal, 
 normal;
  border-radius: 0.2rem;
  opacity: 0.9;
}

.companys .datam .vg {
  width: calc(400 / 1355 * 100%);
  position: absolute;
  z-index: 1;
  right: 0.8rem;
  top: 0.5rem;
}

.companys .datam .vg .img {
  width: 100%;
  padding-top: 95%;
}

.companys .datam .daom {
  width: 100%;
  position: relative;
  z-index: 3;
  padding: 0.8rem 0.6rem;
  position: relative;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  padding-right: 1rem;
}

.companys .datam .daom .dlim {
  display: inline-block;
  vertical-align: top;
  flex: 1;
}

.companys .datam .daom .dlim .dc {
  display: block;
  margin: 0 auto 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.companys .datam .daom .dlim .dc img {
  width: 100%;
  display: block;
}

.companys .datam .daom .dlim .num {
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0.15rem 0 0.1rem;
}

.companys .datam .daom .dlim .num .nm {
  color: #fff;
}

.companys .datam .daom .dlim .num .LineNum {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
}

.companys .datam .daom .dlim .num .rc {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin-left: 0.05rem;
}

.companys .datam .daom .dlim .npm {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  height: 3em;
}

.companys .datam .kmg {
  position: absolute;
  width: calc(340 / 1560 * 100%);
  bottom: 0;
  right: 0;
  z-index: 1;
}

.companys .datam .kmg .img {
  width: 100%;
  padding-top: 100%;
}

.companys .line {
  margin: 0.2rem 0 0.6rem;
  width: 100%;
  font-size: 0;
}

.companys .line .lx1 {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 4px;
  border-radius: 2px;
  margin-right: 0.04rem;
  background-image: linear-gradient(270deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
 normal;
}

.companys .line .lx2 {
  display: inline-block;
  vertical-align: middle;
  height: 4px;
  width: 4px;
  border-radius: 2px;
  background-color: #b6e49c;
}

.companys .minp {
  width: 100%;
  max-width: 11rem;
  color: #666;
  line-height: 1.8;
  margin: 0.6rem 0 0.9rem;
}

.companys .minp p {
  color: #666;
  line-height: 1.8;
}

.companys .vomse {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.companys .vomse .vlim {
  display: inline-block;
  vertical-align: top;
  width: calc((390 / 1560 * 100%));
  box-sizing: border-box;
  padding: 0.6rem 0.4rem;
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

.companys .vomse .vlim .dc {
  width: 0.62rem;
  height: 0.62rem;
  display: block;
  margin: 0 auto 0.15rem;
}

.companys .vomse .vlim .dc img {
  width: 100%;
  display: block;
}

.companys .vomse .vlim .vimd {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
  height: 4.5em;
}

.companys .vomse .vlim:nth-child(4n) {
  border-right: none;
}

.companys .vomse .vlim:nth-child(4n+5), .companys .vomse .vlim:nth-child(4n+6), .companys .vomse .vlim:nth-child(4n+7), .companys .vomse .vlim:nth-child(4n+8) {
  border-bottom: none;
}

@media (max-width: 900px) {
  .companys .datam .daom {
    padding: 0.5rem 0;
  }
  .companys .datam .daom .dlim {
    width: 48%;
    flex: none;
    margin-bottom: 0.3rem;
    margin-right: 4%;
    padding: 0 0.2rem;
  }
  .companys .datam .daom .dlim:nth-child(2n) {
    margin-right: 0;
  }
  .companys .vomse .vlim {
    width: 50%;
  }
  .companys .vomse .vlim:nth-child(2n) {
    border-right: none;
  }
  .companys .vomse .vlim:nth-child(4n+5), .companys .vomse .vlim:nth-child(4n+6), .companys .vomse .vlim:nth-child(4n+7), .companys .vomse .vlim:nth-child(4n+8) {
    border-bottom: solid 1px #e5e5e5;
  }
  .companys .vomse .vlim:nth-last-child(1), .companys .vomse .vlim:nth-last-child(2) {
    border-bottom: none;
  }
}

.activitys {
  width: 100%;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
  padding: 1rem 0 0.6rem;
}

.activitys .activlist {
  width: 100%;
  font-size: 0;
}

.activitys .activlist .actim {
  display: inline-block;
  vertical-align: top;
  width: calc(360 / 1560 * 100%);
  margin-right: calc(39 / 1560 * 100%);
  margin-bottom: 0.2rem;
}

.activitys .activlist .actim a {
  width: 100%;
  display: block;
}

.activitys .activlist .actim .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.activitys .activlist .actim .imgs .img {
  width: 100%;
  padding-top: 61.11%;
  transition: all ease 0.5s;
}

.activitys .activlist .actim .aom {
  width: 100%;
  padding: 0.3rem;
}

.activitys .activlist .actim .aom .at {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.activitys .activlist .actim .aom .aim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.activitys .activlist .actim:nth-child(4n) {
  margin-right: 0;
}

.activitys .activlist .actim:hover .imgs .img {
  transform: scale(1.1);
}

.activitys .activlist .actim:hover .aom .at {
  color: #0ea368;
}

.secure {
  width: 100%;
  padding: 1rem 0 0.6rem;
}

.secure .securlist {
  width: 100%;
  font-size: 0;
}

.secure .securlist .sceum {
  display: inline-block;
  vertical-align: top;
  width: calc(755 / 1560 * 100%);
  margin-right: calc(49 / 1560 * 100%);
  margin-bottom: 0.3rem;
}

.secure .securlist .sceum a {
  width: 100%;
  display: block;
}

.secure .securlist .sceum .imgs {
  width: calc(360 / 755 * 100%);
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.secure .securlist .sceum .imgs .img {
  width: 100%;
  padding-top: 61.11%;
  transition: all ease 0.5s;
}

.secure .securlist .sceum .aom {
  width: calc(395 / 755 * 100%);
  padding: 0.1rem 0.3rem;
  display: inline-block;
  vertical-align: middle;
}

.secure .securlist .sceum .aom .at {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.secure .securlist .sceum .aom .aim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.15rem;
}

.secure .securlist .sceum:nth-child(2n) {
  margin-right: 0;
}

.secure .securlist .sceum:hover .imgs .img {
  transform: scale(1.1);
}

.secure .securlist .sceum:hover .aom .at {
  color: #0ea368;
}

.cares {
  width: 100%;
  padding: 1rem 0 0.6rem;
  overflow: hidden;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
}

.cares .carepers {
  width: 100%;
  position: relative;
}

.cares .carepers .swiper-slide {
  width: 100%;
}

.cares .carepers .swiper-slide a {
  width: 100%;
  display: block;
}

.cares .carepers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cares .carepers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 61.11%;
  transition: all ease 0.5s;
}

.cares .carepers .swiper-slide .aom {
  width: 100%;
  padding: 0.3rem;
}

.cares .carepers .swiper-slide .aom .at {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.cares .carepers .swiper-slide .aom .aim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.cares .carepers .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
}

.cares .carepers .btn img {
  width: 100%;
  display: block;
}

.cares .carepers .btn img:first-child {
  display: block;
}

.cares .carepers .btn img:last-child {
  display: none;
}

.cares .carepers .btn:hover img:first-child {
  display: none;
}

.cares .carepers .btn:hover img:last-child {
  display: block;
}

.cares .carepers .bl {
  left: -1.2rem;
}

.cares .carepers .br {
  right: -1.2rem;
}

@media (max-width: 1580px) {
  .cares .carepers .bl {
    left: -0.2rem;
  }
  .cares .carepers .br {
    right: -0.2rem;
  }
}

.applications {
  width: 100%;
  padding: 1rem 0 0;
}

.applications .applicam {
  width: 100%;
  border-top: solid 1px #dcdcdc;
}

.applications .applicam .applist {
  width: 100%;
  font-size: 0;
}

.applications .applicam .applist .applm {
  display: inline-block;
  vertical-align: top;
  width: calc(520 / 1560 * 100%);
  width: 100%;
  padding: 0.9rem 0.4rem;
  border-right: solid 1px #dcdcdc;
  position: relative;
  cursor: pointer;
  height: auto;
}

.applications .applicam .applist .applm:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 3px;
  height: 1.2rem;
  background-image: linear-gradient(0deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#19a76f, #19a76f);
  background-blend-mode: normal, 
 normal;
}

.applications .applicam .applist .applm:after {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0rem;
  width: 100%;
  height: 0.08rem;
  background-image: linear-gradient(90deg, #19a76f 0%, #b6e49c 100%), linear-gradient(#003a8f, #003a8f);
  background-blend-mode: normal, 
 normal;
  opacity: 0;
  transition: all ease 0.5s;
}

.applications .applicam .applist .applm .ait {
  width: 100%;
  color: #111;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.applications .applicam .applist .applm .auls {
  width: 100%;
  font-size: 0;
}

.applications .applicam .applist .applm .auls .ali {
  width: 100%;
}

.applications .applicam .applist .applm .auls .ali .ac {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  line-height: 1.5;
  margin-right: 0.15rem;
}

.applications .applicam .applist .applm .auls .ali .ac img {
  width: 100%;
  display: block;
}

.applications .applicam .applist .applm .auls .ali .roc {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 26px - 0.15rem);
}

.applications .applicam .applist .applm .auls .ali .roc .amd {
  width: 100%;
  font-weight: bold;
  color: #111;
  line-height: 1.5;
  margin-bottom: 0.05rem;
}

.applications .applicam .applist .applm .auls .ali .roc .aim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  max-height: 4rem;
  overflow: auto;
}

.applications .applicam .applist .applm .auls .ali .roc .aim p {
  color: #666;
  line-height: 1.5;
}

.applications .applicam .applist .applm .auls .ali + .ali {
  margin-top: 0.45rem;
}

.applications .applicam .applist .applm:first-child {
  border-left: solid 1px #dcdcdc;
}

.applications .applicam .applist .applm.on .ait {
  color: #19a76f;
}

.applications .applicam .applist .applm.on:after {
  opacity: 1;
}

.applications .malps {
  width: 100%;
}

.applications .malps .malom {
  width: 100%;
  display: none;
}

.applications .malps .malom.on {
  display: block;
}

.applications .malps .maps {
  width: 100%;
  height: 7.2rem;
}

.applications .malps .maps img {
  width: 100%;
  display: block;
}

.applications .malps .maps .BMap_Marker > div {
  width: 39px !important;
  font-size: 14px;
  line-height: 2;
  background-position: center !important;
  text-align: center;
}

.applications .malps .maps .BMap_bubble_content {
  font-size: 14px;
  line-height: 1.5;
}

.applications .malps .maps .BMap_noprint {
  background-position: center !important;
}

.newscv {
  width: 100%;
  padding: 1rem 0;
}

.newscv .newslit {
  width: 100%;
  font-size: 0;
}

.newscv .newslit .nevom {
  display: inline-block;
  vertical-align: top;
  width: calc(492 / 1560 * 100%);
  margin-right: calc(41 / 1560 * 100%);
  margin-bottom: 0.3rem;
}

.newscv .newslit .nevom a {
  width: 100%;
  display: block;
}

.newscv .newslit .nevom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newscv .newslit .nevom .imgs .img {
  width: 100%;
  padding-top: 60.97%;
  transition: all ease 0.5s;
}

.newscv .newslit .nevom .aom {
  width: 100%;
  padding: 0.3rem;
}

.newscv .newslit .nevom .aom .at {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.4;
  height: 2.8em;
}

.newscv .newslit .nevom .aom .time {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.newscv .newslit .nevom .aom .labels {
  width: 100%;
  font-size: 0;
}

.newscv .newslit .nevom .aom .labels .lab {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 2.2;
  border: solid 1px #e8e8e8;
  border-radius: 1.1em;
  padding: 0 0.2rem;
  margin-right: 0.1rem;
}

.newscv .newslit .nevom:nth-child(3n) {
  margin-right: 0;
}

.newscv .newslit .nevom:hover .imgs .img {
  transform: scale(1.1);
}

.newscv .newslit .nevom:hover .aom .at {
  color: #0ea368;
}

.pages {
  width: 100%;
  padding: 0.4rem 0;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
  line-height: calc(0.45rem - 1px);
  text-align: center;
  color: #000;
  margin: 0 0.1rem;
  border-radius: 50%;
  border: solid 2px #000;
  box-sizing: border-box;
}

.pages .page.ltn {
  background-image: url("../images/i12.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/i13.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: #19a76f;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  border: solid 2px #19a76f;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

.pages .page.ltn:hover {
  background-color: #19a76f;
  background-image: url("../images/i12s.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.on.ltn {
  background-color: #19a76f;
  background-image: url("../images/i12s.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.on.rtn {
  background-color: #19a76f;
  background-image: url("../images/i13s.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.rtn:hover {
  background-color: #19a76f;
  background-image: url("../images/i13s.png");
  background-position: center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.3rem;
  border-radius: 0.3rem;
}

.pages .page:hover {
  background-color: #19a76f;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  border: solid 2px #19a76f;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
}

.netails {
  width: 100%;
  padding: 0.8rem 0;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
}

.netails .nop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.netails .nop .back {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.netails .nop .back .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
}

.netails .nop .back .ic img {
  width: 100%;
  display: block;
}

.netails .nop .back:hover {
  color: #4ca031;
}

.netails .nop .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: right;
}

.netails .nop .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.56rem;
  padding: 0 0.1rem;
  height: 0.36rem;
  background-color: #fff;
  border-radius: 0.18rem;
  margin-left: 0.12rem;
}

.netails .nop .share .am a, .netails .nop .share .am img {
  width: 100%;
  display: block;
}

/* .netails .nop .share .am img:first-child {
  display: block;
}

.netails .nop .share .am img:last-child {
  display: none;
} */

.netails .nop .share .am .m1 {
  display: block;
}

.netails .nop .share .am .m2 {
  display: none;
}

/* .netails .nop .share .am:hover img:first-child {
  display: none;
}

.netails .nop .share .am:hover img:last-child {
  display: block;
} */

.netails .nop .share .am:hover .m1 {
  display: none;
}

.netails .nop .share .am:hover .m2 {
  display: block;
}

.netails .nit {
  width: 100%;
  text-align: center;
  color: #111;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.3rem;
  margin-top: 0.1rem;
}

.netails .nit p {
  color: #111;
  font-weight: bold;
  line-height: 1.4;
}

.netails .mid {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.3rem;
}

.netails .mid span {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 1.5;
}

.netails .ninps {
  width: 100%;
  padding: 0.3rem 0;
  margin: 0.3rem 0;
  border-top: solid 1px #dcdcdc;
}

.netails .ninp {
  width: 100%;
  display: block;
  margin: 0 auto 0;
  max-width: 12.8rem;
  color: #666;
  line-height: 2;
}

.netails .ninp p {
  color: #666;
  line-height: 2;
}

.netails .nob {
  width: 100%;
  font-size: 0;
}

.netails .nob .nobn {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  margin-right: 2%;
}

.netails .nob .nobn a {
  width: 100%;
  display: block;
  padding: 0.4rem;
  background-color: #fff;
}

.netails .nob .nobn .nc {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.netails .nob .nobn .nmk {
  width: 100%;
  color: #111;
  line-height: 1.8;
  font-weight: bold;
  margin: 0.1rem 0;
}

.netails .nob .nobn .time {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.netails .nob .nobn:nth-child(2n) {
  margin-right: 0;
}

.netails .nob .nobn:hover a {
  background-image: linear-gradient(0deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
 normal;
}

.netails .nob .nobn:hover .nc, .netails .nob .nobn:hover .nmk, .netails .nob .nobn:hover .time {
  color: #fff;
}

@media (max-width: 900px) {
  .netails .nop {
    margin-bottom: 0.2rem;
  }
  .netails .nop .back .ic {
    width: 20px;
    height: 20px;
    position: relative;
    top: -0.02rem;
  }
  .netails .nop .share .am {
    width: auto;
    height: 24px;
    width: calc( 24px + 0.2rem);
  }
}

.cases {
  width: 100%;
  padding: 0.8rem 0;
}

.cases .caselist {
  width: 100%;
  font-size: 0;
}

.cases .caselist .casem {
  width: 100%;
}

.cases .caselist .casem a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cases .caselist .casem .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1560 * 100%);
  position: relative;
  overflow: hidden;
}

.cases .caselist .casem .imgs .img {
  width: 100%;
  padding-top: 61.11%;
  transition: all ease 0.5s;
}

.cases .caselist .casem .aom {
  display: inline-block;
  vertical-align: middle;
  width: calc(780 / 1560 * 100%);
  padding: 0.4rem 0;
  border-bottom: solid 1px #dcdcdc;
}

.cases .caselist .casem .aom .time {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.cases .caselist .casem .aom .at {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.cases .caselist .casem .aom .aim {
  width: 100%;
  color: #666;
  line-height: 2;
  margin: 0.3rem 0;
}

.cases .caselist .casem .aom .aim p {
  color: #666;
  line-height: 2;
}

.cases .caselist .casem .aom .labels {
  width: 100%;
  font-size: 0;
}

.cases .caselist .casem .aom .labels .lab {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 2.2;
  border: solid 1px #e8e8e8;
  border-radius: 1.1em;
  padding: 0 0.2rem;
  margin-right: 0.1rem;
}

.cases .caselist .casem + .casem {
  margin-top: 1rem;
}

.cases .caselist .casem:hover .imgs .img {
  transform: scale(1.1);
}

.cases .caselist .casem:hover .aom .at {
  color: #0ea368;
}

.cases .results {
  width: 100%;
}

.cases .results .rips {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.cases .results .rips a {
  display: inline-block;
  color: #222;
  line-height: 1.5;
  margin-right: 0.25rem;
}

.cases .results .rips a i {
  display: inline-block;
  margin: 0 0.06rem;
  color: #19a76f;
  font-style: normal;
}

.cases .results .resulis {
  width: 100%;
  margin-top: 0.4rem;
}

.cases .results .resulis .reuom {
  width: 100%;
  border: solid 1px #ddd;
  transition: all ease 0.5s;
  border-radius: 0.2rem;
}

.cases .results .resulis .reuom a {
  width: 100%;
  display: block;
  padding: 0.3rem 0.25rem;
}

.cases .results .resulis .reuom .cit {
  width: 100%;
  font-size: 0;
}

.cases .results .resulis .reuom .cit .cp {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 6em);
  color: #222;
  line-height: 1.5;
  padding-right: 0.2rem;
}

.cases .results .resulis .reuom .cit .cp span {
  color: #19a76f;
}

.cases .results .resulis .reuom .cit .tic {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 6em;
  line-height: 2;
  text-align: center;
  border-radius: 1em;
  background-color: #19a76f;
}

.cases .results .resulis .reuom .vim {
  width: 100%;
  color: #888;
  line-height: 2;
  margin-top: 0.08rem;
}

.cases .results .resulis .reuom:hover {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
}

.cases .results .resulis .reuom + .reuom {
  margin-top: 0.3rem;
}

@media (max-width: 900px) {
  .cases .caselist .casem + .casem {
    margin-top: 0.4rem;
  }
}

.downers {
  width: 100%;
  padding: 0.8rem 0;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
}

.downers .downlist {
  width: 100%;
  font-size: 0;
}

.downers .downlist .dowan {
  display: inline-block;
  vertical-align: top;
  width: calc(760 / 1560 * 100%);
  margin-right: calc(39 / 1560 * 100%);
  margin-bottom: 0.4rem;
  background-color: #fff;
  font-size: 0;
}

.downers .downlist .dowan .name {
  flex: 1;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 50%;
}

.downers .downlist .dowan .name .nc {
  display: inline-block;
  vertical-align: middle;
  width: 0.46rem;
  height: 0.46rem;
  margin-right: 0.14rem;
}

.downers .downlist .dowan .name .nc img {
  width: 100%;
  display: block;
}

.downers .downlist .dowan .name .mm {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #111;
  line-height: 1.5;
  width: 100%;
}

.downers .downlist .dowan .name .mpm {
  width: calc(100% - 0.61rem);
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #111;
  line-height: 1.5;
}

.downers .downlist .dowan .size, .downers .downlist .dowan .time {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  width: 25%;
  text-align: center;
}

.downers .downlist .dowan .dtn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #dcdcdc;
  border-radius: 0.3rem;
  padding: 0 0.2rem;
  white-space: nowrap;
}

.downers .downlist .dowan .dtn .ec {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 0.1rem;
}

.downers .downlist .dowan .dtn .ec img {
  width: 100%;
  display: block;
}

.downers .downlist .dowan .dtn .ec img:first-child {
  display: block;
}

.downers .downlist .dowan .dtn .ec img:last-child {
  display: none;
}

.downers .downlist .dowan .dtn .em {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.5;
}

.downers .downlist .dowan .dtn:hover {
  border: solid 1px #0ea368;
  background-color: #0ea368;
}

.downers .downlist .dowan .dtn:hover .ec img:first-child {
  display: none;
}

.downers .downlist .dowan .dtn:hover .ec img:last-child {
  display: block;
}

.downers .downlist .dowan .dtn:hover .em {
  color: #fff;
}

.downers .downlist .dowan .fomd {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem;
}

.downers .downlist .dowan .fomp {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

.downers .downlist .dowan .fomp .fox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 0.4rem;
  border-radius: 10px;
}

.downers .downlist .dowan .fomp .fox .fit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.downers .downlist .dowan .fomp .fox .fit p {
  color: #333;
  line-height: 1.5;
}

.downers .downlist .dowan .fomp .fox .vob {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.downers .downlist .dowan .fomp .fox .vob .vod {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #dcdcdc;
  border-radius: 0.3rem;
  padding: 0 0.2rem;
  white-space: nowrap;
}

.downers .downlist .dowan .fomp .fox .vob .vod .ec {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 0.1rem;
}

.downers .downlist .dowan .fomp .fox .vob .vod .ec img {
  width: 100%;
  display: block;
}

.downers .downlist .dowan .fomp .fox .vob .vod .ec img:first-child {
  display: block;
}

.downers .downlist .dowan .fomp .fox .vob .vod .ec img:last-child {
  display: none;
}

.downers .downlist .dowan .fomp .fox .vob .vod .em {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.5;
}

.downers .downlist .dowan .fomp .fox .vob .vod:hover {
  border: solid 1px #0ea368;
  background-color: #0ea368;
}

.downers .downlist .dowan .fomp .fox .vob .vod:hover .ec img:first-child {
  display: none;
}

.downers .downlist .dowan .fomp .fox .vob .vod:hover .ec img:last-child {
  display: block;
}

.downers .downlist .dowan .fomp .fox .vob .vod:hover .em {
  color: #fff;
}

.downers .downlist .dowan:nth-child(2n) {
  margin-right: 0;
}

.solutions {
  width: 100%;
}

.solutions .solums {
  width: 100%;
  padding: 0.8rem 0;
  background-image: linear-gradient(180deg, #ddeffb 0%, #e4f3ff 100%);
}

.solutions .solums .mitop .mol .mp {
  color: #666;
  line-height: 1.5;
  margin-top: 0.18rem;
  max-width: 100%;
}

.solutions .solums .solumt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.solutions .solums .solumt .solt {
  display: inline-block;
  vertical-align: middle;
  width: calc(830 / 1560 * 100%);
  position: relative;
}

.solutions .solums .solumt .solt .swiper-slide {
  width: 100%;
}

.solutions .solums .solumt .solt .swiper-slide a {
  width: 100%;
  display: block;
}

.solutions .solums .solumt .solt .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.solutions .solums .solumt .solt .swiper-slide .imgs .img {
  width: 100%;
  height: 5.2rem;
}

.solutions .solums .solumt .solt .swiper-pagination {
  bottom: 0.2rem;
}

.solutions .solums .solumt .solt .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  background-color: #c9c9c9;
  opacity: 1;
}

.solutions .solums .solumt .solt .swiper-pagination-bullet-active {
  background-color: #19a76f;
}

.solutions .solums .solumt .sort {
  display: inline-block;
  vertical-align: middle;
  width: calc(620 / 1560 * 100%);
  height: 5.2rem;
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.solutions .solums .solumt .sort::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.solutions .solums .solumt .sort::-webkit-scrollbar-thumb {
  border-radius: 10px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(0deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#dcdcdc, #dcdcdc);
}

.solutions .solums .solumt .sort::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(210, 210, 210, 0.1);
  background: rgba(210, 210, 210, 0.1);
}

.solutions .solums .solumt .sort .slid {
  width: 100%;
  padding: 0.25rem 0;
  border-bottom: solid 1px #e5e5e5;
  font-size: 0;
}

.solutions .solums .solumt .sort .slid .sc {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.3rem;
}

.solutions .solums .solumt .sort .slid .sc img {
  width: 100%;
  display: block;
}

.solutions .solums .solumt .sort .slid .com {
  width: calc(100% - 1.5rem);
  display: inline-block;
  vertical-align: middle;
}

.solutions .solums .solumt .sort .slid .com .ct {
  width: 100%;
  color: #19a76f;
  font-weight: bold;
  line-height: 1.5;
}

.solutions .solums .solumt .sort .slid .com .tm {
  width: 100%;
  color: #666;
  line-height: 2;
  margin-top: 0.14rem;
}

.solutions .solums:nth-child(2n) {
  background-color: #fff;
  background-image: none;
}

.solutions .solums:nth-child(2n) .solumt {
  flex-direction: row;
}

@media (max-width: 1580px) {
  .solutions .w1560 {
    width: 15.6rem;
  }
}

@media (max-width: 1340px) {
  .solutions .w1560 {
    width: 14rem;
  }
}

@media (max-width: 900px) {
  .solutions .w1560 {
    width: 94%;
  }
}

.leftnav {
  position: fixed;
  left: 0.3rem;
  bottom: 14%;
  z-index: 4;
  border-left: solid 2px #dcdcdc;
}

.leftnav .litem {
  width: 100%;
  padding: 0.1rem 0.2rem;
  position: relative;
  cursor: pointer;
}

.leftnav .litem:after {
  content: ' ';
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
  background-image: linear-gradient(0deg, #b6e49c 0%, #19a76f 100%), linear-gradient(#dcdcdc, #dcdcdc);
  opacity: 0;
  transition: all ease 0.5s;
}

.leftnav .litem .name {
  width: 100%;
  color: #111;
  line-height: 2;
}

.leftnav .litem.on:after {
  opacity: 1;
}

@media (max-width: 900px) {
  .leftnav {
    display: none;
  }
}

.setailom {
  width: 100%;
  padding: 0.8rem 0;
  background-image: linear-gradient(180deg, #ddeffb 0%, #e4f3ff 100%);
}

.setailom .setalis {
  width: 100%;
}

.setailom .setalis .selim {
  width: 100%;
}

.setailom .setalis .selim .smg {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.setailom .setalis .selim .smg .img {
  width: 100%;
  padding-top: 44.87%;
}

.setailom .setalis .selim .sbom {
  width: 100%;
  margin-top: 0.5rem;
}

.setailom .setalis .selim .sbom .sbop {
  width: 100%;
  margin-bottom: 0.5rem;
}

.setailom .setalis .selim .sbom .sbop .sib {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.setailom .setalis .selim .sbom .sbop .sin {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.setailom .setalis .selim .sbom .sblist {
  width: 100%;
  font-size: 0;
}

.setailom .setalis .selim .sbom .sblist .sbli {
  display: inline-block;
  vertical-align: top;
  width: calc(360 / 1560 * 100%);
  margin-right: calc(39 / 1560 * 100%);
  padding: 0.4rem 0.3rem;
  background-color: #fff;
  margin-bottom: 0.4rem;
}

.setailom .setalis .selim .sbom .sblist .sbli .bis {
  width: 100%;
  color: #19a76f;
  font-weight: bold;
  line-height: 1.5;
}

.setailom .setalis .selim .sbom .sblist .sbli .bim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 4.5em;
  margin: 0.2rem 0 0.3rem;
}

.setailom .setalis .selim .sbom .sblist .sbli .bc {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}

.setailom .setalis .selim .sbom .sblist .sbli .bc img {
  width: 100%;
  display: block;
}

.setailom .setalis .selim .sbom .sblist .sbli:nth-child(4n) {
  margin-right: 0;
}

.afters {
  width: 100%;
  padding: 0.8rem 0;
  background-image: linear-gradient(180deg, #ffffff 50%, #e8f4ff 100%), linear-gradient(#ffffff, #ffffff);
}

.afters .aftelis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.afters .aftelis .aftm {
  display: inline-block;
  vertical-align: top;
  width: calc(400 / 1560 * 100%);
  padding: 0.4rem;
}

.afters .aftelis .aftm .ac {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}

.afters .aftelis .aftm .ac img {
  width: 100%;
  display: block;
}

.afters .aftelis .aftm .ait {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.afters .aftelis .aftm .som {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
}

.afters .aftelis .aftm + .aftm {
  border-left: solid 1px #e5e5e5;
}

.afters .aftelis .aftm.w50 {
  width: calc(760 / 1560 * 100%);
}

.afters .aftelis .aftm.w50 .dataul {
  width: 100%;
  font-size: 0;
}

.afters .aftelis .aftm.w50 .dataul .davm {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0.2rem;
}

.afters .aftelis .aftm.w50 .dataul .davm .num {
  width: 100%;
  color: #19a76f;
  line-height: 1.5;
  font-weight: bold;
}

.afters .aftelis .aftm.w50 .dataul .davm .nik {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.afters .aftelis .aftm.w50 .dataul .davm:nth-child(3n) {
  margin-right: 0;
}

.network {
  width: 100%;
  padding: 1rem 0 0;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
}

.network .datas {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.network .datas .daom {
  width: 25%;
  padding: 0.2rem;
  display: inline-block;
  vertical-align: middle;
}

.network .datas .daom .ac {
  width: 36px;
  height: 36px;
  display: block;
  margin: 0 auto 0.1rem;
}

.network .datas .daom .ac img {
  width: 100%;
  display: block;
}

.network .datas .daom .aom {
  width: 100%;
  text-align: center;
  font-size: 0%;
  margin: 0.1rem     0;
}

.network .datas .daom .aom .aum {
  display: inline-block;
  vertical-align: middle;
  color: #19a76f;
  font-weight: bold;
}

.network .datas .daom .aom .aum span {
  color: #19a76f;
}

.network .datas .daom .aom .tn {
  display: inline-block;
  vertical-align: top;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 0.1rem;
}

.network .datas .daom .pm {
  width: 100%;
  color: #111;
  line-height: 1.5;
}

.network .earth {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.network .earth .img {
  width: 100%;
  padding-top: 50.32%;
}

.network .earth .pionlist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.network .earth .pionlist .pion {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.network .earth .pionlist .pion .im {
  display: block;
  z-index: 3;
  cursor: pointer;
  position: relative;
}

.network .earth .pionlist .pion .im .c {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.network .earth .pionlist .pion .im:before {
  content: ' ';
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  animation: kuosan 2.2s linear 0.1s infinite;
}

.network .earth .pionlist .pion .im:after {
  content: ' ';
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  animation: kuosan1 2.2s linear .1s infinite;
}

@keyframes kuosan {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.135rem;
    height: 0.135rem;
  }
  100% {
    width: 0.27rem;
    height: 0.27rem;
    opacity: 0;
  }
}

@keyframes kuosan1 {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.23rem;
    height: 0.23rem;
  }
  100% {
    width: 0.46rem;
    height: 0.46rem;
    opacity: 0;
  }
}

@keyframes kuosan2 {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.28rem;
    height: 0.28rem;
  }
  100% {
    width: 0.56rem;
    height: 0.56rem;
    opacity: 0;
  }
}

@keyframes kuosan3 {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.45rem;
    height: 0.45rem;
  }
  100% {
    width: 0.9rem;
    height: 0.9rem;
    opacity: 0;
  }
}

.network .earth .pionlist .pion.mid .im .c {
  background-color: #0ea368;
  z-index: 3;
}

.network .earth .pionlist .pion.mid .im .c:before {
  content: ' ';
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  animation: kuosan2 2.2s linear 0.1s infinite;
}

.network .earth .pionlist .pion.mid .im .c:after {
  content: ' ';
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  animation: kuosan3 2.2s linear .1s infinite;
}

.network .earth .pionlist .pion.mid .im .c:before {
  background: rgba(255, 255, 255, 0.3);
}

.network .earth .pionlist .pion.mid .im .c:after {
  background: rgba(255, 255, 255, 0.15);
}

.network .earth .pionlist .pion.mid .im:before {
  background: white;
  animation: normal;
  width: 0.16rem;
  height: 0.16rem;
}

.network .earth .pionlist .pion.mid .im:after {
  background: rgba(255, 255, 255, 0.6);
}

.leight {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 800px) {
  .leight {
    height: auto;
  }
}

.honors {
  width: 100%;
  position: relative;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
  padding: 1rem 0;
}

.honors .honpers {
  width: 100%;
  position: relative;
}

.honors .honpers .swiper-container {
  padding: 0.15rem 0;
}

.honors .honpers .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}

.honors .honpers .btn img {
  width: 100%;
  display: block;
}

.honors .honpers .btn img:first-child {
  display: block;
}

.honors .honpers .btn img:last-child {
  display: none;
}

.honors .honpers .btn:hover img:first-child {
  display: none;
}

.honors .honpers .btn:hover img:last-child {
  display: block;
}

.honors .honpers .bl {
  left: -1.2rem;
}

.honors .honpers .br {
  right: -1.2rem;
}

.honors .honpers .swiper-slide {
  width: 100%;
}

.honors .honpers .homem {
  display: inline-block;
  vertical-align: top;
  width: calc(360 / 1560 * 100%);
  margin-right: calc(39 / 1560 * 100%);
  margin-bottom: 0.3rem;
  position: relative;
  top: 0;
  transition: all ease 0.5s;
}

.honors .honpers .homem a {
  width: 100%;
  display: block;
}

.honors .honpers .homem .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.honors .honpers .homem .imgs .img {
  width: 100%;
  padding-top: 81.38%;
  transition: all ease 0.5s;
}

.honors .honpers .homem .lx {
  width: 100%;
  height: 0.12rem;
  background-image: linear-gradient(90deg, #19a76f 0%, #b6e49c 100%), linear-gradient(#000000, #000000);
}

.honors .honpers .homem .pom {
  width: 100%;
  padding: 0.4rem 0.2rem;
  background-image: linear-gradient(180deg, #ddeffb 0%, #f3faff 100%);
}

.honors .honpers .homem .pom .px {
  width: 100%;
  text-align: center;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.honors .honpers .homem:nth-child(4n) {
  margin-right: 0;
}

.honors .honpers .homem:hover {
  top: -0.1rem;
}

@media (max-width: 1560px) {
  .honors .honpers .bl {
    left: 0rem;
  }
  .honors .honpers .br {
    right: 0rem;
  }
}

@media (max-width: 800px) {
  .honors .honpers .homem:nth-child(2n) {
    margin-right: 0;
  }
}

.danper {
  width: 100%;
  position: relative;
}

.danper .phone {
  width: 100%;
  height: 100%;
  display: none;
}

.danper .phone img {
  width: 100%;
  height: 100%;
  display: block;
}

.danper .video {
  width: 100%;
  display: block;
}

.danper .video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.danper .latm {
  position: absolute;
  top: 0;
}

.danper .pion {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 0;
}

.danper .pion .im {
  display: block;
  z-index: 3;
  cursor: pointer;
  position: relative;
}

.danper .pion .im .c {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.danper .pion .im:before {
  content: ' ';
  background: #19a76f;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 0.24rem;
  height: 0.24rem;
  /* animation: kuosan 2.2s linear 0.1s infinite; */
}

.danper .pion .im:after {
  content: ' ';
  background: #19a76f;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  /* animation: kuosan1 2.2s linear .1s infinite; */
  width: 0.27rem;
  height: 0.27rem;
  opacity: 0.2;
}

@keyframes kuosan {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.135rem;
    height: 0.135rem;
  }
  100% {
    width: 0.27rem;
    height: 0.27rem;
    opacity: 0;
  }
}

@keyframes kuosan1 {
  0% {
    width: 0rem;
    height: 0rem;
    opacity: 1;
  }
  50% {
    width: 0.23rem;
    height: 0.23rem;
  }
  100% {
    width: 0.46rem;
    height: 0.46rem;
    opacity: 0;
  }
}

.danper .pion .label {
  position: absolute;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.12rem;
  width: 1.71rem;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.5s;
}

.danper .pion .label .img {
  width: 100%;
}

.danper .pion .label .img .mm {
  width: 100%;
  padding-top: 112.865%;
  opacity: 0.7;
}

.danper .pion .label .lox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 50%;
  background-color: #fff;
  z-index: 5;
  bottom: 0.53rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
}

.danper .pion .label .lox .lmm {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

.danper .pion .label .lox .lmm p {
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.danper .pion.reversal .label {
  bottom: auto;
  top: -0.12rem;
}

.danper .pion.reversal .label .img .mm {
  transform: rotate(180deg);
}

.danper .pion.reversal .label .lox {
  bottom: auto;
  top: 0.53rem;
}

.danper .pion:hover .label {
  visibility: visible;
  opacity: 1;
}