.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.85rem;
}

header .logo a, header .logo img {
  width: 160px;
  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-right:40px;
  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("../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;
  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((300 / 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("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/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("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1;
}

.pages .page.on.rtn {
  background-image: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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(../images/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: 45%;

  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: 1920px;
  height:100%;
}

.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;
}

@media(max-width: 1921px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.product1{background: url('/images/home_2_1.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_2.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_3.jpg') no-repeat right; background-size: cover;}
.about_0{ background:url(/images/about_02.jpg) no-repeat center center; height:840px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin-top:50px;text-align:center;background:url(/images/about_5_1280.png) no-repeat top center;height:300px;max-width:1280px;}
.about_4{width:900px;float:left;margin-right:130px;}
.about_5{font-size:18px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{width:850px;float:left;margin-right:100px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;float:left;margin-left:130px;margin-right:100px;}
.about_11{width:100%; background:url(/images/about_6_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_13{width:800px;float:left;}
.about_14{background:url(/images/about_9_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_15{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;width:744px; background: url('/images/about_07.png') no-repeat right;}
.about_16{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;width:744px; background: url('/images/about_08.png') no-repeat right;}
.about_17{font-size:16px;width:140px;height:200px;text-align:center;float:left;margin-right:30px;margin-bottom:30px;margin-left:30px;line-height:150%;}
.about_18{width:1637px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:150px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:150px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:837px;}
.about_pic{width:120px;}
.about_banner{height:750px;  }
.xma-text{position: absolute;top: 21.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:345px;height:421px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:20px;width:345px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:10px;}
.case_4{width:1581px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1581px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:600px;height:340px;}
.product_pic{border-radius:20px 20px 0px 0px; width:400px;height:300px;}
.contact_1{width:45%;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:600px;float:left;margin-left:130px;margin-right:100px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:450px;float:left;height:50px;line-height:50px;font-size:18px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:740px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_13{width:150px;height:150px;float:left;padding-top:10px;}
.contact_12{max-width:125px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat center center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat center center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1920px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1920px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:1080px;margin-bottom:150px;margin-top:-180px;padding-bottom:20px; height:330px;margin-left:500px;}
.home_news_5{width:427px;float:left;margin-right:20px;}
.home_news_6{width:620px;float:right;}
.home_news_7{width:420px;height:320px;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:350px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}

@media(max-width: 1920px){


.news_case_1{ background:url(/images/h_01.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_1_on{ background:url(/images/h_01_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}

.news_case_2{ background:url(/images/h_02.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_2_on{ background:url(/images/h_02_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}


.news_case_3{ background:url(/images/h_03.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_3_on{ background:url(/images/h_03_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}

.news_case_4{ background:url(/images/h_04.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_4_on{ background:url(/images/h_04_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}


.news_case_5{ background:url(/images/h_05.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_5_on{ background:url(/images/h_05_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}


.news_case_6{ background:url(/images/h_06.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_6_on{ background:url(/images/h_06_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}

.news_case_7{ background:url(/images/h_07.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}
.news_case_7_on{ background:url(/images/h_07_on.png) no-repeat left;width:84px;height:113px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;float:left;margin-right:20px;}



.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_1.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_2.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_3.jpg') no-repeat right; background-size: cover;}
.about_0{ background:url(/images/about_02.jpg) no-repeat center center; height:840px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin-top:50px;text-align:center;background:url(/images/about_5_1280.png) no-repeat top center;height:300px;max-width:1280px;}
.about_4{max-width:700px;float:right;}
.about_5{font-size:18px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{width:850px;float:left;margin-right:100px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;float:left;margin-left:130px;margin-right:100px;}
.about_11{ margin-left:60px;margin-top:80px;background:url(/images/about_6_1280.png) no-repeat center center;height:425px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_13{width:700px;float:right;margin-right:100px;}
.about_14{background:url(/images/about_9_1280.png) no-repeat 0px;float:right;width:856px;height:596px;margin-left:-100px;}
.about_15{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_07.png') no-repeat right;float:right;}
.about_16{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_08.png') no-repeat right;float:right;}
.about_17{font-size:16px;width:140px;height:200px;text-align:center;float:left;margin-right:30px;margin-bottom:30px;margin-left:30px;line-height:150%;}
.about_18{width:1637px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:150px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:150px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:837px;}
.about_pic{width:120px;}
.about_banner{height:750px;}
.xma-text{position: absolute;top: 21.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}

.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:345px;height:421px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:20px;width:345px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:10px;}
.case_4{width:1581px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1581px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:400px;height:300px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:600px;height:340px;}
.contact_1{width:45%;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:600px;float:left;margin-left:130px;margin-right:100px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:450px;float:left;height:50px;line-height:50px;font-size:18px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:740px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_13{width:150px;height:150px;float:left;padding-top:10px;}
.contact_12{max-width:125px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat center center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat center center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1920px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1920px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:1080px;margin-bottom:150px;margin-top:-180px;padding-bottom:20px; height:350px;margin-left:500px;}
.home_news_5{width:427px;float:left;margin-right:20px;}
.home_news_6{width:620px;float:right;}
.home_news_7{width:420px;height:320px;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:350px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}


@media(max-width: 1750px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_1.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_2.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_3.jpg') no-repeat right; background-size: cover;}
.about_0{ background:url(/images/about_02.jpg) no-repeat center center; height:840px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin-top:50px;text-align:center;background:url(/images/about_5_1280.png) no-repeat top center;height:300px;max-width:1480px;}
.about_4{max-width:600px;float:right;}
.about_5{font-size:16px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{width:850px;float:left;margin-right:100px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;float:left;margin-left:130px;margin-right:100px;}
.about_11{ margin-left:60px;margin-top:80px;background:url(/images/about_6_1280.png) no-repeat center center;height:425px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_13{width:700px;float:right;margin-right:100px;}
.about_14{background:url(/images/about_9_1280.png) no-repeat 0px;float:right;width:856px;height:596px;margin-left:-100px;}
.about_15{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_07.png') no-repeat right;float:right;}
.about_16{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_08.png') no-repeat right;float:right;}
.about_17{font-size:16px;width:140px;height:200px;text-align:center;float:left;margin-right:30px;margin-bottom:30px;margin-left:30px;line-height:150%;}
.about_18{width:1637px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:150px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:150px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:837px;}
.about_pic{width:120px;}
.about_banner{height:750px;}
.xma-text{position: absolute;top: 21.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}

.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:345px;height:421px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:20px;width:345px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:10px;}
.case_4{width:1581px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1581px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:400px;height:300px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:600px;height:340px;}
.contact_1{width:45%;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:600px;float:left;margin-left:130px;margin-right:100px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:450px;float:left;height:50px;line-height:50px;font-size:18px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:740px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_13{width:150px;height:150px;float:left;padding-top:10px;}
.contact_12{max-width:125px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat center center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat center center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1920px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1920px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:1080px;margin-bottom:150px;margin-top:-180px;padding-bottom:20px; height:350px;margin-left:500px;}
.home_news_5{width:427px;float:left;margin-right:20px;}
.home_news_6{width:620px;float:right;}
.home_news_7{width:420px;height:320px;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:350px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}



@media(max-width: 1650px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_1.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_2.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_3.jpg') no-repeat right; background-size: cover;}
.about_0{ background:url(/images/about_02.jpg) no-repeat center center; height:840px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin-top:50px;text-align:center;background:url(/images/about_5_1280.png) no-repeat top center;height:300px;max-width:1600px;}
.about_4{max-width:600px;float:right;}
.about_5{font-size:16px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{width:850px;float:left;margin-right:100px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;float:left;margin-left:130px;margin-right:100px;}
.about_11{ margin-left:60px;margin-top:80px;background:url(/images/about_6_1280.png) no-repeat center center;height:425px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_13{width:700px;float:right;margin-right:100px;}
.about_14{background:url(/images/about_9_1280.png) no-repeat 0px;float:right;width:856px;height:596px;margin-left:-100px;}
.about_15{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_07.png') no-repeat right;float:right;}
.about_16{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_08.png') no-repeat right;float:right;}
.about_17{font-size:16px;width:140px;height:200px;text-align:center;float:left;margin-right:30px;margin-bottom:30px;margin-left:30px;line-height:150%;}
.about_18{width:1637px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:150px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:150px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:837px;}
.about_pic{width:120px;}
.about_banner{height:750px;}
.xma-text{position: absolute;top: 21.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}

.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:345px;height:421px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:20px;width:345px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:10px;}
.case_4{width:1581px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1581px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:400px;height:300px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:600px;height:340px;}
.contact_1{width:45%;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:600px;float:left;margin-left:130px;margin-right:100px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:450px;float:left;height:50px;line-height:50px;font-size:18px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:740px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_13{width:150px;height:150px;float:left;padding-top:10px;}
.contact_12{max-width:125px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat center center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat center center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1920px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1920px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:1080px;margin-bottom:150px;margin-top:-180px;padding-bottom:20px; height:350px;margin-left:500px;}
.home_news_5{width:427px;float:left;margin-right:20px;}
.home_news_6{width:620px;float:right;}
.home_news_7{width:420px;height:320px;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:350px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}





@media(max-width: 1480px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:30px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_1.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_2.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_3.jpg') no-repeat right; background-size: cover;}
.about_0{ background:url(/images/about_02.jpg) no-repeat center center; height:840px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin-top:50px;text-align:center;background:url(/images/about_5_1480.png) no-repeat top center;height:300px;max-width:1480px;}
.about_4{max-width:500px;float:right;margin-top:-300px;}
.about_5{font-size:16px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{width:850px;float:left;margin-right:100px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;float:left;margin-left:130px;margin-right:100px;}
.about_11{ margin-left:60px;margin-top:80px;background:url(/images/about_6_1280.png) no-repeat center center;height:425px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_13{width:700px;float:right;margin-right:100px;}
.about_14{background:url(/images/about_9_1280.png) no-repeat 0px;float:right;width:856px;height:596px;margin-left:-100px;}
.about_15{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_07.png') no-repeat right;float:right;}
.about_16{font-size:20px;color:#fff;text-align:right;margin-top:20px;height:256px;max-width:744px; background: url('/images/about_08.png') no-repeat right;float:right;}
.about_17{font-size:16px;width:140px;height:200px;text-align:center;float:left;margin-right:30px;margin-bottom:30px;margin-left:30px;line-height:150%;}
.about_18{width:1637px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:150px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:150px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:837px;}
.about_pic{width:120px;}
.about_banner{height:750px;}
.xma-text{position: absolute;top: 21.69%; left: calc((130 / 1920) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}

.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:345px;height:421px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:20px;width:345px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:10px;}
.case_4{width:1581px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1581px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:400px;height:300px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:600px;height:340px;}
.contact_1{width:45%;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:600px;float:left;margin-left:130px;margin-right:100px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:450px;float:left;height:50px;line-height:50px;font-size:18px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:740px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_13{width:150px;height:150px;float:left;padding-top:10px;}
.contact_12{max-width:125px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat center center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat center center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1920px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1920px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:1080px;margin-bottom:150px;margin-top:-180px;padding-bottom:20px; height:350px;margin-left:500px;}
.home_news_5{width:427px;float:left;margin-right:20px;}
.home_news_6{width:620px;float:right;}
.home_news_7{width:420px;height:320px;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:350px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}


@media(max-width: 1300px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:20px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:20px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_11280.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_21280.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_31280.jpg') no-repeat right;background-size: cover; }
.about_0{ background:url(/images/about_02.jpg) no-repeat center bottom; height:1140px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin:0 auto;background:url(/images/about_5_1480.png) no-repeat center center;height:300px;max-width:1300px;}

.about_4{width:100%;padding:50px;}
.about_5{font-size:14px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{float:left;width:500px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;}
.about_11{background:url(/images/about_8_1280.png) no-repeat center center;width:520px;margin-top:-50px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:80px;}
.about_13{float:right;margin-top:-600px;margin-left:-100px;margin-right:100px;}
.about_14{background:url(/images/about_10_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_15{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_07_1280.png') no-repeat right;}
.about_16{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_08_1280.png') no-repeat right;}
.about_17{font-size:16px;width:110px;height:150px;text-align:center;float:left;margin-right:12px;margin-bottom:10px;margin-left:12px;line-height:150%;}
.about_18{width:1110px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:100px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:100px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:637px;}
.about_pic{width:100px;}
.about_banner{height:550px;}
.xma-text{position: absolute;top: 18.69%; left: calc((130 / 1280) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:260px;height:300px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:5px;width:260px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:5px;}
.case_4{width:1210px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1210px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:300px;height:200px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:500px;height:240px;}
.contact_1{width:500px;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:500px;float:left;margin-left:130px;margin-right:50px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:400px;float:left;height:50px;line-height:50px;font-size:16px;font-family:微软雅黑;color:#434a54;margin-right:-100px;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:500px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_12{max-width:100px;}
.contact_13{width:120px;height:120px;float:left;padding-top:10px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat left center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat left center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1200px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1200px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:840px;margin-bottom:180px;margin-top:-180px;padding-bottom:20px; height:370px;margin-left:400px;}
.home_news_5{width:300px;float:left;margin-right:20px;}
.home_news_6{width:380px;float:left;}
.home_news_7{width:320px;height:220px;}
.home_news_0{color:#4776be;font-size:30px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:330px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}




@media(max-width: 1280px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin-right:20px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin-right:20px;width:100px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:16px;color:#fff; font-family:微软雅黑;}

.anews{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#535353;border:1px solid #cad7ec;}
.anewss{float:left;margin-top:100px;border-radius:20px; background:#FFF; margin-right:39px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF; color:#535353;margin-bottom:100px; border:1px solid #cad7ec;}
.anewss_on{float:left;margin-right:39px;margin-top:30px;border-radius:20px; background:#FFF;color:#4776be; margin-bottom:100px; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.contact_bg{ background:url(/images/contact_01.jpg) no-repeat center bottom; height:800px; z-index:888;}
.tech_bg{background:url(/images/tech_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.product1{background: url('/images/home_2_11280.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_21280.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_31280.jpg') no-repeat right;background-size: cover; }
.about_0{ background:url(/images/about_02.jpg) no-repeat center bottom; height:1140px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin:0 auto;background:url(/images/about_5_1280.png) no-repeat center center;height:300px;width:1000px;}
.about_4{width:100%;padding:150px;}
.about_5{font-size:18px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{float:left;width:500px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;}
.about_11{background:url(/images/about_8_1280.png) no-repeat center center;width:520px;margin-top:-50px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:80px;}
.about_13{float:right;margin-top:-600px;margin-left:-100px;margin-right:100px;}
.about_14{background:url(/images/about_10_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_15{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_07_1280.png') no-repeat right;}
.about_16{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_08_1280.png') no-repeat right;}
.about_17{font-size:16px;width:110px;height:150px;text-align:center;float:left;margin-right:12px;margin-bottom:10px;margin-left:12px;line-height:150%;}
.about_18{width:1110px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:100px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:100px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:637px;}
.about_pic{width:100px;}
.about_banner{height:550px;}
.xma-text{position: absolute;top: 18.69%; left: calc((130 / 1280) * 100%);width: 8.2rem;}
.about_top_pic{background:url(/images/cp_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.tech_t_pic{background:url(/images/tech_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_01.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:260px;height:300px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:20px;text-align:left;padding:5px;width:260px;height:80px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:5px;}
.case_4{width:1210px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:1210px; margin:0 auto;}
.case_6{ background:url(/images/case_02.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:300px;height:200px;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:500px;height:240px;}
.contact_1{width:500px;float:right;margin-top:150px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;margin-right:80px;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:330px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:50px;float:left;padding-bottom:20px;}
.contact_7{width:500px;float:left;margin-left:130px;margin-right:50px;margin-top:200px;}
.contact_8{font-size:40px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:20px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:400px;float:left;height:50px;line-height:50px;font-size:16px;font-family:微软雅黑;color:#434a54;margin-right:-100px;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:500px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_12{max-width:100px;}
.contact_13{width:120px;height:120px;float:left;padding-top:10px;}
.tech_1{background:url(/images/tech_03.jpg) no-repeat left center; height:837px; z-index:888;margin-top:-30px;float:left;width:100%;}
.tech_2{ background:url(/images/tech_04.jpg) no-repeat left center; height:500px; z-index:888;margin-top:-30px;float:left;width:100%;}
.home_news_1{width:1200px; position: absolute; height:560px; margin-top:-150px;padding-top:20px;border-top:1px solid #c4c6c9;}
.home_news_2{width:1200px;  position: absolute; height:560px; margin-top:-150px; padding-top:20px;border-top:1px solid #c4c6c9;visibility: hidden;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:840px;margin-bottom:180px;margin-top:-180px;padding-bottom:20px; height:370px;margin-left:400px;}
.home_news_5{width:300px;float:left;margin-right:20px;}
.home_news_6{width:380px;float:left;}
.home_news_7{width:320px;height:220px;}
.home_news_0{color:#4776be;font-size:30px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:330px;margin-right:60px;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:130px;}
.info_news_2{width:1600px;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;padding:50px;box-shadow: 0 15px 30px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:1200px;margin:0 auto;}
.addtime{font-size:16px;float:right;color:#1f2328;text-align:right;width:100px;padding-top:10px;padding-bottom:10px;}
.newtitle{font-size:16px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;}
.tech_text_wp{font-size:15px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-top:50px;padding-left:130px;color:#9fb7dc;font-size:80px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;}
}

@media(max-width: 800px){


.case_case_1{ background:url(/images/case_case_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_1_on{ background:url(/images/case_case_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_2{ background:url(/images/case_case_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_2_on{ background:url(/images/case_case_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_case_3{ background:url(/images/case_case_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_case_3_on{ background:url(/images/case_case_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}


.case_wap_1{ background:url(/images/case_wap_1.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_1_on{ background:url(/images/case_wap_1_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_2{ background:url(/images/case_wap_2.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_2_on{ background:url(/images/case_wap_2_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

.case_wap_3{ background:url(/images/case_wap_3.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}
.case_wap_3_on{ background:url(/images/case_wap_3_on.png) no-repeat left;width:450px;height:102px;line-height:102px;font-size:20px;color:#464646; font-family:微软雅黑;}

a.news{margin:1px;width:70px;height:50px;border:1px solid #c7c9c9;background-color: rgba(251, 251, 251, 0.9);padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:14px;color:#464646; font-family:微软雅黑;}
a.news:hover{margin:1px;width:70px;height:50px;border:1px solid #c7c9c9;background-color: rgba(78, 118, 190, 0.9);padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;text-align:center;font-size:14px;color:#fff; font-family:微软雅黑;}

.anews{width:43%;float:left;border-radius:20px; background:#FFF; margin:10px;color:#535353;border:1px solid #cad7ec;}
.anewss{width:43%;float:left;border-radius:20px; background:#FFF; margin:10px;color:#4776be;border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}
.anews_on{width:43%;float:left;margin:10px;border-radius:20px; background:#FFF; color:#535353; border:1px solid #cad7ec;}
.anewss_on{width:43%;float:left;margin:10px;border-radius:20px; background:#FFF;color:#4776be; border:1px solid #4776be;box-shadow: 5px 2px 20px #acacac;}



a.qq{width:120px;height:100px;background: url(../images/qq.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
a.qq:hover{width:120px;height:100px;background: url(../images/qq_on.png) no-repeat;text-align:center;font-size:20px;color:#fff; font-family:微软雅黑;line-height:100px;float:left;margin-bottom:20px;padding-right:20px;}
.cp_pic{width:42%;float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.cp_bg{background:url(/images/cp_wp_bg.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.tech_bg{background:url(/images/tech_wp_bg.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.contact_bg{ background:url(/images/contact_wp_bg.jpg) no-repeat center bottom; height:800px; z-index:888;}
.product1{background: url('/images/home_2_11280.jpg') no-repeat right; background-size: cover;}
.product2{background: url('/images/home_2_21280.jpg') no-repeat right; background-size: cover;}
.product3{background: url('/images/home_2_31280.jpg') no-repeat right;background-size: cover; }
.about_0{ background:url(/images/about_02.jpg) no-repeat center bottom; height:1140px;}
.about_1{font-size:50px;color:#4776be; font-family:微软雅黑; font-weight:bold;}
.about_2{color:#888d94;font-size:40px;margin-top:10px; font-family:'Arial Black', Gadget, sans-serif;margin-top:20px;}
.about_3{margin:0 auto;background:url(/images/about_5_1280.png) no-repeat center center;height:300px;width:1000px;}
.about_4{width:100%;padding:150px;}
.about_5{font-size:18px;color:#5b5b5b; font-family:微软雅黑; line-height:180%;margin-bottom:50px;}
.about_6{width:100%; background:url(/images/about_03.jpg) no-repeat center center;height:837px;}
.about_7{float:left;width:500px;}
.about_8{margin-left:130px;font-size:35px;color:#1b7391;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_9{margin-left:130px;font-size:28px;color:#1b7391;padding-top:20px; font-family:微软雅黑;}
.about_10{width:600px;}
.about_11{background:url(/images/about_8_1280.png) no-repeat center center;width:520px;margin-top:-50px;}
.about_12{background:url(/images/about_7_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:80px;}
.about_13{float:right;margin-top:-600px;margin-left:-100px;margin-right:100px;}
.about_14{background:url(/images/about_10_1280.png) no-repeat left center;height:100px;margin-top:100px;margin-left:150px;}
.about_15{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_07_1280.png') no-repeat right;}
.about_16{text-align:right;margin-top:20px;height:172px;width:500px; background: url('/images/about_08_1280.png') no-repeat right;}
.about_17{font-size:16px;width:110px;height:150px;text-align:center;float:left;margin-right:12px;margin-bottom:10px;margin-left:12px;line-height:150%;}
.about_18{width:1110px;margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about_19{margin-left:100px;font-size:35px;color:#4776be;padding-top:100px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.about_20{margin-left:100px;font-size:28px;color:#727272;padding-top:20px; font-family:微软雅黑;}
.about_21{width:100%; background:url(/images/about_05.jpg) no-repeat center center;height:637px;}
.about_pic{width:100px;}
.about_banner{height:350px;}
.mm-text{padding-top:60px;padding-left:30px;}
.about_top_pic{background:url(/images/cp_01_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.cprh_top_pic{background:url(/images/cprh_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.about_t_pic{background:url(/images/about_02_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.tech_t_pic{background:url(/images/tech_03_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_t_pic{background:url(/images/case_04_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.contact_t_pic{background:url(/images/contact_06_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.news_t_pic{background:url(/images/news_05_wp.jpg) no-repeat center center;background-size:cover; background-size:100%;}
.case_1{width:100%;height:180px;border-radius:20px 20px 0px 0px;}
.case_2{font-size:14px;text-align:left;padding:5px;width:100%;height:50px;line-height:130%;}
.case_3{font-size:16px;color:#4776be;text-align:right;padding:5px;}
.case_4{width:100%; margin:0 auto;padding-top:20px;padding-bottom:20px;}
.case_5{width:100%; margin:0 auto;}
.case_6{ background:url(/images/case_wp_bg.jpg) no-repeat center center;background-size:cover; background-size:100%;height:auto;float:left; width:100%;}
.product_pic{border-radius:20px 20px 0px 0px; width:100%;}
.cprh_pic{border-radius:20px 20px 0px 0px; width:100%;}
.cp_pic{float:left;border-radius:20px; background:#FFF;  box-shadow: 5px 2px 20px #acacac;margin-top:50px;margin-bottom:50px;}
.cp_bg{background:url(/images/cp_02.jpg) no-repeat bottom center; z-index:888;width:100%;float:left;}
.contact_1{width:100%;padding:20px;}
.contact_2{font-size:30px;font-weight: normal; font-family:微软雅黑;}
.contact_3{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:20px;float:left;}
.contact_4{height:30px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:320px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_5{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:20px;float:left;}
.contact_6{font-size:20px;font-weight: normal; font-family:微软雅黑;margin-top:20px;float:left;padding-bottom:20px;}
.contact_7{width:100%;float:left;}
.contact_8{font-size:30px;color:#4776be; font-family:微软雅黑; font-weight:bold; letter-spacing:1px;}
.contact_9{color:#888d94;font-size:15px;margin-top:10px; font-family:'Arial', sans-serif;margin-top:20px;}
.contact_10{width:100%;float:left;height:50px;line-height:50px;font-size:14px;font-family:微软雅黑;color:#434a54;}
.contact_11{height:150px;border-bottom:1px #666 solid;border-left:0px #666 solid;border-top:0px #666 solid;border-right:0px #666 solid;width:320px; background:rgba(255,255,255,0.3);font-size:20px;line-height:20px;}
.contact_12{max-width:80px;float:left;}
.contact_13{width:100%;float:left;padding-top:10px;}
.tech_1{background:url(/images/wap_tech_1.jpg) no-repeat left center;  height:450px; z-index:888;margin-top:-30px;float:left;width:100%;background-size:100%;}
.tech_2{ background:url(/images/wap_tech_2.jpg) no-repeat left center; height:180px; z-index:888;margin-top:-30px;float:left;width:100%;background-size:100%;}
.home_news_1{position: absolute;left:20px;width:90%; height:220px; padding-top:400px;border-top:1px solid #c4c6c9;float:left;}
.home_news_2{position: absolute;left:20px;width:90%; height:220px;  padding-top:400px;border-top:1px solid #c4c6c9;visibility: hidden;float:left;}
.home_news_3{height:400px; margin-left:80px;}
.home_news_4{width:90%;}
.home_news_5{width:100%;float:left;margin-top:180px;position: absolute;left:0px;padding:10px;}
.home_news_6{max-width:100%;float:left;position: absolute;left:20px;padding-top:430px;padding-rigth:20px;}
.home_news_7{width:100%;}
.home_news_0{color:#4776be;font-size:40px; font-weight:bold;}
.home_news_8{color:#0c0c0c;font-size:28px; letter-spacing:2px;margin-top:20px; font-family:微软雅黑; font-weight:normal;}
.home_news_9{float:left;width:98%;}
.info_news_1{width:100%;margin-top:50px;margin-bottom:60px;padding-left:20px;}
.info_news_2{width:100%;border: 1px solid #e5e5e5; background:#FFF;margin:0 auto;box-shadow: 0 5px 10px  rgba(229, 229, 229, .4);line-height:180%;}
.info_news_3{width:100%;}
input{max-width:100%; height:auto; }
.addtime{font-size:12px;float:right;color:#1f2328;text-align:right;width:100px;margin-top:-45px;padding-right:10px;}
.newtitle{font-size:14px;margin-right:20px;float:left;padding-left:20px;color:#1f2328;width:75%;text-align:left;padding-top:10px;padding-bottom:10px;height:60px;}
.tech_text_wp{font-size:14px;margin-right:20px;float:left;line-height:50px;padding-left:20px;}
.contact_w{width:100%;margin-bottom:-50px;margin-top:50px;padding-left:20px;color:#9fb7dc;font-size:50px;font-family:'Arial Black', Gadget, sans-serif;z-index:999;text-overflow: ellipsis;}
.righv{margin-left:20px;margin-top:-80px;}

.banner {
	width: 100%; overflow: hidden; position: relative; z-index: 0;
}
.banner .bd {
	margin: 0px 0px 0px 0px; width: 100%; text-align: center; overflow: hidden; position: relative;
}
.banner .wrap {
	position: relative;
}
.banner .hd {
	width: 1200px; text-align: center; bottom: 30px; position: absolute; z-index: 999;
}
.banner .hd ul {
	display: inline-block; -ms-zoom: 1;
}
.banner .hd li {
	background: rgb(93, 118, 128); margin: 0px 5px; border-radius: 100%; width: 9px; height: 9px; text-indent: -9999em; float: left; cursor: pointer;
}
.banner .hd li.on {
	background: rgb(22, 169, 173);
}
.banner .prev {
	top: 50%; width: 50px; height: 50px; margin-top: -25px; display: none; position: absolute; z-index: 1; opacity: 0.4;
}
.banner .next {
	top: 50%; width: 50px; height: 50px; margin-top: -25px; display: none; position: absolute; z-index: 1; opacity: 0.4;
}
.banner .prev {
	background: url("/images/prev.png"); left: 5%; right: auto;
}
.banner .next {
	background: url("/images/next.png"); left: auto; right: 5%;
}
.banner .prev:hover {
	opacity: 0.8;
}
.banner .next:hover {
	opacity: 0.8;
}

}


.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: 99999;
  top: 55%;
  left: 50%;
  width: calc((600 / 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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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: left;
  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;}

 @media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}