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

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

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

@media (max-width: 1270px) {
  .w1250 {
    width: 94%;
  }
}

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

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

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

header .rav {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  text-align: right;
}

header .rav .rtn {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.2rem;
}

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

header .rav .menu {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  display: none;
  margin-left: 0.2rem;
}

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

header .sear {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0.2rem;
  border-top: solid 1px #f6f6f6;
  display: none;
  position: absolute;
  left: 0;
  z-index: 1111;
  background: #fff;
  box-shadow: 0px 0px 13px 0px rgba(203, 203, 203, 0.25);
  border-radius: 0 0 10px 10px;
}

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

header .sear .input {
  width: calc(100% - 2rem);
  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;
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.2rem;
  border: none;
}

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

header .sear .submxt input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fece16;
  color: #333;
  line-height: 2.5;
  padding: 0 0.2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}

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 .phone {
  display: inline-block;
  vertical-align: middle;
  width: 2.6rem;
  text-align: left;
}

header .phone .hg {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

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

header .phone .hm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.31rem);
  color: #333;
  white-space: nowrap;
  line-height: 1.5;
}

header nav {
  display: inline-block;
  vertical-align: middle;
  width: calc(100%  - 2.8rem - 3.5rem);
  padding: 0 0.1rem;
  text-align: right;
  font-size: 0;
}

header nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  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: 0.9rem;
  color: #333;
  padding: 0 0.1rem;
  transition: all ease 0.3s;
  position: relative;
}

header nav .natem .navul {
  position: fixed;
  z-index: 101;
  left: 50%;
  top: 100%;
  top: 0.9rem;
  transform: translateX(-50%);
  background-color: #f8f8f8;
  border-radius: 10px;
  font-size: 0;
  text-align: left;
  display: none;
}

header nav .natem .navul .navcms {
  width: 100%;
}

header nav .natem .navul .navcms .nal {
  display: inline-block;
  vertical-align: top;
  width: calc((370 / 1250) * 100%);
  padding: 0.4rem;
}

header nav .natem .navul .navcms .nal .nalist {
  width: 100%;
}

header nav .natem .navul .navcms .nal .nalist .nalim {
  width: 100%;
  margin-bottom: 0.15rem;
}

header nav .natem .navul .navcms .nal .nalist .nalim a {
  width: 100%;
  display: block;
}

header nav .natem .navul .navcms .nal .nalist .nalim .nt {
  width: 100%;
  color: #333;
  line-height: 2;
}

header nav .natem .navul .navcms .nal .nalist .nalim .vt {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

header nav .natem .navul .navcms .nal .nalist .nalim:hover .nt {
  color: #fece16;
}

header nav .natem .navul .navcms .nar {
  display: inline-block;
  vertical-align: middle;
  width: calc((880 / 1250) * 100%);
  font-size: 0;
}

header nav .natem .navul .navcms .nar .narem {
  width: 100%;
  padding: 0.45rem;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

header nav .natem .navul .navcms .nar .narem .nrl {
  display: inline-block;
  vertical-align: middle;
  width: calc((400 / 790) * 100%);
}

header nav .natem .navul .navcms .nar .narem .nrl .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

header nav .natem .navul .navcms .nar .narem .nrr {
  display: inline-block;
  vertical-align: middle;
  width: calc((389 / 790) * 100%);
  padding-right: 0.7rem;
}

header nav .natem .navul .navcms .nar .narem .nrr .rt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

header nav .natem .navul .navcms .nar .narem .nrr .line {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0 0.25rem;
}

header nav .natem .navul .navcms .nar .narem .nrr .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 2px;
  background-color: #ccc;
}

header nav .natem .navul .navcms .nar .narem .nrr .ninp {
  width: 100%;
  color: #666;
  line-height: 2;
}

header nav .natem .navul .navcms .nar .narem .nrr .ninp p {
  color: #666;
  line-height: 2;
}

header nav .natem .navul .logolis {
  width: 100%;
  padding: 0.4rem;
}

header nav .natem .navul .logolis .logem {
  width: 100%;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.2rem;
  margin-bottom: 0.2rem;
}

header nav .natem .navul .logolis .logem .vit {
  width: 100%;
  margin-bottom: 0.15rem;
  padding-left: 0.2rem;
  position: relative;
}

header nav .natem .navul .logolis .logem .vit a {
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

header nav .natem .navul .logolis .logem .vit:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fece16;
}

header nav .natem .navul .logolis .logem .vit a:hover {
  color: #fece16;
}

header nav .natem .navul .logolis .logem .loglist {
  width: 100%;
  font-size: 0;
}

header nav .natem .navul .logolis .logem .loglist .logm {
  display: inline-block;
  vertical-align: top;
  width: calc((160 / 1170) * 100%);
  width: calc((550 / 1170) * 100%);
  border: solid 1px #efefef;
  border-radius: 4px;
  margin-right: calc((40 / 1170) * 100%);
  margin-right: calc((69 / 1170) * 100%);
  margin-bottom: 0.15rem;
}

header nav .natem .navul .logolis .logem .loglist .logm a {
  width: 100%;
  display: block;
  overflow: hidden;
}

header nav .natem .navul .logolis .logem .loglist .logm .img {
  width: 100%;
  padding-top: 58.8%;
  transition: all ease 0.3s;
}

header nav .natem .navul .logolis .logem .loglist .logm:nth-child(2n) {
  margin-right: 0;
}

header nav .natem .navul .logolis .logem .loglist .logm:nth-child(6n) {
  margin-right: 0;
}

header nav .natem .navul .logolis .logem .loglist .logm:hover .img {
  transform: scale(1.1);
}

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

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

@media (max-width: 900px) {
  header {
    padding: 0.2rem 0;
  }
  header .logo {
    width: 4rem;
  }
  header .rav {
    width: calc(100% - 4.01rem);
    text-align: right;
  }
  header .rav .menu {
    display: inline-block;
    vertical-align: middle;
  }
  header .rav .rtn {
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.4rem;
  }
  header .phone {
    width: auto;
  }
  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;
  }
  header nav .natem {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 0 0.2rem;
  }
  header nav .natem .nas a {
    color: #333;
    line-height: 3.5;
  }
  header nav .natem .navul {
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: none;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  header nav .natem .navul .navcms .nal {
    width: 100%;
    padding: 0.1rem;
  }
  header nav .natem .navul .navcms .nal .nalist .nalim .vt {
    display: none;
  }
  header nav .natem .navul .navcms .nar {
    display: none;
  }
  header nav .natem .navul .logolis {
    padding: 0.2rem;
  }
  header nav .natem .navul .logolis .logem .loglist {
    display: none;
  }
  header nav .natem.on:after {
    display: none;
  }
  header nav .natem.on .nas a {
    color: #fece16;
    background-color: #fff;
  }
  header nav .natem.on .nas a:after {
    display: none;
  }
  header nav .natem:hover .nas a {
    color: #fece16;
    background-color: #fff;
  }
  header nav .natem:hover .nas a:after {
    display: none;
  }
  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;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

@media (max-width: 450px) {
  header .phone {
    display: none;
  }
}

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

.banner .swiper-slide {
  width: 100%;
  position: relative;
  padding-top: 39%;
}

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

.banner .box {
  width: 100%;
  position: absolute;
  top: 50%;
  left: calc((240 / 1920) * 100%);
  transform: translateY(-50%);
  text-align: left;
}

.banner .box .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.4rem;
}

.banner .box .em {
  width: 100%;
  color: #fece16;
  line-height: 1.5;
  font-weight: bold;
}

.banner .box .cm {
  width: 100%;
  color: #fff;
  line-height: 1.6;
  font-weight: 200;
}

.banner .box .cm span {
  color: #fece16;
  font-weight: bold;
}

.banner .swiper-pagination {
  bottom: 0.3rem;
}

.banner .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  background-color: transparent;
  border: solid 1px #fff;
  opacity: 1;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.15rem;
}

.banner .swiper-pagination-bullet-active {
  background-color: #fece16;
  border: solid 1px #fece16;
  opacity: 1;
}

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

@media (max-width: 900px) {
  .banner .swiper-slide {
    padding-top: 50%;
  }
  .banner .box .cn {
    font-size: 18px;
  }
  .banner .box .em {
    font-size: 14px;
  }
  .banner .box .cm {
    font-size: 14px;
  }
}

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

.nanner .imgs {
  width: 100%;
  display: block;
  overflow: hidden;
}

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

.nanner .nox {
  position: absolute;
  left: calc((240 / 1920) * 100%);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  text-align: left;
  width: 100%;
  max-width: 80%;
}

.nanner .nox .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.nanner .nox .en {
  width: 100%;
  color: white;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .nanner .imgs .img {
    padding-top: 40%;
  }
  .nanner .nox {
    top: 50%;
  }
}

.nanbar {
  width: 100%;
  font-size: 0;
  background: #fff;
  border-bottom: solid 1px rgba(234, 234, 234, 0.5);
}

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

.nanbar .nal .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  margin-right: 0.1rem;
}

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

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

.nanbar .nal .nts span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.16rem;
  width: 6px;
  height: 11px;
  position: relative;
  top: -0.02rem;
}

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

.nanbar .nal .nts:hover {
  color: #fece16;
}

.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-wrapper {
  justify-content: flex-end;
}

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

.nanbar .nar .swiper-slide a {
  display: block;
  line-height: 3.5;
  color: #333;
  position: relative;
  padding: 0 0.4rem;
}

.nanbar .nar .swiper-slide a:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 2px;
  background: #fece16;
  display: none;
}

.nanbar .nar .swiper-slide.on a {
  color: #fece16;
}

.nanbar .nar .swiper-slide.on a:after {
  display: block;
}

.nanbar.fixed {
  background: #f4f7f8;
}

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

.detailxs {
  width: 100%;
  padding: 0.7rem 0;
}

.detailxs .detailx {
  width: 100%;
  font-size: 0;
}

.detailxs .detailx .del {
  display: inline-block;
  vertical-align: top;
  width: calc((1000 / 1440) * 100%);
  margin-right: calc((79 / 1440) * 100%);
}

.detailxs .detailx .del .dit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.detailxs .detailx .del .dims {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0 0.05rem;
}

.detailxs .detailx .del .dims .vm {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  color: #999;
  margin-bottom: 0.1rem;
  margin-right: 0.3rem;
}

.detailxs .detailx .del .dims .vm span {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.08rem;
  position: relative;
  top: -0.02rem;
}

.detailxs .detailx .del .dims .vm span img {
  width: 100%;
  display: block;
}

.detailxs .detailx .del .dims .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.detailxs .detailx .del .dims .share a {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.08rem;
  transition: all ease 0.3s;
}

.detailxs .detailx .del .dims .share a img {
  width: 100%;
  display: block;
}

.detailxs .detailx .del .dinp {
  width: 100%;
  color: #333;
  line-height: 1.8;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
  overflow: hidden;
  border-top: dashed 1px #cccccc;
  border-bottom: dashed 1px #cccccc;
}

.detailxs .detailx .del .dinp p {
  color: #333;
  line-height: 1.8;
}

.detailxs .detailx .del .dob {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
}

.detailxs .detailx .del .dob .ltn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 1.5;
}

.detailxs .detailx .del .dob .ltn span {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 15px;
  margin: 0 0.1rem;
  position: relative;
  top: -0.02rem;
}

.detailxs .detailx .del .dob .ltn span img {
  width: 100%;
  display: block;
}

.detailxs .detailx .del .dob .ltn span img:first-child {
  display: block;
}

.detailxs .detailx .del .dob .ltn span img:last-child {
  display: none;
}

.detailxs .detailx .del .dob .ltn:hover {
  color: #fece16;
}

.detailxs .detailx .del .dob .ltn:hover span img:first-child {
  display: none;
}

.detailxs .detailx .del .dob .ltn:hover span img:last-child {
  display: block;
}

.detailxs .detailx .del .dob .back {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.detailxs .detailx .del .dob .back span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.1rem;
}

.detailxs .detailx .del .dob .back span img {
  width: 100%;
  display: block;
}

.detailxs .detailx .del .dob .back span img:first-child {
  display: block;
}

.detailxs .detailx .del .dob .back span img:last-child {
  display: none;
}

.detailxs .detailx .del .dob .back:hover {
  color: #fece16;
}

.detailxs .detailx .del .dob .back:hover span img:first-child {
  display: none;
}

.detailxs .detailx .del .dob .back:hover span img:last-child {
  display: block;
}

.detailxs .detailx .der {
  display: inline-block;
  vertical-align: top;
  width: calc((360 / 1440) * 100%);
}

.detailxs .detailx .der .dir {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.15rem;
}

.detailxs .detailx .der .dir span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.detailxs .detailx .der .dir a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.detailxs .detailx .der .dir a i {
  display: inline-block;
  vertical-align: middle;
  width: 0.17rem;
  height: 0.17rem;
  position: relative;
  top: -0.02rem;
  margin-left: 0.05rem;
}

.detailxs .detailx .der .dir a i img {
  width: 100%;
  display: block;
}

.detailxs .detailx .der .dir a i img:first-child {
  display: block;
}

.detailxs .detailx .der .dir a i img:last-child {
  display: none;
}

.detailxs .detailx .der .dir a:hover {
  color: #fece16;
}

.detailxs .detailx .der .dir a:hover i img:first-child {
  display: none;
}

.detailxs .detailx .der .dir a:hover i img:last-child {
  display: block;
}

.detailxs .detailx .der .dirlis {
  width: 100%;
}

.detailxs .detailx .der .dirlis .direm {
  width: 100%;
  margin-bottom: 0.2rem;
}

.detailxs .detailx .der .dirlis .direm a {
  width: 100%;
  display: block;
}

.detailxs .detailx .der .dirlis .direm .imgs {
  width: 100%;
  overflow: hidden;
}

.detailxs .detailx .der .dirlis .direm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all  ease 0.3s;
}

.detailxs .detailx .der .dirlis .direm .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.detailxs .detailx .der .dirlis .direm .rim {
  width: 100%;
  line-height: 1.5;
  color: #333;
  height: 3em;
}

.detailxs .detailx .der .dirlis .direm:hover .imgs .img {
  transform: scale(1.1);
}

.detailxs .detailx .der .dirlis .direm:hover .rim {
  color: #fece16;
}

.news {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #f8f8f8;
}

.news .new {
  width: 100%;
}

.news .new .newav {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.4rem;
}

.news .new .newav .neavm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.6rem;
  line-height: 3;
  color: #333;
  cursor: pointer;
  background-color: #fff;
}

.news .new .newav .neavm a {
  width: 100%;
  display: block;
}

.news .new .newav .neavm.on {
  background-color: #000;
  color: #fece16;
}

.news .new .newav .neavm:hover {
  background-color: #000;
  color: #fece16;
}

.news .new .newlist {
  width: 100%;
}

.news .new .newlist .newlm {
  width: 100%;
  display: none;
}

.news .new .newlist .newlm .nelms {
  width: 100%;
}

.news .new .newlist .newlm .nelm {
  width: 100%;
  background-color: #fff;
  padding: 0.5rem;
  margin-bottom: 0.3rem;
}

.news .new .newlist .newlm .nelm a {
  width: 100%;
  display: block;
  font-size: 0;
}

.news .new .newlist .newlm .nelm .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((340 / 1340) * 100%);
  overflow: hidden;
}

.news .new .newlist .newlm .nelm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.news .new .newlist .newlm .nelm .neom {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.6rem;
  width: calc((999 / 1340) * 100%);
}

.news .new .newlist .newlm .nelm .neom .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.news .new .newlist .newlm .nelm .neom .tix {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.news .new .newlist .newlm .nelm .neom .tib {
  width: 100%;
  color: #666;
  line-height: 1.8;
  height: 3.6em;
  margin: 0.2rem 0 0.3rem;
}

.news .new .newlist .newlm .nelm .neom .more {
  width: 100%;
  font-size: 0;
}

.news .new .newlist .newlm .nelm .neom .more span {
  display: inline-block;
  vertical-align: middle;
  background-color: #999;
  color: #fff;
  line-height: 3;
  padding: 0 0.4rem;
}

.news .new .newlist .newlm .nelm:hover .imgs .img {
  transform: scale(1.1);
}

.news .new .newlist .newlm .nelm:hover .neom .tix {
  color: #fece16;
}

.news .new .newlist .newlm .nelm:hover .neom .more span {
  background-color: #fece16;
  color: #000;
}

.news .new .newlist .newlm.on {
  display: block;
}

.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: #fff;
  border-radius: 50%;
  background-color: #c6c6c6;
  margin: 0 0.1rem;
  transition: all ease 0.3s;
}

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

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

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

.pages .page.on.ltn {
  background-image: url("../images/b11.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  opacity: 1;
}

.pages .page.on.rtn {
  background-image: url("../images/b12.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  opacity: 1;
}

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

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

.contacts .contact {
  width: 100%;
}

.contacts .contact .cit {
  width: 100%;
  color: #333;
  font-weight: bold;
  margin-bottom: 0.3rem;
  line-height: 1.4;
}

.contacts .contact .cont {
  width: 100%;
  font-size: 0;
  border-top: solid 1px #eee;
}

.contacts .contact .cont .col {
  display: inline-block;
  vertical-align: top;
  width: calc((480 / 1440) * 100%);
  padding: 0.5rem 0 0;
}

.contacts .contact .cont .col .cil {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.contacts .contact .cont .col .colem {
  width: 100%;
  margin-bottom: 0.4rem;
}

.contacts .contact .cont .col .colem .icon {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.15rem;
}

.contacts .contact .cont .col .colem .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
}

.contacts .contact .cont .col .colem .icon span img {
  width: 100%;
  display: block;
}

.contacts .contact .cont .col .colem .phm {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.05rem;
}

.contacts .contact .cont .col .colem .px {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.contacts .contact .cont .cor {
  width: calc((959 / 1440) * 100%);
  display: inline-block;
  vertical-align: top;
  border-left: solid 1px #eee;
  padding: 0.5rem 0 0 0.7rem;
}

.contacts .contact .cont .cor form {
  width: 100%;
}

.contacts .contact .cont .cor .input {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.contacts .contact .cont .cor .input span {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: left;
  color: #333;
}

.contacts .contact .cont .cor .input span i {
  font-style: initial;
  color: #d20000;
  margin-left: 0.04rem;
}

.contacts .contact .cont .cor .input .pnt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
  color: #333;
}

.contacts .contact .cont .cor .input.txt span {
  vertical-align: top;
  line-height: 2;
}

.contacts .contact .cont .cor .input.txt .peat {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 90px);
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 0.2rem;
  line-height: 1.5;
  color: #333;
}

.contacts .contact .cont .cor .bot {
  width: 100%;
  font-size: 0;
  padding-left: 90px;
}

.contacts .contact .cont .cor .bot a {
  display: inline-block;
  vertical-align: middle;
  color: #fece16;
  line-height: 3.2;
  padding: 0 0.8rem;
  background-color: #111;
}

.contacts .mapox {
  width: 100%;
  margin-top: 0.7rem;
  background-color: #fece16;
  font-size: 0;
  display: flex;
}

.contacts .mapox .mal {
  display: inline-block;
  vertical-align: middle;
  width: calc((480 / 1440) * 100%);
  padding: 0.2rem;
}

.contacts .mapox .mal .malist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}

.contacts .mapox .mal .malem {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
}

.contacts .mapox .mal .malem .rt {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.contacts .mapox .mal .malem .rt .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.1rem;
  opacity: 0;
  transition: all ease 0.3s;
}

.contacts .mapox .mal .malem .rt .icon img {
  width: 100%;
  display: block;
}

.contacts .mapox .mal .malem .rt span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100%  - 0.51rem);
  font-weight: bold;
  padding-left: 0.2rem;
}

.contacts .mapox .mal .malem .mids {
  width: 100%;
  padding-left: 0.7rem;
  color: #333;
  line-height: 2;
}

.contacts .mapox .mal .malem .mids .md {
  width: 100%;
  color: #333;
  line-height: 2;
}
.contacts .mapox .mal .malem .mids p{
  width: 100%;
  color: #333;
  line-height: 2;
}

.contacts .mapox .mal .malem.on .rt .icon {
  opacity: 1;
}

.contacts .mapox .mal .malem + .malem {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

.contacts .mapox .mar {
  width: calc((960 / 1440) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.contacts .mapox .mar .marem {
  width: 100%;
  display: none;
}

.contacts .mapox .mar .marem .img {
  width: 100%;
  display: block;
}

.contacts .mapox .mar .marem .img img {
  width: 100%;
  display: block;
}

.contacts .mapox .mar .marem.on {
  display: block;
}

@media (max-width: 900px) {
  .contacts .contact .cont .col {
    width: 100%;
  }
  .contacts .contact .cont .cor {
    width: 100%;
    border-left: none;
    padding: 0;
  }
  .contacts .contact .cont .cor .input {
    width: 100%;
  }
  .contacts .contact .cont .cor .input .na {
    width: 100%;
    display: block;
    line-height: 2.5;
  }
  .contacts .contact .cont .cor .input .pnt {
    width: 100%;
    display: block;
  }
  .contacts .contact .cont .cor .input .peat {
    width: 100% !important;
    display: block;
  }
  .contacts .contact .cont .cor .bot {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  .contacts .mapox {
    flex-direction: column-reverse;
  }
  .contacts .mapox .mar {
    width: 100%;
  }
  .contacts .mapox .mal {
    width: 100%;
  }
  .contacts .mapox .mal .malem {
    padding: 0.4rem 0.2rem;
  }
}

.backgrounds {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #f8f8f8;
}

.backgrounds .backim {
  width: 100%;
}

.backgrounds .backim .bit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.3;
  margin-bottom: 0.3rem;
}

.backgrounds .backim .binp {
  width: 100%;
  color: #666;
  line-height: 2.2;
}

.backgrounds .backim .binp p {
  color: #666;
  line-height: 2.2;
}

.projects {
  width: 100%;
}

.projects .projems {
  width: 100%;
  background-color: #fff;
}

.projects .projems .projem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
  padding: 0.7rem 0;
}

.projects .projems .projem .prl {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1440) * 100%);
}

.projects .projems .projem .prl .img {
  width: 100%;
  padding-top: 66.6%;
  transition: all ease 0.3s;
}

.projects .projems .projem .prr {
  display: inline-block;
  vertical-align: middle;
  width: calc((640 / 1440) * 100%);
  margin-right: calc((79 / 1440) * 100%);
}

.projects .projems .projem .prr .it {
  width: 100%;
  font-size: 0;
}

.projects .projems .projem .prr .it span {
  display: inline-block;
  vertical-align: middle;
  width: 0.31rem;
}

.projects .projems .projem .prr .it span img {
  width: 100%;
  display: block;
}

.projects .projems .projem .prr .pt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.15rem 0 0.25rem;
}

.projects .projems .projem .prr .line {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #e1e1e1;
  margin: 0.25rem 0 0.4rem;
}

.projects .projems .projem .prr .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 4px;
  background-color: #333;
}

.projects .projems .projem .prr .pinp {
  width: 100%;
  color: #666;
  line-height: 2.2;
}

.projects .projems .projem .prr .pinp p {
  color: #666;
  line-height: 2.2;
}

.projects .projems:nth-child(2n) {
  background-color: #f8f8f8;
}

.projects .projems:nth-child(2n) .projem {
  flex-direction: row;
}

.projects .projems:nth-child(2n) .projem .prr {
  margin-left: calc((79 / 1440) * 100%);
  margin-right: 0;
}

.rights {
  position: fixed;
  z-index: 10;
  left: 5%;
  top: 60%;
  transform: translateY(-50%);
  background-color: rgba(17, 17, 17, 0.3);
  border-radius: 0.2rem;
}

.rights .retms {
  display: block;
  padding: 0.1rem 0.15rem;
}

.rights .retms a {
  width: 100%;
  display: block;
}

.rights .retms .icon {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  margin: 0.05rem auto 0;
}

.rights .retms .icon img {
  width: 100%;
  display: block;
}

.rights .retms .icon img:first-child {
  display: block;
}

.rights .retms .icon img:last-child {
  display: none;
}

.rights .retms .rx {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.rights .retms:hover .icon img:first-child {
  display: none;
}

.rights .retms:hover .icon img:last-child {
  display: block;
}

.rights .retms:hover .rx {
  color: #fece16;
}

@media (max-width: 900px) {
  .rights {
    right: 0;
    left: auto;
  }
}

.cavsems {
  width: 100%;
  background-color: #fff;
}

.cavsems .cavsem {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.cavsems .cavsem .swiper-wrapper {
  justify-content: center;
}

.cavsems .cavsem .cavem {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  width: 20%;
  padding: 0.3rem 0.2rem;
}

.cavsems .cavsem .cavem a {
  width: 100%;
  display: block;
}

.cavsems .cavsem .cavem .icon {
  display: block;
  margin: 0 auto 0.05rem;
  width: 0.8rem;
  height: 0.8rem;
}

.cavsems .cavsem .cavem .icon img {
  width: 100%;
  display: block;
}

.cavsems .cavsem .cavem .icon img:first-child {
  display: block;
}

.cavsems .cavsem .cavem .icon img:last-child {
  display: none;
}

.cavsems .cavsem .cavem .cx {
  width: 100%;
  color: #333;
  line-height: 2;
}

.cavsems .cavsem .cavem:hover .icon img:first-child {
  display: none;
}

.cavsems .cavsem .cavem:hover .icon img:last-child {
  display: block;
}

.cavsems .cavsem .cavem:hover .cx {
  color: #fece16;
}

.cavsems .cavsem .cavem.on .icon img:first-child {
  display: none;
}

.cavsems .cavsem .cavem.on .icon img:last-child {
  display: block;
}

.cavsems .cavsem .cavem.on .cx {
  color: #fece16;
}

@media (max-width: 1000px) {
  .cavsems .cavsem .swiper-wrapper {
    justify-content: flex-start;
  }
}

.conts {
  width: 100%;
  background-color: #f8f8f8;
  padding: 0.4rem 0;
}

.conts .contems {
  width: 100%;
  display: none;
}

.conts .contems .contlist {
  width: 100%;
  font-size: 0;
}

.conts .contems .contlist .conem {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width: calc((460 / 1440) * 100%);
  margin-right: calc((29 / 1440) * 100%);
  margin-bottom: 0.3rem;
}

.conts .contems .contlist .conem a {
  width: 100%;
  display: block;
}

.conts .contems .contlist .conem .imgs {
  width: 100%;
  overflow: hidden;
}

.conts .contems .contlist .conem .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.conts .contems .contlist .conem .boms {
  width: 100%;
  padding: 0.26rem;
}

.conts .contems .contlist .conem .boms .bin {
  width: 100%;
  line-height: 1.5;
  color: #999;
}

.conts .contems .contlist .conem .boms .biv {
  width: 100%;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.2rem;
}

.conts .contems .contlist .conem .more {
  width: 100%;
  padding: 0.15rem 0.26rem;
  border-top: solid 1px #eee;
}

.conts .contems .contlist .conem .more span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2;
}

.conts .contems .contlist .conem .more span i {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 11px;
  margin-left: 0.08rem;
  position: relative;
  top: -0.04rem;
}

.conts .contems .contlist .conem .more span i img {
  width: 100%;
  display: inline-block;
}

.conts .contems .contlist .conem:nth-child(3n) {
  margin-right: 0;
}

.conts .contems .contlist .conem:hover .imgs .img {
  transform: scale(1.1);
}

.conts .contems .contlist .conem:hover .boms .biv {
  color: #fece16;
}

.conts .contems.on {
  display: block;
}

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

.changes .change {
  width: 100%;
}

.changes .change .cit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.4rem;
}

.changes .change .cit .eh {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  width: auto;
  position: relative;
  padding: 0 0.2rem;
}

.changes .change .cit .eh:after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 0.3rem;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(254, 206, 22, 0.5);
}

.changes .change .cinp {
  width: 100%;
  color: #333;
  line-height: 1.6;
  margin: 0.4rem 0;
}

.changes .change .cinp p {
  color: #333;
  line-height: 1.6;
}

.changes .change .chatm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.changes .change .chatm .cmg {
  display: inline-block;
  vertical-align: middle;
  width: calc((1000 / 1440) * 100%);
}

.changes .change .chatm .cmg .img {
  width: 100%;
  padding-top: 50%;
  transition: all ease 0.3s;
}

.changes .change .chatm .roms {
  display: inline-block;
  vertical-align: middle;
  width: calc((440 / 1440) * 100%);
  background-color: #fece16;
}

.changes .change .chatm .roms .rom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.4rem 0.5rem;
  align-content: center;
}

.changes .change .chatm .roms .rom .rit {
  width: 100%;
  color: rgba(0, 0, 0, 0.2);
  font-weight: bold;
  line-height: 1;
}

.changes .change .chatm .roms .rom .sm {
  width: 100%;
  color: #000;
  line-height: 2;
  font-weight: bold;
  margin: 0.15rem 0;
}

.changes .change .chatm .roms .rom .rinp {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.changes .change .chatm .roms .rom .rinp p {
  color: #333;
  line-height: 1.6;
}

.changes .change .corvm {
  width: 100%;
  position: relative;
}

.changes .change .corvm .cvl {
  width: calc((720 / 1440) * 100%);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.changes .change .corvm .cvl .img {
  width: 100%;
  padding-top: 61.1%;
  transition: all ease 0.3s;
}

.changes .change .corvm .cvr {
  display: inline-block;
  vertical-align: middle;
  width: calc((1000 / 1440) * 100%);
  background-color: #f8f8f8;
  padding: 0.8rem calc((360 / 1440) * 100%) 0.8rem 0.6rem;
}

.changes .change .corvm .cvr .vt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.changes .change .corvm .cvr .line {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px rgba(204, 204, 204, 0.3);
  margin: 0.26rem 0 0.3rem;
}

.changes .change .corvm .cvr .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 3px;
  background-color: #333;
}

.changes .change .corvm .cvr .vinp {
  width: 100%;
  color: #333;
  line-height: 2;
  min-height: 2.5rem;
}

.changes .change .corvm .cvr .vinp p {
  color: #333;
  line-height: 2;
}

@media (max-width: 900px) {
  .changes .change .corvm .cvl {
    position: relative;
    top: 0;
    transform: translateY(0);
  }
}

.honors {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #f8f8f8;
  position: relative;
}

.honors .stn {
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

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

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

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

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

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

.honors .bl {
  left: 0%;
}

.honors .br {
  right: 0%;
}

.honors .honnr {
  width: 100%;
}

.honors .honnr .hits {
  width: 100%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  text-align: center;
}

.honors .honnr .parm {
  width: calc((340 / 1440) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((26 / 1440) * 100%);
  margin-bottom: 0.26rem;
  background-color: #fff;
}

.honors .honnr .parm a {
  width: 100%;
  display: block;
}

.honors .honnr .parm .imgs {
  width: 100%;
  overflow: hidden;
}

.honors .honnr .parm .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
  position: relative;
}

.honors .honnr .parm .imgs .bm {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  z-index: 5;
}

.honors .honnr .parm .imgs .tap {
  position: absolute;
  z-index: 3;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: 10px;
}

.honors .honnr .parm .imgs .tap img {
  width: 100%;
  display: block;
}

.honors .honnr .parm .px {
  width: 100%;
  padding: 0.15rem 0.15rem;
  color: #333;
  line-height: 2;
  text-align: center;
  border-top: solid 1px #eee;
}

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

.parthers {
  width: 100%;
  padding: 0.7rem 0;
  position: relative;
}

.parthers .parts {
  width: 100%;
}

.parthers .parts .pits {
  width: 100%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.parthers .parts .partper {
  width: 100%;
}

.parthers .parts .partper .parm {
  display: inline-block;
  vertical-align: top;
  width: calc((238 / 1440) * 100%);
  margin-right: calc((2 / 1440) * 100%);
  margin-bottom: 0.02rem;
}

.parthers .parts .partper .parm a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.parthers .parts .partper .parm .img {
  width: 100%;
  padding-top: 58.8%;
  transition: all ease 0.3s;
}

.parthers .parts .partper .parm:nth-child(6n) {
  margin-right: 0;
}

.parthers .parts .partper .parm:nth-child(6n + 1) {
  transition-delay: 0.2s;
}

.parthers .parts .partper .parm:nth-child(6n + 2) {
  transition-delay: 0.3s;
}

.parthers .parts .partper .parm:nth-child(6n + 3) {
  transition-delay: 0.4s;
}

.parthers .parts .partper .parm:nth-child(6n + 4) {
  transition-delay: 0.5s;
}

.parthers .parts .partper .parm:nth-child(6n + 5) {
  transition-delay: 0.6s;
}

.parthers .parts .partper .parm:nth-child(6n + 6) {
  transition-delay: 0.7s;
}

.parthers .parts .partper .parm:hover .img {
  transform: scale(1.1);
}

.parthers .stn {
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

.parthers .stn img {
  width: 100%;
  display: block;
}

.parthers .stn img:first-child {
  display: block;
}

.parthers .stn img:last-child {
  display: none;
}

.parthers .stn:hover img:first-child {
  display: none;
}

.parthers .stn:hover img:last-child {
  display: block;
}

.parthers .bl {
  left: 0%;
}

.parthers .br {
  right: 0%;
}

.searchs {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #f8f8f8;
}

.searchs .searm {
  width: 100%;
  padding: 0.5rem;
  background-color: #fff;
}

.searchs .searm .scont {
  width: 100%;
}

.searchs .searm .scont .sconem {
  width: 100%;
  display: none;
}

.searchs .searm .scont .sconem.on {
  display: block;
}

.searchs .searm .setlist {
  width: 100%;
}

.searchs .searm .setlist .setam {
  width: 100%;
  padding: 0.25rem 0;
  border-bottom: dashed 1px #eee;
}

.searchs .searm .setlist .setam a {
  width: 100%;
  display: block;
  font-size: 0;
}

.searchs .searm .setlist .setam .sel {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
}

.searchs .searm .setlist .setam .sel .set {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.06rem;
}

.searchs .searm .setlist .setam .sel .sim {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.searchs .searm .setlist .setam .ser {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}

.searchs .searm .setlist .setam .ser .clas {
  width: 100%;
  text-align: right;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.06rem;
}

.searchs .searm .setlist .setam .ser .time {
  width: 100%;
  text-align: right;
  color: #999;
  line-height: 1.5;
}

.searchs .searm .setlist .setam:hover .sel .set {
  color: #fece16;
}

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

.searchs .searm .setop .senav {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.9rem);
  font-size: 0;
}

.searchs .searm .setop .senav .sev {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 4;
  position: relative;
  margin-right: 0.3rem;
  cursor: pointer;
}

.searchs .searm .setop .senav .sev:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #fece16;
  display: none;
}

.searchs .searm .setop .senav .sev.on {
  color: #fece16;
  font-weight: bold;
}

.searchs .searm .setop .senav .sev.on::after {
  display: block;
}

.searchs .searm .setop .siput {
  display: inline-block;
  vertical-align: middle;
  width: 4.8rem;
  font-size: 0;
}

.searchs .searm .setop .siput .inc {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  width: calc(100% - 1.3rem);
  background-color: #f8f8f8;
  border: none;
  padding: 0 0.2rem;
  line-height: 3.1;
  height: 3.1em;
}

.searchs .searm .setop .siput a {
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  background-color: #333;
  line-height: 3.1;
  color: #fece16;
  text-align: center;
}

.pencems {
  width: 100%;
  padding: 0.7rem 0;
}

.pencems .pel {
  display: inline-block;
  vertical-align: top;
  width: calc((320 / 1440) * 100%);
  margin-right: calc((49 / 1440) * 100%);
}

.pencems .pel .petop {
  padding: 0.3rem 0.2rem;
  width: 100%;
}

.pencems .pel .petop .sim {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

.pencems .pel .pelist {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
}

.pencems .pel .pelist .pelam {
  width: 100%;
  position: relative;
  padding: 0.2rem;
}

.pencems .pel .pelist .pelam .pas {
  width: 100%;
  margin-bottom: 0.15rem;
}

.pencems .pel .pelist .pelam .pas a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 1.6;
  font-weight: bold;
}

.pencems .pel .pelist .pelam .pas a:hover {
  color: #fece16;
}
.pencems .pel .pelist .pelam .pas.on a{
  color: #fece16;
}

.pencems .pel .pelist .pelam .puls {
  width: 100%;
  display: none;
}

.pencems .pel .pelist .pelam .puls a {
  width: 100%;
  display: block;
  position: relative;
  color: #333;
  line-height: 1.6;
  position: relative;
  padding: 0.06rem 0;
  padding-left: 0.2rem;
}

.pencems .pel .pelist .pelam .puls a:after {
  position: absolute;
  content: ' ';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #333;
}

.pencems .pel .pelist .pelam .puls a:hover {
  color: #fece16;
}

.pencems .pel .pelist .pelam .puls a:hover:after {
  background-color: #fece16;
}

.pencems .pel .pelist .pelam.has-hul:after {
  content: '+';
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: none;
  right: 0.2rem;
  transform: translateX(0);
  top: 0.18rem;
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.pencems .pel .pelist .pelam.has-hul.show:after {
  content: "-";
}

.pencems .pel .pelist .pelam + .pelam {
  border-top: solid 1px #eee;
}

.pencems .per {
  display: inline-block;
  vertical-align: top;
  width: calc((1070 / 1440) * 100%);
}

.pencems .per .perlist {
  width: 100%;
  font-size: 0;
}

.pencems .per .perlist .prem {
  display: inline-block;
  vertical-align: top;
  width: calc((340 / 1070) * 100%);
  margin-right: calc((24 / 1070) * 100%);
  margin-bottom: 0.26rem;
  background-color: #f8f8f8;
  border: solid 1px transparent;
  transition: all ease 0.3s;
}

.pencems .per .perlist .prem .imgs {
  width: 100%;
  overflow: hidden;
}

.pencems .per .perlist .prem .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.pencems .per .perlist .prem .poms {
  width: 100%;
  padding: 0.3rem;
}

.pencems .per .perlist .prem .poms .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.pencems .per .perlist .prem .poms .px {
  width: 100%;
  color: #999;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.15rem;
}

.pencems .per .perlist .prem .poms .more {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.pencems .per .perlist .prem .poms .more span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.pencems .per .perlist .prem:nth-child(3n) {
  margin-right: 0;
}

.pencems .per .perlist .prem:hover {
  background-color: #fff;
  border: solid 1px #eee;
}

.pencems .per .perlist .prem:hover .imgs .img {
  transform: scale(1.1);
}

.pencems .per .perlist .prem:hover .poms .more span {
  color: #fece16;
}

.petails {
  width: 100%;
}

.petails .penav {
  width: 100%;
  background-color: #f8f8f8;
}

.petails .penav .swiper-slide {
  width: 100%;
}

.petails .penav .swiper-slide a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 0.8rem;
  text-align: center;
  border-bottom: solid 2px transparent;
}

.petails .penav .swiper-slide.on a {
  color: #fece16;
  border-bottom: solid 2px #fece16;
}

.petails .ptems {
  width: 100%;
  padding: 0.7rem 0;
}

.petails .ptems .ptl {
  display: inline-block;
  vertical-align: top;
  width: calc((720 / 1440) * 100%);
}

.petails .ptems .ptl .plper {
  display: inline-block;
  vertical-align: middle;
  width: calc((120 / 720) * 100%);
  height: 6rem;
  margin-right: calc((39 / 720) * 100%);
}

.petails .ptems .ptl .plper .swiper-container {
  height: calc(100% - 0.6rem);
}

.petails .ptems .ptl .plper .ptn {
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  cursor: pointer;
  margin: 0rem auto 0rem;
}

.petails .ptems .ptl .plper .ptn img {
  width: 100%;
  display: block;
}

.petails .ptems .ptl .plper .ptn img:first-child {
  display: block;
}

.petails .ptems .ptl .plper .ptn img:last-child {
  display: none;
}

.petails .ptems .ptl .plper .ptn:hover img:first-child {
  display: none;
}

.petails .ptems .ptl .plper .ptn:hover img:last-child {
  display: block;
}

.petails .ptems .ptl .plper .swiper-slide {
  width: 100%;
  border: solid 1px #dee6ee;
  height: auto;
  height: 1.2rem;
  margin-bottom: 0.1rem;
  overflow: hidden;
}

.petails .ptems .ptl .plper .swiper-slide .img {
  width: 100%;
  padding-top: 100%;
  height: 100%;
  position: relative;
}

.petails .ptems .ptl .plper .swiper-slide .img .plays {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.petails .ptems .ptl .plper .swiper-slide .img .plays span {
  display: inline-block;
  vertical-align: middle;
  width: 0.32rem;
  height: 0.32rem;
}

.petails .ptems .ptl .plper .swiper-slide .img .plays span img {
  width: 100%;
  display: block;
}

.petails .ptems .ptl .plper .swiper-slide.on {
  border: solid 1px #fece16;
}

.petails .ptems .ptl .prper {
  display: inline-block;
  vertical-align: middle;
  width: calc((560 / 720) * 100%);
}

.petails .ptems .ptl .prper .swiper-slide {
  width: 100%;
}

.petails .ptems .ptl .prper .swiper-slide .img {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.petails .ptems .ptl .prper .swiper-slide .img .mm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.petails .ptems .ptr {
  display: inline-block;
  vertical-align: top;
  width: calc((720 / 1440) * 100%);
  padding: 0.2rem 0 0.2rem 0.7rem;
}

.petails .ptems .ptr .pm {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.petails .ptems .ptr .pc {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.petails .ptems .ptr .pinp {
  width: 100%;
  color: #666;
  line-height: 2;
  margin: 0.2rem 0;
}

.petails .ptems .ptr .pinp p {
  color: #666;
  line-height: 2;
}

.petails .ptems .ptr .trait {
  width: 100%;
  background-color: #f8f8f8;
  padding: 0.2rem;
}

.petails .ptems .ptr .trait .tt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.petails .ptems .ptr .trait .tralis {
  width: 100%;
  /*font-size: 0;*/
}

.petails .ptems .ptr .trait .tralis p{
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.5;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  width: auto;
  position: relative;
  padding-left: 0.15rem;
}
.petails .ptems .ptr .trait .tralis p:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.04rem;
  background-color: #fece16;
}

.petails .ptems .ptr .trait .tralis .vm {
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.5;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  width: auto;
  position: relative;
  padding-left: 0.15rem;
}

.petails .ptems .ptr .trait .tralis .vm:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.04rem;
  background-color: #fece16;
}

.petails .ptems .ptr .pot {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
}

.petails .ptems .ptr .pot a {
  display: inline-block;
  vertical-align: middle;
  color: #fece16;
  line-height: 3.2;
  padding: 0 0.5rem;
  width: auto;
  margin-right: 0.3rem;
  border: solid 1px #fece16;
}

.petails .ptems .ptr .pot a:hover {
  background-color: #fece16;
  color: #333;
}

.petails .solution {
  width: 100%;
  padding: 0.7rem 0;
}

.petails .solution .sit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.4rem;
}

.petails .solution .soluper {
  width: 100%;
  position: relative;
}

.petails .solution .soluper .swiper-slide {
  width: 100%;
  display: block;
  background-color: #f8f8f8;
  padding: 0.4rem;
  font-size: 0;
}

.petails .solution .soluper .swiper-slide a {
  width: 100%;
  display: block;
  font-size: 0;
}

.petails .solution .soluper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: top;
  width: calc((300 / 630) * 100%);
  overflow: hidden;
}

.petails .solution .soluper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.petails .solution .soluper .swiper-slide .soms {
  display: inline-block;
  vertical-align: top;
  width: calc((329 / 630) * 100%);
  padding-left: 0.3rem;
}

.petails .solution .soluper .swiper-slide .soms .sm {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
}

.petails .solution .soluper .swiper-slide .soms .nm {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.petails .solution .soluper .swiper-slide .solum {
  width: 100%;
  font-size: 0;
}

.petails .solution .soluper .swiper-slide .suls {
  width: 100%;
  margin-top: 0.3rem;
}

.petails .solution .soluper .swiper-slide .suls .sum {
  width: 100%;
  font-size: 0;
  width: 48%;
  margin-right: 4%;
  display: inline-block;
  vertical-align: middle;
}

.petails .solution .soluper .swiper-slide .suls .sum .im {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.petails .solution .soluper .swiper-slide .suls .sum .im img {
  width: 100%;
  display: block;
}

.petails .solution .soluper .swiper-slide .suls .sum .ix {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.35rem);
  color: #333;
  line-height: 2;
}

.petails .solution .soluper .swiper-slide .suls .sum:nth-child(2n) {
  margin-right: 0;
}

.petails .solution .soluper .ptn {
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

.petails .solution .soluper .ptn img {
  width: 100%;
  display: block;
}

.petails .solution .soluper .ptn img:first-child {
  display: block;
}

.petails .solution .soluper .ptn img:last-child {
  display: none;
}

.petails .solution .soluper .ptn:hover img:first-child {
  display: none;
}

.petails .solution .soluper .ptn:hover img:last-child {
  display: block;
}

.petails .solution .soluper .bl {
  left: -0.4rem;
}

.petails .solution .soluper .br {
  right: -0.4rem;
}

.petails .customized {
  width: 100%;
  padding: 0.7rem 0;
}

.petails .customized .custom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.petails .customized .custom .cul {
  display: inline-block;
  vertical-align: middle;
  width: calc((680 / 1440) * 100%);
}

.petails .customized .custom .cul .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.petails .customized .custom .cur {
  display: inline-block;
  vertical-align: middle;
  width: calc((680 / 1440) * 100%);
}

.petails .customized .custom .cur .cit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.petails .customized .custom .cur .curem {
  width: 100%;
  margin-bottom: 0.3rem;
}

.petails .customized .custom .cur .curem .cir {
  width: 100%;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.petails .customized .custom .cur .curem .cinp {
  width: 100%;
  color: #fff;
  line-height: 2;
}

.petails .customized .custom .cur .curem .cinp p {
  color: #fff;
  line-height: 2;
}

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

.petails .introduce .inuem {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.petails .introduce .inuem .inr {
  display: inline-block;
  vertical-align: middle;
  width: calc((680 / 1440) * 100%);
}

.petails .introduce .inuem .inr .inrem {
  width: 100%;
  display: none;
}

.petails .introduce .inuem .inr .inrem .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.petails .introduce .inuem .inr .inrem.on {
  display: block;
}

.petails .introduce .inuem .inl {
  display: inline-block;
  vertical-align: middle;
  width: calc((680 / 1440) * 100%);
}

.petails .introduce .inuem .inl .its {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.petails .introduce .inuem .inl .im {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.petails .introduce .inuem .inl .inlist {
  width: 100%;
}

.petails .introduce .inuem .inl .inlist .swiper-slide {
  width: 100%;
  cursor: pointer;
}

.petails .introduce .inuem .inl .inlist .swiper-slide .imgs {
  width: 100%;
  overflow: hidden;
}

.petails .introduce .inuem .inl .inlist .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.petails .introduce .inuem .inl .inlist .swiper-slide .inx {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-top: 0.15rem;
  padding: 0 0.1rem;
}

.petails .introduce .inuem .inl .inlist .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.petails .parameter {
  width: 100%;
  padding: 0.7rem 0;
}

.petails .parameter .pirt {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.petails .parameter .patble {
  width: 100%;
  font-size: 0;
}

.petails .parameter .patble .tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.petails .parameter .patble .patm {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border: solid 1px #eaeaea;
}

.petails .parameter .patble .patm .pr {
  width: 100%;
  height: 100%;
  display: flex;
}

.petails .parameter .patble .patm .pr .name {
  display: inline-block;
  vertical-align: middle;
  background-color: #f8f8f8;
  padding: 0.15rem 0.25rem;
  color: #333;
  line-height: 1.5;
  width: calc((300 / 720) * 100%);
}

.petails .parameter .patble .patm .pr .con {
  width: calc((420 / 720) * 100%);
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  padding: 0.15rem 0.25rem;
  color: #333;
  line-height: 1.5;
  border-left: solid 1px #eaeaea;
}

.petails .parameter .patble .patm + .patm {
  border-left: none;
}

.petails .parameter .patble .tr + .tr .patm {
  border-top: none;
}

.petails .scene {
  width: 100%;
  padding: 0.7rem 0;
  background-color: #f8f8f8;
}

.petails .scene .sic {
  width: 100%;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.petails .scene .sceam {
  width: 100%;
  font-size: 0;
}

.petails .scene .sceam .scl {
  display: inline-block;
  vertical-align: top;
  width: calc((952 / 1440) * 100%);
  margin-right: calc((23 / 1440) * 100%);
  font-size: 0;
}

.petails .scene .sceam .scl .sclm {
  display: inline-block;
  vertical-align: top;
  width: calc((464 / 952) * 100%);
  margin-right: calc((23 / 952) * 100%);
  margin-bottom: 0.2rem;
  overflow: hidden;
}

.petails .scene .sceam .scl .sclm a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.petails .scene .sceam .scl .sclm .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
}

.petails .scene .sceam .scl .sclm:hover .img {
  transform: scale(1.1);
}

.petails .scene .sceam .scl .sclm:nth-child(2n) {
  margin-right: 0;
}

.petails .scene .sceam .scl .sclm:nth-child(2n + 1) {
  transition-delay: 0.2s;
}

.petails .scene .sceam .scl .sclm:nth-child(2n + 2) {
  transition-delay: 0.4s;
}

.petails .scene .sceam .scr {
  display: inline-block;
  vertical-align: top;
  width: calc((464 / 1440) * 100%);
  overflow: hidden;
}

.petails .scene .sceam .scr a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.petails .scene .sceam .scr .img {
  width: 100%;
  padding-top: 116.8%;
  transition: all ease 0.3s;
}

.petails .scene .sceam .scr:hover .img {
  transform: scale(1.1);
}

.petails .Aftersales {
  width: 100%;
  padding: 0.7rem 0;
}

.petails .Aftersales .aftem {
  width: 100%;
  font-size: 0;
}

.petails .Aftersales .aftem .afl {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1440) * 100%);
}

.petails .Aftersales .aftem .afl .img {
  width: 100%;
  padding-top: 69.4%;
}

.petails .Aftersales .aftem .afr {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1440) * 100%);
  padding-left: 0.7rem;
}

.petails .Aftersales .aftem .afr .cit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.petails .Aftersales .aftem .afr .curem {
  width: 100%;
  margin-bottom: 0.3rem;
}

.petails .Aftersales .aftem .afr .curem .cir {
  width: 100%;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.petails .Aftersales .aftem .afr .curem .cinp {
  width: 100%;
  color: #333;
  line-height: 2;
}

.petails .Aftersales .aftem .afr .curem .cinp p {
  color: #333;
  line-height: 2;
}

@media (max-width: 900px) {
  .petails .solution .soluper .bl {
    left: -0rem;
  }
  .petails .solution .soluper .br {
    right: -0rem;
  }
  .petails .parameter {
    width: 100%;
  }
  .petails .parameter .patble .patm {
    width: 100%;
  }
  .petails .parameter .patble .patm + .patm {
    border-top: none;
    border-left: solid 1px #eaeaea;
  }
  .petails .parameter .patble .tr + .tr .patm {
    border-top: none;
  }
}

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

.honpers .swiper-slide {
  width: 100%;
  overflow: hidden;
  border: solid 1px #eee;
}

.honpers .swiper-slide .imgs {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
  position: relative;
}

.honpers .swiper-slide .imgs .bm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  opacity: 0;
  z-index: 4;
}

.honpers .swiper-slide:hover {
  border: solid 1px #fece16;
}

.honpers .swiper-slide:hover .imgs {
  transform: scale(1.1);
}

.honpers .swiper-slide:nth-child(6n + 1) {
  transition-delay: 0.2s;
}

.honpers .swiper-slide:nth-child(6n + 2) {
  transition-delay: 0.3s;
}

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

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

.honpers .swiper-slide:nth-child(6n + 5) {
  transition-delay: 0.6s;
}

.honpers .swiper-slide:nth-child(6n + 6) {
  transition-delay: 0.7s;
}

.honpers .stn {
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

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

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

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

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

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

.honpers .bl {
  left: -0.4rem;
}

.honpers .br {
  right: -0.4rem;
}

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

.procems {
  width: 100%;
  position: relative;
  padding: 1rem 0;
}

.procems .propers {
  width: 100%;
  position: relative;
}

.procems .propers .pits {
  width: 100%;
  position: absolute;
  width: calc((480 / 1440) * 100%);
  top: 0;
  left: 0;
  z-index: 3;
  padding: 0.2rem 0.2rem 0.2rem 0;
}

.procems .propers .pits .ct {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.procems .propers .pits .mit {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin: 0.2rem 0 0.3rem;
}

.procems .propers .pits .btns {
  width: 100%;
  font-size: 0;
}

.procems .propers .pits .btns .stn {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  margin-right: 0.3rem;
}

.procems .propers .pits .btns .stn img {
  width: 100%;
  display: block;
}

.procems .propers .pits .btns .stn img:first-child {
  display: block;
}

.procems .propers .pits .btns .stn img:last-child {
  display: none;
}

.procems .propers .pits .btns .stn:hover img:first-child {
  display: none;
}

.procems .propers .pits .btns .stn:hover img:last-child {
  display: block;
}

.procems .propers .swiper-slide {
  width: 100%;
  position: relative;
}

.procems .propers .swiper-slide:before {
  content: ' ';
  width: calc(( 480 / 1440) * 100%);
  position: relative;
  top: 0;
  left: 0;
  height: 1px;
  display: inline-block;
}

.procems .propers .parm {
  display: inline-block;
  vertical-align: top;
  width: calc((480 / 1440) * 100%);
  padding: 0.2rem;
  background-color: #fff;
  border: solid 0.01rem rgba(238, 238, 238, 0.5);
}

.procems .propers .parm a {
  width: 100%;
  display: block;
}

.procems .propers .parm .imgs {
  width: 100%;
  overflow: hidden;
}

.procems .propers .parm .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.3s;
}

.procems .propers .parm .vit {
  width: 100%;
  text-align: center;
  line-height: 2.5;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.procems .propers .parm .vic {
  width: 100%;
  color: #999;
  line-height: 1.5;
  text-align: center;
}

.procems .propers .parm:hover .imgs .img {
  transform: scale(1.1);
}

.procems .propers .parm:hover .vit {
  color: #fece16;
}

.procems .propers .parm:nth-child(5n+1) {
  transition-delay: 0.2s;
}

.procems .propers .parm:nth-child(5n+2) {
  transition-delay: 0.3s;
}

.procems .propers .parm:nth-child(5n+3) {
  transition-delay: 0.4s;
}

.procems .propers .parm:nth-child(5n+4) {
  transition-delay: 0.5s;
}

.procems .propers .parm:nth-child(5n+5) {
  transition-delay: 0.6s;
}

.procems .bmg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}

@media (max-width: 900px) {
  .procems .propers .pits {
    width: 100%;
    padding: 0;
    padding-right: 0.2rem;
    position: relative;
    margin-bottom: 0.3rem;
  }
  .procems .propers .swiper-slide:before {
    width: 50%;
    display: none;
  }
  .procems .propers .parm {
    width: 50%;
  }
}

.applier {
  width: 100%;
  padding: 0.6rem 0;
  position: relative;
}

.applier .swiper-slide {
  width: 100%;
  position: relative;
}

.applier .swiper-slide .bkm {
  width: 100%;
  padding-top: 100%;
  transition: opacity ease 0.3s;
  animation: circle 10s linear infinite;
  opacity: 0;
}

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

.applier .swiper-slide .voms {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 4;
}

.applier .swiper-slide .icon {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto 0.08rem;
}

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

.applier .swiper-slide .ix {
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}

.applier .swiper-slide .im {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  height: 3em;
  max-width: 60%;
  margin: 0.3rem auto 0.4rem;
  display: none;
}

.applier .swiper-slide .more {
  width: 100%;
  font-size: 0;
  text-align: center;
  display: none;
}

.applier .swiper-slide .more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.5rem;
  line-height: 2.5;
  height: 2.5em;
  border: solid 1px #fff;
  color: #fff;
}

.applier .swiper-slide .more a:hover {
  color: #333;
  background-color: #fece16;
  border: solid 1px #fece16;
}

.applier .swiper-slide.swiper-slide-active .bkm {
  opacity: 1;
}

.applier .swiper-slide.swiper-slide-active .im {
  display: block;
}

.applier .swiper-slide.swiper-slide-active .more {
  display: block;
}

.applier .stn {
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

.applier .stn img {
  width: 100%;
  display: block;
}

.applier .stn img:first-child {
  display: block;
}

.applier .stn img:last-child {
  display: none;
}

.applier .stn:hover img:first-child {
  display: none;
}

.applier .stn:hover img:last-child {
  display: block;
}

.applier .bl {
  left: 0%;
}

.applier .br {
  right: 0%;
}

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

.newsom .newom {
  width: 100%;
}

.newsom .newom .nel {
  width: calc((300 / 1440) * 100%);
  display: inline-block;
  vertical-align: middle;
  margin-right: calc((49 / 1440) * 100%);
}

.newsom .newom .nel .nil {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.newsom .newom .nel .nips {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.newsom .newom .nel .nelis {
  width: 100%;
}

.newsom .newom .nel .nelis .atm {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.newsom .newom .nel .nelis .atm a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.5rem;
  max-width: 100%;
  color: #333;
  line-height: 3;
  border-radius: 1.5em;
  border: solid 1px #cccccc;
}

.newsom .newom .nel .nelis .atm a:hover {
  background-color: #fece16;
  border: solid 1px #fece16;
}

.newsom .newom .nel .nelis .atm.on a {
  background-color: #fece16;
  border: solid 1px #fece16;
}

.newsom .newom .ner {
  width: calc((1090 / 1440) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.newsom .newom .ner .nerom {
  width: 100%;
  display: none;
}

.newsom .newom .ner .nerom.on {
  display: block;
}

.newsom .newom .ner .midper {
  display: inline-block;
  vertical-align: middle;
  width: calc((540 / 1090) * 100%);
  margin-right: calc((29 / 1090) * 100%);
}

.newsom .newom .ner .midper .swiper-slide {
  width: 100%;
  position: relative;
}

.newsom .newom .ner .midper .swiper-slide .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.newsom .newom .ner .midper .swiper-slide .mot {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.25rem;
}

.newsom .newom .ner .midper .swiper-slide .mot .time {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.newsom .newom .ner .midper .swiper-slide .mot .els {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.newsom .newom .ner .mirlist {
  display: inline-block;
  vertical-align: middle;
  width: calc((520 / 1090) * 100%);
}

.newsom .newom .ner .mirlist .mirem {
  width: 100%;
  padding: 0.1rem 0;
}

.newsom .newom .ner .mirlist .mirem a {
  width: 100%;
  display: block;
}

.newsom .newom .ner .mirlist .mirem .imgs {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  overflow: hidden;
}

.newsom .newom .ner .mirlist .mirem .imgs .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.3s;
}

.newsom .newom .ner .mirlist .mirem .rvm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.4rem);
  padding-left: 0.3rem;
}

.newsom .newom .ner .mirlist .mirem .rvm .tm {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.newsom .newom .ner .mirlist .mirem .rvm .vmt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  height: 3em;
}

.newsom .newom .ner .mirlist .mirem.on .imgs .img {
  transform: scale(1.1);
}

.newsom .newom .ner .mirlist .mirem.on .rvm .vmt {
  color: #fece16;
}

@media (max-width: 900px) {
  .newsom .newom .nel .nelis .atm {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
  }
}

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

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

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

.abouts .aboum .abl .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.3s;
  position: relative;
}

.abouts .aboum .abl .img .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.abouts .aboum .abl .img .play span {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
}

.abouts .aboum .abl .img .play span img {
  width: 100%;
  display: block;
}

.abouts .aboum .abr {
  display: inline-block;
  vertical-align: middle;
  width: calc((680 / 1440) * 100%);
}

.abouts .aboum .abr .aib {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.abouts .aboum .abr .aim {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.15rem 0 0.25rem;
}

.abouts .aboum .abr .sinp {
  width: 100%;
  color: rgba(51, 51, 51, 0.8);
  line-height: 2.2;
}

.abouts .aboum .abr .sinp p {
  color: rgba(51, 51, 51, 0.8);
  line-height: 2.2;
}

.abouts .aboum .abr .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.abouts .aboum .abr .more a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3;
  padding: 0 0.5rem;
  border: solid 1px #333;
}

.abouts .aboum .abr .more a:hover {
  background-color: #333;
  color: #fece16;
}

footer {
  width: 100%;
  padding: 0.8rem 0 0;
  background-color: #111111;
}

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

footer .ftop .flists {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 1.62rem);
  font-size: 0;
}

footer .ftop .flists .flist {
  display: inline-block;
  vertical-align: top;
  width: calc((255 / 1278) * 100%);
  padding-right: 0.15rem;
}

footer .ftop .flists .flist .fit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

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

footer .ftop .flists .flist .ful a {
  width: 100%;
  display: block;
  line-height: 2;
  transition: all ease 0.3s;
  color: #666666;
}

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

footer .ftop .codes {
  display: inline-block;
  vertical-align: top;
  width: 1.62rem;
  text-align: center;
}

footer .ftop .codes .cx {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

footer .ftop .codes .cmg {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  margin: 0.15rem auto 0;
}

footer .ftop .codes .cmg img {
  width: 100%;
  display: block;
}

footer .fmidx {
  width: 100%;
  padding: 0.1rem 0 0.05rem;
  border-top: solid 1px rgba(102, 102, 102, 0.5);
  font-size: 0;
}

footer .fmidx span {
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.5;
  width: auto;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

footer .fmidx a {
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.5;
  width: auto;
  margin-right: 0.2rem;
  transition: all ease 0.3s;
  margin-bottom: 0.1rem;
}

footer .fmidx a:hover {
  color: #fff;
}

footer .fbot {
  width: 100%;
  border-top: solid 1px rgba(102, 102, 102, 0.5);
  padding: 0.2rem 0;
}

footer .fbot .fot {
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}

@media (max-width: 900px) {
  footer .ftop {
    width: 100%;
  }
  footer .ftop .flists {
    width: 100%;
  }
  footer .ftop .flists .flist {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  footer .ftop .flists .flist .ful {
    width: 100%;
    font-size: 0;
  }
  footer .ftop .flists .flist .ful a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
  }
}

.botnav {
  width: 100%;
  display: flex;
  align-items: center;
  height: 1.2rem;
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  display: none;
  border-top: solid 1px #eee;
}

.botnav .batm {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.botnav .batm .icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 auto 0.1rem;
}

.botnav .batm .icon img {
  width: 100%;
  display: block;
}

.botnav .batm .bx {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
}

.botnav .batm.on .bx {
  color: #004999;
}

.botnav .batm:hover .bx {
  color: #004999;
}

@media (max-width: 900px) {
  body {
    padding-bottom: 1.2rem;
  }
  .botnav {
    display: flex;
  }
}

.rightop {
  position: fixed;
  right: 0.2rem;
  bottom: 2rem;
  z-index: 10;
  display: none;
}

.rightop .riom {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  transform: rotate(-90deg);
}

.rightop .riom img {
  width: 100%;
  display: block;
}

.labels {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
}

.labels .lam {
  display: inline-block;
  vertical-align: top;
  width: auto;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  line-height: 2.6;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #999;
  padding: 0 0.2rem;
  transition: all ease 0.3s;
}

.labels .lam:hover {
  background-color: #fece16;
  border: 1px solid #fece16;
  color: #fff;
}

.labels .lam.on {
  background-color: #fece16;
  border: 1px solid #fece16;
  color: #fff;
}