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

@media (max-width: 1740px) {
  .w1720 {
    width: 94%;
  }
}

.w1440 {
  width: 14.4rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

@media (max-width: 1460px) {
  .w1440 {
    width: 94%;
  }
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #fff;
  transition: all ease 0.5s;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
}

header .hop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

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

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

header .languages {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0.3rem;
  text-align: center;
}

header .languages .lauges {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

header .languages .lauges .lashow {
  width: 100%;
  color: #555;
  position: relative;
  cursor: pointer;
  font-size: 0;
  padding-right: 14px;
}

header .languages .lauges .lashow .aic {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  width: 20px;
  margin-right: 0.1rem;
  margin-right: 10px;
}

header .languages .lauges .lashow .aic img {
  width: 100%;
  display: block;
}

header .languages .lauges .lashow .aic img:first-child {
  display: block;
}

header .languages .lauges .lashow .aic img:last-child {
  display: none;
}

header .languages .lauges .lashow .am {
  color: #555;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .languages .lauges .lashow:after {
  content: ' ';
  position: absolute;
  right: 0rem;
  top: calc(50% + 2.5px);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #555 transparent transparent transparent;
}

header .languages .lauges .language {
  position: absolute;
  z-index: 10;
  top: 100%;
  width: 100%;
  display: none;
  width: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

header .languages .lauges .language .latem {
  width: 100%;
}

header .languages .lauges .language .latem a {
  width: 100%;
  display: block;
  color: #111;
  padding: 0 0.1rem;
  line-height: 3;
  background: white;
}

header .languages .lauges .language .latem:hover a {
  background: #024b95;
  color: #fff;
}

header .languages .lauges .language .latem.on a {
  background: #024b95;
  color: #fff;
}

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

header .search .sm {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}

header .search .sc {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  width: 20px;
  margin-left: 0.14rem;
  margin-right: 0.14rem;
}

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

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

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

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

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

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: 3.5;
  line-height: 0.9rem;
  color: #333;
  position: relative;
  padding: 0 0.15rem;
}

header nav .natem .nas:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  height: 2px;
  background-color: #024b95;
}

header nav .natem .navuls {
  width: 2.2rem;
  width: 2rem;
  position: absolute;
  z-index: 101;
  left: calc(50%);
  top: 100%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  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: #333;
  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: #024b95;
}

header nav .natem .navuls ul li:hover .ns {
  color: #024b95;
  background-color: #024b95;
  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 .longul {
  position: fixed;
  left: 0;
  width: 100vw;
  top: 0.8rem;
  padding: 0.6rem 0;
  display: none;
}

header nav .natem .longul .jectlis {
  width: 100%;
  font-size: 0;
}

header nav .natem .longul .jectlis .jectm {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  text-align: center;
  margin-bottom: 0.5rem;
}

header nav .natem .longul .jectlis .jectm a {
  width: 100%;
  display: block;
}

header nav .natem .longul .jectlis .jectm .imgs {
  width: 100%;
  max-width: 2.6rem;
  display: block;
  margin: 0 auto 0.1rem;
  position: relative;
  overflow: hidden;
}

header nav .natem .longul .jectlis .jectm .imgs .img {
  width: 100%;
  padding-top: 69.23%;
  transition: all ease 0.5s;
}

header nav .natem .longul .jectlis .jectm .cir {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

header nav .natem .longul .jectlis .jectm .rin {
  width: 100%;
  color: #024b95;
  line-height: 1.5;
}

header nav .natem .longul .jectlis .jectm:hover .imgs .img {
  transform: scale(1.1);
}

header nav .natem .longul .jectlis .jectm:hover .cir {
  color: #024b95;
}

header nav .natem .longul .jectlis .jectm:nth-child(3n) {
  margin-right: 0;
}

header nav .natem.on .nas a {
  color: #024b95;
}

header nav .natem.on .nas:after {
  opacity: 1;
}

header nav .natem:hover .nas a {
  color: #024b95;
}

header nav .natem:hover .nas:after {
  opacity: 1;
}

header nav .natem.has-nav .nas .ik {
  display: inline-block;
}

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

header .rav .menu {
  display: none;
}

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: #024b95;
  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;
}

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 .tel {
  display: inline-block;
  vertical-align: middle;
  color: #024b95;
  line-height: 1.5;
}

header .tel span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 0.1rem;
}

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

.black {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  transition: all ease 0.5s;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 1100px) {
  header nav .natem .nas {
    margin: 0 0.05rem;
  }
  header nav .natem .nas a {
    padding: 0 0.1rem;
  }
}

@media (max-width: 950px) {
  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 .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 .rav .tel {
    font-size: 0;
  }
  header nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: calc(1rem);
    left: auto;
    height: calc(100vh - 1rem);
    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: #024b95;
    background-color: transparent;
  }
  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: transparent;
    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;
    background: transparent;
  }
  header nav .natem .navuls ul li .njm {
    background: transparent;
  }
  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: transparent;
    position: relative;
  }
  header nav .natem .navuls ul li .ns:hover {
    color: #024b95;
  }
  header nav .natem .navuls ul li + li {
    border-top: solid 1px #eee;
  }
  header nav .natem .navuls ul li:hover .ns {
    background-color: transparent;
    color: #024b95;
  }
  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.menu-state .rav .menu img {
    opacity: 0;
  }
}

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

.banner .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide .imgs {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide .imgs .img {
  width: 100%;
  height: 100vh;
}

.banner .swiper-slide .voc {
  background-color: #000;
  object-fit: cover;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner .swiper-slide .sox {
  position: absolute;
  left: calc((100 / 1920) * 100%);
  top: 50%;
  transform: translateY(-50%);
  max-width: 7rem;
  z-index: 3;
}

.banner .swiper-slide .sox .sm {
  width: 100%;
  font-size: 0;
}

.banner .swiper-slide .sox .sm span {
  color: #fff;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.banner .swiper-slide .sox .sm span:after {
  content: ' ';
}

.banner .swiper-slide .sox .simp {
  width: 100%;
  color: #fff;
  line-height: 1.7;
  margin: 0.4rem 0;
}

.banner .swiper-slide .sox .simp p {
  color: #fff;
  line-height: 1.7;
}

.banner .swiper-slide .sox .simp h1 {
  color: #fff;
  line-height: 1.7;
}

.banner .swiper-slide .sox .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.45rem;
}

.banner .swiper-slide .sox .more a {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.8;
  background-color: #ffffff;
  padding: 0 0.2rem;
  color: #004a95;
}

.banner .swiper-slide .sox .more a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.6rem;
  width: 10px;
  height: 18px;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.banner .swiper-slide .sox .more a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner .swiper-slide .sox .more a span img:first-child {
  display: block;
}

.banner .swiper-slide .sox .more a span img:last-child {
  display: none;
}

.banner .swiper-slide .sox .more a:hover {
  background-color: #004a95;
  color: #fff;
}

.banner .swiper-slide .sox .more a:hover span img:first-child {
  display: none;
}

.banner .swiper-slide .sox .more a:hover span img:last-child {
  display: block;
}

.banner .swiper-pagination {
  font-size: 0;
  text-align: right;
  bottom: 0.8rem;
  z-index: 10;
  width: auto;
  left: auto;
  right: calc(100 / 1920 * 100%);
}

.banner .swiper-pagination-bullet {
  width: 0.4rem;
  height: 2px;
  margin: 0 0.15rem;
  opacity: 1;
  border-radius: 0%;
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all ease 0.5s;
}

.banner .swiper-pagination-bullet-active {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
}

.banner .down {
  position: absolute;
  z-index: 4;
  left: calc(100 / 1920 * 100%);
  bottom: 0.8rem;
  width: 0.24rem;
  cursor: pointer;
  transition: all ease 0.5s;
}

.banner .down img {
  width: 100%;
  display: block;
}

.banner .down:hover {
  transform: scale(1.1);
}

@media (max-width: 800px) {
  .banner .swiper-slide .sox {
    top: 50%;
    width: 80%;
  }
}

footer {
  width: 100%;
}

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

footer .ftop .fop {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .ftop .fop .ftl {
  display: inline-block;
  vertical-align: top;
  width: calc(440 / 1720 * 100%);
}

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

footer .ftop .fop .ftl .fmelis {
  width: 100%;
  margin-top: 0.25rem;
}

footer .ftop .fop .ftl .fmelis .mli {
  width: 100%;
  font-size: 0;
  padding: 0.05rem 0;
}

footer .ftop .fop .ftl .fmelis .mli .mc {
  display: inline-block;
  vertical-align: top;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.15rem;
}

footer .ftop .fop .ftl .fmelis .mli .mc img {
  width: 100%;
  display: block;
}

footer .ftop .fop .ftl .fmelis .mli .mg {
  width: calc(100% - 0.22rem - 0.15rem);
  display: inline-block;
  vertical-align: top;
  color: #729bc9;
  line-height: 1.5;
}

footer .ftop .fop .ftm {
  display: inline-block;
  vertical-align: top;
  width: calc(810 / 1720 * 100%);
}

footer .ftop .fop .ftm .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(240 / 720 * 100%);
  padding-right: 0.1rem;
}

footer .ftop .fop .ftm .flist .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.15rem;
}

footer .ftop .fop .ftm .flist .fit span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
  transition: all ease 0.5s;
}

footer .ftop .fop .ftm .flist .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
  transition: all ease 0.5s;
}

footer .ftop .fop .ftm .flist .fit a:hover {
  color: #fff;
}

footer .ftop .fop .ftm .flist .ful {
  width: 100%;
}

footer .ftop .fop .ftm .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #729bc9;
  transition: all ease 0.5s;
  line-height: 2;
}

footer .ftop .fop .ftm .flist .ful a:hover {
  color: #fff;
}

footer .ftop .fop .ftm .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #729bc9;
  line-height: 2;
  transition: all ease 0.5s;
}

footer .ftop .fop .ftr {
  display: inline-block;
  vertical-align: top;
}

footer .ftop .fop .ftr .rit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}

footer .ftop .fop .ftr .codm {
  width: 100%;
}

footer .ftop .fop .ftr .codm .cm {
  width: 1.53rem;
  display: block;
}

footer .ftop .fop .ftr .codm .cm img {
  width: 100%;
  display: block;
}

footer .fbot {
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  padding: 0.15rem 0;
}

footer .fbot .fot {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

footer .fbot .fot .fm {
  display: inline-block;
  vertical-align: middle;
  color: #729bc9;
  line-height: 1.5;
}

@media (max-width: 800px) {
  footer .ftop {
    padding: 0.4rem 0;
  }
  footer .ftop .fop .ftl {
    width: 100%;
  }
  footer .ftop .fop .ftm {
    width: 100%;
    margin: 0.3rem 0;
  }
  footer .ftop .fop .ftm .flist {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    position: relative;
  }
  footer .ftop .fop .ftm .flist .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.3rem 0;
  }
  footer .ftop .fop .ftm .flist .lx {
    display: none;
  }
  footer .ftop .fop .ftm .flist .ful {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.15rem;
    display: none;
  }
  footer .ftop .fop .ftm .flist .ful a {
    line-height: 2;
  }
  footer .ftop .fop .ftm .flist:first-child {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
  }
  footer .ftop .fop .ftm .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);
    top: 0.4rem;
    color: #333;
    border: none;
    transition: all ease 0.5s;
  }
  footer .ftop .fop .ftm .flist.has-ful.show:after {
    content: " ";
    transform: translateX(0) rotate(180deg);
  }
  footer .ftop .fop .ftr {
    width: 100%;
  }
}

.newsd {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1rem;
}

.newsd .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(670 / 1720 * 100%);
}

.newsd .nel .nit {
  width: 100%;
  font-size: 0;
}

.newsd .nel .nit .xm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: auto;
  color: #333;
  font-weight: bold;
}

.newsd .nel .nit .pm {
  position: absolute;
  color: rgba(8, 86, 171, 0.1);
  top: -0.2rem;
  left: 75%;
  font-weight: bold;
}

.newsd .nel .lx {
  width: 100%;
  font-size: 0;
  margin: 0.35rem 0 0.6rem;
}

.newsd .nel .lx .xx {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%);
  width: 0.5rem;
  height: 0.06rem;
}

.newsd .nel .lx .xd {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%);
  width: 0.06rem;
  height: 0.06rem;
  margin-left: 0.06rem;
}

.newsd .nel .nelm {
  width: 100%;
}

.newsd .nel .nelm a {
  width: 100%;
  display: block;
}

.newsd .nel .nelm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newsd .nel .nelm .imgs .img {
  width: 100%;
  position: relative;
  padding-top: 65.67%;
  transition: all ease 0.5s;
}

.newsd .nel .nelm .imgs .bon {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#000000, #000000);
  padding: 0.25rem;
}

.newsd .nel .nelm .imgs .bon .bx {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.newsd .nel .nelm .imgs .bon .bt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.newsd .nel .nelm:hover .imgs .img {
  transform: scale(1.1);
}

.newsd .ner {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: calc(990 / 1720 * 100%);
}

.newsd .ner .nerom {
  width: 100%;
  font-size: 0;
}

.newsd .ner .nerom a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.newsd .ner .nerom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(395 / 990 * 100%);
  position: relative;
  overflow: hidden;
}

.newsd .ner .nerom .imgs .img {
  width: 100%;
  padding-top: 65.82%;
  transition: all ease 0.5s;
}

.newsd .ner .nerom .rom {
  display: inline-block;
  vertical-align: middle;
  width: calc(540 / 990 * 100%);
}

.newsd .ner .nerom .rom .time {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.newsd .ner .nerom .rom .xit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.12rem 0;
}

.newsd .ner .nerom .rom .sip {
  width: 100%;
  color: #888;
  line-height: 1.5;
  max-height: 3em;
  margin: 0.12rem 0;
}

.newsd .ner .nerom .rom .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}

.newsd .ner .nerom .rom .more span {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
}

.newsd .ner .nerom .rom .more span img {
  width: 100%;
  display: block;
}

.newsd .ner .nerom .rom .more span img:first-child {
  display: block;
}

.newsd .ner .nerom .rom .more span img:last-child {
  display: none;
}

.newsd .ner .line {
  width: 100%;
  height: 1px;
  background-color: #d7e2ef;
}

.newsd .ner .nerom:hover .imgs .img {
  transform: scale(1.1);
}

.newsd .ner .nerom:hover .rom .xit {
  color: #e5751c;
}

.newsd .ner .nerom:hover .rom .more span img:first-child {
  display: none;
}

.newsd .ner .nerom:hover .rom .more span img:last-child {
  display: block;
}

.abouts {
  width: 100%;
  padding-top: 1rem;
}

.abouts .abtom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.abouts .abtom .abl {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1720 * 100%);
}

.abouts .abtom .abl .nit {
  width: 100%;
  font-size: 0;
}

.abouts .abtom .abl .nit .xm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: auto;
  color: #333;
  font-weight: bold;
}

.abouts .abtom .abl .nit .pm {
  position: absolute;
  color: rgba(8, 86, 171, 0.1);
  top: -0.2rem;
  left: 75%;
  font-weight: bold;
}

.abouts .abtom .abl .lx {
  width: 100%;
  font-size: 0;
  margin: 0.35rem 0;
}

.abouts .abtom .abl .lx .xx {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%);
  width: 0.5rem;
  height: 0.06rem;
}

.abouts .abtom .abl .lx .xd {
  display: inline-block;
  vertical-align: middle;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%);
  width: 0.06rem;
  height: 0.06rem;
  margin-left: 0.06rem;
}

.abouts .abtom .abl .miv {
  width: 100%;
  color: #e5751c;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.abouts .abtom .abl .ninp {
  width: 100%;
  color: #666;
  line-height: 1.7;
  overflow: auto;
  max-height: 2.6rem;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.abouts .abtom .abl .ninp::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abtom .abl .ninp::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 77, 161, 0.5);
  background: rgba(0, 77, 161, 0.5);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abtom .abl .ninp::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.abouts .abtom .abl .ninp p {
  color: #666;
  line-height: 1.7;
}

.abouts .abtom .abr {
  display: inline-block;
  vertical-align: middle;
  width: calc(880 / 1720 * 100%);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.abouts .abtom .abr .img {
  width: 100%;
  padding-top: 55.68%;
  transition: all ease 0.5s;
}

.abouts .abtom .abr .play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 0.64rem;
  height: 0.64rem;
  transform: translate(-50%, -50%);
}

.abouts .abtom .abr .play img {
  width: 100%;
  display: block;
}

.abouts .abtom .abr .more {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.2rem;
  z-index: 3;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#ffffff, #ffffff);
}

.abouts .abtom .abr .more .sm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.abouts .abtom .abr .more .ic {
  display: block;
  width: 10px;
  height: 18px;
  margin-top: 0.1rem;
}

.abouts .abtom .abr .more .ic img {
  width: 100%;
  display: block;
}

.abouts .abtom .abr:hover .img {
  transform: scale(1.1);
}

.abouts .abbom {
  width: 100%;
  margin-top: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.abouts .abbom .abim {
  display: inline-block;
  vertical-align: top;
  padding: 0.35rem 0;
  font-size: 0;
}

.abouts .abbom .abim .ac {
  display: inline-block;
  vertical-align: top;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.2rem;
  margin-top: 0.12rem;
}

.abouts .abbom .abim .ac img {
  width: 100%;
  display: block;
}

.abouts .abbom .abim .com {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.42rem - 0.2rem);
}

.abouts .abbom .abim .com .tok {
  width: 100%;
  font-size: 0;
}

.abouts .abbom .abim .com .tok .bn {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  background: -webkit-linear-gradient(right, #2b7cd4, #004da1);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.abouts .abbom .abim .com .tok .xn {
  display: inline-block;
  vertical-align: top;
  color: #2575cc;
  margin-left: 0.1rem;
  font-weight: bold;
  margin-top: 0.08rem;
}

.abouts .abbom .abim .com .nk {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.procens {
  width: 100%;
  padding-top: 1rem;
}

.procens .prtop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 2;
}

.procens .prtop .prl {
  display: inline-block;
  vertical-align: middle;
}

.procens .prtop .prl .nit {
  width: 100%;
  font-size: 0;
}

.procens .prtop .prl .nit .xm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  width: auto;
  color: #fff;
  font-weight: bold;
}

.procens .prtop .prl .nit .pm {
  position: absolute;
  z-index: -1;
  color: #1758b4;
  top: -0.2rem;
  left: 75%;
  font-weight: bold;
}

.procens .prtop .prl .lx {
  width: 100%;
  font-size: 0;
  margin: 0.35rem 0;
}

.procens .prtop .prl .lx .xx {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 0.5rem;
  height: 0.06rem;
}

.procens .prtop .prl .lx .xd {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 0.06rem;
  height: 0.06rem;
  margin-left: 0.06rem;
}

.procens .prtop .prr {
  display: inline-block;
  vertical-align: middle;
}

.procens .prtop .prr a {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.8;
  background-color: #ffffff;
  padding: 0 0.2rem;
  color: #004a95;
}

.procens .prtop .prr a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.6rem;
  width: 10px;
  height: 18px;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.procens .prtop .prr a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.procens .prtop .prr a span img:first-child {
  display: block;
}

.procens .prtop .prr a span img:last-child {
  display: none;
}

.procens .prtop .prr a:hover {
  background-color: #004a95;
  color: #fff;
}

.procens .prtop .prr a:hover span img:first-child {
  display: none;
}

.procens .prtop .prr a:hover span img:last-child {
  display: block;
}

.procens .procend {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.procens .procend .prol {
  display: inline-block;
  vertical-align: middle;
  width: calc(300 / 1720 * 100%);
}

.procens .procend .prol .prolper {
  width: 100%;
  height: 4.5rem;
  position: relative;
}

.procens .procend .prol .prolper:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 1px;
  left: 0.1rem;
  left: 10px;
  border-left: dashed 1px #468fe1;
  top: 50%;
  transform: translateY(-50%);
}

.procens .procend .prol .prolper .swiper-container {
  height: 100%;
  position: relative;
  z-index: 2;
}

.procens .procend .prol .prolper .swiper-slide {
  width: 100%;
  font-size: 0;
  padding: 0.14rem 0;
  cursor: pointer;
  height: auto;
}

.procens .procend .prol .prolper .swiper-slide .smc {
  display: inline-block;
  vertical-align: top;
  width: 0.2rem;
  height: 0.2rem;
  width: 20px;
  height: 20%;
  position: relative;
  margin-right: 0.3rem;
  margin-top: calc(0.75em - 0.1rem);
  margin-top: calc(0.75em - 10px);
}

.procens .procend .prol .prolper .swiper-slide .smc .xx {
  position: absolute;
  left: calc(50% + 0.5px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.1rem;
  height: 0.1rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #468fe1;
  transition: all ease 0.5s;
  opacity: 1;
}

.procens .procend .prol .prolper .swiper-slide .smc .xm {
  position: absolute;
  left: calc(50% + 0.5px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.2rem;
  height: 0.2rem;
  width: 20px;
  height: 20px;
  transition: all ease 0.5s;
  opacity: 0;
}

.procens .procend .prol .prolper .swiper-slide .smc .xm img {
  width: 100%;
  display: block;
}

.procens .procend .prol .prolper .swiper-slide .smp {
  display: inline-block;
  vertical-align: top;
  color: #84bcf9;
  line-height: 1.5;
  width: calc(100% - 0.2rem - 0.3rem);
  width: calc(100% - 20px - 0.3rem);
}

.procens .procend .prol .prolper .swiper-slide:hover .smc .xx, .procens .procend .prol .prolper .swiper-slide.on .smc .xx {
  opacity: 0;
}

.procens .procend .prol .prolper .swiper-slide:hover .smc .xm, .procens .procend .prol .prolper .swiper-slide.on .smc .xm {
  opacity: 1;
}

.procens .procend .prol .prolper .swiper-slide:hover .smp, .procens .procend .prol .prolper .swiper-slide.on .smp {
  color: #fff;
}

.procens .procend .pror {
  display: inline-block;
  vertical-align: middle;
  width: calc(1340 / 1720 * 100%);
  position: relative;
  height: 5rem;
}

.procens .procend .pror .prolist {
  width: 100%;
  position: relative;
}

.procens .procend .pror .prolist .proim {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
}

.procens .procend .pror .prolist .proim.on {
  visibility: visible;
  opacity: 1;
}

.procens .procend .pror .proimper {
  width: 100%;
  font-size: 0;
}

.procens .procend .pror .proimper .peom {
  display: inline-block;
  vertical-align: top;
  width: calc(420 / 1340 * 100%);
  margin-right: calc(39 / 1340 * 100%);
  background-color: #fff;
}

.procens .procend .pror .proimper .peom a {
  width: 100%;
  display: block;
}

.procens .procend .pror .proimper .peom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.procens .procend .pror .proimper .peom .imgs .img {
  width: 100%;
  padding-top: 90%;
  transition: all ease 0.5s;
}

.procens .procend .pror .proimper .peom .pom {
  width: 100%;
  padding: 0.4rem 0.4rem 0;
  position: relative;
  overflow: hidden;
}

.procens .procend .pror .proimper .peom .pom .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

.procens .procend .pror .proimper .peom .pom .vm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
  margin: 0.15rem 0 0.3rem;
  position: relative;
  z-index: 2;
}

.procens .procend .pror .proimper .peom .pom .mtn {
  width: 100%;
  font-size: 0;
  position: relative;
  z-index: 2;
}

.procens .procend .pror .proimper .peom .pom .mtn .mt {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
}

.procens .procend .pror .proimper .peom .pom .mtn .mt img {
  width: 100%;
  display: block;
}

.procens .procend .pror .proimper .peom .pom .mtn .mt img:first-child {
  display: block;
}

.procens .procend .pror .proimper .peom .pom .mtn .mt img:last-child {
  display: none;
}

.procens .procend .pror .proimper .peom .pom .bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 100%;
  height: 100%;
  transition: all ease 0.5s;
}

.procens .procend .pror .proimper .peom .pom .bg .gg {
  width: 100%;
  height: 100%;
  display: block;
}

.procens .procend .pror .proimper .peom:nth-child(3n) {
  margin-right: 0;
}

.procens .procend .pror .proimper .peom:hover .imgs .img {
  transform: scale(1.1);
}

.procens .procend .pror .proimper .peom:hover .pom .bg {
  top: 0;
}

.procens .procend .pror .proimper .peom:hover .pom .pt {
  color: #fff;
}

.procens .procend .pror .proimper .peom:hover .pom .vm {
  color: rgba(255, 255, 255, 0.5);
}

.procens .procend .pror .proimper .peom:hover .pom .mtn .mt img:first-child {
  display: none;
}

.procens .procend .pror .proimper .peom:hover .pom .mtn .mt img:last-child {
  display: block;
}

@media (max-width: 800px) {
  .procens .procend .prol {
    width: 100%;
    padding: 0.2rem 0;
  }
  .procens .procend .prol .prolper {
    height: auto;
    margin-bottom: 0.4rem;
  }
  .procens .procend .prol .prolper:after {
    width: 100%;
    height: 1px;
    left: 0;
    border-left: none;
    border-top: dashed 1px #468fe1;
    top: 0.2rem;
    top: 11px;
  }
  .procens .procend .prol .prolper .swiper-slide {
    width: 100%;
  }
  .procens .procend .prol .prolper .swiper-slide .smc {
    display: block;
    margin: 0 auto 0.14rem;
  }
  .procens .procend .prol .prolper .swiper-slide .smc .xx {
    left: 50%;
    top: calc(50% - 0.5px);
  }
  .procens .procend .prol .prolper .swiper-slide .smc .xm {
    left: 50%;
    top: calc(50% - 0.5px);
  }
  .procens .procend .prol .prolper .swiper-slide .smp {
    width: 100%;
    padding: 0 0.1rem;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .procens .procend .pror {
    width: 100%;
    height: 6rem;
  }
  .procens .procend .pror .proimper .peom {
    width: 48%;
    margin-right: 4%;
  }
  .procens .procend .pror .proimper .peom .pom {
    padding: 0.3rem 0.2rem 0;
  }
  .procens .procend .pror .proimper .peom .pom .vm {
    margin: 0.1rem 0 0.1rem;
  }
  .procens .procend .pror .proimper .peom:nth-child(3n) {
    margin-right: 4%;
  }
  .procens .procend .pror .proimper .peom:nth-child(2n) {
    margin-right: 0;
  }
}

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

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

.nanber .imgs .img {
  width: 100%;
  padding-top: 38.54%;
}

.nanber .nox {
  position: absolute;
  z-index: 4;
  left: calc(240 / 1920 * 100%);
  top: 55%;
  transform: translateY(-50%);
  width: 70%;
  z-index: 2;
}

.nanber .nox .cm {
  width: 100%;
  color: #fff;
  line-height: 1.4;
}

.nanber .nox .xm {
  width: 100%;
  color: #fff;
  line-height: 1.4;
}

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

.nanber .clasnavs .clasnav {
  width: 100%;
}

.nanber .clasnavs .clasnav .swiper-slide {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.5s;
}

.nanber .clasnavs .clasnav .swiper-slide a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  text-align: center;
  color: #fff;
  padding: 0 0.2rem;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all ease 0.5s;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.nanber .clasnavs .clasnav .swiper-slide + .swiper-slide {
  margin-left: 1px;
}

.nanber .clasnavs .clasnav .swiper-slide.on, .nanber .clasnavs .clasnav .swiper-slide:hover {
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#000000, #000000);
}

.nanber .clasnavs .clasnav .swiper-slide.on a, .nanber .clasnavs .clasnav .swiper-slide:hover a {
  background-color: transparent;
}

@media (max-width: 1460px) {
  .nanber .nox {
    left: 3%;
  }
}

@media (max-width: 800px) {
  .nanber .nox.t30 {
    top: 40%;
  }
  .nanber .clasnavs {
    position: relative;
  }
  .nanber .clasnavs .w1440 {
    width: 100%;
  }
}

.crumbs {
  width: 100%;
}

.crumbs .crum {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #f5f5f5;
}

.crumbs .crum .cur {
  display: inline-block;
  vertical-align: middle;
  min-width: 6rem;
}

.crumbs .crum .cur .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.3rem;
}

.crumbs .crum .cur .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3.5;
}

.crumbs .crum .cur .swiper-slide a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  margin-right: 0.12rem;
}

.crumbs .crum .cur .swiper-slide.on a, .crumbs .crum .cur .swiper-slide:hover a {
  color: #024b95;
}

.crumbs .crum .cur .swiper-slide.on a span, .crumbs .crum .cur .swiper-slide:hover a span {
  background-color: #024b95;
}

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

.crumbs .crum .cul .home {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  position: relative;
  top: -0.02rem;
  margin-right: 0.15rem;
}

.crumbs .crum .cul .home img {
  width: 100%;
  display: block;
}

.crumbs .crum .cul a {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 3.5;
}

.crumbs .crum .cul a span {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  margin: 0 0.1rem;
}

.crumbs .crum .cul a:hover {
  color: #024b95;
}

.crumbs .crum .cul a:hover span {
  color: #888;
}

.crumbs .crum .cul a:last-child span {
  display: none;
}

.crumbs.white {
  background-color: #fff;
}

@media (max-width: 800px) {
  .crumbs .crum .cur {
    border-bottom: solid 1px #f5f5f5;
  }
}

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

.attestation .attop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.attestation .attop .ait {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.attestation .attepers {
  width: 100%;
}

.attestation .attepers .swiper-container {
  width: 100%;
  padding-bottom: 0.5rem;
}

.attestation .attepers .swiper-slide {
  width: 100%;
}

.attestation .attepers .swiper-slide a {
  width: 100%;
  display: block;
}

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

.attestation .attepers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 133.984375%;
  transition: all ease 0.5s;
}

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

.attestation .attepers .swiper-scrollbar {
  bottom: 0;
  border-radius: 2px;
  background: #f3f3f3;
  height: 4px;
}

.attestation .attepers .swiper-scrollbar-drag {
  background-color: #1f6ec5;
  border-radius: 2px;
}

.powers {
  width: 100%;
  padding: 2rem 0 2.8rem;
}

.powers .powom {
  width: 100%;
}

.powers .powom .pmg {
  display: block;
  margin: 0 auto;
  width: 3.86rem;
  position: relative;
}

.powers .powom .pmg .cmg {
  width: 100%;
  position: relative;
}

.powers .powom .pmg .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.powers .powom .pmg .img {
  width: 100%;
  padding-top: 100%;
}

.powers .powom .pmg .com {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.powers .powom .pmg .com .ic {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.66rem;
  height: 0.66rem;
}

.powers .powom .pmg .com .ic img {
  width: 100%;
  display: block;
}

.powers .powom .pmg .com .cm {
  width: 100%;
  text-align: center;
  background: -webkit-linear-gradient(right, #2b7cd4, #004da1);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.5;
}

.powers .powom .pmg .powlist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.powers .powom .pmg .powlist .pwom {
  position: absolute;
  width: 2.3rem;
}

.powers .powom .pmg .powlist .pwom .kms {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.powers .powom .pmg .powlist .pwom .km {
  width: 100%;
  padding-top: 65.21%;
}

.powers .powom .pmg .powlist .pwom .kim {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0.2rem;
  color: #fff;
}

.powers .powom .pmg .powlist .pwom:nth-child(1) {
  top: -0.7rem;
  right: calc(100% + 1.2rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(1):after {
  content: ' ';
  position: absolute;
  width: 1.5rem;
  height: 1px;
  background-color: #1ea8ea;
  left: 100%;
  top: 75%;
  transform: translateY(-50%) rotate(30deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(2) {
  top: -0.7rem;
  left: calc(100% + 1.2rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(2):after {
  content: ' ';
  position: absolute;
  width: 1.5rem;
  height: 1px;
  background-color: #1ea8ea;
  right: 100%;
  top: 75%;
  transform: translateY(-50%) rotate(-30deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(3) {
  top: 1.3rem;
  right: calc(100% + 1.8rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(3):after {
  content: ' ';
  position: absolute;
  width: 1.4rem;
  height: 1px;
  background-color: #1ea8ea;
  left: 105%;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(4) {
  top: 1.3rem;
  left: calc(100% + 1.8rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(4):after {
  content: ' ';
  position: absolute;
  width: 1.4rem;
  height: 1px;
  background-color: #1ea8ea;
  right: 105%;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(5) {
  top: 3.3rem;
  right: calc(100% + 1.2rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(5):after {
  content: ' ';
  position: absolute;
  width: 1.4rem;
  height: 1px;
  background-color: #1ea8ea;
  left: 105%;
  top: 25%;
  transform: translateY(-50%) rotate(-30deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(6) {
  top: 3.3rem;
  left: calc(100% + 1.2rem);
}

.powers .powom .pmg .powlist .pwom:nth-child(6):after {
  content: ' ';
  position: absolute;
  width: 1.4rem;
  height: 1px;
  background-color: #1ea8ea;
  right: 105%;
  top: 25%;
  transform: translateY(-50%) rotate(30deg);
}

.powers .powom .pmg .powlist .pwom:nth-child(7) {
  top: calc(100% + 0.4rem);
  left: 50%;
  transform: translateX(-50%);
}

.powers .powom .pmg .powlist .pwom:nth-child(7):after {
  content: ' ';
  position: absolute;
  height: 0.36rem;
  width: 1px;
  background-color: #1ea8ea;
  left: 50%;
  top: -0.4rem;
  transform: translateX(-50%) rotate(0deg);
}

@media (max-width: 800px) {
  .powers {
    padding: 1rem 0;
  }
  .powers .powom .pmg {
    width: 100%;
  }
  .powers .powom .pmg .imgs {
    width: 3.86rem;
    margin: 0 auto 0.3rem;
    display: block;
  }
  .powers .powom .pmg .powlist {
    width: 100%;
    position: relative;
  }
  .powers .powom .pmg .powlist .pwom {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.2rem;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    transform: translate(0, 0) !important;
  }
  .powers .powom .pmg .powlist .pwom:after {
    display: none;
  }
  .powers .powom .pmg .powlist .pwom:nth-child(2n) {
    margin-right: 0;
  }
}

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

.laboratory .labop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.laboratory .labop .lal {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.laboratory .labop .lar {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.laboratory .labop .lar .swiper-slide {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.laboratory .labop .lar .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2;
  border-bottom: solid 1px transparent;
}

.laboratory .labop .lar .swiper-slide.on a, .laboratory .labop .lar .swiper-slide:hover a {
  color: #1560b1;
  border-bottom: solid 1px #1560b1;
}

.laboratory .labop .lar .swiper-slide + .swiper-slide {
  margin-left: 0.45rem;
}

.laboratory .peemk {
  width: 100%;
  position: relative;
}

.laboratory .peemk .height {
  width: 100%;
  position: relative;
}

.laboratory .peemk .height .hm {
  width: 100%;
  padding-top: 42%;
}

.laboratory .labcont {
  width: 100%;
  position: relative;
}

.laboratory .labcont .lacons {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.laboratory .labcont .lacons.on {
  opacity: 1;
  visibility: visible;
}

.laboratory .laconper {
  width: 100%;
  position: relative;
}

.laboratory .laconper .swiper-slide {
  width: 100%;
  font-size: 0;
}

.laboratory .laconper .lertm {
  display: inline-block;
  vertical-align: top;
  width: calc(330 / 1440 * 100%);
  margin-bottom: 0.4rem;
  margin-right: calc(39 / 1440 * 100%);
}

.laboratory .laconper .lertm a {
  width: 100%;
  display: block;
}

.laboratory .laconper .lertm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.laboratory .laconper .lertm .imgs .img {
  width: 100%;
  padding-top: 69.69%;
  transition: all ease 0.5s;
}

.laboratory .laconper .lertm .lom {
  width: 100%;
  background-color: #f3f7fb;
  text-align: center;
  color: #333;
  line-height: 1.5;
  padding: 0.1rem;
}

.laboratory .laconper .lertm:nth-child(4n) {
  margin-right: 0;
}

.laboratory .laconper .lertm:hover .imgs .img {
  transform: scale(1.1);
}

.laboratory .laconper .btn {
  position: absolute;
  z-index: 3;
  top: calc(50% - 0.4rem);
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}

.laboratory .laconper .btn img {
  width: 100%;
  display: block;
}

.laboratory .laconper .btn img:first-child {
  display: block;
}

.laboratory .laconper .btn img:last-child {
  display: none;
}

.laboratory .laconper .bl {
  left: -0.6rem;
}

.laboratory .laconper .br {
  right: -0.6rem;
}

.laboratory .laconper .btn:hover img:first-child {
  display: none;
}

.laboratory .laconper .btn:hover img:last-child {
  display: block;
}

@media (max-width: 1460px) {
  .laboratory .laconper .bl {
    left: -0.2rem;
  }
  .laboratory .laconper .br {
    right: -0.2rem;
  }
}

@media (max-width: 800px) {
  .laboratory .peemk {
    width: 100%;
    position: relative;
  }
  .laboratory .peemk .height {
    width: 100%;
    position: relative;
  }
  .laboratory .peemk .height .hm {
    width: 100%;
    padding-top: 90%;
  }
}

.prepares {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f3f7fb;
}

.prepares .prtop {
  width: 100%;
  margin-bottom: 0.5rem;
}

.prepares .prtop .pit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
}

.prepares .prepers {
  width: 100%;
}

.prepares .prepers .swiper-slide {
  width: 100%;
}

.prepares .prepers .swiper-slide a {
  width: 100%;
  display: block;
}

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

.prepares .prepers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 56.29%;
  transition: all ease 0.5s;
}

.prepares .prepers .swiper-slide .lom {
  width: 100%;
  padding-top: 0.25rem;
}

.prepares .prepers .swiper-slide .lom .lt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.prepares .prepers .swiper-slide .lom .vm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.prepares .prepers .swiper-slide .lom .km {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

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

.prepares .prepers .swiper-slide:hover .lom .lt {
  color: #024b95;
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.modular .mitop .mit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

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

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  margin: 0 0.1rem 0.1rem;
  z-index: 2;
  position: relative;
  border: solid 1px #eeeeee;
}

.pages .page:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  transition: all ease 0.5s;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#cb1f26, #cb1f26);
}

.pages .page.on {
  color: #fff;
  border: solid 1px transparent;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

.pages .page.on:after {
  opacity: 1;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.24rem;
}

.pages .page:hover {
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

.pages .page:hover:after {
  opacity: 1;
}

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

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

.recruits .recrtlis {
  width: 100%;
}

.recruits .recrtlis .rectim {
  width: 100%;
}

.recruits .recrtlis .rectim .ritlt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 0.15rem 0.3rem;
  cursor: pointer;
}

.recruits .recrtlis .rectim .ritlt .xm {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 1.5;
}

.recruits .recrtlis .rectim .ritlt .rep {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  text-align: center;
}

.recruits .recrtlis .rectim .ritlt .rep span {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  line-height: 1.5;
}

.recruits .recrtlis .rectim .ritlt .rep span:first-child {
  display: block;
}

.recruits .recrtlis .rectim .ritlt .rep span:last-child {
  display: none;
}

.recruits .recrtlis .rectim .recons {
  width: 100%;
  background-color: #f5f5f5;
  padding: 0.3rem;
  display: none;
}

.recruits .recrtlis .rectim .recons .rim {
  width: 100%;
  font-size: 0;
}

.recruits .recrtlis .rectim .recons .rim .rm {
  display: inline-block;
  vertical-align: top;
  color: #555;
  line-height: 1.5;
  margin-right: 0.4rem;
  margin-bottom: 0.1rem;
}

.recruits .recrtlis .rectim .recons .reotm {
  width: 100%;
  margin: 0.4rem 0;
}

.recruits .recrtlis .rectim .recons .reotm .ritm {
  width: 100%;
}

.recruits .recrtlis .rectim .recons .reotm .ritm .rit {
  width: 100%;
  color: #024b95;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.recruits .recrtlis .rectim .recons .reotm .ritm .rinp {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.recruits .recrtlis .rectim .recons .reotm .ritm .rinp p {
  color: #555;
  line-height: 1.8;
}

.recruits .recrtlis .rectim .recons .reotm .ritm + .ritm {
  margin-top: 0.35rem;
}

.recruits .recrtlis .rectim .recons .rot {
  width: 100%;
  font-size: 0;
}

.recruits .recrtlis .rectim .recons .rot a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.3rem;
  position: relative;
  line-height: 3;
  color: #fff;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#3b9033, #3b9033);
}

.recruits .recrtlis .rectim .recons .rot a span {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 14px;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.recruits .recrtlis .rectim .recons .rot a span img {
  width: 100%;
  display: block;
}

.recruits .recrtlis .rectim .ritlt:hover {
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#f5f5f5, #f5f5f5);
}

.recruits .recrtlis .rectim .ritlt:hover .xm {
  color: #fff;
}

.recruits .recrtlis .rectim .ritlt:hover .rep span {
  color: #fff;
}

.recruits .recrtlis .rectim.show .ritlt {
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#f5f5f5, #f5f5f5);
}

.recruits .recrtlis .rectim.show .ritlt .xm {
  color: #fff;
}

.recruits .recrtlis .rectim.show .ritlt .rep span {
  color: #fff;
}

.recruits .recrtlis .rectim.show .ritlt .rep span:first-child {
  display: none;
}

.recruits .recrtlis .rectim.show .ritlt .rep span:last-child {
  display: block;
}

.recruits .recrtlis .rectim + .rectim {
  margin-top: 0.2rem;
}

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

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

.Infos .newlist .newom {
  width: 100%;
}

.Infos .newlist .newom a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f8f8;
  align-items: center;
}

.Infos .newlist .newom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: 3.62rem;
  position: relative;
  overflow: hidden;
}

.Infos .newlist .newom .imgs .img {
  width: 100%;
  padding-top: 65.74%;
  transition: all ease 0.5s;
}

.Infos .newlist .newom .wom {
  width: calc(100% - 3.62rem - 0.4rem - 0.3rem);
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.4rem;
}

.Infos .newlist .newom .wom .wt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.Infos .newlist .newom .wom .pm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.Infos .newlist .newom .wom .mm {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 1.5;
}

.Infos .newlist .newom .rm {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3rem;
  width: 0.4rem;
  height: 0.4rem;
}

.Infos .newlist .newom .rm img {
  width: 100%;
  display: block;
}

.Infos .newlist .newom .rm img:first-child {
  display: block;
}

.Infos .newlist .newom .rm img:last-child {
  display: none;
}

.Infos .newlist .newom + .newom {
  margin-top: 0.3rem;
}

.Infos .newlist .newom:hover .imgs .img {
  transform: scale(1.1);
}

.Infos .newlist .newom:hover .wom .wt {
  color: #024b95;
}

.Infos .newlist .newom:hover .rm img:first-child {
  display: none;
}

.Infos .newlist .newom:hover .rm img:last-child {
  display: block;
}

.Infos .netpers {
  width: 100%;
}

.Infos .netpers .swiper-slide {
  width: 100%;
}

.Infos .netpers .swiper-slide a {
  width: 100%;
  display: block;
}

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

.Infos .netpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 65.78%;
  transition: all ease 0.5s;
}

.Infos .netpers .swiper-slide .lom {
  width: 100%;
  padding-top: 0.25rem;
}

.Infos .netpers .swiper-slide .lom .lt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.Infos .netpers .swiper-slide .lom .vm {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.Infos .netpers .swiper-slide .lom .km {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

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

.Infos .netpers .swiper-slide:hover .lom .lt {
  color: #024b95;
}

@media (max-width: 800px) {
  .Infos .newlist .newom .imgs {
    width: 100%;
  }
  .Infos .newlist .newom .wom {
    width: calc(100% - 0.7rem);
    padding: 0.3rem;
  }
}

.details {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #f5f5f5;
}

.details .doeam {
  width: 100%;
  background-color: #fff;
  padding: 0.7rem 0.5rem;
}

.details .doeam .dit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.25rem;
}

.details .doeam .dim {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin: 0.25rem 0;
}

.details .doeam .dim .ic {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.15rem 0.1rem;
  color: #888;
  line-height: 1.5;
}

.details .doeam .dim .ic img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.details .doeam .dinp {
  width: 100%;
  margin: 0.3rem 0;
  padding: 0.3rem 0;
  color: #555;
  line-height: 1.8;
  border-top: solid 1px #eee;
}

.details .doeam .dinp p {
  color: #555;
  line-height: 1.8;
}

.details .doeam .dot {
  width: 100%;
  font-size: 0;
}

.details .doeam .dot .ditm {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  background-color: #f4f4f4;
  padding: 0.3rem 0.6rem;
  margin-right: 4%;
}

.details .doeam .dot .ditm .dp {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.details .doeam .dot .ditm .da {
  width: 100%;
  margin-top: 0.1rem;
}

.details .doeam .dot .ditm .da a {
  width: 100%;
  display: block;
  color: #555;
  line-height: 1.5;
}

.details .doeam .dot .ditm .da a:hover {
  color: #024b95;
}

.details .doeam .dot .ditm:nth-child(2n) {
  margin-right: 0;
}

.message {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f5f5;
}

.message .meslist {
  width: 100%;
  font-size: 0;
}

.message .meslist .mesim {
  display: inline-block;
  vertical-align: top;
  width: calc(426 / 1440 * 100%);
  margin-right: calc(81 / 1440 * 100%);
  background-color: #fff;
  padding: 0.3rem;
}

.message .meslist .mesim .mit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.message .meslist .mesim .lx {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0 0.2rem;
  border-bottom: solid 1px #eee;
}

.message .meslist .mesim .lx span {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 2px;
  background-color: #004da1;
}

.message .meslist .mesim .meul {
  width: 100%;
  height: 2.1rem;
  overflow: auto;
  padding-right: 20px;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.message .meslist .mesim .meul::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.message .meslist .mesim .meul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 77, 161, 0.5);
  background: rgba(0, 77, 161, 0.5);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.message .meslist .mesim .meul::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.message .meslist .mesim .meul .mli {
  width: 100%;
  font-size: 0;
  padding: 0.05rem 0;
}

.message .meslist .mesim .meul .mli .mc {
  display: inline-block;
  vertical-align: top;
  width: 0.2rem;
  height: 0.2rem;
  margin-top: calc(0.75em - 0.1rem);
  margin-right: 0.15rem;
}

.message .meslist .mesim .meul .mli .mc img {
  width: 100%;
  display: block;
}

.message .meslist .mesim .meul .mli .mk {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.35rem);
  color: #666;
  line-height: 1.5;
}

.message .meslist .mesim:nth-child(3n) {
  margin-right: 0;
}

.message .maps {
  width: 100%;
  margin-top: 0.6rem;
}

.message .maps .map {
  width: 100%;
  height: 4.5rem;
}

.leaves {
  width: 100%;
  background-color: #fff;
  padding: 0.8rem 0;
}

.leaves .form {
  width: 100%;
  font-size: 0;
}

.leaves .form form {
  width: 100%;
  display: block;
}

.leaves .form .row {
  width: 100%;
  font-size: 0;
}

.leaves .form .row .item {
  display: inline-block;
  vertical-align: top;
  width: calc(446 / 1440 * 100%);
  margin-bottom: 0.4rem;
  margin-right: calc(50 / 1440 * 100%);
}

.leaves .form .row .item .name {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.06rem;
}

.leaves .form .row .item .name span {
  color: #ff0000;
}

.leaves .form .row .item .input {
  width: 100%;
}

.leaves .form .row .item .input input {
  width: 100%;
  display: block;
  color: #333;
  background-color: #f9f9f9;
  border: none;
  line-height: 3;
  padding: 0 0.2rem;
}

.leaves .form .row .item .input textarea {
  width: 100%;
  display: block;
  background-color: #f9f9f9;
  padding: 0.15rem 0.2rem;
  line-height: 1.5;
  color: #333;
  border: none;
}

.leaves .form .row .item:nth-child(3n) {
  margin-right: 0;
}

.leaves .form .row .item.w100 {
  width: 100%;
  margin-right: 0;
}

.leaves .form .fot {
  width: 100%;
  font-size: 0;
  text-align: right;
}

.leaves .form .fot .xin {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: auto;
  font-size: 0;
}

.leaves .form .fot .xin input {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  border: none;
  background-color: #f9f9f9;
  line-height: 3;
  height: 3em;
  padding: 0 0.2rem;
}

.leaves .form .fot .xin .img {
  display: inline-block;
  vertical-align: middle;
  height: 3em;
}

.leaves .form .fot .xin .img img {
  height: 100%;
  display: block;
}

.leaves .form .fot .sub {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
}

.leaves .form .fot .sub input {
  display: inline-block;
  vertical-align: middle;
  min-width: 1.6rem;
  text-align: center;
  cursor: pointer;
  border: none;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#0b99d9, #0b99d9);
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
  height: 3em;
}

.company {
  width: 100%;
  padding: 0.8rem 0;
  overflow: hidden;
}

.company .comy {
  width: 100%;
  position: relative;
}

.company .comy:after {
  content: ' ';
  position: relative;
  clear: both;
  height: 0;
}

.company .comy .videos {
  width: calc(720 / 1440 * 100%);
  position: relative;
  float: right;
  margin-left: 0.6rem;
  margin-bottom: 0.3rem;
}

.company .comy .videos:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  width: 2.55rem;
  right: 0;
  top: -1.5rem;
  height: 3rem;
  background-color: #e5751c;
}

.company .comy .videos .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.company .comy .videos .img {
  width: 100%;
  padding-top: 59.72%;
  transition: all ease 0.5s;
}

.company .comy .videos .play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 0.64rem;
  height: 0.64rem;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.company .comy .videos .play img {
  width: 100%;
  display: block;
}

.company .comy .cop {
  width: 100%;
  margin-bottom: 0.3rem;
}

.company .comy .cop .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.company .comy .cop .xim {
  width: 100%;
  color: #e5751c;
  line-height: 1.5;
}

.company .comy .cinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.company .comy .cinp p {
  color: #666;
  line-height: 1.8;
}

.company .abbom {
  width: 100%;
  margin-top: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.company .abbom .abim {
  display: inline-block;
  vertical-align: top;
  padding: 0.35rem 0;
  font-size: 0;
  white-space: nowrap;
}

.company .abbom .abim .ac {
  display: inline-block;
  vertical-align: top;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.2rem;
  margin-top: 0.12rem;
}

.company .abbom .abim .ac img {
  width: 100%;
  display: block;
}

.company .abbom .abim .com {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.42rem - 0.2rem);
}

.company .abbom .abim .com .tok {
  width: 100%;
  font-size: 0;
}

.company .abbom .abim .com .tok .bn {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  background: -webkit-linear-gradient(right, #2b7cd4, #004da1);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.company .abbom .abim .com .tok .xn {
  display: inline-block;
  vertical-align: top;
  color: #2575cc;
  margin-left: 0.1rem;
  font-weight: bold;
  margin-top: 0.08rem;
}

.company .abbom .abim .com .nk {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.history {
  width: 100%;
  padding: 1rem 0 1.4rem;
  position: relative;
  overflow: hidden;
}

.history .w1440 {
  z-index: 2;
  position: relative;
}

.history .hmg {
  position: absolute;
  z-index: 1;
  width: calc(1380 / 1920 * 100%);
  overflow: hidden;
  bottom: 0;
  left: 0;
}

.history .hmg .img {
  width: 100%;
  padding-top: 40.28%;
}

.history .histm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.history .histm .hil {
  display: inline-block;
  vertical-align: top;
  width: calc(500 / 1440 * 100%);
}

.history .histm .hir {
  display: inline-block;
  vertical-align: top;
  width: calc(820 / 1440 * 100%);
  max-height: 5.6rem;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#2070c7, #2070c7);
  padding: 0.6rem;
  overflow: auto;
}

.history .histm .hir .hulist {
  width: 100%;
  max-height: calc(5.6rem - 1.2rem);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.history .histm .hir .hulist::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.history .histm .hir .hulist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.history .histm .hir .hulist::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.history .histm .hir .hlis {
  width: 100%;
  font-size: 0;
  padding: 0.03rem 0;
}

.history .histm .hir .hlis .xm {
  width: 4em;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 1.8;
}

.history .histm .hir .hlis .xp {
  width: calc(100% - 4em);
  padding-left: 0rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 1.8;
}

.history .histm .hir .hlis .xp p {
  color: #fff;
  line-height: 1.8;
}

.cultrue {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f5f5;
}

.cultrue .culom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.cultrue .culom .cul {
  display: inline-block;
  vertical-align: middle;
  width: calc(792 / 1440 * 100%);
  position: relative;
  overflow: hidden;
}

.cultrue .culom .cul .img {
  width: 100%;
  padding-top: 60.85%;
}

.cultrue .culom .cur {
  display: inline-block;
  vertical-align: middle;
  width: calc(647 / 1440 * 100%);
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.07);
  border-right: solid 3px #e5751c;
  padding: 0.5rem 0.3rem;
}

.cultrue .culom .cur .vitm {
  width: 50%;
  padding: 0 0.2rem;
  display: inline-block;
  vertical-align: top;
}

.cultrue .culom .cur .vitm .vc {
  display: block;
  margin: 0 auto 0.4rem;
  width: 0.9rem;
  height: 1rem;
}

.cultrue .culom .cur .vitm .vc img {
  width: 100%;
  display: block;
}

.cultrue .culom .cur .vitm .vt {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin: 0.2rem 0;
}

.cultrue .culom .cur .vitm .vm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  height: 3em;
}

.cultrue .culom .cur .vitm .vm p {
  color: #666;
  line-height: 1.5;
}

.procendg {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f5f5;
  position: relative;
  overflow: hidden;
}

.procendg:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: calc(530 / 1920 * 100%);
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
}

.procendg .w1440 {
  position: relative;
  z-index: 2;
}

.procendg .crumbs .crum {
  border: none;
}

.procendg .provm {
  width: 100%;
  font-size: 0;
  padding-bottom: 0.4rem;
}

.procendg .provm .prl {
  display: inline-block;
  vertical-align: top;
  width: calc(290 / 1440 * 100%);
  padding: 0;
}

.procendg .provm .prl .reul {
  width: 100%;
}

.procendg .provm .prl .reul .rli {
  width: 100%;
  position: relative;
}

.procendg .provm .prl .reul .rli .ras {
  width: 100%;
  font-size: 0;
}

.procendg .provm .prl .reul .rli .ras > a {
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  color: #666;
  font-weight: bold;
  padding: 0.1rem 0rem;
}

.procendg .provm .prl .reul .rli .ras > a:hover {
  color: #024b95;
}

.procendg .provm .prl .reul .rli .eul {
  width: 100%;
  position: relative;
  display: none;
  padding: 0 0.1rem;
}

.procendg .provm .prl .reul .rli .eul .el {
  width: 100%;
  position: relative;
}

.procendg .provm .prl .reul .rli .eul .el:after {
  content: ' ';
  position: absolute;
  right: 0.2rem;
  top: calc(0.75em + 0.2rem - 10px);
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0.18rem;
  line-height: 20px;
  text-align: center;
  display: none;
  transform: scale(1.2);
}

.procendg .provm .prl .reul .rli .eul .es {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  color: #888;
  position: relative;
}

.procendg .provm .prl .reul .rli .eul .es span {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  margin-right: 0.18rem;
  background-color: #ddd;
}

.procendg .provm .prl .reul .rli .eul .es:hover {
  color: #024b95;
}

.procendg .provm .prl .reul .rli .eul .es:hover span {
  background-color: #024b95;
}

.procendg .provm .prl .reul .rli .eul .el.has-navss:after {
  display: inline-block;
}

.procendg .provm .prl .reul .rli .eul .el.has-navss.show:after {
  content: '-';
}

.procendg .provm .prl .reul .rli .eul .sul {
  width: 100%;
  display: none;
  border-top: solid 1px #eee;
  padding: 0.2rem 0.3rem;
}

.procendg .provm .prl .reul .rli .eul .sul a {
  width: 100%;
  line-height: 2.2;
  color: #666;
  display: block;
}

.procendg .provm .prl .reul .rli .eul .sul a.active {
  color: #024b95;
}

.procendg .provm .prl .reul .rli .eul .sul a:hover {
  color: #024b95;
}

.procendg .provm .prl .reul .rli:after {
  content: '+';
  position: absolute;
  right: 0.2rem;
  top: calc(0.75em + 0.2rem - 10px);
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0.18rem;
  line-height: 20px;
  text-align: center;
  transition: all ease 0.5s;
  font-weight: bold;
  color: #bbb;
  transform: scale(1.2);
  display: none;
}

.procendg .provm .prl .reul .rli.has-navs:after {
  display: block;
}

.procendg .provm .prl .reul .rli.has-navs.show:after {
  content: '-';
  color: #024b95;
}

.procendg .provm .prl .reul .item.active {
  color: #024b95 !important;
}

.procendg .provm .prl .reul .item.active span {
  background-color: #024b95 !important;
}

.procendg .provm .prr {
  display: inline-block;
  vertical-align: top;
  width: calc(1150 / 1440 * 100%);
  padding-left: 0.6rem;
}

.procendg .provm .prr .procont {
  width: 100%;
}

.procendg .provm .prr .procont .peeom {
  width: 100%;
  display: none;
}

.procendg .provm .prr .procont .peeom.on {
  display: block;
}

.procendg .provm .prr .proclist {
  width: 100%;
  font-size: 0;
}

.procendg .provm .prr .proclist .pacem {
  display: inline-block;
  vertical-align: top;
  width: calc(340 / 1090 * 100%);
  margin-right: calc(34 / 1090 * 100%);
  margin-bottom: 0.35rem;
  background-color: #fff;
  overflow: hidden;
}

.procendg .provm .prr .proclist .pacem a {
  width: 100%;
  display: block;
}

.procendg .provm .prr .proclist .pacem .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.procendg .provm .prr .proclist .pacem .imgs .img {
  width: 100%;
  padding-top: 87.64%;
  transition: all ease 0.5s;
}

.procendg .provm .prr .proclist .pacem .pom {
  width: 100%;
  padding: 0.2rem 0.4rem 0;
  position: relative;
}

.procendg .provm .prr .proclist .pacem .pom .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

.procendg .provm .prr .proclist .pacem .pom .vm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
  margin: 0.15rem 0 0.3rem;
  position: relative;
  z-index: 2;
}

.procendg .provm .prr .proclist .pacem .pom .mtn {
  width: 100%;
  font-size: 0;
  position: relative;
  z-index: 2;
}

.procendg .provm .prr .proclist .pacem .pom .mtn .mt {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
}

.procendg .provm .prr .proclist .pacem .pom .mtn .mt img {
  width: 100%;
  display: block;
}

.procendg .provm .prr .proclist .pacem .pom .mtn .mt img:first-child {
  display: block;
}

.procendg .provm .prr .proclist .pacem .pom .mtn .mt img:last-child {
  display: none;
}

.procendg .provm .prr .proclist .pacem .pom .bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 100%;
  height: 100%;
  transition: all ease 0.5s;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#0b6bcc, #0b6bcc);
}

.procendg .provm .prr .proclist .pacem:nth-child(3n) {
  margin-right: 0;
}

.procendg .provm .prr .proclist .pacem:hover .imgs .img {
  transform: scale(1.1);
}

.procendg .provm .prr .proclist .pacem:hover .pom .bg {
  top: 0;
}

.procendg .provm .prr .proclist .pacem:hover .pom .pt {
  color: #fff;
}

.procendg .provm .prr .proclist .pacem:hover .pom .vm {
  color: white;
}

.procendg .provm .prr .proclist .pacem:hover .pom .mtn .mt img:first-child {
  display: none;
}

.procendg .provm .prr .proclist .pacem:hover .pom .mtn .mt img:last-child {
  display: block;
}

.procendg .provm .prr .vecom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.3rem 0.7rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.procendg .provm .prr .vecom .vml {
  display: inline-block;
  vertical-align: middle;
  width: calc(410 / 970 * 100%);
  position: relative;
  overflow: hidden;
}

.procendg .provm .prr .vecom .vml .img {
  width: 100%;
  padding-top: 100%;
}

.procendg .provm .prr .vecom .vmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(420 / 970 * 100%);
}

.procendg .provm .prr .vecom .vmr .vit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.procendg .provm .prr .vecom .vmr .mx {
  display: block;
  width: 0.3rem;
  height: 3px;
  background-color: #024b95;
  margin: 0.15rem 0 0.2rem;
}

.procendg .provm .prr .vecom .vmr .sink {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.procendg .provm .prr .vecom .vmr .sink p {
  color: #888;
  line-height: 1.5;
}

.procendg .provm .prr .vecom .vmr .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.procendg .provm .prr .vecom .vmr .more a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#3b9033, #3b9033);
}

.procendg .provm .prr .vecom .vmr .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 0.12rem;
  position: relative;
  top: -0.02rem;
}

.procendg .provm .prr .vecom .vmr .more a span img {
  width: 100%;
  display: block;
}

.procendg .vetails {
  width: 100%;
  margin-top: 0.3rem;
}

.procendg .vetails .vit {
  width: 100%;
  padding: 0.15rem 0.3rem;
  background-image: linear-gradient(90deg, #004da1 0%, #2b7cd4 100%), linear-gradient(#ffffff, #ffffff);
  font-size: 0;
}

.procendg .vetails .vit span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.procendg .vetails .vom {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem 0.7rem;
}

.procendg .vetails .vom .cinp {
  width: 100%;
  color: #888;
  line-height: 1.8;
}

.procendg .vetails .vom .cinp p {
  color: #888;
  line-height: 1.8;
}

.procendg .vetails .vom .cinp img {
  max-width: 100%;
}

@media (max-width: 1460px) {
  .procend:before {
    width: calc(3% + (290 / 1440 * 100%));
  }
}

@media (max-width: 800px) {
  .procend:before {
    display: none;
  }
  .procend .w1440 {
    width: 100%;
  }
  .procend .crumbs {
    padding: 0 3%;
  }
  .procend .provm .prl {
    width: 100%;
    padding: 0 3%;
    background-color: #fff;
  }
  .procend .provm .prr {
    width: 100%;
    padding-left: 0;
    padding: 0.5rem 3% 0.3rem;
  }
}


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}