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

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

.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 1220px) {
  .w1200 {
    width: 94%;
  }
}

.w1400 {
  width: 14rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 1420px) {
  .w1400 {
    width: 94%;
  }
}
.w1440 {
  width: 14.4rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  z-index: 2;
}

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

.w1660 {
  width: 16.6rem;
  margin: 0 auto;
  /* position: relative; */
  font-size: 0;
  z-index: 2;
}

@media (max-width: 1680px) {
  .w1660 {
    width: 94%;
  }
}

header {
  width: 100%;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all ease 0.3s;
  font-size: 0;
}

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

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

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

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

header nav {
  width: calc(100% - 1.15rem - 3rem);
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  text-align: center;
}

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

header nav .natem .nas {
  width: auto;
  display: inline-block;
}

header nav .natem .nas a {
  display: inline-block;
  line-height: 3.5;
  line-height: 1rem;
  color: #333;
  position: relative;
}

header nav .natem .navuls {
  width: 1.6rem;
  width: 100%;
  padding-left: 1.15rem;
  padding-right: 3rem;
  position: fixed;
  z-index: 101;
  top: 100%;
  top: 1rem;
  left: 0;
  background: #fff;
  display: none;
}

header nav .natem .navuls ul {
  width: 100%;
  padding: 0.35rem 0;
}

header nav .natem .navuls ul li {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header nav .natem .navuls ul li .ns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  line-height: 1.5;
  color: #333;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem;
  position: relative;
  text-align: center;
}

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

header nav .natem .navuls ul li .theul {
  position: relative;
  width: 100%;
  display: none;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding-left: 0.2rem;
  margin: 0.15rem 0.05rem;
}

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

header nav .natem .navuls ul li .theul li a {
  width: 100%;
  display: block;
  line-height: 2.5;
  color: #555;
  color: #000;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.1rem;
  background: white;
}
header nav .natem .navuls ul li .theul li a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  background-color: #dd0000;
  line-height: 1.8;
  padding: 0 0.05rem;
  margin-right: 0.04rem;
  top: -0.02rem;
}

header nav .natem .navuls ul li .theul li a:hover {
  color: #008cd6;
}

header nav .natem .navuls ul li.has-the .njm:after {
  content: ' ';
  position: absolute;
  right: 0.14rem;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background-image: url("https://www.zhdgps.com/images/r.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

header nav .natem .navuls ul li:hover .ns {
  color: #008cd6;
}

header nav .natem .navuls ul li:hover .ns span {
  color: #008cd6;
}

header nav .natem .navuls ul li + li {
  border-left: solid 1px #ddd;
}
header nav .natem .navuls ul li.on .ns {
  color: #008cd6;
}

header nav .natem .navuls ul li.on .ns span {
  color: #008cd6;
}

header nav .natem .classify {
  width: 100%;
  font-size: 0;
  height: 8rem;
  display: none;
  position: fixed;
  z-index: 101;
  top: 100%;
  top: 1rem;
  left: 0;
  text-align: left;
}

header nav .natem .classify .clams {
  width: 100%;
  height: 100%;
  display: flex;
}

header nav .natem .classify .cal {
  display: inline-block;
  vertical-align: top;
  width: calc((460 / 1920) * 100%);
  background-color: #f3f5f7;
  padding: 0.5rem 0.5rem 0.5rem calc((130 / 1920) * 100%);
}

header nav .natem .classify .cal .clt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

header nav .natem .classify .cal .calist {
  width: 100%;
  overflow: auto;
  height: calc(100% - 0.5rem);
}

header nav .natem .classify .cal .calist .cavom {
  width: 100%;
}

header nav .natem .classify .cal .calist .cavom a {
  width: 100%;
  display: block;
  position: relative;
  font-size: 0;
  padding: 0.05rem 0;
}

header nav .natem .classify .cal .calist .cavom a span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2;
  width: auto;
  position: relative;
  max-width: 100%;
}

header nav .natem .classify .cal .calist .cavom a span:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  transition: all ease 0.3s;
  background-color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom.on a span {
  color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom.on a span:after {
  width: 100%;
}

header nav .natem .classify .cal .calist .cavom:hover a span {
  color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom:hover a span:after {
  width: 100%;
}

header nav .natem .classify .car {
  display: inline-block;
  vertical-align: top;
  width: calc((1460 / 1920) * 100%);
  background-color: #fff;
  padding: 0.5rem calc((130 / 1920) * 100%) 0.5rem 0.5rem;
}

header nav .natem .classify .car .searv {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.4rem;
  border-bottom: solid 1px #e8e8e8;
}

header nav .natem .classify .car .searv .st {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.1rem;
}

header nav .natem .classify .car .searv .st img {
  width: 100%;
  display: block;
}

header nav .natem .classify .car .searv .inpx {
  width: 100%;
  width: calc(100% - 0.22rem - 0.1rem);
  display: inline-block;
  vertical-align: middle;
}

header nav .natem .classify .car .searv .inpx input {
  width: 100%;
  display: block;
  background-color: transparent;
  border: none;
  color: #333;
  line-height: 2.2;
}

header nav .natem .classify .car .caroms {
  width: 100%;
}

header nav .natem .classify .car .caroms .carom {
  width: 100%;
  display: none;
}

header nav .natem .classify .car .caroms .carom.on {
  display: block;
}

header nav .natem .classify .car .carlist {
  width: 100%;
  font-size: 0;
  /* height: calc(100% - 1rem); */
  /* height: 3rem; */
  overflow: auto;
}

header nav .natem .classify .car .carlist .carolis {
  display: inline-block;
  vertical-align: top;
  /* width: calc((226 / 1360) * 100%); */
  width: calc((272 / 1360) * 100%);
  padding-right: 0.2rem;
  margin-bottom: 0.3rem;
  height: 4rem;
}

header nav .natem .classify .car .carlist .carolis.w100{
  width: 100%;
}

header nav .natem .classify .car .carlist .carolis .cits {
  width: 100%;
  color: #008cd6;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

header nav .natem .classify .car .carlist .carolis .culs {
  width: 100%;
}

header nav .natem .classify .car .carlist .carolis .culs a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
  padding: 0.04rem 0;
}

header nav .natem .classify .car .carlist .carolis .culs a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  background-color: #dd0000;
  line-height: 1.8;
  padding: 0 0.05rem;
  border-radius: 3px;
  /* margin-right: 0.04rem; */
  transform: scale(0.7);
  top: -0.02rem;
}

header nav .natem .classify .car .carlist .carolis .culs a:hover {
  color: #008cd6;
}

header nav .natem:after {
  content: ' ';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #008cd6;
  display: none;
}

header nav .natem.on:after {
  display: block;
}

header nav .natem.on .nas a {
  color: #008cd6;
}

header nav .natem.on .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

header nav .natem.on .navuls {
  background-color: #fff;
}

header nav .natem:hover .nas a {
  color: #008cd6;
}

header nav .natem:hover .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

header .righv {
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
  padding-left: 0.2rem;
}

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

header .righv .user a {
  width: 100%;
  display: block;
}

header .righv .user .ix {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
}

header .righv .user .ix img {
  width: 100%;
  display: block;
}

header .righv .user .ix img:first-child {
  display: block;
}

header .righv .user .ix img:last-child {
  display: none;
}

header .righv .user .im {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-left: 0.1rem;
}

header .righv .ss {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.1rem;
  cursor: pointer;
}

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

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

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

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

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

header .righv .languages .lauges .lashow {
  width: 100%;
  color: #555;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  padding: 0 0.1rem;
  border: solid 1px #fff;
}

header .righv .languages .lauges .lashow .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
}

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

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

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

header .righv .languages .lauges .lashow .am {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 1.5;
  margin-left: 0.1rem;
}

header .righv .languages .lauges .language {
  position: absolute;
  z-index: 10;
  top: 100%;
  width: 100%;
  display: none;
}

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

header .righv .languages .lauges .language .latem a {
  width: 100%;
  display: block;
  color: #fff;
  padding: 0 0.1rem;
  line-height: 3;
  background: rgba(0, 140, 214, 0.5);
}

header .righv .languages .lauges .language .latem:hover a {
  background: #008cd6;
  color: #fff;
}

header .righv .menu {
  display: none;
}

header .black {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 140;
  cursor: pointer;
}

header .sear {
  width: 100%;
  width: 3.5rem;
  font-size: 0;
  padding: 0.1rem 0.2rem;
  border-top: solid 1px #f6f6f6;
  display: none;
  position: absolute;
  right: 3%;
  z-index: 1111;
  background: #fff;
}

header .sear form {
  width: 100%;
  font-size: 0;
  margin: 0 auto;
  max-width: 10rem;
  display: block;
}

header .sear .input {
  width: calc(100% - 1rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background: #f6f6f6;
}

header .sear .input input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  background: #f6f6f6;
  color: #666666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.2rem;
  border: none;
}

header .sear .submxt {
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

header .sear .submxt input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #008cd6;
  color: #fff;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  padding: 0 0.2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}

header .sear .submxt .submxt1 {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #008cd6;
  color: #fff;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  padding: 0 0.2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 950px) {
  header {
    padding: 0.2rem 0;
  }
  header .righv {
    text-align: right;
    width: calc(100% - 1.15rem);
  }
  header .righv .menu {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.1rem;
  }
  header .righv .menu img {
    width: 100%;
    display: block;
  }
  header .righv .user .ix {
    width: 22px;
    height: 22px;
  }
  header .righv .languages .lauges .lashow .ac {
    width: 22px;
    height: 22px;
  }
  header .righv .ss {
    width: 22px;
    height: 22px;
  }
  header nav {
    width: 60%;
    width: 5rem;
    position: fixed;
    max-width: 90%;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    z-index: 500;
    transform: translate(100%, 0);
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
  }
  header nav .natem {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 0 0.2rem;
  }
  header nav .natem .nas {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }
  header nav .natem .nas a {
    color: #333;
    line-height: 3;
  }
  header nav .natem .nas a:after {
    left: 0;
    right: auto !important;
  }
  header nav .natem .nas .nem {
    color: #333;
  }
  header nav .natem .nas .nem .xm {
    display: none;
  }
  header nav .natem .navuls {
    width: 100%;
    padding: 0.1rem 0;
    position: relative;
    height: auto;
    text-align: left;
    top: 0;
  }
  header nav .natem .navuls ul {
    padding: 0.1rem 0;
  }
  header nav .natem .navuls ul li {
    width: 100%;
  }
  header nav .natem .navuls ul li .ns {
    text-align: left;
    line-height: 2;
  }
  header nav .natem .navuls ul li .theul {
    width: 100%;
  }
  header nav .natem .navuls ul li.has-the .njm:after {
    content: "+";
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    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 .navuls ul li.has-the.show .njm:after {
    content: "-";
  }
  header nav .natem .navuls ul li + li {
    border: none;
  }
  header nav .natem.on .nas .nem {
    color: #008cd6;
  }
  header nav .natem:hover .nas a {
    color: #008cd6;
    background-color: #fff;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    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 .sear {
    padding: 0.2rem;
    width: 100%;
    top: 100%;
    right: 0;
  }
  header.menu-state {
    z-index: 10000;
  }
  header.menu-state .w1800 {
    z-index: 150;
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}
footer {
  width: 100%;
}

footer .ftop {
  width: 100%;
  background-color: #242933;
}

footer .ftop .fob {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.4rem 0;
  border-top: solid 1px #393e47;
}

footer .ftop .fob .fbl {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

footer .ftop .fob .fbl .fogo {
  display: inline-block;
  vertical-align: middle;
  width: 1.15rem;
  margin-right: 0.4rem;
}

footer .ftop .fob .fbl .fogo img {
  width: 100%;
  display: block;
}

footer .ftop .fob .fbl .fom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

footer .ftop .fob .fbl .fom a {
  display: inline-block;
  vertical-align: middle;
  color: #a4a9b2;
  line-height: 1.5;
  margin-right: 0.3rem;
}

footer .ftop .fob .fbl .fom a:hover {
  color: #fff;
}

footer .ftop .fob .fbr {
  display: inline-block;
  vertical-align: middle;
}

footer .ftop .fob .fbr .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

footer .ftop .fob .fbr .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
  margin: 0 0.05rem;
  border-radius: 50%;
  background-color: #2f343d;
  position: relative;
}

footer .ftop .fob .fbr .share .am a {
  width: 100%;
  height: 100%;
  display: block;
}

footer .ftop .fob .fbr .share .am img {
  width: 100%;
  display: block;
}

footer .ftop .fob .fbr .share .am .codm {
  position: absolute;
  bottom: calc(100% + 0.14rem);
  right: 0.05rem;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0rem;
  border-radius: 6px;
  display: none;
}

footer .ftop .fob .fbr .share .am .codm img {
  width: 100%;
  display: block;
}

footer .ftop .fob .fbr .share .am .codm:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid 0.05rem;
  border-color: #fff transparent transparent transparent;
  right: 0.15rem;
  top: 100%;
}

footer .ftop .fob .fbr .share .am:hover {
  background-color: #008cd6;
}

footer .ftop .fob .fbr .share .am:hover .codm {
  display: block;
}

footer .ftop .fop {
  width: 100%;
  font-size: 0;
  padding: 0.7rem 0;
}

footer .ftop .fop .flist {
  display: inline-block;
  vertical-align: top;
  width: calc((190 / 1660) * 100%);
}

footer .ftop .fop .flist .fit {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 0.3rem;
}

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

footer .ftop .fop .flist .ful a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #a4a9b2;
  line-height: 1.5;
  padding: 0.05rem 0;
}

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

footer .ftop .fop .flist.fim {
  width: calc((260 / 1660) * 100%);
}

footer .ftop .fop .flist.fim .ful a {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 0.2rem;
}

footer .fbot {
  width: 100%;
  background-color: #006ab6;
  background-color: #242933;
}

footer .fbot .fto {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.25rem 0;
}

footer .fbot .fto span {
  display: inline-block;
  vertical-align: middle;
  color: #a4a9b2;
  line-height: 1.5;
}

footer .fbot .fto .tr {
  text-align: right;
}

@media (max-width: 900px) {
  footer .ftop .fop {
    padding: 0.2rem 0;
  }
  footer .ftop .fop .flist {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  footer .ftop .fop .flist .fit {
    margin-bottom: 0.15rem;
  }
  footer .ftop .fop .flist .ful {
    font-size: 0;
  }
  footer .ftop .fop .flist .ful a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-bottom: 0.1rem;
    margin-right: 0.3rem;
  }
  footer .ftop .fop .flist.fim {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  footer .ftop .fop .flist.fim .fit {
    margin-bottom: 0.15rem;
  }
  footer .ftop .fop .flist.fim .ful {
    font-size: 0;
  }
  footer .ftop .fop .flist.fim .ful a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-bottom: 0.1rem;
    margin-right: 0.3rem;
  }
  footer .ftop .fob .fbl {
    width: 100%;
  }
  footer .ftop .fob .fbl .fom {
    width: 100%;
    margin: 0.25rem 0;
  }
  footer .ftop .fob .fbl .fom a {
    margin-bottom: 0.1rem;
  }
  footer .ftop .fob .fbr {
    width: 100%;
  }
  footer .ftop .fob .fbr .share .am {
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.1rem;
  }
  footer .ftop .fob .fbr .share .am .codm {
    right: auto;
    left: 0.05rem;
  }
  footer .ftop .fob .fbr .share .am .codm::after {
    right: auto;
    left: 0.15rem;
  }
}

.nanber {
  width: 100%;
}

.nanber .img {
  width: 100%;
  position: relative;
  padding-top: 33.85%;
  overflow: hidden;
}

.nanber .img .nox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc((130 / 1920) * 100%);
  max-width: 7.2rem;
}

.nanber .img .nox .xd {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .nox .xp {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.8;
}

.nanber .img .nox.lefc {
  left: 0.75rem;
}

.nanber .img .narbar {
  width: 100%;
  padding: 0.2rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  opacity: 0.5;
}

.nanber .img .narbar .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.12rem;
}

.nanber .img .narbar .home img {
  width: 100%;
  display: block;
}

.nanber .img .narbar a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.nanber .img .narbar a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  position: relative;
  top: -0.02rem;
  margin: 0 0.1rem;
}

.nanber .img .narbar a:last-child span {
  display: none;
}

.nanber .img .nox.mid {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
}

.nanber .img .nox.tox {
  top: 45%;
}

.nanber.hei .img {
  padding-top: 48.95%;
}

@media (max-width: 900px) {
  /* .nanber .img {
    padding-top: 0%;
  }
  .nanber .img .nox {
    position: relative;
    top: 0;
    padding: 2.5rem 0 2rem;
    left: 5%;
    width: 90%;
    transform: translate(0, 0);
  } */
  .nanber .img .nox.mid {
    top: 0;
    padding: 2rem 0 2rem;
    left: 5%;
    width: 90%;
    transform: translate(0, 0);
  }
  .nanber.hei .img {
    padding-top: 0;
  }
}

.nanbar {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #dddddd;
}

.nanbar .ncont {
  width: 100%;
  background: #fff;
  border-radius: 15px 15px 0px 0px;
  padding: 0 0.3rem;
}

.nanbar .nal {
  width: 5rem;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.1rem;
  text-align: right;
}

.nanbar .nal .nts {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 3.5;
  margin-right: 0.16rem;
}

.nanbar .nal .nts span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.16rem;
  color: #999;
  line-height: 1.5;
  position: relative;
  top: -0.02rem;
}

.nanbar .nal .nts span img {
  width: 100%;
  display: block;
}

.nanbar .nal .nts:hover {
  color: #0058af;
}

.nanbar .nal .nts:last-child span {
  display: none;
}

.nanbar .nar {
  width: calc(100% - 5rem);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.nanbar .nar .swiper-container {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.nanbar .nar .swiper-slide {
  width: auto;
}

.nanbar .nar .swiper-slide a {
  width: 100%;
  display: block;
  color: #333;
  padding: 0.2rem 0.1rem;
}

.nanbar .nar .swiper-slide .icon {
  display: block;
  margin: 0 auto 0.02rem;
  width: 0.46rem;
  height: 0.46rem;
}

.nanbar .nar .swiper-slide .icon img {
  width: 100%;
  display: block;
}

.nanbar .nar .swiper-slide .icon img:first-child {
  display: block;
}

.nanbar .nar .swiper-slide .icon img:last-child {
  display: none;
}

.nanbar .nar .swiper-slide .cim {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.8;
}

.nanbar .nar .swiper-slide.on .icon img:first-child {
  display: none;
}

.nanbar .nar .swiper-slide.on .icon img:last-child {
  display: block;
}

.nanbar .nar .swiper-slide.on .cim {
  color: #006ab6;
}

.nanbar .nar .swiper-slide:hover .icon img:first-child {
  display: none;
}

.nanbar .nar .swiper-slide:hover .icon img:last-child {
  display: block;
}

.nanbar .nar .swiper-slide:hover .cim {
  color: #006ab6;
}

.nanbar .nal.w100 {
  width: 100%;
}

.nanbar.fixed {
  border-bottom: solid 1px #e5e5e5;
}

@media (max-width: 900px) {
  .nanbar {
    width: 100%;
  }
  .nanbar .ncont {
    padding: 0;
  }
  .nanbar .nal {
    width: 100%;
  }
  .nanbar .nar {
    width: 100%;
  }
  .nanbar .nar .swiper-wrapper {
    justify-content: flex-start;
  }
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  margin-bottom: 0.6rem;
}

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

.modular .mitop .en {
  width: 100%;
  color: #999;
  font-weight: bold;
  line-height: 1.5;
}

.modular .mocit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.6rem;
}

.modular .mocit .mic {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #0058af;
  margin-right: 0.25rem;
}

.modular .mocit .mic img {
  width: 100%;
  display: block;
}

.modular .mocit .ciom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.05rem);
}

.modular .mocit .ciom .cm {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.modular .mocit .ciom .em {
  width: 100%;
  color: #999;
  font-weight: bold;
  line-height: 1.5;
}

.modular .switch {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.45rem;
}

.modular .switch .swl {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.3rem;
  position: relative;
  color: #000;
  line-height: 1.5;
}

.modular .switch .swl:after {
  content: ' ';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.22rem;
  background-color: #0058af;
  left: 0;
}

.modular .switch .swr {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.modular .switch .swr .vtn {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.34rem;
  background-color: #e5e5e5;
  border-radius: 5px;
  margin: 0 0.1rem;
  cursor: pointer;
}

.modular .switch .swr .vtn img {
  width: 100%;
  display: block;
}

.modular .switch .swr .vtn img:first-child {
  display: block;
}

.modular .switch .swr .vtn img:last-child {
  display: none;
}

.modular .switch .swr .vtn:hover {
  background-color: #0058af;
}

.modular .switch .swr .vtn:hover img:first-child {
  display: none;
}

.modular .switch .swr .vtn:hover img:last-child {
  display: block;
}

.modular.white .mitop .cn {
  color: #fff;
}

.modular.white .mitop .en {
  color: #fff;
}

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

.activities .activlis {
  width: 100%;
  padding-top: 0.4rem;
}

.activities .activlis .actom {
  width: 100%;
  position: relative;
  text-align: right;
}

.activities .activlis .actom .actvm {
  width: calc((1580 / 1660) * 100%);
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  padding: 0.7rem 0.7rem 0.7rem calc((980 / 1580) * 100%);
}

.activities .activlis .actom .actvm .ait {
  width: 100%;
  color: #0058af;
  line-height: 1.5;
  font-weight: bold;
}

.activities .activlis .actom .actvm .sit {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.activities .activlis .actom .actvm .line {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0 0.3rem;
}

.activities .activlis .actom .actvm .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 4px;
  background-color: #006ab6;
  border-radius: 2px;
}

.activities .activlis .actom .actvm .linp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  height: 1.5rem;
  margin: 0.3rem 0 0.4rem;
}

.activities .activlis .actom .actvm .linp p {
  color: #666;
  line-height: 1.8;
}

.activities .activlis .actom .actvm .pagination {
  width: 100%;
  font-size: 0;
}

.activities .activlis .actom .actvm .pagination span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  margin-right: 0.1rem;
  border-radius: 2px;
  background-color: #c0c0c0;
  cursor: pointer;
}

.activities .activlis .actom .actvm .pagination span.on {
  background-color: #006ab6;
}

.activities .activlis .actom .actper {
  position: absolute;
  bottom: calc((40 / 563) * 100%);
  left: 0;
  width: calc((1000 / 1660) * 100%);
  border-radius: 20px;
}

.activities .activlis .actom .actper .swiper-slide {
  width: 100%;
}

.activities .activlis .actom .actper .swiper-slide .img {
  width: 100%;
  padding-top: 56.3%;
}

.activities .activlis .actom + .actom {
  margin-top: 1.2rem;
}

.activities .activlis .actom:nth-child(2n) {
  text-align: left;
}

.activities .activlis .actom:nth-child(2n) .actvm {
  padding: 0.7rem calc((980 / 1580) * 100%) 0.7rem 0.7rem;
}

.activities .activlis .actom:nth-child(2n) .actper {
  left: auto;
  right: 0;
}

@media (max-width: 900px) {
  .activities .activlis .actom {
    border-radius: 20px;
  }
  .activities .activlis .actom .actper {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    border-radius: 0;
  }
  .activities .activlis .actom .actvm {
    width: 100%;
    padding: 0.7rem 0.6rem;
    border-radius: 0;
  }
  .activities .activlis .actom:nth-child(2n) .actper {
    right: auto;
  }
  .activities .activlis .actom:nth-child(2n) .actvm {
    width: 100%;
    padding: 0.7rem 0.6rem;
    border-radius: 0;
  }
}

.newst {
  width: 100%;
  padding: 0.5rem 0;
}

.newst .newtom {
  width: 100%;
  font-size: 0;
}

.newst .newtom .nel {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1660) * 100%);
}

.newst .newtom .nel .nelist {
  width: 100%;
}

.newst .newtom .nel .nelom {
  width: 100%;
  padding: 0.4rem 0;
  border-bottom: solid 1px #e5e5e5;
}

.newst .newtom .nel .nelom a {
  width: 100%;
  display: block;
}

.newst .newtom .nel .nelom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((384 / 1080) * 100%);
  overflow: hidden;
}

.newst .newtom .nel .nelom .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
  border-radius: 7px;
}

.newst .newtom .nel .nelom .imgs:hover .img {
  transform: scale(1.1);
}

.newst .newtom .nel .nelom .rem {
  display: inline-block;
  vertical-align: middle;
  width: calc((695 / 1080) * 100%);
  padding-left: 0.5rem;
}

.newst .newtom .nel .nelom .rem .rit {
  width: 100%;
  color: #000;
  line-height: 1.8;
}

.newst .newtom .nel .nelom .rem .rit:hover {
  color: #fabf13;
}

.newst .newtom .nel .nelom .rem .rip {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin: 0.2rem 0 0.3rem;
}

.newst .newtom .nel .nelom .rem .more {
  width: 100%;
  font-size: 0;
}

.newst .newtom .nel .nelom .rem .more a {
  display: inline-block;
  vertical-align: middle;
  color: #fabf13;
  line-height: 1.5;
}

.newst .newtom .nel .nelom .rem .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  margin-left: 0.1rem;
  position: relative;
  top: -0.03rem;
  left: 0;
  transition: all ease 0.3s;
}

.newst .newtom .nel .nelom .rem .more a span img {
  width: 100%;
  display: block;
}

.newst .newtom .nel .nelom .rem .more a:hover span {
  left: 0.2rem;
}

.newst .newtom .nel .nelom.nmg .imgs {
  display: none;
}

.newst .newtom .nel .nelom.nmg .rem {
  width: 100%;
  padding-left: 0;
}

.newst .newtom .nel .cmgs {
  width: 100%;
  padding: 1.2rem 0.6rem;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 10px;
  margin: 0.5rem 0;
}

.newst .newtom .nel .cmgs .col {
  display: inline-block;
  vertical-align: middle;
  max-width: 6.2rem;
}

.newst .newtom .nel .cmgs .col .ctt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.newst .newtom .nel .cmgs .col .ctm {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.newst .newtom .nel .cmgs .col .ctm p {
  color: #fff;
  line-height: 1.8;
}

.newst .newtom .nel .cmgs .cor {
  display: inline-block;
  vertical-align: middle;
}

.newst .newtom .nel .cmgs .cor .cog {
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  height: 1.3rem;
}

.newst .newtom .nel .cmgs .cor .cog img {
  width: 100%;
  display: block;
}

.newst .newtom .ner {
  display: inline-block;
  vertical-align: top;
  width: calc((420 / 1660) * 100%);
  position: relative;
  margin-left: calc((159 / 1660) * 100%);
}

.newst .newtom .ner .nervn {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.newst .newtom .ner .nervn .img {
  width: 100%;
  padding-top: 133.33%;
  position: relative;
}

.newst .newtom .ner .nervn .img .tom {
  position: absolute;
  top: 0.5rem;
  width: 100%;
  text-align: center;
  font-size: 0;
  padding: 0 0.4rem;
}

.newst .newtom .ner .nervn .img .tom .logo {
  display: inline-block;
  vertical-align: middle;
  width: 1.15rem;
}

.newst .newtom .ner .nervn .img .tom .logo img {
  width: 100%;
  display: block;
}

.newst .newtom .ner .nervn .img .tom .lin {
  display: inline-block;
  vertical-align: middle;
  height: 0.8rem;
  width: 2px;
  margin: 0 0.3rem;
  background-color: rgba(255, 255, 255, 0.5);
}

.newst .newtom .ner .nervn .img .tom .xm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.newst .newtom .ner .nervn .img .bom {
  width: 100%;
  padding: 0 0.4rem;
  font-size: 0;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
}

.newst .newtom .ner .nervn .img .bom span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.newst .newtom .ner .nervn .img .bom i {
  display: inline-block;
  vertical-align: middle;
  width: 0.06rem;
  height: 0.1rem;
  width: 6px;
  height: 10px;
  position: relative;
  top: -0.01rem;
}

.newst .newtom .ner .nervn .img .bom i img {
  width: 100%;
  display: block;
}

.newst .newtom .ner .nemoy {
  width: 100%;
  margin-top: 0.5rem;
  border-radius: 20px;
  overflow: hidden;
  padding: 0.4rem;
}

.newst .newtom .ner .nemoy .neip {
  width: 100%;
  border-left: solid 3px #fff;
  padding-left: 0.2rem;
  color: #fff;
  line-height: 1.8;
}

.newst .newtom .ner .nemoy .neip p {
  color: #fff;
  line-height: 1.8;
}

.newst .newtom .ner .nemoy .conm {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 0.3rem;
}

.newst .newtom .ner .nemoy .conm .mx {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
}

.newst .newtom .ner .nemoy .conm .mx img {
  width: 100%;
  display: block;
}

@media (max-width: 900px) {
  .newst .newtom .ner .nervn .img {
    position: relative;
    padding-top: 0;
    padding: 1rem 0.5rem;
  }
  .newst .newtom .ner .nervn .img .tom {
    position: relative;
    top: 0;
  }
  .newst .newtom .ner .nervn .img .bom {
    position: relative;
    bottom: 0;
    text-align: right;
    margin-top: 1rem;
  }
  .newst .newtom .ner .nemoy {
    width: 100%;
    padding: 1rem 0.5rem;
  }
}

.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;
  border-radius: 5px;
  background-color: #f5f5f5;
  margin: 0 0.1rem;
  transition: all ease 0.3s;
}

.pages .page.ltn {
  background-image: url("../image/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../image/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: #0058af;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.pages .page.on.ltn {
  background-image: url("../image/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages .page.on.rtn {
  background-image: url("../image/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages.white .page {
  background-color: #fff;
}

.pages.white .page.on {
  background-color: #0058af;
}

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

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

.cooperation .cooper {
  width: 100%;
  position: relative;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.cooperation .cooper .col {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1660) * 100%);
  margin-right: calc((79 / 1660) * 100%);
}

.cooperation .cooper .col .forms {
  width: 100%;
}

.cooperation .cooper .col .forms form {
  width: 100%;
}

.cooperation .cooper .col .forms .row {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.4rem;
}

.cooperation .cooper .col .forms .row .inpue {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin-right: 4%;
}

.cooperation .cooper .col .forms .row .inpue .name {
  width: 100%;
  color: #000;
  line-height: 1.8;
}

.cooperation .cooper .col .forms .row .inpue .name span {
  color: #ff0000;
}

.cooperation .cooper .col .forms .row .inpue .int {
  width: 100%;
  display: block;
  border-bottom: solid 1px #ddd;
}

.cooperation .cooper .col .forms .row .inpue .int input {
  width: 100%;
  display: block;
  height: 3.5em;
  line-height: 3.5;
  border: none;
  background-color: transparent;
}

.cooperation .cooper .col .forms .row .inpue .text {
  width: 100%;
}

.cooperation .cooper .col .forms .row .inpue .text .area {
  width: 100%;
  display: block;
  border: solid 2px rgba(204, 204, 204, 0.5);
  border-radius: 8px;
  overflow: hidden;
  background-color: transparent;
  padding: 0.2rem;
  line-height: 1.6;
  margin-top: 0.1rem;
}

.cooperation .cooper .col .forms .row .inpue:nth-child(2n) {
  margin-right: 0;
}

.cooperation .cooper .col .forms .row .inpue.w100 {
  width: 100%;
  width: 100%;
}

.cooperation .cooper .col .forms .row .inpue.w100 .int {
  width: 100%;
  width: 100%;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 130px);
  padding-right: 0.3rem;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int .ymz {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  position: relative;
  top: -5px;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int .ymz img {
  width: 100%;
  display: block;
}

.cooperation .cooper .col .forms .row .sub {
  width: 100%;
  font-size: 0;
}

.cooperation .cooper .col .forms .row .sub a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.cooperation .cooper .col .forms .row .sub a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.cooperation .cooper .col .forms .row .sub a span img {
  width: 100%;
  display: block;
}

.cooperation .cooper .col .forms .row .sub a:hover span {
  left: 0.2rem;
}

.cooperation .cooper .cor {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1660) * 100%);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  top: -2rem;
}

.cooperation .cooper .cor .img {
  width: 100%;
  padding-top: 133.2%;
}

@media (max-width: 900px) {
  .cooperation .cooper .cor {
    top: 0;
  }
  .cooperation .cooper .cor .img {
    padding-top: 50%;
  }
}

.goms {
  width: 100%;
  background-color: #f5f5f5;
  padding: 1rem 0 0.5rem;
}

.trains {
  width: 100%;
  margin-bottom: 0.8rem;
}

.trains .college {
  width: 100%;
  font-size: 0;
  position: relative;
}

.trains .college .coll {
  display: inline-block;
  vertical-align: top;
  width: calc((740 / 1660) * 100%);
  position: relative;
  z-index: 4;
}

.trains .college .coll .collom {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 0.7rem 0.6rem;
}

.trains .college .coll .collom .cinp {
  width: 100%;
  color: #000;
  line-height: 1.8;
  padding: 1rem 0;
  position: relative;
}

.trains .college .coll .collom .cinp:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.26rem;
  height: 0.23rem;
  background-image: url("../image/i40.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.trains .college .coll .collom .cinp:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.26rem;
  height: 0.23rem;
  background-image: url("../image/i41.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.trains .college .coll .collom .cinp p {
  color: #000;
  line-height: 1.8;
}

.trains .college .corr {
  display: inline-block;
  vertical-align: top;
  width: calc((1000 / 1660) * 100%);
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
}

.trains .college .corr .img {
  width: 100%;
  padding-top: 56.3%;
}

@media (max-width: 900px) {
  .trains .college .corr {
    width: 100%;
    position: relative;
    margin-bottom: 0.5rem;
  }
  .trains .college .coll {
    width: 100%;
  }
}

.systems {
  width: 100%;
  margin-bottom: 0.8rem;
}

.systems .system {
  width: 100%;
  padding: 2.5rem 0.8rem;
  font-size: 0;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.systems .system .syem {
  width: calc((150 / 1500) * 100%);
  display: inline-block;
  vertical-align: top;
  border-radius: 10px 10px 0 0;
  transform: translateY(-50%);
  border: solid 1px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}

.systems .system .syem .yem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-content: center;
  justify-content: center;
  padding: 0.2rem 0;
}

.systems .system .syem .yem .sum {
  width: 100%;
  color: #fabf13;
  font-weight: bold;
  text-align: center;
}

.systems .system .syem .yem .ym {
  width: 100%;
  color: #fff;
  line-height: 2;
  text-align: center;
}

.systems .system .syem:nth-child(2n) {
  position: relative;
  transform: translateY(50%);
  border-radius: 0 0 10px 10px;
}

@media (max-width: 900px) {
  .systems .system {
    padding: 0.8rem 0.5rem;
  }
  .systems .system .syem {
    width: 48%;
    transform: translateY(0%);
    margin-bottom: 0.2rem;
    margin-right: 4%;
    padding: 0.4rem 0.1rem;
    border-radius: 10px !important;
  }
  .systems .system .syem:nth-child(2n) {
    margin-right: 0;
    transform: translateY(0%);
  }
}

.cultivate {
  width: 100%;
  margin-bottom: 0.8rem;
}

.swotem {
  width: 100%;
  margin-bottom: 0.8rem;
}

.swotem .switper {
  width: 100%;
}

.swotem .switper .swiper-slide {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.swotem .switper .swiper-slide a {
  width: 100%;
  display: block;
}

.swotem .switper .swiper-slide .imgs {
  width: 100%;
  overflow: hidden;
}

.swotem .switper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 56.1%;
  transition: all ease 0.3s;
}

.swotem .switper .swiper-slide .swm {
  width: 100%;
  background-color: #fff;
  padding: 0.2rem 0.25rem;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}

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

.swotem .switper .swiper-slide:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.swotem .switper .swiper-slide:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.swotem .switper .swiper-slide:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.swotem .switper .swiper-slide:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.development {
  width: 100%;
}

.development .dmg {
  width: 100%;
  border-radius: 20px;
}

.development .dmg .img {
  width: 100%;
  padding-top: 30.90%;
}

.details {
  width: 100%;
  font-size: 0;
  padding: 1rem 0;
}

.details .del {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1660) * 100%);
  margin-right: calc((159 / 1660) * 100%);
}

.details .del .dit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0rem;
}

.details .del .dinps {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.details .del .dinps p {
  color: #666;
  line-height: 1.8;
}

.details .del .dinps img {
  max-width: 100%;
}

.details .del .camet {
  width: 100%;
  margin-top: 0.6rem;
}

.details .del .camet .cit {
  width: 100%;
  color: #0058af;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.details .del .camet .cinps {
  width: 100%;
  color: #333;
  line-height: 1.7;
}

.details .del .camet .cinps p {
  color: #333;
  line-height: 1.7;
}

.details .del .camet .cinps img {
  max-width: 100%;
}

.details .der {
  display: inline-block;
  vertical-align: top;
  width: calc((420 / 1660) * 100%);
}

.details .der .derom {
  width: 100%;
}

.details .der .derom .derlist {
  width: 100%;
  border-bottom: solid 1px #999;
}

.details .der .derom .derlist .deam {
  width: 100%;
  margin-bottom: 0.15rem;
}

.details .der .derom .derlist .deam a {
  width: 100%;
  display: block;
}

.details .der .derom .derlist .deam .dx {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.05rem;
}

.details .der .derom .derlist .deam .day {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.details .der .derom .derlist .deam:hover .dx {
  color: #006ab6;
}

.details .der .derom .control {
  width: 100%;
  padding: 0.5rem 0;
}

.details .der .derom .control .cop {
  width: 100%;
  font-size: 0;
}

.details .der .derom .control .cop a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.details .der .derom .control .cop a:hover {
  color: #006ab6;
}

.details .der .derom .control .cop span {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1px;
  margin: 0 0.1rem;
  background-color: #333;
}

.details .der .derom .control .share {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0;
}

.details .der .derom .control .share span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.details .der .derom .control .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.05rem;
}

.details .der .derom .control .share .am img {
  width: 100%;
  display: block;
}

.details .der .derom .control .share .am .a1 {
  display: block;
}

.details .der .derom .control .share .am .a2 {
  display: none;
}

.details .der .derom .control .share .am:hover .a1 {
  display: none;
}

.details .der .derom .control .share .am:hover .a2 {
  display: block;
}

.details .der .nemoy {
  width: 100%;
  margin-top: 0.5rem;
  border-radius: 20px;
  overflow: hidden;
  padding: 0.4rem;
}

.details .der .nemoy .neip {
  width: 100%;
  border-left: solid 3px #fff;
  padding-left: 0.2rem;
  color: #fff;
  line-height: 1.8;
}

.details .der .nemoy .neip p {
  color: #fff;
  line-height: 1.8;
}

.details .der .nemoy .conm {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 0.3rem;
}

.details .der .nemoy .conm .mx {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
}

.details .der .nemoy .conm .mx img {
  width: 100%;
  display: block;
}

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

.magazines .magalist {
  width: 100%;
  font-size: 0;
}

.magazines .magalist .magam {
  display: inline-block;
  vertical-align: top;
  width: calc((380 / 1660) * 100%);
  border: solid 1px #ebebeb;
  margin-right: calc((46 / 1660) * 100%);
  margin-bottom: 0.46rem;
  border-radius: 20px;
  padding: 0.35rem 0.45rem;
}

.magazines .magalist .magam a {
  width: 100%;
  display: block;
}

.magazines .magalist .magam .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.magazines .magalist .magam .imgs .img {
  width: 100%;
  padding-top: 137.14%;
  transition: all ease 0.3s;
}

.magazines .magalist .magam .imgs .pom {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 106, 182, 0.7);
  transition: all ease 0.3s;
  opacity: 0;
}

.magazines .magalist .magam .imgs .pom .pot {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fabf13;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  transform: translate(-50%, -50%);
}

.magazines .magalist .magam .imgs .pom .pot .px {
  display: block;
  margin: 0 auto 0.05rem;
  width: 0.2rem;
  height: 0.2rem;
}

.magazines .magalist .magam .imgs .pom .pot .px img {
  width: 100%;
  display: block;
}

.magazines .magalist .magam .imgs .pom .pot .pm {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.magazines .magalist .magam .man {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0;
}

.magazines .magalist .magam .man span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5;
}

.magazines .magalist .magam .mob {
  width: 100%;
  font-size: 0;
}

.magazines .magalist .magam .mob .ix {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
}

.magazines .magalist .magam .mob .ix img {
  width: 100%;
  display: block;
}

.magazines .magalist .magam .mob .im {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin: 0 0.1rem 0;
}

.magazines .magalist .magam .mob .iv {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  margin-left: 0.15rem;
}

.magazines .magalist .magam .mob .iv img {
  width: 100%;
  display: block;
}

.magazines .magalist .magam:nth-child(4n) {
  margin-right: 0;
}

.magazines .magalist .magam:hover .imgs .pom {
  opacity: 1;
}

.magazines .magalist .magam:hover .man span {
  color: #006ab6;
}

.magazines .magalist .magam:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.magazines .magalist .magam:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.magazines .magalist .magam:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.magazines .magalist .magam:nth-child(4n+4) {
  transition-delay: 0.5s;
}

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

.contacts .contact {
  width: 100%;
  font-size: 0;
}

.contacts .contact .col {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1660) * 100%);
}

.contacts .contact .col .colop {
  width: 100%;
  margin-bottom: 1rem;
}

.contacts .contact .col .colop .cit {
  width: 100%;
  color: #191919;
  line-height: 1.5;
}

.contacts .contact .col .colop .cix {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.contacts .contact .col .colop .cum {
  width: 100%;
  color: #fabf13;
  font-weight: bold;
  line-height: 1.5;
}

.contacts .contact .col .forms {
  width: 100%;
}

.contacts .contact .col .forms form {
  width: 100%;
}

.contacts .contact .col .forms .row {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.4rem;
}

.contacts .contact .col .forms .row .inpue {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin-right: 4%;
}

.contacts .contact .col .forms .row .inpue .name {
  width: 100%;
  color: #000;
  line-height: 1.8;
}

.contacts .contact .col .forms .row .inpue .name span {
  color: #ff0000;
}

.contacts .contact .col .forms .row .inpue .int {
  width: 100%;
  display: block;
  border-bottom: solid 1px #ddd;
}

.contacts .contact .col .forms .row .inpue .int input {
  width: 100%;
  display: block;
  height: 3.5em;
  line-height: 3.5;
  border: none;
  background-color: transparent;
}

.contacts .contact .col .forms .row .inpue .text {
  width: 100%;
}

.contacts .contact .col .forms .row .inpue .text .area {
  width: 100%;
  display: block;
  border: solid 2px rgba(204, 204, 204, 0.5);
  border-radius: 8px;
  overflow: hidden;
  background-color: transparent;
  padding: 0.2rem;
  line-height: 1.6;
  margin-top: 0.1rem;
}

.contacts .contact .col .forms .row .inpue:nth-child(2n) {
  margin-right: 0;
}

.contacts .contact .col .forms .row .inpue.w100 {
  width: 100%;
  width: 100%;
}

.contacts .contact .col .forms .row .inpue.w100 .int {
  width: 100%;
  width: 100%;
}

.contacts .contact .col .forms .row .inpue.yzm .int input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 130px);
  padding-right: 0.3rem;
}

.contacts .contact .col .forms .row .inpue.yzm .int .ymz {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  position: relative;
  top: -5px;
}

.contacts .contact .col .forms .row .inpue.yzm .int .ymz img {
  width: 100%;
  display: block;
}

.contacts .contact .col .forms .row .sub {
  width: 100%;
  font-size: 0;
}

.contacts .contact .col .forms .row .sub a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.contacts .contact .col .forms .row .sub a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.contacts .contact .col .forms .row .sub a span img {
  width: 100%;
  display: block;
}

.contacts .contact .col .forms .row .sub a:hover span {
  left: 0.2rem;
}

.contacts .contact .col .forms .row .label {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  position: relative;
  padding: 0.05rem 0;
}

.contacts .contact .col .forms .row .label .icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: solid 1px #000;
}

.contacts .contact .col .forms .row .label .icon img {
  width: 100%;
  display: none;
}

.contacts .contact .col .forms .row .label .text {
  width: calc(100% - 14px - 0.1rem);
  display: inline-block;
  vertical-align: middle;
  color: #008cd6;
  line-height: 1.5;
  margin-left: 0.1rem;
}

.contacts .contact .col .forms .row .label .check {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  opacity: 0;
}

.contacts .contact .col .forms .row .label.selected .icon {
  border: solid 1px #fabf13;
}

.contacts .contact .col .forms .row .label.selected .icon img {
  display: block;
}

.contacts .contact .col .forms .row .select {
  width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
}

.contacts .contact .col .forms .row .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
}

.contacts .contact .col .forms .row .select .select-con .select-value {
  display: block;
  width: 100%;
  line-height: 3.5;
  height: 3.5em;
  color: #666;
  padding: 0 0.2rem;
}

.contacts .contact .col .forms .row .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.contacts .contact .col .forms .row .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.contacts .contact .col .forms .row .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../image/x.png");
  background-size: 100%;
}

.contacts .contact .cor {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1660) * 100%);
  margin-left: calc((79 / 1660) * 100%);
}

.contacts .contact .cor .swiper-slide {
  width: 100%;
}

.contacts .contact .cor .swiper-slide .img {
  width: 100%;
  padding-top: 133.2%;
}

.contacts .contact .cor .swiper-pagination-bullet {
  width: 0.35rem;
  height: 0.04rem;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  opacity: 1;
}

.contacts .contact .cor .swiper-pagination-bullet-active {
  background-color: #006ab6;
}

.contacts .contact .cor .swiper-pagination {
  bottom: 0.3rem;
  text-align: center;
}

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

.business .busin {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.business .busin .bul {
  display: inline-block;
  vertical-align: top;
  width: calc((1080 / 1660) * 100%);
}

.business .busin .bul .butop {
  width: 100%;
  font-size: 0;
}

.business .busin .bul .butop .select {
  width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  max-width: 4.2rem;
}

.business .busin .bul .butop .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #006ab6;
  padding: 0 0.2rem;
}

.business .busin .bul .butop .select .select-con .ix {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.business .busin .bul .butop .select .select-con .ix img {
  width: 100%;
  display: block;
}

.business .busin .bul .butop .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  line-height: 3.5;
  height: 3.5em;
  color: #666;
}

.business .busin .bul .butop .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.business .busin .bul .butop .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.business .busin .bul .butop .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../image/x.png");
  background-size: 100%;
}

.business .busin .bul .bucoms {
  width: 100%;
  margin-top: 1.5rem;
}

.business .busin .bul .bucoms .tip {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.business .busin .bul .bucoms .pit {
  width: 100%;
  color: #191919;
  line-height: 1.5;
}

.business .busin .bul .bucoms .nm {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.business .busin .bul .bucoms .tuls {
  width: 100%;
  color: #666;
  line-height: 1.8;
  font-size: 0;
  padding: 0.3rem 0;
  border-bottom: solid 1px #838383;
}

.business .busin .bul .bucoms .tuls .tli {
  display: inline-block;
  vertical-align: top;
  color: #666;
  min-width: 30%;
  margin-right: 4%;
  line-height: 2;
}

.business .busin .bur {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1660) * 100%);
  margin-left: calc((79 / 1660) * 100%);
  border-radius: 20px;
  overflow: hidden;
}

.business .busin .bur .img {
  width: 100%;
  padding-top: 133.2%;
}

@media (max-width: 900px) {
  .business .busin .bur .img {
    padding-top: 50%;
  }
}

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

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

.schools .modop .mitop {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.schools .modop .seatcm {
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
}

.schools .modop .seatcm .inpuc {
  width: 100%;
  background-color: #fff;
  font-size: 0;
  border-radius: 0.25rem;
  padding: 0 0.2rem;
}

.schools .modop .seatcm .inpuc .ing {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  color: #333;
  line-height: 3.5;
  width: calc(100% - 0.22rem);
}

.schools .modop .seatcm .inpuc .sum {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../image/i3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.schools .modop .seatcm .hot {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0 0 0.2rem;
}

.schools .modop .seatcm .hot span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.schools .modop .seatcm .hot a {
  display: inline-block;
  vertical-align: middle;
  color: #0058af;
  line-height: 1.5;
  margin-right: 0.15rem;
}

.schools .school {
  width: 100%;
  font-size: 0;
}

.schools .school .scl {
  display: inline-block;
  vertical-align: top;
  width: calc((420 / 1660) * 100%);
  background-color: #fff;
  border-radius: 8px;
  margin-right: calc((39 / 1660) * 100%);
  padding: 0 0.25rem;
}

.schools .school .scl .sclom {
  width: 100%;
}

.schools .school .scl .sclom .sit {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.schools .school .scl .sclom .sit span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 3.5;
}

.schools .school .scl .sclom .sit .desc {
  display: none;
}

.schools .school .scl .sclom .sit .add {
  display: inline-block;
}

.schools .school .scl .sclom .scont {
  width: 100%;
  display: none;
}

.schools .school .scl .sclom .seav {
  width: 100%;
  font-size: 0;
  border: solid 1px #333;
  padding: 0 0.2rem;
}

.schools .school .scl .sclom .seav .ing {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  color: #333;
  line-height: 3;
  width: calc(100% - 24px);
}

.schools .school .scl .sclom .seav .sum {
  display: inline-block;
  vertical-align: middle;
  width:22px;
  height:22px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../image/i3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}


.schools .school .scl .sclom .labellis {
  width: 100%;
  margin-top: 0.15rem;
  height: 2.6rem;
}

.schools .school .scl .sclom .labellis .label {
  width: 100%;
  position: relative;
  padding: 0.05rem 0;
  font-size: 0;
  display: block;
}
.schools .school .scl .sclom .labellis .label a{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
}
.schools .school .scl .sclom .labellis .label a:hover{
  color: #0058af;
}

.schools .school .scl .sclom .labellis .label .icon {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 0.1rem;
}

.schools .school .scl .sclom .labellis .label .icon img {
  width: 100%;
  display: block;
}

.schools .school .scl .sclom .labellis .label .icon img:first-child {
  display: block;
}

.schools .school .scl .sclom .labellis .label .icon img:last-child {
  display: none;
}

.schools .school .scl .sclom .labellis .label .text {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.schools .school .scl .sclom .labellis .label .tms {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 100%;
  opacity: 0;
}

.schools .school .scl .sclom .labellis .label.selected .icon img:first-child {
  display: none;
}

.schools .school .scl .sclom .labellis .label.selected .icon img:last-child {
  display: block;
}

.schools .school .scl .sclom .seatcm {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.schools .school .scl .sclom .seatcm .inpuc {
  width: 100%;
  background-color: #f5f5f5;
  font-size: 0;
  border-radius: 0.25rem;
  padding: 0 0.2rem;
}

.schools .school .scl .sclom .seatcm .inpuc .ing {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  color: #333;
  line-height: 3.5;
  width: calc(100% - 24px);
}

.schools .school .scl .sclom .seatcm .inpuc .sum {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../image/i3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.schools .school .scl .sclom .seatcm .hot {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0 0 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.schools .school .scl .sclom .seatcm .hot span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.schools .school .scl .sclom .seatcm .hot .prm {
  flex: 1;
}

.schools .school .scl .sclom .seatcm .hot a {
  display: inline-block;
  vertical-align: middle;
  color: #0058af;
  line-height: 1.5;
  margin-right: 0.15rem;
  margin-bottom: 0.1rem;
}

.schools .school .scl .sclom.show .sit .desc {
  display: inline-block;
}

.schools .school .scl .sclom.show .sit .add {
  display: none;
}

.schools .school .scl .sclom + .sclom {
  border-top: solid 1px #e5e5e5;
}

.schools .school .scr {
  display: inline-block;
  vertical-align: top;
  width: calc((1200 / 1660) * 100%);
}

.schools .school .scr .recruit {
  width: 100%;
}

.schools .school .scr .recruit .tops {
  width: 100%;
  font-size: 0;
  line-height: 3;
  background: #fff;
}

.schools .school .scr .recruit .tops div {
  width: 16%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 3;
  padding: 0.1rem 0;
  text-align: center;
}

.schools .school .scr .recruit .tops .name {
  padding-left: 0.3rem;
  text-align: left;
  width: 20%;
}

.schools .school .scr .recruit .tops .coop {
  padding-right: 0.3rem;
}

.schools .school .scr .recruit .con-item {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff;
}

.schools .school .scr .recruit .con-item .title {
  width: 100%;
  line-height: 3;
  position: relative;
  font-size: 0;
  cursor: pointer;
  background-color: #fff;
}

.schools .school .scr .recruit .con-item .title div {
  width: 16%;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 3;
  padding: 0.1rem 0;
  text-align: center;
}

.schools .school .scr .recruit .con-item .title .name {
  padding-left: 0.3rem;
  text-align: left;
  width: 20%;
}

.schools .school .scr .recruit .con-item .title .nm {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  position: relative;
}

.schools .school .scr .recruit .con-item .title .tip {
  position: absolute;
  right: -0.2rem;
  top: 0;
  background-color: #fabf13;
  border-radius: 3px;
  padding: 0 0.07rem;
  line-height: 2;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.schools .school .scr .recruit .con-item .title .coop {
  padding-right: 0.3rem;
}

.schools .school .scr .recruit .con-item .title .coop {
  padding-right: 0.3rem;
  position: relative;
  text-align: center;
}

.schools .school .scr .recruit .con-item .title .coop span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: all ease 0.3s;
}

.schools .school .scr .recruit .con-item .title .coop .op {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 7px;
  transform: rotate(0deg);
}

.schools .school .scr .recruit .con-item .title .coop .op img {
  width: 100%;
  display: block;
}

.schools .school .scr .recruit .con-item .title .coop .op img:first-child {
  display: block;
}

.schools .school .scr .recruit .con-item .title .coop .op img:last-child {
  display: none;
}

.schools .school .scr .recruit .con-item .title .coop .cl {
  display: none;
  color: #fff;
}

.schools .school .scr .recruit .con-item .contents {
  display: none;
  width: 100%;
  padding: 0.4rem 0.4rem;
  height: auto;
  background: #ebeff3;
}

.schools .school .scr .recruit .con-item .contents .conc {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.schools .school .scr .recruit .con-item .contents .conc span {
  display: inline-block;
  vertical-align: top;
  color: #626262;
  line-height: 1.5;
  margin-right: 0.4rem;
  margin-bottom: 0.15rem;
}

.schools .school .scr .recruit .con-item .contents .column {
  width: 100%;
  height: auto;
  font-size: 0;
}

.schools .school .scr .recruit .con-item .contents .column .column-item {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  margin-bottom: 0.15rem;
  margin-right: 4%;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-name {
  width: 100%;
  text-align: left;
  display: block;
  line-height: 1.5;
  margin-bottom: 0.22rem;
  color: #000;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-list {
  width: 100%;
  padding: 0rem 0 0.15rem;
  color: #666;
  line-height: 2;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-list p {
  color: #666;
  line-height: 2;
}

.schools .school .scr .recruit .con-item .contents .column .column-item:nth-child(2n) {
  margin-right: 0;
}

.schools .school .scr .recruit .con-item .contents .column .column-item.w100 {
  width: 100%;
  margin-right: 0;
}

.schools .school .scr .recruit .con-item .contents .row {
  width: 100%;
}

.schools .school .scr .recruit .con-item .contents .sub {
  width: 100%;
  font-size: 0;
}

.schools .school .scr .recruit .con-item .contents .sub a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.schools .school .scr .recruit .con-item .contents .sub a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.schools .school .scr .recruit .con-item .contents .sub a span img {
  width: 100%;
  display: block;
}

.schools .school .scr .recruit .con-item .contents .sub a:hover span {
  left: 0.2rem;
}

.schools .school .scr .recruit .con-item.show .title {
  background-color: #0058af;
}

.schools .school .scr .recruit .con-item.show .title div {
  color: #fff;
}

.schools .school .scr .recruit .con-item.show .title .coop .op {
  color: #0058af;
  transform: rotate(180deg);
}

.schools .school .scr .recruit .con-item.show .title .coop .op img:first-child {
  display: none;
}

.schools .school .scr .recruit .con-item.show .title .coop .op img:last-child {
  display: block;
}

.schools .school .scr .recruit .con-item.show .title .coop .cl {
  display: inline-block;
  color: #fff;
}

@media (max-width: 900px) {
  .schools .school .scr .recruit .tops .name {
    width: 40%;
  }
  .schools .school .scr .recruit .tops div:nth-child(2) {
   width: 30%;
  }
  .schools .school .scr .recruit .tops div:nth-child(3) {
   width: 30%;
  }
  .schools .school .scr .recruit .tops div:nth-child(4) {
    display: none;
  }
  .schools .school .scr .recruit .tops div:nth-child(5) {
    display: none;
  }
  .schools .school .scr .recruit .tops div:nth-child(6) {
    display: none;
  }
  .schools .school .scr .recruit .tops div {
    width: 20%;
  }
  .schools .school .scr .recruit .con-item .title .name {
    width: 40%;
  }
  .schools .school .scr .recruit .con-item .title div:nth-child(2) {
    width: 30%;
  }
  .schools .school .scr .recruit .con-item .title div:nth-child(3) {
    width: 30%;
  }
  .schools .school .scr .recruit .con-item .title div:nth-child(4) {
    display: none;
  }
  .schools .school .scr .recruit .con-item .title div:nth-child(5) {
    display: none;
  }
  .schools .school .scr .recruit .con-item .title div:nth-child(6) {
    display: none;
  }
  .schools .school .scr .recruit .con-item .title div {
    width: 20%;
  }
}

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

.trips .tripers {
  width: 100%;
  position: relative;
}

.trips .tripers .trom {
  width: calc((1400 / 1660) * 100%);
  display: block;
  margin: 0 auto;
}

.trips .tripers .swiper-container {
  padding: 0.3rem 0 0.8rem;
}

.trips .tripers .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
}

.trips .tripers .swiper-pagination-bullet-active {
  width: 20px;
  height: 20px;
  background-image: url("../image/i18.png");
  background-size: 100% 100%;
  background-color: transparent;
}

.trips .tripers .swiper-pagination {
  bottom: 0;
}

.trips .tripers .vtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}

.trips .tripers .vtn img {
  width: 100%;
  display: block;
}

.trips .tripers .vtn img:first-child {
  display: block;
}

.trips .tripers .vtn img:last-child {
  display: none;
}

.trips .tripers .vtn:hover img:first-child {
  display: none;
}

.trips .tripers .vtn:hover img:last-child {
  display: block;
}

.trips .tripers .bl {
  left: 0;
}

.trips .tripers .br {
  right: 0;
}

.trips .tripers .swiper-slide {
  width: 100%;
}

.trips .tripers .swiper-slide .tom {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 11px 9px 0px rgba(50, 50, 50, 0.05);
  padding: 0.2rem 0.4rem;
  position: relative;
}

.trips .tripers .swiper-slide .tom:after {
  content: ' ';
  position: absolute;
  width: 0.16rem;
  height: 0.35rem;
  background-image: url("../image/i13.png");
  background-size: 100% 100%;
  top: -0.11rem;
  left: 1rem;
}

.trips .tripers .swiper-slide .tom:before {
  content: ' ';
  position: absolute;
  width: 0.16rem;
  height: 0.35rem;
  background-image: url("../image/i13.png");
  background-size: 100% 100%;
  top: -0.11rem;
  right: 1rem;
}

.trips .tripers .swiper-slide .tom .riop {
  width: 100%;
  font-size: 0;
  padding: 0.4rem 0;
  border-bottom: dashed 1px #e8e8e8;
}

.trips .tripers .swiper-slide .tom .riop span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  padding-right: 0.15rem;
  font-weight: bold;
  color: #2155cf;
  line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riop .rm {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.1rem;
  width: calc(100% - 0.3rem);
}

.trips .tripers .swiper-slide .tom .riop .rm .rx {
  width: 100%;
  color: #2155cf;
  line-height: 1.5;
  margin-bottom: 0.06rem;
}

.trips .tripers .swiper-slide .tom .riop .rm .re {
  width: 100%;
  color: #666;
  font-weight: bold;
  line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riop i {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
}

.trips .tripers .swiper-slide .tom .riop i img {
  width: 100%;
  display: block;
}

.trips .tripers .swiper-slide .tom .riom {
  width: 100%;
  font-size: 0;
  padding: 0.4rem 0;
}

.trips .tripers .swiper-slide .tom .riom .rm {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding-right: 0.1rem;
}

.trips .tripers .swiper-slide .tom .riom .rm .rx {
  width: 100%;
  color: #2155cf;
  line-height: 1.5;
  margin-bottom: 0.06rem;
}

.trips .tripers .swiper-slide .tom .riom .rm .re {
  width: 100%;
  color: #666;
  font-weight: bold;
  line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riom .rm.w100 {
  width: 100%;
}

.trips .tripers .swiper-slide .tom .riom .rum {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  color: #2155cf;
  line-height: 1.5;
  font-weight: bold;
}

.trips .tripers .swiper-slide .tom .riom + .riom {
  border-top: dashed 1px #e8e8e8;
}

.trips .tripers .swiper-slide:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.trips .tripers .swiper-slide:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.trips .tripers .swiper-slide:nth-child(3n+3) {
  transition-delay: 0.4s;
}

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

.flowcharts .proces {
  width: 100%;
  position: relative;
  padding: 3rem 0;
  font-size: 0;
}

.flowcharts .proces .procem {
  width: 100%;
  font-size: 0;
}

.flowcharts .proces .point {
  display: inline-block;
  vertical-align: middle;
  width: calc((25 / 1660) * 100%);
  position: relative;
  z-index: 3;
}

.flowcharts .proces .point .pint {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}

.flowcharts .proces .point .pint .mm {
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  margin: 0 auto;
}

.flowcharts .proces .point .pint .mm img {
  width: 100%;
  display: block;
}

.flowcharts .proces .point .pint .mm img:first-child {
  display: block;
}

.flowcharts .proces .point .pint .mm img:last-child {
  display: none;
}

.flowcharts .proces .point .pint .poms {
  bottom: 0.25rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  width: 160px;
  width: 3.4rem;
  background-color: #fff;
  box-shadow: 0px 0px 27px 0px rgba(22, 130, 196, 0.03);
  border-radius: 15px;
  margin-bottom: 1.2rem;
  transition: all ease 0.3s;
  display: flex;
  flex-wrap: wrap;
}

.flowcharts .proces .point .pint .poms:after {
  content: ' ';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  border-left: dashed 1px #dcdcdc;
  height: 1.2rem;
  bottom: -1.2rem;
}

.flowcharts .proces .point .pint .poms .pix {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #0058af;
  line-height: 2.6;
  display: block;
  border-radius: 15px 15px 0 0;
}

.flowcharts .proces .point .pint .poms .pig {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  color: #666;
  background-color: #fff;
  padding: 0.36rem;
  height: calc(0.72rem + 6em);
  border-radius: 0 0 15px 15px;
}

.flowcharts .proces .point .pint .poms:hover {
  box-shadow: 0px 0px 27px 0px rgba(22, 130, 196, 0.33);
}

.flowcharts .proces .point:nth-child(2n) .pint .poms {
  bottom: auto;
  top: 0.25rem;
  margin-top: 1.2rem;
  margin-bottom: 0;
  flex-direction: column-reverse;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms .pix {
  border-radius: 0 0 15px 15px;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms .pig {
  border-radius: 15px 15px  0 0;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms:after {
  bottom: auto;
  top: -1.2rem;
}

.flowcharts .proces .lmg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.flowcharts .proces .point:nth-child(1) {
  top: 0.30rem;
  left: calc((234 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(2) {
  top: -0.55rem;
  left: calc((430 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(3) {
  top: 0.30rem;
  left: calc((640 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(4) {
  top: -0.55rem;
  left: calc((840 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(5) {
  top: 0.30rem;
  left: calc((1050 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(6) {
  top: -0.55rem;
  left: calc((1240 / 1660) * 100%);
}

@media (max-width: 900px) {
  .flowcharts .proces {
    padding: 0;
  }
  .flowcharts .proces .point {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .flowcharts .proces .point .pint .mm {
    display: none;
  }
  .flowcharts .proces .point .pint .poms {
    position: relative;
    top: auto !important;
    transform: translateX(0) !important;
    width: 100%;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    flex-direction: column !important;
  }
  .flowcharts .proces .point .pint .poms .pix {
    border-radius: 15px 15px 0 0 !important;
  }
  .flowcharts .proces .point .pint .poms .pig {
    border-radius: 0 0 15px 15px !important;
  }
  .flowcharts .proces .point .pint .poms:after {
    display: none;
  }
  .flowcharts .proces .lmg {
    display: none;
  }
}

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

.dynamics .dynamlis {
  width: 100%;
  font-size: 0;
}

.dynamics .dynamlis .dynam {
  display: inline-block;
  vertical-align: top;
  width: calc((810 / 1660) * 100%);
  margin-right: calc((39 / 1660) * 100%);
  background-color: #fff;
  padding: 0.3rem 0.4rem;
  margin-bottom: 0.4rem;
  border-radius: 15px;
}

.dynamics .dynamlis .dynam a {
  width: 100%;
  display: block;
}

.dynamics .dynamlis .dynam .dit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}

.dynamics .dynamlis .dynam .time {
  width: 100%;
  color: #666;
  line-height: 2;
  margin-top: 0.1rem;
}

.dynamics .dynamlis .dynam .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.dynamics .dynamlis .dynam .time span img {
  width: 100%;
  display: block;
}

.dynamics .dynamlis .dynam:hover .dit {
  color: #0058af;
}

.dynamics .dynamlis .dynam:nth-child(2n) {
  margin-right: 0;
}

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

.banner .swiper-slide {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}

.banner .swiper-slide .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc((160 / 1920) * 100%);
  width: calc((740 / 1920) * 100%);
}

.banner .swiper-slide .url{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.banner .swiper-slide .box .bit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.banner .swiper-slide .box .emb {
  width: 100%;
  color: #fff;
  line-height: 2;
  font-weight: bold;
}

.banner .swiper-slide .box .morec {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.banner .swiper-slide .box .morec a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}
.banner .swiper-slide .box .morec .dv {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.banner .swiper-slide .box .morec a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.banner .swiper-slide .box .morec a span img {
  width: 100%;
  display: block;
}

.banner .swiper-slide .box .morec a:hover span {
  left: 0.2rem;
}

.banner .swiper-slide .box .morec .dv span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.banner .swiper-slide .box .morec .dv span img {
  width: 100%;
  display: block;
}

.banner .swiper-slide .box .morec .dv:hover span {
  left: 0.2rem;
}

.banner .swiper-slide .bg-play{
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(../image/wm2.png);
  background-size: 100% 100%;
  cursor: pointer;
  transition-delay: .4s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 123;
}
.banner .swiper-slide .vd{
  display: none;
}
.banner .swiper-slide .vd.show{
  display: block;
}

.banner .swiper-pagination {
  left: calc((160 / 1920) * 100%);
  bottom: 0.5rem;
  z-index: 10;
  text-align: left;
}

.banner .swiper-pagination-bullet {
  width: 0.35rem;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
  background-color: #006ab6;
}

.banner .down {
  position: absolute;
  z-index: 4;
  bottom: 0.5rem;
  width: 0.24rem;
  height: 0.38rem;
  left: 50%;
  cursor: pointer;
  transform: translateX(-50%);
  transition: all ease 0.3s;
}

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

.banner .down:hover {
  transform: translateX(-50%) scale(1.1);
}

@media (max-width: 900px) {
  .banner .swiper-slide {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  .banner .swiper-slide .box {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    transform: translateY(0);
    padding: 0 calc((160 / 1920) * 100%);
  }
}

.procen {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  position: relative;
}

.procen .pel {
  width: 50%;
  background-color: #f3f5f7;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 0.4rem calc((130 / 1920) * 100%);
  position: relative;
}

.procen .pel .pip {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0rem 0 0.9rem;
  max-width: 5.5rem;
  position: relative;
  z-index: 4;
}

.procen .pel .pip p {
  color: #666;
  line-height: 1.8;
}

.procen .pel .plist {
  width: 100%;
  font-size: 0;
  position: relative;
  z-index: 4;
}

.procen .pel .plist .ptem {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 0.4rem;
}

.procen .pel .plist .ptem a {
  width: 100%;
  display: block;
}

.procen .pel .plist .ptem .icon {
  display: block;
  margin: 0 auto 0.15rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #fff;
}

.procen .pel .plist .ptem .icon img {
  width: 100%;
  display: block;
}

.procen .pel .plist .ptem .icon img:first-child {
  display: block;
}

.procen .pel .plist .ptem .icon img:last-child {
  display: none;
}

.procen .pel .plist .ptem .pm {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}

.procen .pel .plist .ptem:hover .icon img:first-child {
  display: none;
}

.procen .pel .plist .ptem:hover .icon img:last-child {
  display: block;
}

.procen .pel .plist .ptem:hover .pm {
  color: #006ab6;
}

.procen .pel .plist .ptem.on .icon img:first-child {
  display: none;
}

.procen .pel .plist .ptem.on .icon img:last-child {
  display: block;
}

.procen .pel .plist .ptem.on .pm {
  color: #006ab6;
}

.procen .pel .nums {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 0.2rem;
}

.procen .pel .nums .pum {
  display: block;
  width: auto;
  opacity: 0;
  transition: all ease 0.3s;
  color: #ebedef;
  position: absolute;
  width: 100%;
  height: 1em;
  right: 0.5em;
  top: 0;
  font-weight: bold;
  transform: translateY(-50%);
}

.procen .pel .nums .pum.on {
  opacity: 1;
}

.procen .per {
  width: 50%;
}

.procen .per .earom {
  width: 100%;
  height: 100%;
  padding: 0.4rem calc((130 / 960) * 100%) 0.4rem calc((300 / 960) * 100%);
  display: none;
}

.procen .per .earom.on {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.procen .per .pit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.procen .per .pip {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin: 0.6rem 0;
  max-width: 5.2rem;
  display: block;
}

.procen .per .pip p {
  color: #fff;
  line-height: 1.8;
}

.procen .per .datas {
  width: 100%;
  display: block;
  font-size: 0;
}
@media (max-width: 800px) {
	.procen .per .datas{
		display: none;
	}
	.procen .per .pip{
		margin: 0.3rem 0;
		font-size: 13px;
	}
}


.procen .per .datas .dtem {
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.6rem;
}

.procen .per .datas .dtem .dum {
  width: 100%;
  color: #fff;
  margin-bottom: 0rem;
}

.procen .per .datas .dtem .dum span {
  color: #fff;
  margin-right: 0.05rem;
}

.procen .per .datas .dtem .pum {
  width: 100%;
  color: #fff;
  line-height: 2;
}

.procen .per .morec {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}
@media (max-width: 800px) {
	.procen .per .morec {
	  margin-top: 0.3rem;
	}	
}

.procen .per .morec a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.7rem 0 0.6rem;
}

.procen .per .morec a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.procen .per .morec a span img {
  width: 100%;
  display: block;
}

.procen .per .morec a:hover span {
  left: 0.2rem;
}

.procen .product {
  position: absolute;
  z-index: 5;
  top: 45%;
  left: 50%;
  width: calc((500 / 1920) * 100%);
  transform: translate(-50%, -50%);
}

.procen .product .proam {
  width: 100%;
  display: none;
}

.procen .product .proam .img {
  width: 100%;
  padding-top: 100%;
}

.procen .product .proam.on {
  display: block;
}

@media (max-width: 900px) {
  .procen .pel {
    width: 100%;
    padding: 0.3rem;
    height: 45vh;
  }
  .procen .pel .pip {
    max-width: 100%;
  }
  .procen .pel .plist {
    width: 100%;
  }
  .procen .pel .plist .ptem {
    width: 20%;
    margin-right: 0;
    text-align: center;
  }
  .procen .per {
    width: 100%;
    height: 55vh;
  }
  .procen .per .earom {
    padding: 0.3rem;
  }
  .procen .product {
    right: 10%;
    bottom: 10%;
    left: auto;
    top: auto;
    transform: translate(0%, 0%);
    /* display: none; */
  }
}

.abouts {
  width: 100%;
  height: 100vh;
  padding: 1rem calc((130 / 1920) * 100%);
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.abouts .aim {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin: 0.3rem 0;
}

.abouts .mitop {
  margin-bottom: 0.3rem;
}

.abouts .record {
  width: 100%;
  font-size: 0;
}

.abouts .record .rel {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  width: 6rem;
}

.abouts .record .rel .ream {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  padding: 0.15rem 0;
}

.abouts .record .rel .ream .xk {
  display: inline-block;
  vertical-align: middle;
}

.abouts .record .rel .ream .am {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.15rem;
}

.abouts .record .rel .ream .am .cum {
  display: inline-block;
  vertical-align: middle;
  color: #008cd6;
  font-weight: bold;
  position: relative;
  /* transform: scale(1.4); */
}

.abouts .record .rel .ream .am .cum .cc {
  position: absolute;
  top: -0.05rem;
  right: -0.2rem;
  color: #008cd6;
  font-weight: bold;
}

.abouts .record .rel .ream .am .cum .bb {
  position: absolute;
  bottom: -0rem;
  right: -0.2rem;
  color: #008cd6;
  font-weight: bold;
}

@media (max-width:1350px) {
    .abouts .record .rel .ream .am .cum .cc{
        right: -0.3rem;
        top: -0.1rem;
    }
    .abouts .record .rel .ream .am .cum .bb{
        right: -0.3rem;
    }
}

.abouts .record .rel .ream .xm {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.abouts .record .rer {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.abouts .record .rer .red {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.05rem;
}

.abouts .record .rer .red .ev {
  display: inline-block;
  vertical-align: middle;
  color: #dd0000;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
}

.abouts .record .rer .red .ev:after {
  content: ' ';
  position: absolute;
  width: 0.2rem;
  height: 0.27rem;
  background-image: url("../image/i19.png");
  background-size: 100% 100%;
  right: -0.3rem;
  top: 0.15rem;
}

.abouts .record .rer .reh {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.abouts .record .rer .rvg {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.abouts .morec {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.abouts .morec a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.abouts .morec a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.abouts .morec a span img {
  width: 100%;
  display: block;
}

.abouts .morec a:hover span {
  left: 0.2rem;
}

@media (max-width: 1200px) {
  .abouts .record .rel .ream .am .cum .cc {
    font-size: 12px;
    right: -0.25rem;
  }
  .abouts .record .rel .ream .am .cum .bb {
    font-size: 12px;
    right: -0.3rem;
  }
}

@media (max-width: 900px) {
  .abouts .record .rel {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .abouts .record .rel .ream {
    width: 33.3%;
  }
  .abouts .record .rel .ream .xk {
    margin-right: 0.1rem;
    padding-right: 0.1rem;
  }
  .abouts .record .rel .ream .am .cum {
    transform: scale(1.1);
  }
  .abouts .record .rel .ream .am .cum .cc {
    top: -0.1rem;
    right: -0.17rem;
    font-size: 16px;
  }
  .abouts .record .rel .ream .am .cum .bb {
    bottom: -0.1rem;
    font-size: 12px;
  }
  .abouts .record .rer {
    width: 100%;
  }
}

.new {
  width: 100%;
  background-color: #f3f5f7;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-top: 0.5rem;
  overflow: hidden;
}

.new .netop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}

.new .netop .mitop {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-bottom: 0;
}

.new .netop .ner {
  display: inline-block;
  vertical-align: middle;
}

.new .netop .ner a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
  border: solid 1px #dcdcdc;
  color: #fabf13;
  background-color: transparent;
}

.new .netop .ner a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0.2rem;
}

.new .netop .ner a span img {
  width: 100%;
  display: block;
}

.new .netop .ner a span img:first-child {
  display: block;
}

.new .netop .ner a span img:last-child {
  display: none;
}

.new .netop .ner a:hover {
  background-color: #fabf13;
  color: #fff;
  border: solid 1px #fabf13;
}

.new .netop .ner a:hover span {
  left: 0.2rem;
}

.new .netop .ner a:hover span img:first-child {
  display: none;
}

.new .netop .ner a:hover span img:last-child {
  display: block;
}

.new .ncont {
  width: 100%;
  font-size: 0;
}

.new .ncont .neup {
  width: 100%;
}

.new .ncont .neup .nul {
  display: inline-block;
  vertical-align: middle;
  width: calc((780 / 1660) * 100%);
  margin-right: calc((19 / 1660) * 100%);
  overflow: hidden;
  border-radius: 15px;
}

.new .ncont .neup .nul .img {
  width: 100%;
  position: relative;
}

.new .ncont .neup .nul .bg {
  width: 100%;
  padding-top: 57.69%;
  transition: all ease 0.3s;
}

.new .ncont .neup .nul .nom {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  top: 0;
  left: 0;
  padding: 0.5rem 0.4rem;
}

.new .ncont .neup .nul .nom .nop {
  width: 100%;
  max-width: 4rem;
}

.new .ncont .neup .nul .nom .nop .np {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.new .ncont .neup .nul .nom .nop .nix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.new .ncont .neup .nul .nom .nop .nix p {
  color: #fff;
  line-height: 1.5;
}

.new .ncont .neup .nul .nom .nob {
  width: 100%;
  font-size: 0;
}

.new .ncont .neup .nul .nom .nob a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.new .ncont .neup .nul .nom .nob a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.new .ncont .neup .nul .nom .nob a span img {
  width: 100%;
  display: block;
}

.new .ncont .neup .nul .nom .nob a:hover span {
  left: 0.2rem;
}

.new .ncont .neup .nul:hover .img .bg {
  transform: scale(1.1);
}

.new .ncont .neup .nur {
  display: inline-block;
  vertical-align: middle;
  width: calc((860 / 1660) * 100%);
}

.new .ncont .neup .nur .url {
  display: inline-block;
  vertical-align: middle;
  width: calc((420 / 860) * 100%);
  margin-right: calc((19 / 860) * 100%);
  overflow: hidden;
  border-radius: 15px;
}

.new .ncont .neup .nur .url .img {
  width: 100%;
  padding-top: 107.14%;
  position: relative;
  transition: all ease 0.3s;
}

.new .ncont .neup .nur .url .img .play {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.new .ncont .neup .nur .url:hover .img {
  transform: scale(1.1);
}

.new .ncont .neup .nur .urr {
  display: inline-block;
  vertical-align: middle;
  width: calc((420 / 860) * 100%);
}

.new .ncont .neup .nur .urr .urm {
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  position: relative;
}

.new .ncont .neup .nur .urr .urm .img {
  width: 100%;
  padding-top: 50.8%;
  transition: all ease 0.3s;
}

.new .ncont .neup .nur .urr .urm .uox {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  padding: 0.5rem 0.4rem;
}

.new .ncont .neup .nur .urr .urm .uox .ux {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.new .ncont .neup .nur .urr .urm + .urm {
  margin-top: 0.2rem;
}

.new .ncont .neup .nur .urr .urm:hover .img {
  transform: scale(1.1);
}

.new .ncont .ndown {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.new .ncont .ndown .ndom {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.4rem;
  width: calc((780 / 1660) * 100%);
  border-left: solid 3px #dcdcdc;
  transition: all ease 0.3s;
}

.new .ncont .ndown .ndom a {
  width: 100%;
  display: block;
}

.new .ncont .ndown .ndom .dt {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.new .ncont .ndown .ndom .dm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.new .ncont .ndown .ndom .pm {
  width: 100%;
  font-size: 0;
}

.new .ncont .ndown .ndom .pm a {
  display: inline-block;
  vertical-align: middle;
  color: #fabf13;
  line-height: 1.5;
}

.new .ncont .ndown .ndom .pm a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.1rem;
  top: -0.02rem;
}

.new .ncont .ndown .ndom .pm a span img {
  width: 100%;
  display: block;
}

.new .ncont .ndown .ndom:nth-child(2n) {
  width: calc((860 / 1660) * 100%);
  margin-left: calc((19 / 1660) * 100%);
}

.new .ncont .ndown .ndom:hover {
  border-left: solid 3px #006ab6;
}

.new .ncont .ndown .ndom:hover .dt {
  color: #006ab6;
}

@media (max-width: 900px) {
  .new .ncont .neup .nul .img {
    padding-top: 0;
  }
  .new .ncont .neup .nul .img .nom {
    /* position: relative; */
    padding: 0.4rem;
  }
  .new .ncont .neup .nul .img .nom .nop {
    max-width: 100%;
    margin-bottom: 0.2rem;
  }
  .new .ncont .neup .nur .urr .urm .img .uox {
    overflow: auto;
  }
  .new .ncont .neup .nur .urr .urm .img .uox .ux {
    font-size: 12px;
  }
}

.explore {
  width: 100%;
  background-color: #f3f5f7;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.explore .epxm {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
}

.explore .epxm .exl {
  display: inline-block;
  vertical-align: middle;
  width: calc((400 / 1660) * 100%);
}

.explore .epxm .exl .xom {
  width: 100%;
}

.explore .epxm .exl .xom .xn {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.explore .epxm .exl .xom .xj {
  width: 100%;
  font-size: 0;
}

.explore .epxm .exl .xom .xj .mm {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5;
  margin-right: 0.1rem;
}

.explore .epxm .exl .xom .xj .mc {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
}

.explore .epxm .exl .xom .xj .mc img {
  width: 100%;
  display: block;
}

.explore .epxm .exr {
  display: inline-block;
  vertical-align: middle;
  width: calc((1259 / 1660) * 100%);
}

.explore .epxm .exr .emg {
  width: 100%;
  padding-top: 40.65%;
  position: relative;
}

.explore .epxm .exr .emg .eamt {
  position: absolute;
  z-index: 2;
  width: 2.23rem;
  height: 2.23rem;
  padding: 0.23rem;
  transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt .bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("../image/bg19.png");
  background-size: 100% 100%;
  transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  border-radius: 50%;
}

.explore .epxm .exr .emg .eamt .egx {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  position: relative;
  z-index: 2;
}

.explore .epxm .exr .emg .eamt .mt {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
}

.explore .epxm .exr .emg .eamt .line {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.explore .epxm .exr .emg .eamt .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.25rem;
  height: 4px;
  background-color: #006ab6;
}

.explore .epxm .exr .emg .eamt .vx {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
  overflow: hidden;
  height: 0;
  transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt .morc {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.explore .epxm .exr .emg .eamt .morc span {
  display: inline-block;
  vertical-align: middle;
  color: #fabf13;
  line-height: 1.5;
  height: 0;
  transition: all ease 0.3s;
  overflow: hidden;
}

.explore .epxm .exr .emg .eamt .morc i {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.14rem;
  margin-left: 0.1rem;
  height: 0;
  transition: all ease 0.3s;
  overflow: hidden;
}

.explore .epxm .exr .emg .eamt .morc i img {
  width: 100%;
  display: block;
}

.explore .epxm .exr .emg .eamt:hover {
  z-index: 5;
}

.explore .epxm .exr .emg .eamt:hover .bg {
  transform: scale(1.68);
  background-image: url("../image/bg20.png");
  background-size: 100% 100%;
}

.explore .epxm .exr .emg .eamt:hover a {
  transform: scale(1.68);
}

.explore .epxm .exr .emg .eamt:hover .egx {
  align-content: center;
}

.explore .epxm .exr .emg .eamt:hover .line {
  margin: 0.1rem 0;
}

.explore .epxm .exr .emg .eamt:hover .vx {
  height: 1.5em;
  margin: 0.2rem 0;
}

.explore .epxm .exr .emg .eamt:hover .morc span {
  height: 1.5em;
}

.explore .epxm .exr .emg .eamt:hover .morc i {
  height: 0.14rem;
}

.explore .epxm .exr .emg .eamt:nth-child(1) {
  left: 0;
  top: 2rem;
}

.explore .epxm .exr .emg .eamt:nth-child(2) {
  left: calc((267 / 1250) * 100%);
  top: 0.8rem;
}

.explore .epxm .exr .emg .eamt:nth-child(3) {
  left: calc((480 / 1250) * 100%);
  top: 2.7rem;
}

.explore .epxm .exr .emg .eamt:nth-child(4) {
  left: calc((588 / 1250) * 100%);
  top: 0rem;
}

.explore .epxm .exr .emg .eamt:nth-child(5) {
  left: calc((807 / 1250) * 100%);
  top: 2rem;
}

.explore .epxm .exr .emg .eamt:nth-child(6) {
  left: calc((1045 / 1250) * 100%);
  top: 0.5rem;
}

@media (max-width: 900px) {
  .explore {
    overflow: hidden;
  }
  .explore .epxm .exl {
    width: 100%;
  }
  .explore .epxm .exr {
    width: 100%;
    margin-top: 0.5rem;
  }
  .explore .epxm .exr .emg {
    position: relative;
    padding-top: 0;
    text-align: center;
  }
  .explore .epxm .exr .emg .eamt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto !important;
    top: auto !important;
    margin: 0 6% 0.3rem;
  }
}

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

.appliction .imglist {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.appliction .imglist .img {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease 0.5s;
}

.appliction .imglist .img.on {
  z-index: 3;
  opacity: 1;
}

.appliction .w1660 {
  position: relative;
  z-index: 4;
}

.appliction .appction {
  width: 100%;
  display: flex;
  height: 100vh;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.appliction .appction .apl {
  display: inline-block;
  vertical-align: middle;
  width: calc((600 / 1660) * 100%);
}

.appliction .appction .apl .aplom {
  width: 100%;
  display: none;
}

.appliction .appction .apl .aplom.on {
  display: block;
}

.appliction .appction .apl .ainp {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.appliction .appction .apl .ainp p {
  color: #fff;
  line-height: 1.8;
}

.appliction .appction .apl .morec {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.appliction .appction .apl .morec a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.7rem 0 0.6rem;
}

.appliction .appction .apl .morec a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.appliction .appction .apl .morec a span img {
  width: 100%;
  display: block;
}

.appliction .appction .apl .morec a:hover span {
  left: 0.2rem;
}

.appliction .appction .apr {
  display: inline-block;
  vertical-align: middle;
  width: calc((300 / 1660) * 100%);
}

.appliction .appction .apr .swiper-container {
  width: 100%;
  height: 5rem;
  padding: 0.5rem;
}

.appliction .appction .apr .swiper-slide {
  width: 100%;
  font-size: 0;
  height: auto;
  padding: 0.3rem 0;
  cursor: pointer;
}

.appliction .appction .apr .swiper-slide .point {
  width: 100%;
}

.appliction .appction .apr .swiper-slide .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  position: relative;
  margin-right: 0.5rem;
}

.appliction .appction .apr .swiper-slide .icon .pm {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.appliction .appction .apr .swiper-slide .icon .pm img {
  width: 100%;
  display: block;
}

.appliction .appction .apr .swiper-slide .icon .tm {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 0.76rem;
  height: 0.76rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
  opacity: 0;
  background-image: url("../image/bg21.png");
  background-size: 100% 100%;
}

.appliction .appction .apr .swiper-slide .icon .tm img {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
}

.appliction .appction .apr .swiper-slide .px {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.22rem - 0.5rem);
  color: #fff;
  line-height: 1.5;
}

.appliction .appction .apr .swiper-slide.on .icon .tm {
  opacity: 1;
}

@media (max-width: 900px) {
  #dowebok {
    width: 100%;
    overflow-x: hidden;
  }
  .appliction .appction {
    align-content: center;
    flex-direction: row;
  }
  .appliction .appction .apl {
    width: calc(100% - 2rem);
    width: 100%;
  }
  .appliction .appction .apr {
    width: 2rem;
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .appliction .appction .apr .swiper-slide {
    width: auto;
    margin-right: 0.4rem;
  }
  .appliction .appction .apr .swiper-container {
    width: 100%;
    height: auto;
    padding: 0.5rem;
  }
}

.videos {
  width: 100%;
}

.videos .vio {
  width: 100%;
  position: relative;
}

.videos .vio .img {
  width: 100%;
  /* padding-top: 44.27%; */
  height: 100vh;
}

.videos .vio .voc {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
}

.videos .vio .vox {
  width: 90%;
  max-width: 12rem;
  margin: 0 auto;
  position: absolute;
  z-index: 5;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.videos .vio .vox .vit {
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #fff;
  margin-top: 1.8rem;
}

.videos .vio .vox .serack {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 0;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}

.videos .vio .vox .serack form {
  width: 100%;
  display: block;
}

.videos .vio .vox .serack .xm {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.videos .vio .vox .serack .xm img {
  width: 100%;
  display: block;
}

.videos .vio .vox .serack .inx {
  width: calc(100% - 0.34rem - 8em);
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  height: 2.5em;
  line-height: 2.5;
  color: #fff;
}

.videos .vio .vox .serack .inx::-webkit-input-placeholder {
  color: #fff;
}

.videos .vio .vox .serack .inx::-moz-input-placeholder {
  color: #fff;
}

.videos .vio .vox .serack .inx::-ms-input-placeholder {
  color: #fff;
}

.videos .vio .vox .serack .ak {
  display: inline-block;
  vertical-align: middle;
  width: 8em;
  color: #fff;
  line-height: 2.5;
  text-align: right;
}

.videos .vio .vox .serack .ak i {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  margin-left: 0.05rem;
  position: relative;
  top: -0.02rem;
}

.videos .vio .vox .serack .ak i img {
  width: 100%;
  display: block;
}

.videos .vio .vob {
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.2rem 0.2rem;
  border-radius: 5px 5px 0 0;
  background-color: #f3f3f5;
}

.videos .vio .vob .votm {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
}

.videos .vio .vob .votm .vc {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  background-color: rgba(0, 88, 175, 0.1);
}

.videos .vio .vob .votm .vc img {
  width: 100%;
  display: block;
}

.videos .vio .vob .votm .vc img:first-child {
  display: block;
}

.videos .vio .vob .votm .vc img:last-child {
  display: none;
}

.videos .vio .vob .votm .vm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2;
}

.videos .vio .vob .votm:hover .vc {
  background-color: #0058af;
}

.videos .vio .vob .votm:hover .vc img:first-child {
  display: none;
}

.videos .vio .vob .votm:hover .vc img:last-child {
  display: block;
}

.videos .vio .vob .votm:hover .vm {
  color: #0058af;
}

@media (max-width: 900px) {
  .videos .vio .img {
    padding-top: 70%;
    padding-top: 0;
  }
  .videos .vio .vob {
    width: 100%;
    /* position: relative; */
  }
  .videos .vio .vob .votm .vc {
    display: block;
    margin: 0 auto 0.05rem;
  }
  .videos .vio .vob .votm .vm {
    width: 100%;
    text-align: center;
  }
}

.maps {
  width: 100%;
  padding: 1rem 0;
  background-color: #f3f5f7;
}

.maps .mapcon {
  width: 100%;
  background-color: #fff;
}

.maps .mapcon .macop {
  width: 100%;
  padding: 0.4rem;
  font-size: 0;
}

.maps .mapcon .macop .mn {
  display: inline-block;
  vertical-align: middle;
  width: 19%;
  margin-right: 4%;
}

.maps .mapcon .macop .select {
  width: 23%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-right: 4%;
}

.maps .mapcon .macop .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
}

.maps .mapcon .macop .select .select-con .select-value {
  display: block;
  width: 100%;
  line-height: 3.5;
  height: 3.5em;
  color: #666;
  padding: 0 0.2rem;
  border-radius: 8px;
  border: solid 1px #ddd;
}

.maps .mapcon .macop .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.maps .mapcon .macop .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.maps .mapcon .macop .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../image/x.png");
  background-size: 100%;
}

.maps .mapcon .macop .select:last-child {
  margin-right: 0;
}

.maps .conps {
  width: 100%;
  position: relative;
}

.maps .conps .cmap {
  width: 100%;
  display: none;
}

.maps .conps .conmaps {
  width: 100%;
  display: block;
}

.maps .conps .cmap.on {
  display: block;
}

.maps .conps .img {
  width: 100%;
  padding-top: 43.37%;
}

.maps .conps .conlist {
  position: absolute;
  height: 100%;
  width: 5rem;
  right: 0rem;
  bottom:0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.maps .conps .conlist .cip {
  width: 100%;
  background-color: rgba(0, 88, 175, 0.8);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem;
  border-radius: 10px 10px 0 0;
}

.maps .conps .conlist .cip span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 0.7rem;
}

.maps .conps .conlist .clist {
  width: 100%;
  height: calc(100% - 0.7rem);
  padding: 0 0rem 0.2rem;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.maps .conps .conlist .clist .cliem {
  width: 100%;
  font-size: 0;
  cursor: pointer;
  padding-left: 0.35rem;
}

.maps .conps .conlist .clist .cliem .cok {
  width: 100%;
  padding: 0.2rem 0;
  border-bottom: dashed 1px #ddd;
}

.maps .conps .conlist .clist .cliem .cok .ciy {
  width: 100%;
  color: #222;
  line-height: 2;
  font-weight: bold;
  position: relative;
}

/* .maps .conps .conlist .clist .cliem .cok .ciy span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.24rem;
  margin-right: 0.15rem;
}

.maps .conps .conlist .clist .cliem .cok .ciy span img {
  width: 100%;
  display: block;
} */

.maps .conps .conlist .clist .cliem .cok .ciy .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.24rem;
  margin-right: 0.15rem;
}

.maps .conps .conlist .clist .cliem .cok .ciy .ic img {
  width: 100%;
  display: block;
}

.maps .conps .conlist .clist .cliem .cok .ciy .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.35rem);
  color: #222;
  line-height: 2;
  font-weight: bold;
}

.maps .conps .conlist .clist .cliem .cok .ciy:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: -0.35rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.24rem;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../image/i44.png");
  background-size: 100% 100%;
}

.maps .conps .conlist .clist .cliem .cok .cinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-left: 0.35rem;
  width: calc(100% - 0.35rem);
}

.maps .conps .conlist .clist .cliem .cok .cinp p {
  color: #666;
  line-height: 1.8;
}

.maps .conps .conlist .clist .cliem.on .cok .ciy {
  color: #0058af;
}

@media (max-width: 900px) {
  .maps .conps .conlist {
    height: 8rem;
    margin-top: 0.1rem;
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto;
  }
}

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

.basics .bacom {
  width: 100%;
  font-size: 0;
}

.basics .bacom .bol {
  display: inline-block;
  vertical-align: middle;
  width: calc((1060 / 1400) * 100%);
}

.basics .bacom .bol .img {
  width: 100%;
  padding-top: 60.24%;
}

.basics .bacom .bor {
  display: inline-block;
  vertical-align: middle;
  width: calc((339 / 1400) * 100%);
  padding-left: 0.6rem;
}

.basics .bacom .bor .rom {
  width: 100%;
  padding: 0.4rem 0.2rem;
}

.basics .bacom .bor .rom .xim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  padding: 0.1rem 0;
}

.basics .bacom .bor .rom .xim span {
  display: inline-block;
  vertical-align: middle;
  width: 0.17rem;
  margin-right: 0.1rem;
}

.basics .bacom .bor .rom .xim span img {
  width: 100%;
  display: block;
}

.basics .bacom .bor .rom .xt {
  width: 100%;
  color: #0058af;
  font-weight: bold;
  line-height: 1.5;
  padding: 0rem 0;
}

.basics .bacom .bor .rom + .rom {
  border-top: solid 1px #e5e5e5;
}

@media (max-width: 900px) {
  .basics .bacom .bor .rom + .rom {
    border: none;
  }
}

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

.introduce .introum {
  width: 100%;
  font-size: 0;
}

.introduce .introum .row {
  width: 100%;
  font-size: 0;
}

.introduce .introum .row .intrm {
  width: calc((810 / 1660) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((39 / 1660) * 100%);
  padding: 0.3rem 0.4rem;
  background-color: #fff;
  margin-bottom: 0.4rem;
}

.introduce .introum .row .intrm .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.3rem;
  background-color: #ebf2f9;
}

.introduce .introum .row .intrm .icon img {
  width: 100%;
  display: block;
}

.introduce .introum .row .intrm .trm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.8rem - 0.3rem);
}

.introduce .introum .row .intrm .trm .tm {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.introduce .introum .row .intrm .trm .tx {
  width: 100%;
  color: #666;
  line-height: 1.8;
  white-space: pre-wrap;
}

.introduce .introum .row .intrm:nth-child(2n) {
  margin-right: 0;
}

.introduce .introum .row .intrm.w100 {
  width: 100%;
}

.introduce .introum .row .intrm:hover{
  transition: all ease 0.3s;
 box-shadow: 1px 8px 20px -5px rgba(0, 0, 0, 0.15);
}

.introduce .modes {
  width: 100%;
  padding: 1.65rem 1rem;
  font-size: 0;
  border-radius: 10px;
  overflow: hidden;
}

.introduce .modes .mor {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.8rem;
}

.introduce .modes .mor .rom {
  width: 100%;
  padding: 0.1rem 0rem;
}

.introduce .modes .mor .rom .xim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  padding: 0.1rem 0;
}

.introduce .modes .mor .rom .xim span {
  display: inline-block;
  vertical-align: middle;
  width: 0.17rem;
  margin-right: 0.1rem;
}

.introduce .modes .mor .rom .xim span img {
  width: 100%;
  display: block;
}

.introduce .modes .mor .rom .xt {
  width: 100%;
  color: #0058af;
  font-weight: bold;
  line-height: 1.5;
  padding: 0rem 0;
}

.introduce .modes .mor .rom .xt.red {
  color: #dd0000;
}

.introduce .modes .mom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.introduce .modes .mom .mit {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.introduce .modes .mom .line {
  width: 100%;
  font-size: 0;
  margin: 0.25rem 0 0.3rem;
}

.introduce .modes .mom .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 4px;
  background-color: #0058af;
}

.introduce .modes .mom .mip {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.introduce .modes .mom .mip p {
  color: #666;
  line-height: 1.8;
}
@media (max-width: 900px){
  .introduce .modes{
    padding: 1.05rem 0.8rem;
  }
  .introduce .modes .mor{
    padding-left: 0 !important;
  }
}


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

.fairness .fairm {
  width: 100%;
  font-size: 0;
}

.fairness .fairm .fal {
  width: calc((289 / 1660) * 100%);
  display: inline-block;
  vertical-align: top;
  padding-right: 0.4rem;
}

.fairness .fairm .fal .falper {
  width: 100%;
  height: 3.5rem;
  position: relative;
}

.fairness .fairm .fal .falper:after {
  content: ' ';
  position: absolute;
  left: calc(0.05rem - 1px);
  height: 100%;
  width: 1px;
  background-color: #d8d9db;
  top: 0;
}

.fairness .fairm .fal .falper .swiper-container {
  height: 100%;
  padding-top: 0.2rem;
}

.fairness .fairm .fal .falper .swiper-slide {
  width: 100%;
  height: auto;
  font-size: 0;
  cursor: pointer;
  z-index: 3;
}

.fairness .fairm .fal .falper .swiper-slide .point {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  background-color: #d8d9db;
}

.fairness .fairm .fal .falper .swiper-slide .swm {
  width: calc(100% - 0.1rem - 0.2rem);
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 2;
  transform: scale(0.9);
  transition: all ease 0.3s;
}

.fairness .fairm .fal .falper .swiper-slide.on .point {
  background-color: #0058af;
}

.fairness .fairm .fal .falper .swiper-slide.on .swm {
  color: #0058af;
  transform: scale(1);
}

.fairness .fairm .fal .falper .swiper-slide:hover .point {
  background-color: #0058af;
}

.fairness .fairm .fal .falper .swiper-slide:hover .swm {
  color: #0058af;
}

.fairness .fairm .far {
  width: calc((1370 / 1660) * 100%);
  display: inline-block;
  vertical-align: top;
}

.fairness .fairm .far .frams {
  width: 100%;
  display: none;
}

.fairness .fairm .far .frams.on {
  display: block;
}

.fairness .fairm .far .fit {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.fairness .fairm .far .fralist {
  width: 100%;
  font-size: 0;
}

.fairness .fairm .far .fralist .fame {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  width: calc((645 / 1370) * 100%);
  margin-right: calc((79 / 1370) * 100%);
  border-bottom: dashed 1px #e5e5e5;
}

.fairness .fairm .far .fralist .fame a {
  width: 100%;
  display: block;
  padding: 0.3rem 0;
}

.fairness .fairm .far .fralist .fame .fml {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.32rem);
}

.fairness .fairm .far .fralist .fame .fml .ft {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.fairness .fairm .far .fralist .fame .fml .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.fairness .fairm .far .fralist .fame .fmr {
  display: inline-block;
  vertical-align: middle;
  width: 0.32rem;
}

.fairness .fairm .far .fralist .fame .fmr span {
  display: inline-block;
  vertical-align: middle;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background-color: #f5f5f5;
}

.fairness .fairm .far .fralist .fame .fmr span img {
  width: 100%;
  display: block;
}

.fairness .fairm .far .fralist .fame .fmr span img:first-child {
  display: block;
}

.fairness .fairm .far .fralist .fame .fmr span img:last-child {
  display: none;
}

.fairness .fairm .far .fralist .fame:nth-child(2n) {
  margin-right: 0;
}

.fairness .fairm .far .fralist .fame:hover .fml .ft {
  color: #0058af;
}

.fairness .fairm .far .fralist .fame:hover .fmr span {
  background-color: #0058af;
}

.fairness .fairm .far .fralist .fame:hover .fmr span img:first-child {
  display: none;
}

.fairness .fairm .far .fralist .fame:hover .fmr span img:last-child {
  display: block;
}

@media (max-width: 900px) {
  .fairness .fairm .fal .falper {
    width: 100%;
    height: auto;
    padding: 0.2rem 0;
  }
  .fairness .fairm .fal .falper .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin-right: 0.3rem;
  }
  .fairness .fairm .fal .falper .swiper-slide .point {
    width: 10px;
    height: 10px;
    display: block;
    margin: 0 auto 0.1rem;
  }
  .fairness .fairm .fal .falper .swiper-slide .swm {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  .fairness .fairm .fal .falper:after {
    left: 0;
    top: calc((5px + 0.4rem) - 1px);
    height: 1px;
    width: 100%;
  }
}

.downloads {
  width: 100%;
  padding: 1rem 0;
  font-size: 0;
  background-color: #f5f5f5;
}


.downloads .dol {
  display: inline-block;
  vertical-align: top;
  width: calc((290 / 1660) * 100%);
  margin-right: calc((39 / 1660) * 100%);
  border-radius: 20px;
  background-color: #fff;
}

.downloads .dol .sop {
  width: 100%;
  background-color: #ebedef;
  border-radius: 20px 20px 0px 0px;
  font-size: 0;
  padding: 0 0.2rem;
}

.downloads .dol .sop form {
  width: 100%;
  display: block;
}

.downloads .dol .sop .inpux {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.22rem - 0.1rem);
  margin-right: 0.1rem;
}

.downloads .dol .sop .inpux .inx {
  width: 100%;
  display: block;
  background-color: transparent;
  color: #333;
  line-height: 3;
  border: none;
}

.downloads .dol .sop .sub {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
}

.downloads .dol .sop .sub .ins {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border: none;
  background-color: transparent;
  background-image: url("../image/ss2.png");
  background-size: 100% 100%;
}

.downloads .dol .convm {
  width: 100%;
  padding: 0.3rem;
}

.downloads .dol .convm .civ {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.downloads .dol .convm .vonslit {
  width: 100%;
}

.downloads .dol .convm .vonslit .vatem {
  width: 100%;
  position: relative;
}

.downloads .dol .convm .vonslit .vatem .vas {
  width: 100%;
  font-size: 0;
}

.downloads .dol .convm .vonslit .vatem .vas a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 2;
}

.downloads .dol .convm .vonslit .vatem .vavuls {
  width: 100%;
  padding: 0.1rem 0.15rem;
  display: none;
}

.downloads .dol .convm .vonslit .vatem .vavuls ul {
  width: 100%;
}

.downloads .dol .convm .vonslit .vatem .vavuls li {
  width: 100%;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a {
  width: 100%;
  color: #666;
  line-height: 2;
  display: block;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a:hover {
  color: #0058af;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a.active {
  color: #0058af;
}

.downloads .dol .convm .vonslit .vatem.has-vul:after {
  content: " ";
  display: inline-block;
  width: 0.12rem;
  height: 0.07rem;
  background-image: url("../image/x.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  left: auto;
  transform: translateX(0);
  top: 0.17rem;
  transform: rotate(0deg);
  transition: all ease 0.3s;
}

.downloads .dol .convm .vonslit .vatem.has-vul.show:after {
  transform: rotate(180deg);
}

.downloads .dol .convm .classtm {
  width: 100%;
  padding-top: 0.2rem;
  margin-top: 0.3rem;
  border-top: solid 1px #ddd;
}

.downloads .dol .convm .classtm .clma {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.1rem;
}

.downloads .dol .convm .classtm .clma a {
  width: 100%;
  display: block;
  color: #333;
  border-radius: 8px;
  line-height: 2.5;
  text-align: center;
  border: solid 1px #dddddd;
}

.downloads .dol .convm .classtm .clma:nth-child(2n) {
  margin-right: 0;
}

.downloads .dol .convm .classtm .clma:hover a {
  background-color: #fabf13;
  border: solid 1px #fabf13;
  color: #fff;
}

.downloads .dol .convm .classtm .clma.on a {
  background-color: #fabf13;
  border: solid 1px #fabf13;
  color: #fff;
}

.downloads .dol .selconv {
  width: 100%;
  padding: 0.2rem 0;
}

.downloads .dol .selconv .select {
  width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-right: 0rem;
}

.downloads .dol .selconv .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #ddd;
  padding: 0 0.2rem;
}

.downloads .dol .selconv .select .select-con .ix {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.downloads .dol .selconv .select .select-con .ix img {
  width: 100%;
  display: block;
}

.downloads .dol .selconv .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  line-height: 3.5;
  height: 3.5em;
  color: #666;
}

.downloads .dol .selconv .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.downloads .dol .selconv .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.downloads .dol .selconv .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../image/x.png");
  background-size: 100%;
}

.downloads .dol .selconv .select + .select {
  margin-top: 0.15rem;
}

.downloads .dor {
  display: inline-block;
  vertical-align: top;
  width: calc((1330 / 1660) * 100%);
}

.downloads .dor .dorms {
  width: 100%;
  display: none;
}

.downloads .dor .dorms.on {
  display: block;
}

.downloads .dor .firmware {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem;
  border-radius: 20px;
}

.downloads .dor .firmware .fop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.26rem;
}

.downloads .dor .firmware .fop .fion {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  margin-right: 0.7rem;
}

.downloads .dor .firmware .fop .fion span {
  width: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  height: 1.2rem;
  background-color: #fabf13;
  border-radius: 8px;
}

.downloads .dor .firmware .fop .fion img {
  width: 100%;
  display: block;
}

.downloads .dor .firmware .fop .from {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.7rem - 1.2rem);
}

.downloads .dor .firmware .fop .from .ft {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}

.downloads .dor .firmware .fop .from .fmm {
  width: 100%;
  font-size: 0;
}

.downloads .dor .firmware .fop .from .fmm span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.downloads .dor .firmware .ftm {
  width: 100%;
  padding-left: 1.9rem;
  color: #333;
  line-height: 1.5;
}

.downloads .dor .firmware .ftm p {
  color: #333;
  line-height: 1.5;
}

.downloads .dor .firmware .line {
  width: 100%;
  border-bottom: solid 1px #ddd;
  margin: 0.5rem 0;
}

.downloads .dor .firmware .don {
  width: 100%;
  font-size: 0;
}

.downloads .dor .firmware .don a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.4rem;
  border-radius: 8px;
  border: solid 1px #dddddd;
  color: #666;
  line-height: 2.5;
}

.downloads .dor .firmware .don a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.2rem;
}

.downloads .dor .firmware .don a span img {
  width: 100%;
  display: block;
}

.downloads .dor .firmware .don a span img:first-child {
  display: block;
}

.downloads .dor .firmware .don a span img:last-child {
  display: none;
}

.downloads .dor .firmware .don a:hover {
  background-color: #fabf13;
  border: solid 1px #fabf13;
  color: #fff;
}

.downloads .dor .firmware .don a:hover span img:first-child {
  display: none;
}

.downloads .dor .firmware .don a:hover span img:last-child {
  display: block;
}

.downloads .dor .colpage {
  width: 100%;
  background-color: #fff;
  padding: 0 0.4rem;
}

.downloads .dor .colpage .colpam {
  width: 100%;
  padding-bottom: 0.3rem;
}

.downloads .dor .colpage .colpam .oit {
  width: 100%;
  color: #191919;
  line-height: 1.5;
  padding: 0.3rem 0;
}

.downloads .dor .colpage .colpam .copaglist {
  width: 100%;
  font-size: 0;
}

.downloads .dor .colpage .colpam .copaglist .copam {
  display: inline-block;
  vertical-align: top;
  width: calc((390 / 1250) * 100%);
  margin-right: calc((39 / 1250) * 100%);
  margin-bottom: 0.4rem;
  padding: 0.5rem 0.3rem;
}

.downloads .dor .colpage .colpam .copaglist .copam a {
  width: 100%;
  display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon {
  display: block;
  margin: 0 auto 0.28rem;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #0058af;
  border-radius: 8px;
  transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon img {
  width: 100%;
  display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon .img {
  width: 100%;
  padding-top: 100%;
}

.downloads .dor .colpage .colpam .copaglist .copam .civ {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  height: 3em;
}

.downloads .dor .colpage .colpam .copaglist .copam .cim {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.downloads .dor .colpage .colpam .copaglist .copam .cim span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin: 0 0.1rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.3rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.4rem;
  border-radius: 8px;
  border: solid 1px #dddddd;
  color: #666;
  line-height: 2.5;
  transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.2rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img {
  width: 100%;
  display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img:first-child {
  display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img:last-child {
  display: none;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover {
  background-color: #f5f5f5;
  border-radius: 10px;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .icon {
  background-color: #fabf13;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv {
  background-color: #fabf13;
  border: solid 1px #fabf13;
  color: #fff;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv span img:first-child {
  display: none;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv span img:last-child {
  display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n) {
  margin-right: 0;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.downloads .dor .colpage .colpam .pages {
  padding-top: 0;
}

.downloads .dor .colpage .colpam .videolis {
  width: 100%;
  font-size: 0;
}

.downloads .dor .colpage .colpam .videolis .vetom {
  width: calc((390 / 1250) * 100%);
  margin-right: calc((39 / 1250) * 100%);
  background-color: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 0.4rem;
  display: inline-block;
  vertical-align: top;
}

.downloads .dor .colpage .colpam .videolis .vetom a {
  width: 100%;
  display: block;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .img {
  width: 100%;
  padding-top: 56.41%;
  transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .play {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .play img {
  width: 100%;
  display: block;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom {
  width: 100%;
  padding: 0.25rem;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .vit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.08rem 0;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .em {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 6em;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n) {
  margin-right: 0;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.downloads .dor .colpage .colpam .videolis .vetom:hover .imgs .img {
  transform: scale(1.1);
}

.downloads .dor .colpage .colpam .videolis .vetom:hover .vom .vit {
  color: #fabf13;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+1) .imgs .img {
  padding-top: 56.41%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+2) .imgs .img {
  padding-top: 61.53%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+3) .imgs .img {
  padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+4) {
  position: relative;
  margin-top: -0.2rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+4) .imgs .img {
  padding-top: 61.53%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+5) {
  position: relative;
  margin-top: 0rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+5) .imgs .img {
  padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+6) {
  position: relative;
  margin-top: -0.6rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+6) .imgs .img {
  padding-top: 56.51%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+7) {
  position: relative;
  margin-top: -0rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+7) .imgs .img {
  padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+8) {
  position: relative;
  margin-top: -0.4rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+8) .imgs .img {
  padding-top: 56.51%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+9) {
  position: relative;
  margin-top: -0.6rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+9) .imgs .img {
  padding-top: 61.53%;
}

.downloads .dor .colpage .colpam + .colpam {
  border-top: solid 1px #ddd;
}

@media (max-width: 900px) {
  .downloads .dor .colpage .colpam .videolis .vetom {
    margin-top: 0rem !important;
  }
  .downloads .dor .colpage .colpam .videolis .vetom .imgs .img {
    padding-top: 56.51% !important;
  }
}

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

.repairs .repam {
  width: 100%;
}

.repairs .repam .retop {
  width: 100%;
  margin-bottom: 0.5rem;
}

.repairs .repam .retop .rep {
  width: 100%;
  color: #191919;
  font-weight: bold;
  line-height: 1.5;
}

.repairs .repam .retop .rx {
  width: 100%;
  font-size: 0;
}

.repairs .repam .retop .rx span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.repairs .repam .retop .rx a {
  display: inline-block;
  vertical-align: middle;
  color: #0058af;
  line-height: 1.5;
}

.repairs .repam .repont {
  width: 100%;
}

.repairs .repam .repont .reselect {
  width: 100%;
  font-size: 0;
}

.repairs .repam .repont .reselect .select {
  width: 4rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-right: 0.3rem;
}

.repairs .repam .repont .reselect .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #ddd;
  padding: 0 0.2rem;
}

.repairs .repam .repont .reselect .select .select-con .ix {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.repairs .repam .repont .reselect .select .select-con .ix img {
  width: 100%;
  display: block;
}

.repairs .repam .repont .reselect .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  line-height: 3.5;
  height: 3.5em;
  color: #666;
}

.repairs .repam .repont .reselect .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.repairs .repam .repont .reselect .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.repairs .repam .repont .reselect .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 11px;
  height: 6px;
  background-image: url("../image/x.png");
  background-size: 100%;
}

.repairs .repam .repont .hotline {
  width: 100%;
  padding: 0.4rem 0;
  margin-bottom: 0.3rem;
}

.repairs .repam .repont .hotline .hx {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.repairs .repam .repont .hotline .line {
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin: 0.15rem 0 0.05rem;
}

.repairs .repam .repont .hotline .hum {
  width: 100%;
  color: #fabf13;
  line-height: 1.5;
  font-weight: bold;
}

.repairs .repam .repont .companylis {
  width: 100%;
  font-size: 0;
}

.repairs .repam .repont .companylis .comays {
  display: inline-block;
  vertical-align: top;
  width: calc((810 / 1660) * 100%);
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: 0.45rem 0.4rem;
  position: relative;
  margin-right: calc((39 / 1660) * 100%);
  margin-bottom: 0.4rem;
}

.repairs .repam .repont .companylis .comays:after {
  content: ' ';
  position: absolute;
  left: -0rem;
  top: 0.5rem;
  width: 0.16rem;
  height: 0.35rem;
  transform: rotate(-90deg);
  background-image: url("../image/i13.png");
  background-size: 100% 100%;
}

.repairs .repam .repont .companylis .comays:before {
  content: ' ';
  position: absolute;
  left: -0rem;
  bottom: 0.5rem;
  width: 0.16rem;
  height: 0.35rem;
  transform: rotate(-90deg);
  background-image: url("../image/i13.png");
  background-size: 100% 100%;
}

.repairs .repam .repont .companylis .comays .dian {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.12rem;
}

.repairs .repam .repont .companylis .comays .dian span {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background-color: #006ab6;
}

.repairs .repam .repont .companylis .comays .cin {
  width: 100%;
  color: #222;
  line-height: 1.5;
  font-weight: bold;
}

.repairs .repam .repont .companylis .comays .line {
  width: 100%;
  border-bottom: dashed 1px #999;
  margin: 0.24rem 0 0.3rem;
}

.repairs .repam .repont .companylis .comays .cinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.repairs .repam .repont .companylis .comays .cinp p {
  color: #666;
  line-height: 1.8;
}

.repairs .repam .repont .companylis .comays:nth-child(2n) {
  margin-right: 0;
}

.parameter .parmen{
  overflow: hidden;
}

.parameter .parmen table{
  /* width: 100%; */
  display: block;
  font-size: 14px;
  border: none;
}
.parameter .parmen tbody{
  width: 100%;
  display: block;
}
.parameter .parmen table th{
  padding: 10px;
  font-size: 14px;
  line-height: 2 !important;
}
.parameter .parmen table td{
  padding: 10px;
  font-size: 14px;
  line-height: 2 !important;
}

.pocopm {
  position: fixed;
  z-index: 100;
  width: 100vw;
  left: 0;
  top: 0;
  height: 100vh;
  display: none;
}

.pocopm .plack {
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.pocopm .potn {
  width: 94%;
  max-width: 13rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pocopm .potn .firmware {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem;
  border-radius: 20px;
  position: relative;
}

.pocopm .potn .firmware .fop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.26rem;
}

.pocopm .potn .firmware .fop .fion {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  margin-right: 0.7rem;
}

.pocopm .potn .firmware .fop .fion span {
  width: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  height: 1.6rem;
  background-color: #fabf13;
  border-radius: 8px;
}

.pocopm .potn .firmware .fop .fion img {
  width: 100%;
  display: block;
}

.pocopm .potn .firmware .fop .from {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.7rem - 1.6rem);
}

.pocopm .potn .firmware .fop .from .ft {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}

.pocopm .potn .firmware .fop .from .fmm {
  width: 100%;
  font-size: 0;
}

.pocopm .potn .firmware .fop .from .fmm span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.pocopm .potn .firmware .ftm {
  width: 100%;
  padding-left: 1.9rem;
  color: #333;
  line-height: 1.5;
}

.pocopm .potn .firmware .ftm p {
  color: #333;
  line-height: 1.5;
}

.pocopm .potn .firmware .line {
  width: 100%;
  border-bottom: solid 1px #ddd;
  margin: 0.5rem 0;
}

.pocopm .potn .firmware .don {
  width: 100%;
  font-size: 0;
  text-align: left !important;
}

.pocopm .potn .firmware .don a {
  display: inline-block !important;
  vertical-align: middle;
  width: 1.6rem !important;
  padding: 0 0rem;
  text-align: center;
  border-radius: 8px;
  border: solid 1px #dddddd;
  color: #666;
  line-height: 2.5;
}

.pocopm .potn .firmware .don a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.2rem;
}

.pocopm .potn .firmware .don a span img {
  width: 100%;
  display: block;
}

.pocopm .potn .firmware .don a span img:first-child {
  display: block;
}

.pocopm .potn .firmware .don a span img:last-child {
  display: none;
}

.pocopm .potn .firmware .don a:hover {
  background-color: #fabf13;
  border: solid 1px #fabf13;
  color: #fff;
}

.pocopm .potn .firmware .don a:hover span img:first-child {
  display: none;
}

.pocopm .potn .firmware .don a:hover span img:last-child {
  display: block;
}

.pocopm .potn .firmware .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 0.35rem;
  height: 0.35rem;
  cursor: pointer;
}

.pocopm .potn .firmware .close img {
  width: 100%;
  display: block;
}

.pocopm .potn .firmware .vot {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.pocopm .potn .firmware .vot .ftm {
  width: calc(100% - 2rem);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
}

.pocopm .potn .firmware .vot .don {
  width: 2rem !important;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0 !important;
}



.w1660 {
    width: 16.6rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
  }
  
  @media (max-width: 1680px) {
    .w1660 {
      width: 94%;
    }
  }
  
 .xanner {
  width: 100%;
  position: relative;
}

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

.xanner .swiper-slide .img {
  width: 100%;
  padding-top: 44.79%;
}

.xanner .swiper-slide .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc((130 / 1920) * 100%);
  width: calc((740 / 1920) * 100%);
  width: 7.4rem;
  text-align: right;
  z-index: 4;
}

.xanner .swiper-slide .box .bit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

.xanner .swiper-slide .box .bit p {
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

.xanner .swiper-slide .box .emb {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 0.15rem;
}

.xanner .swiper-slide .box .emb p {
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
}

.xanner .swiper-slide .box .morec {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.xanner .swiper-slide .box .morec a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  padding: 0 0.8rem 0 0.6rem;
}

.xanner .swiper-slide .box .morec a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.16rem;
  position: relative;
  margin-left: 0.2rem;
  transition: all ease 0.3s;
  top: -0.02rem;
  left: 0;
}

.xanner .swiper-slide .box .morec a span img {
  width: 100%;
  display: block;
}

.xanner .swiper-slide .box .morec a:hover span {
  left: 0.2rem;
}

.xanner .swiper-slide .voc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.xanner .swiper-pagination {
  bottom: 0.6rem;
}

.xanner .swiper-pagination-bullet {
  width: 0.35rem;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  border-radius: 2px;
}

.xanner .swiper-pagination-bullet-active {
  background-color: #fabf13;
}

@media (max-width: 900px) {
  .xanner .swiper-slide {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  .xanner .swiper-slide a{
  	width: 100%;
  	display: block;
  }
  .xanner .swiper-slide .box .bit {
    font-size: 16px;
  }
  .xanner .swiper-slide .box .emb {
    font-size: 12px;
  }
  .xanner .swiper-slide .box .morec a {
    line-height: 2.5;
    padding: 0 0.4rem 0 0.3rem;
  }
}

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

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

.activitys .activm .actl {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1660 * 100%);
}

.activitys .activm .actl .tlcm {
  width: 100%;
  display: none;
  height: 5.4rem;
  background-color: #000;
  position: relative;
}

.activitys .activm .actl .tlcm .vi1 {
  width: 100%;
  height: 100%;
}

.activitys .activm .actl .tlcm .vi2 {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.activitys .activm .actl .tlcm .img {
  width: 100%;
  height: 100%;
}

.activitys .activm .actl .tlcm .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  opacity: 0;
  transition: all ease 0.5s;
}

.activitys .activm .actl .tlcm .ic {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
  text-align: center;
  color: #fff;
  line-height: 2.5;
  border: solid 1px #fff;
  padding: 0 0.4rem;
  transition: all ease 0.5;
}

.activitys .activm .actl .tlcm .ic img {
  width: 100%;
  display: block;
}

.activitys .activm .actl .tlcm:hover .ic {
  opacity: 1;
}

.activitys .activm .actl .tlcm:hover .bg {
  opacity: 1;
}

.activitys .activm .actl .tlcm.on {
  display: block;
}

.activitys .activm .actr {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: calc(605 / 1660 * 100%);
}

.activitys .activm .actr .actrom {
  width: 100%;
  flex: 1;
}

.activitys .activm .actr .actrom .arom {
  width: 100%;
  display: none;
}

.activitys .activm .actr .actrom .arom.on {
  display: block;
}

.activitys .activm .actr .actnav {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.25rem;
  position: relative;
}

.activitys .activm .actr .actnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto;
  width: 100%;
  border-bottom: solid 2px transparent;
}

.activitys .activm .actr .actnav .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2;
  width: 100%;
  text-align: center;
  transition: all ease 0.5s;
}

.activitys .activm .actr .actnav .swiper-slide.on, .activitys .activm .actr .actnav .swiper-slide:hover {
  border-bottom: solid 2px #0094d8;
}

.activitys .activm .actr .actnav .swiper-slide.on a, .activitys .activm .actr .actnav .swiper-slide:hover a {
  color: #0094d8;
}

.activitys .activm .actr .actnav .btn {
  position: absolute;
  z-index: 5;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  width: 11px;
  height: 18px;
  cursor: pointer;
  opacity: 0;
  transition: all ease 0.5s;
}

.activitys .activm .actr .actnav .btn img {
  width: 100%;
  display: block;
}

.activitys .activm .actr .actnav .btn img:first-child {
  display: block;
}

.activitys .activm .actr .actnav .btn img:last-child {
  display: none;
}

.activitys .activm .actr .actnav .btn:hover img:first-child {
  display: none;
}

.activitys .activm .actr .actnav .btn:hover img:last-child {
  display: block;
}

.activitys .activm .actr .actnav .bl {
  left: -13px;
}

.activitys .activm .actr .actnav .br {
  right: -13px;
}

.activitys .activm .actr .actnav:hover .btn {
  opacity: 1;
}

.activitys .activm .actr .at {
  width: 100%;
  color: #000;
  line-height: 1.5;
  padding-bottom: 0.1rem;
  border-bottom: solid 1px rgba(170, 180, 186, 0.3);
  margin-bottom: 0.15rem;
}

.activitys .activm .actr .aims {
  width: 100%;
  font-size: 0;
  margin: 0.4rem 0 0.2rem;
}

.activitys .activm .actr .aims .asm {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5;
  margin-right: 0.35rem;
  margin-bottom: 0.15rem;
}

.activitys .activm .actr .aims .asm span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  position: relative;
  top: -0.02rem;
  margin-right: 0.1rem;
}

.activitys .activm .actr .aims .asm span img {
  width: 100%;
  display: block;
}

.activitys .activm .actr .auls {
  width: 100%;
  height: 2.7rem;
  overflow: auto;
  line-height: 1.5;
  padding-right: 15px;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.activitys .activm .actr .auls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(34, 55, 81, 0.06);
}

.activitys .activm .actr .auls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 148, 216, 0.8);
  background: rgba(0, 148, 216, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.activitys .activm .actr .auls::-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);
}

.activitys .activm .actr .auls .ali {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #ddd;
  padding: 0.1rem 0;
}

.activitys .activm .actr .auls .ali .am {
  display: inline-block;
  vertical-align: middle;
  color: #444;
  line-height: 1.5;
}

.activitys .activm .actr .auls .ali .ap {
  display: inline-block;
  vertical-align: middle;
  color: #444;
  line-height: 1.5;
}

.activitys .focus {
  width: 100%;
  font-size: 0;
  padding: 0.35rem 1rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.activitys .focus .fol {
  display: inline-block;
  vertical-align: middle;
}

.activitys .focus .fol .ftt {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}

.activitys .focus .for {
  display: inline-block;
  vertical-align: middle;
}

.activitys .focus .for .cod {
  display: inline-block;
  vertical-align: middle;
  width: 1.36rem;
  height: 1.36rem;
  background-color: #fff;
  padding: 0.1rem;
  border-radius: 5px;
}

.activitys .focus .for .cod img {
  width: 100%;
  display: block;
}

@media (max-width: 800px) {
  .activitys .activm .actr .actnav .swiper-container {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .activitys .activm .actr .actnav .btn {
    opacity: 1;
  }
  .activitys .activm .actr .actnav .bl {
    left: 0;
  }
  .activitys .activm .actr .actnav .br {
    right: 0;
  }
}

.displays {
  width: 100%;
  background-color: #ecf2f8;
  padding: 1rem 0;
}

.displays .distper {
  width: 100%;
  position: relative;
}

.displays .distper .swiper-container {
  width: 100%;
}

.displays .distper .swiper-wrapper {
  align-items: center;
  justify-content: space-between;
}

.displays .distper .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 5.1rem;
  transition: all ease 0.5s;
}

.displays .distper .swiper-slide a {
  width: 100%;
  display: block;
  font-size: 0;
}

.displays .distper .swiper-slide .sonm {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0.2rem;
  transition: all ease 0.5s;
  opacity: 0.7;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.displays .distper .swiper-slide .sonm .xit {
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  bottom: 0.6rem;
  text-align: center;
  color: #333;
  line-height: 1.5;
}

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

.displays .distper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 102.56%;
  transition: all ease 0.5s;
}

.displays .distper .swiper-slide .xit {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
  margin-top: 0.15rem;
}

.displays .distper .swiper-slide .paner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  margin: 0 auto;
  transition: all ease 0.5s;
  overflow: hidden;
  border-radius: 0.2rem;
  opacity: 0;
}

.displays .distper .swiper-slide .paner .imc {
  width: 100%;
  padding-top: 62.96%;
  background-color: #fff;
  transition: all ease 0.5s;
}

.displays .distper .swiper-slide .paner .pic {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}

.displays .distper .swiper-slide .paner .pic .vit {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #eee;
  padding-bottom: 0.1rem;
  margin-bottom: 0.25rem;
}

.displays .distper .swiper-slide .paner .pic .vit b {
  display: inline-block;
  color: #000;
  margin-right: 0.1rem;
}

.displays .distper .swiper-slide .paner .pic .vit span {
  display: inline-block;
  color: #333;
}

.displays .distper .swiper-slide .paner .pic .vm {
  width: 100%;
  color: #444;
  line-height: 1.5;
}

.displays .distper .swiper-slide .paner .pic .vm p {
  color: #444;
  line-height: 1.5;
}

.displays .distper .swiper-slide-active a {
  text-align: center;
}

.displays .distper .swiper-slide-active .sonm {
  opacity: 1;
  width: 0;
  padding: 0;
  display: none;
}

.displays .distper .swiper-slide-active .paner {
  width: 100%;
  display: block;
}

.displays .distper .swiper-slide-prev a {
  text-align: right;
}

.displays .distper .swiper-slide-prev a {
  text-align: right;
}

.displays .distper .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  top: calc(50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
}

.displays .distper .btn img {
  width: 100%;
  display: block;
}

.displays .distper .btn img:first-child {
  display: block;
}

.displays .distper .btn img:last-child {
  display: none;
}

.displays .distper .btn:hover {
  background-color: #fabf13;
}

.displays .distper .btn:hover img:first-child {
  display: none;
}

.displays .distper .btn:hover img:last-child {
  display: block;
}

.displays .distper .bl {
  left: -0.2rem;
}

.displays .distper .br {
  right: -0.2rem;
}

.displays .distper .swiper-slide.c1 .sonm {
  left: 0;
  width: calc(300 / 415 * 100%);
  transform: translate(0%, -50%);
}

.displays .distper .swiper-slide.c3 .sonm {
  right: 0;
  left: auto;
  width: calc(300 / 415 * 100%);
  transform: translate(0%, -50%);
}

.displays .distper .swiper-slide.c2 .sonm {
  width: 0;
  opacity: 0;
}

.displays .distper .swiper-slide.c2 .paner {
  opacity: 1;
  width: calc(610 / 415 * 100%);
}

.displays .distper .swiper-slide:hover .sonm {
  opacity: 1;
}

.displays .distper .swiper-slide:hover .sonm .imgs .img {
  transform: scale(1.1);
}

.displays .distper .swiper-slide:hover .paner .imc {
  transform: scale(1.1);
}

.displays .distper:hover .btn {
  opacity: 1;
}

@media (max-width: 800px) {
  .displays .distper .btn {
    opacity: 1;
  }
  .displays .distper .swiper-slide {
    width: 100%;
    margin: 0;
  }
  .displays .distper .swiper-slide.c1, .displays .distper .swiper-slide.c2, .displays .distper .swiper-slide.c3 {
    width: 100%;
  }
  .displays .distper .swiper-slide.c1 .paner, .displays .distper .swiper-slide.c2 .paner, .displays .distper .swiper-slide.c3 .paner {
    width: 100%;
  }
}

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

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

.hots .hotem .htl {
  display: inline-block;
  vertical-align: middle;
  width: calc((810 / 1660 * 100%));
}

.hots .hotem .htl a {
  width: 100%;
  display: block;
}

.hots .hotem .htl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hots .hotem .htl .imgs .img {
  width: 100%;
  padding-top: 56.17%;
  transition: all ease 0.5s;
}

.hots .hotem .htl .vtm {
  position: relative;
  top: -0.5rem;
  width: calc((760 / 810 * 100%));
  background-color: #fff;
  border-radius: 0 0.2rem 0.2rem 0;
  padding: 0.4rem 0.5rem;
}

.hots .hotem .htl .vtm .xt {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.hots .hotem .htl .vtm .xp {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.hots .hotem .htl:hover .imgs .img {
  transform: scale(1.1);
}

.hots .hotem .htl:hover .vtm .xt {
  color: #0094d8;
}

.hots .hotem .htr {
  display: inline-block;
  vertical-align: middle;
  width: calc((770 / 1660 * 100%));
}

.hots .hotem .htr .hrom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.hots .hotem .htr .hrom .hol {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  padding-right: 0.8rem;
}

.hots .hotem .htr .hrom .hol .dt {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.hots .hotem .htr .hrom .hol .xp {
  width: 100%;
  line-height: 1.5;
  height: 3em;
  color: #666;
}

.hots .hotem .htr .hrom .hor {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.hots .hotem .htr .hrom .hor .jt {
  width: 100%;
  color: #666;
  line-height: 1.1;
}

.hots .hotem .htr .hrom .hor .dd {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.hots .hotem .htr .hrom:first-child {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.hots .hotem .htr .hrom:hover .hol .dt {
  color: #0094d8;
}

.hots .hotem .htr .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
  text-align: right;
}

.hots .hotem .htr .more a {
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  color: #666;
}

.hots .hotem .htr .more a:hover {
  color: #0094d8;
}

.reviews {
  width: 100%;
  padding: 1rem 0;
  background-color: #e6ebf1;
}

.reviews .revipers {
  width: 100%;
  position: relative;
}

.reviews .revipers .swiper-slide {
  width: 100%;
}

.reviews .revipers .swiper-slide a {
  width: 100%;
  display: block;
}

.reviews .revipers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
}

.reviews .revipers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 77.60%;
  transition: all ease 0.5s;
}

.reviews .revipers .swiper-slide .sot {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reviews .revipers .swiper-slide .sot .sm {
  display: inline-block;
  vertical-align: middle;
  color: #191919;
  line-height: 1.5;
}

.reviews .revipers .swiper-slide .sot .mm {
  display: inline-block;
  vertical-align: middle;
  width: 0.26rem;
  height: 0.26rem;
  display: none;
}

.reviews .revipers .swiper-slide .sot .mm img {
  width: 100%;
  display: block;
}

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

.reviews .revipers .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  top: calc(50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
}

.reviews .revipers .btn img {
  width: 100%;
  display: block;
}

.reviews .revipers .btn img:first-child {
  display: block;
}

.reviews .revipers .btn img:last-child {
  display: none;
}

.reviews .revipers .btn:hover {
  background-color: #fabf13;
}

.reviews .revipers .btn:hover img:first-child {
  display: none;
}

.reviews .revipers .btn:hover img:last-child {
  display: block;
}

.reviews .revipers .bl {
  left: -0.2rem;
}

.reviews .revipers .br {
  right: -0.2rem;
}

.reviews .revipers:hover .btn {
  opacity: 1;
}

@media (max-width: 800px) {
  .reviews .revipers .btn {
    opacity: 1;
  }
}

.botvom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 5;
}

.botvom .bvm {
  width: 100%;
  padding: 0.35rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.botvom .bvm .close {
  position: absolute;
  right: -5px;
  top: 5px;
  font-size: 20px;
  line-height: 1.5;
  cursor: pointer;
  color: #fff;
}

.botvom .bvm .bvl {
  display: inline-block;
  vertical-align: middle;
}

.botvom .bvm .bvl .bm {
  display: inline-block;
  vertical-align: middle;
}

.botvom .bvm .bvl .bm .num {
  color: #fabf13;
}

.botvom .bvm .bvl .bm .ic {
  width: 20px;
  display: inline-block;
  position: relative;
  top: 0.04rem;
  margin-right: 0.06rem;
}

.botvom .bvm .bvl .bm .ic img {
  width: 100%;
  display: block;
}

.botvom .bvm .bvl .bm .li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  color: #fff;
  line-height: 1.5;
  margin-right: 0.3rem;
}

.botvom .bvm .bvr {
  display: inline-block;
  vertical-align: middle;
}

.botvom .bvm .bvr a {
  display: inline-block;
  vertical-align: middle;
  background-color: #fabf13;
  border-radius: 8px;
  color: #fff;
  line-height: 3.5;
  height: 3.5em;
  padding: 0 0.1rem;
  margin-right: 3rem;
  text-align: center;
  width: 2rem;
}

.modular .mitop.cen {
  text-align: center;
} 

.rion{
	position:fixed;
	z-index: 20;
	width: 0.65rem;
	height: 0.65rem;
	right: 0.05rem;
	bottom:70px;
	border-radius: 4px;
	cursor: pointer;
	background-color: #008cd6;
}
.rion img{width:100%; height:100%;display:block;}