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

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

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

@media (max-width: 1260px) {
  .w1240 {
    width: 94%;
  }
}

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

@media (max-width: 1560px) {
  .w1540 {
    width: 94%;
  }
}

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

@media (max-width: 1500px) {
  .w1480 {
    width: 94%;
  }
}

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

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

#dowebok {
  overflow: hidden;
}

footer {
  width: 100%;
  position: relative;
}

footer .ftop {
  width: 100%;
}

footer .ftop .fop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.36rem 0;
}

footer .ftop .fop .fogo {
  display: inline-block;
  vertical-align: middle;
  width: 1.14rem;
}

footer .ftop .fop .pix {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding: 0 0.5rem;
  color: #fff;
  line-height: 1.5;
}

footer .ftop .fop .share {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

footer .ftop .fop .share .am {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 0.39rem;
  height: 0.39rem;
  margin: 0 0.06rem;
  background-color: rgba(255, 255, 255, 0.11);
}

footer .ftop .fop .share .am a, footer .ftop .fop .share .am img {
  width: 100%;
  display: block;
}

footer .ftop .fop .share .am img {
  transition: all ease 0.3s;
  opacity: 0.5;
}

footer .ftop .fop .share .am .codm {
  position: absolute;
  display: none;
  width: 1rem;
  height: 1rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.1rem);
}

footer .ftop .fop .share .am .codm:after {
  content: ' ';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: solid 0.1rem transparent;
  border-top-color: #fff;
  top: 100%;
}

footer .ftop .fop .share .am:hover {
  background-color: #de0516;
}

footer .ftop .fop .share .am:hover img {
  opacity: 1;
}

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

footer .fmid {
  width: 100%;
  padding: 0.5rem 0;
  border-top: solid 1px rgba(255, 255, 255, 0.11);
}

footer .fmid .fmd {
  width: 100%;
  font-size: 0;
}

footer .fmid .fmd .fml {
  display: inline-block;
  vertical-align: top;
  width: calc((1380 / 1720) * 100%);
}

footer .fmid .fmd .fml .flist {
  width: calc((230 / 1380) * 100%);
  display: inline-block;
  vertical-align: top;
}

footer .fmid .fmd .fml .flist .fit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

footer .fmid .fmd .fml .flist .line {
  width: 100%;
  font-size: 0;
  margin: 0.26rem 0;
}

footer .fmid .fmd .fml .flist .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}

footer .fmid .fmd .fml .flist .ful {
  width: 100%;
  font-size: 0;
}

footer .fmid .fmd .fml .flist .ful .as {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.4);
  transition: all ease 0.4s;
  line-height: 2;
}

footer .fmid .fmd .fml .flist .ful .as:hover {
  color: #fff;
}

footer .fmid .fmd .fmr {
  display: inline-block;
  vertical-align: top;
  width: calc((340 / 1720) * 100%);
  text-align: right;
}

footer .fmid .fmd .fmr .fm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

footer .fmid .fmd .fmr .tm {
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}

footer .fmid .fmd .fmr .cul {
  width: 100%;
  margin-top: 0.35rem;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.8;
}

footer .fmid .fmd .fmr .cul p {
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.8;
}

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

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

footer .fbot .foy .fol {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}

footer .fbot .foy .for {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}

footer .top {
  position: absolute;
  z-index: 3;
  right: 0.2rem;
  width: 38px;
  height: 38px;
  background-color: #de0516;
  cursor: pointer;
  top: -38px;
}

footer .top img {
  width: 100%;
  display: block;
}

@media (max-width: 800px) {
  footer .ftop .fop .share {
    width: 100%;
    text-align: left;
    margin-top: 0.25rem;
  }
  footer .ftop .fop .share .am {
    width: 0.5rem;
    height: 0.5rem;
  }
  footer .fmid .fmd .fml {
    width: 100%;
    display: block;
  }
  footer .fmid .fmd .fml .flist {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.22rem;
  }
  footer .fmid .fmd .fml .flist .line {
    display: none;
  }
  footer .fmid .fmd .fml .flist .fit {
    margin-bottom: 0.15rem;
  }
  footer .fmid .fmd .fml .flist .ful {
    width: 100%;
    font-size: 0;
  }
  footer .fmid .fmd .fml .flist .ful .as {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
  }
  footer .fmid .fmd .fml .flist:nth-child(2n) {
    margin-right: 0;
  }
  footer .fmid .fmd .fmr {
    width: 100%;
    text-align: left;
  }
  footer .fbot .foy {
    width: 100%;
  }
  footer .fbot .foy .fol {
    width: 100%;
  }
  footer .fbot .foy .for {
    margin-top: 0.15rem;
    width: 100%;
  }
}

.banner {
  width: 100%;
  background-color: #000;
  position: relative;
}

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

.banner .swiper-slide .pcimg {
  width: 100%;
  height: 100vh;
  display: block;
}
.banner .swiper-slide .phimg {
  width: 100%;
  height: 100vh;
  display: none;
}
@media (max-width: 800px) {
  .banner .swiper-slide .pcimg {
    display: none;
  }
  .banner .swiper-slide .phimg {
    display: block;
  }
}


.banner .swiper-slide .sox {
  width: 14.4rem;
  position: absolute;
  max-width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.banner .swiper-slide .sox .sm p {
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}

.banner .swiper-slide .sox .sx {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.3rem;
}

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

.banner .swiper-pagination {
  right: calc((100 / 1920) * 100%);
  bottom: 1rem;
  left: auto;
  width: auto;
}

.banner .swiper-pagination-bullet {
  width: 0.4rem;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  margin: 0 0.8rem;
  opacity: 1;
}

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

.banner .lefv {
  position: absolute;
  left: 0.43rem;
  z-index: 3;
  bottom: 1rem;
  width: 17px;
  height: 126px;
  cursor: pointer;
}

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

.news {
  width: 100%;
}

.news .netop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.news .netop .nel {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.news .netop .nel .nit {
  width: 100%;
  color: #e60012;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.news .netop .nel .nx {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

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

.news .netop .ner a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #444;
  padding: 0 0.26rem;
  line-height: 2.5;
}

.news .netop .ner a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
  width: 0.28rem;
  height: 0.28rem;
}

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

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

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

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

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

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

.news .neconts {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.news .neconts .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc((875 / 1720) * 100%);
  margin-right: calc((49 / 1720) * 100%);
  position: relative;
}

.news .neconts .nel a {
  width: 100%;
  display: block;
}

.news .neconts .nel .nelm {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.news .neconts .nel .nelm .img {
  width: 100%;
  padding-top: 61.71%;
  transition: all ease 0.5s;
}

.news .neconts .nel .nelm:hover .img {
  transform: scale(1.1);
}

.news .neconts .nel .nmx {
  width: 100%;
  padding: 0.2rem 0.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.news .neconts .nel .nmx .nid {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.news .neconts .nel .nmx .cix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.06rem 0;
}

.news .neconts .nel .nmx .time {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.news .neconts .ner {
  width: calc((795 / 1720) * 100%);
  display: flex;
  flex-wrap: wrap;
}

.news .neconts .ner .ntom {
  width: 100%;
  /* flex: 1; */
  display: block;
  font-size: 0;
}

.news .neconts .ner .ntom a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.news .neconts .ner .ntom .ntm {
  width: 100%;
  height: 100%;
  padding: 0.28rem 0.3rem;
  background-color: #de0516;
  display: none;
  align-items: center;
}

.news .neconts .ner .ntom .ntm .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((337 / 735) * 100%);
  overflow: hidden;
}

.news .neconts .ner .ntom .ntm .imgs .img {
  width: 100%;
  padding-top: 61.72%;
  transition: all ease 0.3s;
}

.news .neconts .ner .ntom .ntm .nom {
  display: inline-block;
  vertical-align: middle;
  width: calc((397 / 735) * 100%);
  padding-left: 0.3rem;
}

.news .neconts .ner .ntom .ntm .nom .time {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.news .neconts .ner .ntom .ntm .nom .nts {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.08rem 0;
}

.news .neconts .ner .ntom .ntm .nom .npm {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  height: 3em;
}

.news .neconts .ner .ntom .nbm {
  width: 100%;
  font-size: 0;
  padding: 0.18rem 0.3rem;
  display: flex;
  align-items: center;
}

.news .neconts .ner .ntom .nbm .tm {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  color: #333;
  line-height: 1.5;
}

.news .neconts .ner .ntom .nbm .tx {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #444;
  line-height: 1.5;
}

.news .neconts .ner .ntom .nbm .rc {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
}

.news .neconts .ner .ntom .nbm .rc img {
  width: 100%;
  display: block;
}

.news .neconts .ner .ntom .nbm .rc img:first-child {
  display: block;
}

.news .neconts .ner .ntom .nbm .rc img:last-child {
  display: none;
}

.news .neconts .ner .ntom.show .ntm {
  display: flex;
}

.news .neconts .ner .ntom.show .nbm {
  display: none;
}

.news .neconts .ner .ntom + .ntom a {
  border-top: solid 1px #f2f2f2;
}

@media (max-width: 800px) {
  .news {
    padding: 0.6rem 0;
  }
  .news .netop .nel {
    width: 100%;
    margin-bottom: 0.25rem;
  }
  .news .netop .ner {
    width: 100%;
  }
  .news .neconts .nel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.3rem;
  }
  .news .neconts .ner {
    width: 100%;
  }
}

.matters {
  width: 100%;
  display: block;
}

.matters .bgm {
  width: 100%;
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #000;
}

.matters .bgm .img {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}

.matters .bgm .img.on {
  z-index: 2;
  opacity: 1;
}

.matters .matter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
}

.matters .matter .matem {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
}

.matters .matter .matem .mom {
  width: 100%;
  text-align: center;
}

.matters .matter .matem .mom .icon {
  width: 100%;
  font-size: 0;
}

.matters .matter .matem .mom .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
}

.matters .matter .matem .mom .icon span img {
  width: 100%;
  display: block;
}

.matters .matter .matem .mom .imt {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin: 0.7rem 0 0.4rem;
}

.matters .matter .matem .mom .line {
  width: 100%;
  font-size: 0;
}

.matters .matter .matem .mom .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.35rem;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
}

.matters .matter .matem .mom .linp {
  width: 100%;
  transition: all ease 0.5s;
  color: #fff;
  line-height: 2;
  height: 8em;
  height: 0;
  text-align: left;
}

.matters .matter .matem .mom .linp p {
  color: #fff;
  line-height: 2;
}

.matters .matter .matem .mom .more {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 0.7rem;
  display: none;
}

.matters .matter .matem .mom .more .atm {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  background-color: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
}

.matters .matter .matem .mom .more .atm i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.matters .matter .matem .mom .more .atm i img {
  width: 100%;
  display: block;
}

.matters .matter .matem .mom .more .atm:hover {
  background-color: #e60012;
  border: solid 1px #e60012;
}

.matters .matter .matem.show {
  background-color: rgba(0, 0, 0, 0.35);
}

.matters .matter .matem.show .mom .icon span {
  width: 1.3rem;
  height: 1.3rem;
  background-image: url("../images/i14.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.35rem;
}

.matters .matter .matem.show .mom .icon span img {
  width: 0.6rem;
  height: 0.6rem;
}

.matters .matter .matem.show .mom .imt {
  width: 100%;
}

.matters .matter .matem.show .mom .line {
  display: none;
}

.matters .matter .matem.show .mom .linp {
  height: 8em;
}

.matters .matter .matem.show .mom .more {
  display: block;
}

@media (max-width: 800px) {
  .matters .matter {
    flex-wrap: wrap;
  }
  .matters .matter .matem {
    width: 100%;
    flex: none;
    height: auto;
  }
}

.abouts {
  width: 100%;
}

.abouts .abtop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.2rem;
}

.abouts .abtop .ab {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.abouts .abtop .ainp {
  width: 100%;
  color: #666;
  line-height: 2;
}

.abouts .adate {
  width: 100%;
  padding: 0.5rem 0;
  font-size: 0;
}

.abouts .adate .adom {
  width: 25%;
  padding: 0 0.2rem;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}

.abouts .adate .adom .icon {
  display: inline-block;
  vertical-align: top;
  width: 0.6rem;
  height: 0.6rem;
}

.abouts .adate .adom .icon img {
  width: 100%;
  display: block;
}

.abouts .adate .adom .dom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.6rem);
  padding-left: 0.24rem;
}

.abouts .adate .adom .dom .hum {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.abouts .adate .adom .dom .hum span {
  display: inline-block;
  vertical-align: middle;
  color: #de0516;
}

.abouts .adate .adom .dom .hx {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.abouts .adate .adom:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.abouts .adate .adom:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.abouts .adate .adom:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.abouts .adate .adom:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.abouts .amg {
  width: 100%;
  padding: 0.7rem 0;
  text-align: right;
}

.abouts .amg .comd {
  display: inline-block;
  vertical-align: middle;
  width: calc((740 / 1240) * 100%);
  font-size: 0;
}

.abouts .amg .comd .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((440 / 740) * 100%);
  margin-right: calc((19 / 740) * 100%);
  position: relative;
}

.abouts .amg .comd .col a {
  width: 100%;
  display: block;
}

.abouts .amg .comd .col .img {
  width: 100%;
  padding-top: 68.18%;
}

.abouts .amg .comd .col .cox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.3rem;
  align-content: space-between;
  text-align: left;
}

.abouts .amg .comd .col .cox .cit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.abouts .amg .comd .col .cox .cinp {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.abouts .amg .comd .col .cox .cinp p {
  color: #fff;
  line-height: 1.5;
}

.abouts .amg .comd .col .cox .more {
  width: 100%;
  font-size: 0;
}

.abouts .amg .comd .col .cox .more span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
}

.abouts .amg .comd .col .cox .more span i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
}

.abouts .amg .comd .cor {
  display: inline-block;
  vertical-align: middle;
  width: calc((280 / 740) * 100%);
}

.abouts .amg .comd .cor .corm {
  width: 100%;
  position: relative;
}

.abouts .amg .comd .cor .corm a {
  width: 100%;
  display: block;
}

.abouts .amg .comd .cor .corm .img {
  width: 100%;
  padding-top: 50%;
}

.abouts .amg .comd .cor .corm .pom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.2rem;
  text-align: left;
}

.abouts .amg .comd .cor .corm .pom .pt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.abouts .amg .comd .cor .corm .pom .pmm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.abouts .amg .comd .cor .corm + .corm {
  margin-top: 0.2rem;
}

@media (max-width: 800px) {
  .abouts {
    padding: 0.6rem 0;
  }
  .abouts .adate .adom {
    width: 50%;
  }
  .abouts .amg .comd {
    width: 100%;
  }
}

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

.handle .hmgs {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #000;
}

.handle .hmgs .img {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}

.handle .hmgs .img.on {
  z-index: 2;
  opacity: 1;
}

.handle .hanper {
  width: 100%;
  font-size: 0;
  position: relative;
  position: absolute;
  z-index: 4;
  bottom: 1.55rem;
}

.handle .hanper .swiper-container {
  padding: 1.4rem 0;
}

.handle .hanper .haoem {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 6;
}

.handle .hanper .haoem .hitem {
  width: 100%;
  max-width: 2.7rem;
  margin: 0 auto;
  position: relative;
}

.handle .hanper .haoem .bkm {
  width: 100%;
  position: absolute;
  z-index: 7;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
  opacity: 0;
}

.handle .hanper .haoem .bkm .mg {
  width: 100%;
  padding-top: 100%;
}

.handle .hanper .haoem .tem {
  width: 100%;
  text-align: center;
  z-index: 8;
  position: relative;
}

.handle .hanper .haoem .tem .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.3s;
}

.handle .hanper .haoem .tem .icon {
  position: absolute;
  z-index: 9;
  bottom: calc(100% + 0.3rem);
  width: 100%;
  font-size: 0;
  text-align: center;
  transition: all ease 0.3s;
}

.handle .hanper .haoem .tem .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
}

.handle .hanper .haoem .tem .icon span img {
  width: 100%;
  display: block;
}

.handle .hanper .haoem .tem .igm {
  position: absolute;
  z-index: 9;
  top: calc(100% + 0.3rem);
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all ease 0.3s;
}

.handle .hanper .haoem.show .bkm {
  opacity: 1;
}

.handle .hanper .haoem.show .tem .ic {
  opacity: 0;
}

.handle .hanper .haoem.show .tem .icon {
  bottom: 0.18rem;
}

.handle .hanper .haoem.show .tem .igm {
  top: 0.18rem;
}

.handle .hanper .line {
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

.handle .archives {
  position: absolute;
  left: calc((210 / 1920) * 100%);
  top: 28%;
  z-index: 6;
  transform: translateY(-50%);
}

.handle .archives .actm {
  width: 100%;
  display: none;
  max-width: 5.6rem;
}

.handle .archives .actm .aiv {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.handle .archives .actm .aint {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.2rem 0 0.6rem;
}

.handle .archives .actm .aint p {
  color: #fff;
  line-height: 1.5;
}

.handle .archives .actm .more {
  width: 100%;
  font-size: 0;
}

.handle .archives .actm .more .atm {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  background-color: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
}

.handle .archives .actm .more .atm i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.handle .archives .actm .more .atm i img {
  width: 100%;
  display: block;
}

.handle .archives .actm .more .atm:hover {
  background-color: #e60012;
  border: solid 1px #e60012;
}

.handle .archives .actm.on {
  display: block;
}

@media (max-width: 800px) {
  .handle .hmgs {
    height: 70vh;
  }
  .handle .archives {
    top: 24%;
  }
}

.proshow {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.proshow .propers {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background-color: #fff;
  height: 1.6rem;
}

.proshow .propers .w1540 {
  height: 100%;
}

.proshow .propers .swiper-container, .proshow .propers .swiper-wrapper {
  height: 100%;
}

.proshow .propers .swiper-slide {
  width: 100%;
  padding: 0 0.3rem;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  transition: all ease 0.4s;
}

.proshow .propers .swiper-slide .imgs {
  width: 1.5rem;
  overflow: hidden;
  display: block;
  margin: 0 auto 0rem;
}

.proshow .propers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 66.66%;
  transition: all ease 0.3s;
}

.proshow .propers .swiper-slide .sim {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
}

.proshow .propers .swiper-slide.on {
  box-shadow: 0px 12px 18px 0px rgba(47, 87, 146, 0.14);
}

.proshow .propers .swiper-slide.on .sim {
  color: #e60012;
}

.proshow .propers .swiper-slide:hover {
  box-shadow: 0px 12px 18px 0px rgba(47, 87, 146, 0.14);
}

.proshow .propers .swiper-slide:hover .sim {
  color: #e60012;
}

.proshow .propers .btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.28rem;
  height: 0.28rem;
  cursor: pointer;
}

.proshow .propers .btn img {
  width: 100%;
  display: block;
}

.proshow .propers .btn img:first-child {
  display: block;
}

.proshow .propers .btn img:last-child {
  display: none;
}

.proshow .propers .btn:hover img:first-child {
  display: none;
}

.proshow .propers .btn:hover img:last-child {
  display: block;
}

.proshow .propers .bl {
  left: -0.4rem;
}

.proshow .propers .br {
  right: -0.4rem;
}

.proshow .procont {
  width: 100%;
  height: 100%;
  padding-top: 1.6rem;
}

.proshow .procont .pont {
  width: 100%;
  height: 100%;
  display: none;
}

.proshow .procont .pont .ont {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.proshow .procont .pont .bmg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.proshow .procont .pont .conts {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.proshow .procont .pont .conts .col {
  display: inline-block;
  vertical-align: middle;
  width: calc((1145 / 1480) * 100%);
}

.proshow .procont .pont .conts .col .img {
  width: 100%;
  padding-top: 52.08%;
}

.proshow .procont .pont .conts .cor {
  display: inline-block;
  vertical-align: middle;
  width: calc((325 / 1480) * 100%);
}

.proshow .procont .pont .conts .cor .vic {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.proshow .procont .pont .conts .cor .vinp {
  width: 100%;
  color: #666;
  line-height: 2;
  margin: 0.3rem 0;
}

.proshow .procont .pont .conts .cor .vinp p {
  color: #666;
  line-height: 2;
}

.proshow .procont .pont .conts .cor .more {
  width: 100%;
  font-size: 0;
}

.proshow .procont .pont .conts .cor .more .atm {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #333;
  color: #333;
  padding: 0 0.2rem;
  line-height: 3;
}

.proshow .procont .pont .conts .cor .more .atm i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.proshow .procont .pont .conts .cor .more .atm i img {
  width: 100%;
  display: block;
}

.proshow .procont .pont .conts .cor .more .atm i img:first-child {
  display: block;
}

.proshow .procont .pont .conts .cor .more .atm i img:last-child {
  display: none;
}

.proshow .procont .pont .conts .cor .more .atm:hover {
  background-color: #e60012;
  border: solid 1px #e60012;
  color: #fff;
}

.proshow .procont .pont .conts .cor .more .atm:hover i img:first-child {
  display: none;
}

.proshow .procont .pont .conts .cor .more .atm:hover i img:last-child {
  display: block;
}

.proshow .procont .pont.on {
  display: block;
}

@media (max-width: 1580px) {
  .proshow .propers .bl {
    left: 0rem;
  }
  .proshow .propers .br {
    right: 0rem;
  }
}

@media (max-width: 800px) {
  .proshow {
    height: auto;
  }
  .proshow .propers {
    position: relative;
  }
  .proshow .propers .swiper-slide {
    padding: 0.2rem;
  }
  .proshow .procont {
    padding-top: 0;
  }
  .proshow .procont .pont .ont {
    padding: 1rem 0;
  }
  .proshow .procont .pont .conts {
    padding: 0 0.2rem;
  }
  .proshow .procont .pont .conts .col {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .proshow .procont .pont .conts .cor {
    width: 100%;
  }
}

header {
  width: 100%;
  position: fixed;
  z-index: 22;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  transition: all ease 0.6s;
  border-bottom: solid 1px rgba(221, 225, 234, 0.2);
}
header.hide {
  transform: translateY(-100%);
  transition: all 1s ease-in-out;
}

header .w1720 {
  z-index: 11;
}

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

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

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

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

header nav {
  flex: 1;
  text-align: right;
  padding-left: 0.6rem;
}

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

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

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

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

header nav .natem .navuls {
  width: 2.6rem;
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 1.0);
  display: none;
}

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

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

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

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

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

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

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

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

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

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

header nav .natem .navul {
  width: 100vw;
  position: absolute;
  z-index: 101;
  left: 0;
  top: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  display: none;
  padding: 0.2rem 0;
}

header nav .natem .navul .navcon {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

header nav .natem .navul .nvm {
  width: 100%;
  flex: 1;
}

header nav .natem .navul .nvm .njm {
  width: 100%;
  display: block;
  position: relative;
  border-bottom: solid 1px #eee;
  margin-bottom: 0.2rem;
}

header nav .natem .navul .nvm .njm .ns {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 2.5;
  color: #333;
  font-weight: bold;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

header nav .natem .navul .nvm .njm .ns:hover {
  color: #15a4c6;
}

header nav .natem .navul .nvm .theuls {
  width: 100%;
  font-size: 0;
}

header nav .natem .navul .nvm .theuls li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

header nav .natem .navul .nvm .theuls li a {
  display: inline-block;
  vertical-align: top;
  width: auto;
  color: #535353;
  line-height: 2;
  margin-bottom: 0.1rem;
}

header nav .natem .navul .nvm .theuls li a:hover {
  color: #15a4c6;
}

header nav .natem .navul .nvm + .nvm {
  margin-left: 0.3rem;
}

header nav .natem .proswiper {
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);
  z-index: 50;
  display: none;
  /* padding-bottom: 0.4rem; */
}

header nav .natem .proswiper .swiper-container {
  margin: 0 0.4rem;
}

header nav .natem .proswiper .swiper-wrapper {
  width: 100%;
}

header nav .natem .proswiper .tt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}

header nav .natem .proswiper .tt img {
  width: 100%;
  height: 100%;
  display: block;
}

header nav .natem .proswiper .tt img:first-child {
  display: block;
}

header nav .natem .proswiper .tt img:last-child {
  display: none;
}

header nav .natem .proswiper .tt:hover img:first-child {
  display: none;
}

header nav .natem .proswiper .tt:hover img:last-child {
  display: block;
}

header nav .natem .proswiper .tl {
  left: 0;
}

header nav .natem .proswiper .tr {
  right: 0;
}

header nav .natem .proswiper .swiper-slide {
  text-align: center;
}

header nav .natem .proswiper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}

header nav .natem .proswiper .swiper-slide .img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.2rem auto;
}

header nav .natem .proswiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
}

header nav .natem .proswiper .swiper-slide .img img:first-child {
  display: block;
}

header nav .natem .proswiper .swiper-slide .img img:last-child {
  display: none;
}

header nav .natem .proswiper .swiper-slide .txt {
  width: 100%;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #666;
  line-height: 1.6;
  text-align: center;
}

header nav .natem .proswiper .swiper-slide:hover .img img:first-child {
  display: none;
}

header nav .natem .proswiper .swiper-slide:hover .img img:last-child {
  display: block;
}

header nav .natem .proswiper .swiper-slide:hover .txt {
  color: #c81624;
}

header nav .natem .proswiper .swiper-slide.on .img img:first-child {
  display: none;
}

header nav .natem .proswiper .swiper-slide.on .img img:last-child {
  display: block;
}

header nav .natem .proswiper .swiper-slide.on .txt {
  color: #c81624;
}

header nav .natem .proswiper .w1440 {
  display: flex;
}

header nav .natem .proswiper .prplist {
  display: inline-block;
  vertical-align: top;
  flex: 1;
  padding: 0.5rem 0.4rem;
}

header nav .natem .proswiper .prplist .pit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

header nav .natem .proswiper .prplist .pit a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

header nav .natem .proswiper .prplist .plist {
  width: 100%;
}

header nav .natem .proswiper .prplist .plist .pli {
  width: 100%;
  padding: 0.05rem 0;
}

header nav .natem .proswiper .prplist .plist .pli a {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

header nav .natem .proswiper .prplist:hover .pit a {
  color: #fff;
}

header nav .natem .proswiper .prplist:hover .plist .pli a {
  color: #fff;
}

header nav .natem .proswiper .prplist:hover .plist .pli a:hover {
  text-decoration: underline;
}

header nav .natem .proswiper .prplist:nth-child(4n+1):hover {
  background-image: linear-gradient(-55deg, #6dbaad 0%, #97dbcf 100%), linear-gradient(#6dbaad, #6dbaad);
  background-blend-mode: normal, 
 normal;
}

header nav .natem .proswiper .prplist:nth-child(4n+2):hover {
  background-image: linear-gradient(-55deg, #e46c73 0%, #f5b3b6 100%), linear-gradient(#6dbaad, #6dbaad);
  background-blend-mode: normal, 
 normal;
}

header nav .natem .proswiper .prplist:nth-child(4n+3):hover {
  background-image: linear-gradient(-55deg, #416db4 0%, #8da5d3 100%), linear-gradient(#6dbaad, #6dbaad);
  background-blend-mode: normal, 
 normal;
}

header nav .natem .proswiper .prplist:nth-child(4n+4):hover {
  background-image: linear-gradient(-55deg, #904e6f 0%, #dca8c2 100%), linear-gradient(#6dbaad, #6dbaad);
  background-blend-mode: normal, 
 normal;
}

header nav .natem .proswiper.show {
  top: 1rem;
}

header nav .natem.on .nas a {
  font-weight: bold;
}

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

header nav .natem:hover .nas a {
  font-weight: bold;
}

header nav .natem:hover .nas:after {
  display: block;
}

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

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

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

header .rav .languages .lauges .lashow {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  padding: 0 0.3rem 0 0.1rem;
}

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

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

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

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

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

header .rav .languages .lauges .lashow:after {
  content: " ";
  position: absolute;
  z-index: 3;
  right: 0.05rem;
  top: calc(50% + 0.01rem);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  width: 0.10rem;
  height: 0.06rem;
  background-size: 100% 100%;
}

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

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

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

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

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

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

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

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

header .rav .menu {
  display: inline-block;
  vertical-align: middle;
  display: none;
}

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

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

header .rav .stvm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

header .rav .stvm .input {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  border-bottom: solid 1px #ddd;
  transition: all ease 0.3s;
}

header .rav .stvm .input input {
  width: 100%;
  display: block;
  border: none;
  background-color: transparent;
  line-height: 2.5;
  color: #fff;
}
header.white .rav .stvm .input input{
  color: #333;
}

header .rav .stvm .clost {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  width: 0;
  cursor: pointer;
  transition: all ease 0.3s;
}

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

header .rav .stvm .clost img:first-child {
  display: block;
}

header .rav .stvm .clost img:last-child {
  display: none;
}

header .rav .stvm .tli {
  width: 100%;
  padding: 0.1rem 0;
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #fff;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  display: none;
}

header .rav .stvm .tli ul {
  width: 100%;
  display: block;
}

header .rav .stvm .tli li {
  width: 100%;
  padding: 0 0.2rem;
  cursor: pointer;
  color: #666;
  line-height: 2;
}

header .rav .stvm .tli li a {
  width: 100%;
  color: #666;
  line-height: 2;
  display: block;
}

header .rav .stvm .tli li a:hover {
  color: #de0516;
}

header .rav .stvm .vic {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
  width: 0;
  position: relative;
}

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

header .rav .stvm .vic img:first-child {
  display: block;
}

header .rav .stvm .vic img:last-child {
  display: none;
}

header .rav .stvm .vic .vis {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

header .rav .stvm.long .input {
  width: 2rem;
}

header .rav .stvm.long .input input {
  padding: 0 0.15rem;
}

header .rav .stvm.long .clost {
  display: inline-block;
}

header .rav .stvm.long .clost {
  width: 0.24rem;
}

header .rav .stvm.long .vic {
  width: 0.2rem;
  margin: 0 0.1rem;
}

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

header .sear {
  width: 100%;
  font-size: 0;
  padding: 0.3rem 0.3rem;
  border-top: solid 1px #f6f6f6;
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  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: #222;
}

header .sear .input input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  background: #222;
  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: #de0516;
  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.white {
  background-color: #fff;
}

header.white .rav .languages .lauges .lashow .ac img:first-child {
  display: none;
}

header.white .rav .languages .lauges .lashow .ac img:last-child {
  display: block;
}

header.white .rav .languages .lauges .lashow .am {
  color: #333;
}

header.white .rav .ss img:first-child {
  display: none;
}

header.white .rav .ss img:last-child {
  display: block;
}

header.white .rav .menu img:first-child {
  display: none;
}

header.white .rav .menu img:last-child {
  display: block;
}

header.white .rav .stvm .clost img:first-child {
  display: none;
}

header.white .rav .stvm .clost img:last-child {
  display: block;
}

header.white .rav .stvm .vic img:first-child {
  display: none;
}

header.white .rav .stvm .vic img:last-child {
  display: block;
}

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

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

header.white nav .natem.on:after {
  display: block;
  background-color: #e60012;
}

header.nofixed {
  transform: translateY(-100%);
}

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

@media (max-width: 800px) {
  header .w1800 {
    z-index: 150;
  }
  header .hop {
    height: 0.9rem;
  }
  header nav {
    width: 80%;
    position: fixed;
    max-width: 90%;
    right: 0;
    top: 0;
    left: auto;
    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;
    display: block;
    text-align: left;
  }
  header nav .natem {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    width: 100%;
    padding: 0.1rem 0;
  }
  header nav .natem .nas {
    width: auto;
    display: inline-block;
    width: 100%;
  }
  header nav .natem .nas a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.5;
    color: #333;
    font-weight: bold;
    padding: 0 0.3rem;
    position: relative;
  }
  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
  }
  header nav .natem .navuls ul {
    width: 100%;
    padding: 0.1rem;
  }
  header nav .natem .navuls li {
    width: 100%;
    display: block;
    position: relative;
  }
  header nav .natem .navuls li .ns {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 3;
    color: #333;
    text-align: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem;
    background: #fff;
    position: relative;
  }
  header nav .natem .navuls li .ns:hover {
    color: #de0516;
  }
  header nav .natem .navuls li .ns:after {
    content: ' ';
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background-image: url("../images/r.png");
    background-size: 100% 100%;
  }
  header nav .natem .navuls li + li {
    border-top: solid 1px #eee;
  }
  header nav .natem.on .nas a {
    color: #fff;
    background-color: #de0516;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header .rav {
    width: calc(100% - 1.62rem);
    text-align: right;
  }
  header .rav .menu {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.1rem;
  }
  header .rav .ss {
    display: inline-block;
    vertical-align: middle;
    width: 0.3rem;
    height: 0.3rem;
  }
  header .rav .stvm.long {
    text-align: left;
  }
  header .rav .stvm.long .input {
    width: 2.2rem;
  }
  header.menu-state {
    z-index: 10000;
  }
  header.menu-state nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

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

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

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

.nanber.long .img {
  padding-top: 41.66%;
}

.nanber.long .column {
  position: absolute;
  top: 0;
  width: 100%;
}

.crumbs {
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #f0f0f0;
}

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

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

.crumbs .crum .cul .com {
  width: 1.75rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 3.5em;
}

.crumbs .crum .cul .com .cox {
  position: absolute;
  width: 100%;
  height: 2.2rem;
  background-color: #e60012;
  left: 0;
  bottom: 0;
}

.crumbs .crum .cul .com .cox .cit {
  white-space: nowrap;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  position: absolute;
  left: 0.4rem;
  top: 0.3rem;
}

.crumbs .crum .cul .com .cox .letter {
  width: 100%;
  position: absolute;
  bottom: 0rem;
  height: 1rem;
  overflow: hidden;
}

.crumbs .crum .cul .com .cox .letter span {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
  padding-left: 0.4rem;
}

.crumbs .crum .cur {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.80rem);
}

.crumbs .crum .cur .swiper-wrapper {
  justify-content: flex-end;
}

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

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

.crumbs .crum .cur .swiper-slide a span {
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.3s;
  width: 0;
  height: 0;
}

.crumbs .crum .cur .swiper-slide.on a {
  color: #e60012;
}

.crumbs .crum .cur .swiper-slide.on a span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 5px;
  height: 5px;
  background-color: #e60012;
  position: relative;
  top: -0.02rem;
}

.crumbs .crum .cur .swiper-slide:hover a {
  color: #e60012;
}

@media (max-width: 800px) {
  .crumbs .crum .cur .swiper-wrapper {
    justify-content: flex-start;
  }
}

.column {
  width: 100%;
}

.column .colum {
  width: 100%;
  font-size: 0;
}

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

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

.column .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #888;
  line-height: 3.5;
}

.column .colum a span {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  margin: 0 0.1rem;
  position: relative;
  top: -0.02rem;
}

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

.prolist {
  width: 100%;
  background-color: #f8f8f8;
  padding-bottom: 0.6rem;
}

.prolist .column {
  text-align: right;
}

.prolist .screen {
  width: 100%;
  margin: 0.3rem auto 0.5rem;
}

.prolist .screen .sereitem {
  width: 100%;
  display: flex;
  line-height: 0.7rem;
  font-size: 0;
  position: relative;
}

.prolist .screen .sereitem .sernName {
  display: inline-block;
  vertical-align: top;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 14.5%;
  width: 1.75rem;
  background: #e60012;
  text-align: center;
  line-height: 0.7rem;
  color: #fff;
}

.prolist .screen .sereitem .serncon {
  width: 85.5%;
  width: calc(100% - 1.75rem);
  display: flex;
  padding: 0 0.75rem 0 0.3rem;
  background: #fff;
  line-height: 0.7rem;
  position: relative;
  overflow: hidden;
}

.prolist .screen .sereitem .serncon .classify {
  width: 100%;
}

.prolist .screen .sereitem .serncon .classify a {
  display: inline-block;
  vertical-align: top;
  margin: 0.15rem 0.2rem 0.15rem 0;
  line-height: 0.4rem;
  height: 0.4rem;
  padding: 0 0.2rem;
  color: #555;
  cursor: pointer;
}

.prolist .screen .sereitem .serncon .classify a.selected {
  color: #e60012;
}

.prolist .screen .sereitem .icon {
  position: absolute;
  right: 0.2rem;
  top: 0;
  line-height: 2.5;
  top: calc(0.35rem - 1.25em);
  color: #fff;
  cursor: pointer;
  display: none;
  background-color: #efefef;
  padding: 0 0.1rem;
  color: #bbb;
}

.prolist .screen .sereitem .iconx {
  position: absolute;
  right: 0.2rem;
  top: calc(0.35rem - 1.25em);
  line-height: 2.5;
  color: #fff;
  cursor: pointer;
  background-color: #e60012;
  padding: 0 0.1rem;
  display: none;
}

.prolist .screen .sereitem.hide .serncon {
  height: 0.7rem;
}

.prolist .screen .sereitem.hide .icon {
  display: block;
}

.prolist .screen .sereitem.hide .iconx {
  display: none;
}

.prolist .screen .sereitem.hide.show .serncon {
  height: auto;
}

.prolist .screen .sereitem.hide.show .icon {
  display: none;
}

.prolist .screen .sereitem.hide.show .iconx {
  display: block;
}

.prolist .screen .sereitem + .sereitem .serncon {
  border-top: solid 1px  #eee;
}

.prolist .screen .sereitem + .sereitem .sernName {
  border-top: solid 1px  #fff;
}

.prolist .proelis {
  width: 100%;
  font-size: 0;
}

.prolist .proelis .proam {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1440) * 100%);
  margin-right: calc((40 / 1440) * 100%);
  background-color: #fff;
  margin-bottom: 0.5rem;
}

.prolist .proelis .proam a {
  width: 100%;
  display: block;
}

.prolist .proelis .proam .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.prolist .proelis .proam .imgs .img {
  width: 100%;
  padding-top: 79.47%;
  transition: all ease 0.5s;
}

.prolist .proelis .proam .imgs .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.36rem;
}

.prolist .proelis .proam .imgs .icon img {
  width: 100%;
  display: block;
}

.prolist .proelis .proam .coms {
  width: 100%;
  padding: 0 0.3rem;
}

.prolist .proelis .proam .coms .csm {
  width: 100%;
  padding: 0.3rem 0;
  border-top: solid 1px #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0;
}

.prolist .proelis .proam .coms .csm .cml {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  text-align: center;
  height: auto;
}

.prolist .proelis .proam .coms .csm .cml .cir {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.05rem;
}

.prolist .proelis .proam .coms .csm .cml .cim {
  width: 100%;
  color: #bbb;
  line-height: 1.5;
  height: 3em;
}

.prolist .proelis .proam .coms .csm .cml .cim p {
  color: #bbb;
  line-height: 1.5;
}

.prolist .proelis .proam .coms .csm .cmr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  width: 0;
  transition: all ease 0.3s;
  overflow: hidden;
}

.prolist .proelis .proam .coms .csm .cmr .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.15rem;
  text-align: center;
  transition: all ease 0.5s;
}

.prolist .proelis .proam .coms .csm .cmr .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  margin-left: 0.1rem;
  top: -0.02rem;
}

.prolist .proelis .proam .coms .csm .cmr .ctn i img {
  width: 100%;
  display: block;
}

.prolist .proelis .proam:nth-child(3n) {
  margin-right: 0;
}

.prolist .proelis .proam:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.prolist .proelis .proam:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.prolist .proelis .proam:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.prolist .proelis .proam:hover .imgs .img {
  transform: scale(1.1);
}

.prolist .proelis .proam:hover .coms .csm .cmr {
  width: 140px;
}

.prolist .proelis .proam:hover .coms .csm .cmr .ctn {
  height: 2.5em;
}

.prolist .caselis {
  width: 100%;
  font-size: 0;
}

.prolist .caselis .casem {
  width: 100%;
  font-size: 0;
  background-color: #fff;
}

.prolist .caselis .casem .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((990 / 1440) * 100%);
  position: relative;
}

.prolist .caselis .casem .imgs .img {
  width: 100%;
  padding-top: 50.5%;
}

.prolist .caselis .casem .imgs .play {
  position: absolute;
  bottom: 0.46rem;
  left: 0.6rem;
  width: auto;
}

.prolist .caselis .casem .imgs .play .mg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 2;
  animation: big infinite 2s;
}

.prolist .caselis .casem .imgs .play .mg img {
  width: 100%;
  display: block;
}

@keyframes big {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.prolist .caselis .casem .imgs .play .mx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.prolist .caselis .casem .sem {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.5rem;
  width: calc((449 / 1440) * 100%);
}

.prolist .caselis .casem .sem .sit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.prolist .caselis .casem .sem .sinp {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem;
  height: 1.3rem;
}

.prolist .caselis .casem .sem .sinp p {
  color: #888;
  line-height: 1.5;
}

.prolist .caselis .casem .sem .more {
  width: 100%;
  font-size: 0;
}

.prolist .caselis .casem .sem .more .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: solid 1px #333;
  color: #333;
  line-height: 3;
  height: 3em;
  padding: 0 0.2rem;
  text-align: center;
  transition: all ease 0.5s;
}

.prolist .caselis .casem .sem .more .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  margin-left: 0.1rem;
  top: -0.02rem;
}

.prolist .caselis .casem .sem .more .ctn i img {
  width: 100%;
  display: block;
}

.prolist .caselis .casem .sem .more .ctn i img:first-child {
  display: block;
}

.prolist .caselis .casem .sem .more .ctn i img:last-child {
  display: none;
}

.prolist .caselis .casem .sem .more .ctn:hover {
  background-color: #e60012;
  border: solid 1px #e60012;
  color: #fff;
}

.prolist .caselis .casem .sem .more .ctn:hover i img:first-child {
  display: none;
}

.prolist .caselis .casem .sem .more .ctn:hover i img:last-child {
  display: block;
}

.prolist .caselis .casem + .casem {
  margin-top: 0.6rem;
}

.prolist .vilios {
  width: 100%;
  padding: 0.2rem 0 0.5rem;
}

.prolist .vilios .vit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.prolist .vilios .classify {
  width: 100%;
  font-size: 0;
  background-color: #f8f8f8;
  padding: 0.1rem 0.3rem;
  margin: 0.5rem 0;
}

.prolist .vilios .classify .cam {
  display: inline-block;
  vertical-align: top;
  margin: 0.1rem 0.15rem 0.1rem 0;
  line-height: 2.5;
  padding: 0 0.1rem;
  width: auto;
  color: #555;
}

.prolist .vilios .classify .cam.on {
  background-color: #e60012;
  color: #fff;
}

.prolist .vilios .videolis {
  width: 100%;
  font-size: 0;
}

.prolist .vilios .videolis .videm {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1440) * 100%);
  margin-right: calc((40 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.prolist .vilios .videolis .videm .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.prolist .vilios .videolis .videm .imgs .img {
  width: 100%;
  padding-top: 55.18%;
  transition: all ease 0.5s;
}

.prolist .vilios .videolis .videm .imgs .play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.5);
}

.prolist .vilios .videolis .videm .imgs .play img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.46rem;
  height: 0.46rem;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 2;
}

.prolist .vilios .videolis .videm .com {
  width: 100%;
  text-align: center;
  line-height: 2.4;
  color: #333;
}

.prolist .vilios .videolis .videm:nth-child(3n) {
  margin-right: 0;
}

.prolist .vilios .videolis .videm:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.prolist .vilios .videolis .videm:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.prolist .vilios .videolis .videm:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.prolist .vilios .videolis .videm:hover .imgs .img {
  transform: scale(1.1);
}

.prolist .vilios .videolis .videm:hover .com {
  color: #e60012;
}

.prolist .Industry {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0 0.5rem;
}

.prolist .Industry .vit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.prolist .Industry .induslis {
  width: 100%;
  font-size: 0;
}

.prolist .Industry .induslis .dusam {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1440) * 100%);
  margin-right: calc((40 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.prolist .Industry .induslis .dusam a {
  width: 100%;
  display: block;
  transition: all ease 0.5s;
}

.prolist .Industry .induslis .dusam .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.prolist .Industry .induslis .dusam .imgs .img {
  width: 100%;
  padding-top: 55.18%;
  transition: all ease 0.5s;
}

.prolist .Industry .induslis .dusam .imgs .time {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: #333333;
  padding: 0rem 0.2rem;
  color: #fff;
  line-height: 2.2;
}

.prolist .Industry .induslis .dusam .imgs .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.14rem;
}

.prolist .Industry .induslis .dusam .imgs .time span img {
  width: 100%;
  display: block;
}

.prolist .Industry .induslis .dusam .dom {
  width: 100%;
  background-color: #f8f8f8;
  padding: 0.3rem 0.3rem;
}

.prolist .Industry .induslis .dusam .dom .dt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.prolist .Industry .induslis .dusam .dom .dip {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
}

.prolist .Industry .induslis .dusam:nth-child(3n) {
  margin-right: 0;
}

.prolist .Industry .induslis .dusam:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.prolist .Industry .induslis .dusam:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.prolist .Industry .induslis .dusam:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.prolist .Industry .induslis .dusam:hover a {
  box-shadow: 0px 0px 16px 0px 
 #f0f0f0;
}

.prolist .Industry .induslis .dusam:hover .imgs .img {
  transform: scale(1.1);
}

.prolist .Industry .induslis .dusam:hover .imgs .time {
  background-color: #e60012;
}

.prolist .Industry .induslis .dusam:hover .dom {
  background-color: #fff;
}

.prolist .Industry .induslis .dusam:hover .dom .dt {
  color: #e60012;
}

.prolist .Industry .documper {
  width: 100%;
  margin: 0.5rem 0;
}

.prolist .Industry .documper .swiper-slide {
  width: 100%;
  font-size: 0;
  background-color: #f8f8f8;
}

.prolist .Industry .documper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((710 / 1440) * 100%);
  position: relative;
}

.prolist .Industry .documper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 61.69%;
}

.prolist .Industry .documper .swiper-slide .imgs .play {
  position: absolute;
  bottom: 0.46rem;
  left: 0.6rem;
  width: auto;
}

.prolist .Industry .documper .swiper-slide .imgs .play .mg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 2;
  animation: big infinite 2s;
}

.prolist .Industry .documper .swiper-slide .imgs .play .mg img {
  width: 100%;
  display: block;
}

@keyframes big {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.prolist .Industry .documper .swiper-slide .imgs .play .mx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.prolist .Industry .documper .swiper-slide .sem {
  display: inline-block;
  vertical-align: middle;
  padding: 0.4rem 0.6rem;
  width: calc((730 / 1440) * 100%);
}

.prolist .Industry .documper .swiper-slide .sem .time {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.prolist .Industry .documper .swiper-slide .sem .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.prolist .Industry .documper .swiper-slide .sem .time span img {
  width: 100%;
  display: block;
}

.prolist .Industry .documper .swiper-slide .sem .sit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.34rem 0 0.2rem;
}

.prolist .Industry .documper .swiper-slide .sem .sinp {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem;
  height: 1.3rem;
}

.prolist .Industry .documper .swiper-slide .sem .sinp p {
  color: #888;
  line-height: 1.5;
}

.prolist .Industry .documper .swiper-slide .sem .bot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prolist .Industry .documper .swiper-slide .sem .bot .more {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.prolist .Industry .documper .swiper-slide .sem .bot .more .atm {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
}

.prolist .Industry .documper .swiper-slide .sem .bot .more .atm i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.prolist .Industry .documper .swiper-slide .sem .bot .more .atm i img {
  width: 100%;
  display: block;
}

.prolist .Industry .documper .swiper-slide .sem .bot .rtns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.prolist .Industry .documper .swiper-slide .sem .bot .rtns span {
  display: inline-block;
  color: #888;
}

.prolist .Industry .documper .swiper-slide .sem .bot .rtns .now {
  color: #e60012;
}

.prolist .numbes {
  width: 100%;
  background-color: #fff;
  margin: 0.3rem 0;
  padding: 0.2rem 0.4rem;
  text-align: right;
}

.prolist .numbes .dm {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 1.8;
}

.prolist .numbes .dm span {
  color: #e60012;
  padding: 0 0.1rem;
  display: inline-block;
}

.prolist .partslis {
  width: 100%;
  font-size: 0;
}

.prolist .partslis .partm {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1440) * 100%);
  margin-right: calc((40 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.prolist .partslis .partm a {
  width: 100%;
  display: block;
  transition: all ease 0.5s;
}

.prolist .partslis .partm .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.prolist .partslis .partm .imgs .img {
  width: 100%;
  padding-top: 55.18%;
  transition: all ease 0.5s;
}

.prolist .partslis .partm .dom {
  width: 100%;
  background-color: #fff;
  padding: 0.3rem 0.3rem;
}

.prolist .partslis .partm .dom .dt {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.08rem;
}

.prolist .partslis .partm .dom .dt .xm {
  color: #333;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.prolist .partslis .partm .dom .dt .buy {
  color: #fff;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
  display: none;
}

.prolist .partslis .partm .dom .dip {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.prolist .partslis .partm:nth-child(3n) {
  margin-right: 0;
}

.prolist .partslis .partm:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.prolist .partslis .partm:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.prolist .partslis .partm:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.prolist .partslis .partm:hover a {
  box-shadow: 0px 0px 16px 0px 
 #f0f0f0;
}

.prolist .partslis .partm:hover .imgs .img {
  transform: scale(1.1);
}

.prolist .partslis .partm:hover .imgs .time {
  background-color: #e60012;
}

.prolist .partslis .partm:hover .dom {
  background-color: #e60012;
}

.prolist .partslis .partm:hover .dom .dt .xm {
  color: #fff;
}

.prolist .partslis .partm:hover .dom .dt .buy {
  display: inline-block;
}

.prolist .partslis .partm:hover .dom .dip {
  color: #fff;
}

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

@media (max-width: 800px) {
  .prolist .screen .sereitem {
    line-height: 1rem;
  }
  .prolist .screen .sereitem .serncon .classify a {
    line-height: 0.7rem;
    height: 0.7rem;
    padding: 0 0.1rem;
  }
  .prolist .screen .sereitem .icon, .prolist .screen .sereitem .iconx {
    top: calc(0.5rem - 1.25em);
  }
  .prolist .screen .sereitem.hide .serncon {
    height: 1rem;
  }
  .prolist .screen .sereitem.hide .serncon .classify a {
    line-height: 0.7rem;
    height: 0.7rem;
    padding: 0 0.1rem;
    margin: 0.1rem 0.2rem 0.1rem 0;
  }
  .prolist .proelis .proam:hover .imgs .img {
    transform: scale(1.1);
  }
  .prolist .proelis .proam:hover .coms .csm .cmr {
    width: 0px;
  }
  .prolist .proelis .proam:hover .coms .csm .cmr .ctn {
    height: 2.5em;
  }
}

.pages {
  width: 100%;
  padding: 0.4rem 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: #333;
  background-color: transparent;
  margin: 0 0.1rem;
  transition: all ease 0.3s;
  border: solid 1px transparent;
}

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

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

.pages .page.on {
  background-color: #e60012;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  border: solid 1px #e60012;
}

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

.pages .page:hover {
  transform: scale(1.2);
}

.pages .page.ltn:hover {
  transform: scale(1);
}

.pages .page.rtn:hover {
  transform: scale(1);
}

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

.grampers {
  width: 100%;
}

.grampers .gram {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.17);
}

.grampers .gramper {
  width: 100%;
}

.grampers .gramper .swiper-slide {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.grampers .gramper .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: auto;
  line-height: 3.5;
  color: #333;
  position: relative;
}

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

.grampers .gramper .swiper-slide:hover a {
  color: #e60012;
}

.grampers .gramper .swiper-slide.on a {
  color: #e60012;
}

.grampers .gramper .swiper-slide.on a:after {
  display: block;
}

.grampers .gram.fixed {
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
}

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

.introduce .int {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  padding-top: 0.6rem;
}

.introduce .insp {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.introduce .insp p {
  color: #555;
  line-height: 1.8;
}

.introduce .insp img {
  max-width: 100%;
}

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

.advantage .int {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.advantage .advom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.advantage .advom .adl {
  display: inline-block;
  vertical-align: middle;
  width: calc((459 / 1440) * 100%);
}

.advantage .advom .adl .swiper-container, .advantage .advom .adl .swiper-wrapper {
  height: 100%;
}

.advantage .advom .adl .swiper-slide {
  width: 100%;
  display: flex;
  padding: 0.25rem 0.3rem;
  align-items: center;
  cursor: pointer;
}

.advantage .advom .adl .swiper-slide .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #fff;
}

.advantage .advom .adl .swiper-slide .cix {
  display: inline-block;
  vertical-align: middle;
  width: calc((100% - 0.9rem));
  padding-left: 0.3rem;
  color: #fff;
  line-height: 1.5;
}

.advantage .advom .adl .swiper-slide.on {
  background-image: url("../images/bg8.png");
  background-size: 100% 100%;
}

.advantage .advom .adr {
  display: inline-block;
  vertical-align: middle;
  width: calc((980 / 1440) * 100%);
}

.advantage .advom .adr .adrom {
  width: 100%;
  position: relative;
  display: none;
}

.advantage .advom .adr .adrom .img {
  width: 100%;
  padding-top: 53.06%;
}

.advantage .advom .adr .adrom .imx {
  position: absolute;
  bottom: 0.4rem;
  width: 100%;
  padding: 0 0.3rem;
  text-align: center;
  z-index: 2;
  color: #fff;
  line-height: 1.5;
}

.advantage .advom .adr .adrom.on {
  display: block;
}

@media (max-width: 800px) {
  .advantage .advom .adl {
    width: 100%;
  }
  .advantage .advom .adl .swiper-slide {
    padding: 0.15rem;
  }
  .advantage .advom .adl .swiper-slide .icon {
    width: 0.5rem;
    height: 0.5rem;
  }
  .advantage .advom .adl .swiper-slide .cix {
    width: calc(100% - 0.5rem);
    padding-left: 0.15rem;
    font-size: 12px;
  }
  .advantage .advom .adr {
    width: 100%;
  }
}

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

.process .int {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.process .cesslist {
  width: 100%;
  font-size: 0;
  overflow: hidden;
}

.process .cesslist .cesem {
  width: calc((262 / 1440) * 100%);
  padding: 0.4rem;
  border: solid 1px #fff;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  transition: all ease 0.4s;
}

.process .cesslist .cesem .icon {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
  margin: 0 auto 0.3rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.4s;
}

.process .cesslist .cesem .icon img {
  width: 100%;
  display: block;
}

.process .cesslist .cesem .icon img:first-child {
  display: block;
}

.process .cesslist .cesem .icon img:last-child {
  display: none;
}

.process .cesslist .cesem .cim {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  transition: all ease 0.4s;
}

.process .cesslist .cesem:hover {
  background-color: #fff;
}

.process .cesslist .cesem:hover .icon {
  background-color: #e60012;
}

.process .cesslist .cesem:hover .icon img:first-child {
  display: none;
}

.process .cesslist .cesem:hover .icon img:last-child {
  display: block;
}

.process .cesslist .cesem:hover .cim {
  color: #333;
}

.process .cesslist .cesem:nth-child(8n+1), .process .cesslist .cesem:nth-child(8n+2), .process .cesslist .cesem:nth-child(8n+3) {
  float: left;
  margin-right: calc((130 / 1440) * 100%);
  margin-bottom: 0.8rem;
}

.process .cesslist .cesem:nth-child(8n+1):after, .process .cesslist .cesem:nth-child(8n+2):after, .process .cesslist .cesem:nth-child(8n+3):after {
  content: ' ';
  position: absolute;
  left: calc(100% + 0.6rem);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/i20.png");
  background-size: 100% 100%;
  width: 0.48rem;
  height: 0.48rem;
}

.process .cesslist .cesem:nth-child(8n+4) {
  float: left;
  margin-right: 0;
  margin-bottom: 0.8rem;
}

.process .cesslist .cesem:nth-child(8n+4):after {
  content: ' ';
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/i21.png");
  background-size: 100% 100%;
  width: 0.48rem;
  height: 0.48rem;
}

.process .cesslist .cesem:nth-child(8n+5), .process .cesslist .cesem:nth-child(8n+6), .process .cesslist .cesem:nth-child(8n+7) {
  float: right;
  margin-left: calc((130 / 1440) * 100%);
  margin-bottom: 0.8rem;
}

.process .cesslist .cesem:nth-child(8n+5):after, .process .cesslist .cesem:nth-child(8n+6):after, .process .cesslist .cesem:nth-child(8n+7):after {
  content: ' ';
  position: absolute;
  right: calc(100% + 0.6rem);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/i19.png");
  background-size: 100% 100%;
  width: 0.48rem;
  height: 0.48rem;
}

.process .cesslist .cesem:nth-child(8n+8) {
  float: right;
  margin-left: 0;
}

.process .cesslist.lonc .cesem:nth-child(8n+8):before {
  content: ' ';
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/i21.png");
  background-size: 100% 100%;
  width: 0.48rem;
  height: 0.48rem;
}

.process .cesslist .cesem:last-child:after {
  display: none;
}

@media (max-width: 800px) {
  .process .cesslist .cesem:nth-child(2n+1) {
    width: calc(50% - 0.44rem) !important;
    margin-bottom: 0.8rem;
  }
  .process .cesslist .cesem:nth-child(2n+2) {
    width: calc(50% - 0.44rem) !important;
    margin-bottom: 0.8rem;
  }
  .process .cesslist .cesem:nth-child(8n+1), .process .cesslist .cesem:nth-child(8n+5) {
    float: left;
    margin-left: 0 !important;
  }
  .process .cesslist .cesem:nth-child(8n+1):after, .process .cesslist .cesem:nth-child(8n+5):after {
    content: ' ';
    position: absolute;
    left: calc(100% + 0.24rem);
    top: 50%;
    transform: translateY(-50%);
    background-image: url("../images/i20.png");
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.48rem;
  }
  .process .cesslist .cesem:nth-child(8n+2), .process .cesslist .cesem:nth-child(8n+6) {
    float: right;
    margin-right: 0 !important;
  }
  .process .cesslist .cesem:nth-child(8n+2):after, .process .cesslist .cesem:nth-child(8n+6):after {
    content: ' ';
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/i21.png");
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.48rem;
  }
  .process .cesslist .cesem:nth-child(8n+3), .process .cesslist .cesem:nth-child(8n+7) {
    float: right;
    margin-right: 0 !important;
    margin-left: 0.88rem !important;
  }
  .process .cesslist .cesem:nth-child(8n+3):after, .process .cesslist .cesem:nth-child(8n+7):after {
    content: ' ';
    position: absolute;
    right: calc(100% + 0.24rem);
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    background-image: url("../images/i19.png");
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.48rem;
  }
  .process .cesslist .cesem:nth-child(8n+4) {
    float: left;
  }
  .process .cesslist .cesem:nth-child(8n+4):after {
    content: ' ';
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/i21.png");
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.48rem;
  }
}

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

.documentation .int {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.documentation .documper {
  width: 100%;
}

.documentation .documper .swiper-slide {
  width: 100%;
  font-size: 0;
  background-color: #fff;
}

.documentation .documper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((990 / 1440) * 100%);
  position: relative;
}

.documentation .documper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 50.5%;
}

.documentation .documper .swiper-slide .imgs .play {
  position: absolute;
  bottom: 0.46rem;
  left: 0.6rem;
  width: auto;
}

.documentation .documper .swiper-slide .imgs .play .mg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 2;
  animation: big infinite 2s;
}

.documentation .documper .swiper-slide .imgs .play .mg img {
  width: 100%;
  display: block;
}

@keyframes big {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.documentation .documper .swiper-slide .imgs .play .mx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.documentation .documper .swiper-slide .sem {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.5rem;
  width: calc((449 / 1440) * 100%);
}

.documentation .documper .swiper-slide .sem .sit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.documentation .documper .swiper-slide .sem .sinp {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem;
  height: 1.3rem;
}

.documentation .documper .swiper-slide .sem .sinp p {
  color: #888;
  line-height: 1.5;
}

.documentation .documper .swiper-slide .sem .bot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.documentation .documper .swiper-slide .sem .bot .btns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.documentation .documper .swiper-slide .sem .bot .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  height: 0.44rem;
  background-color: #333;
  cursor: pointer;
}

.documentation .documper .swiper-slide .sem .bot .btns .btn img {
  width: 100%;
  display: block;
}

.documentation .documper .swiper-slide .sem .bot .btns .btn + .btn {
  margin-left: 0.2rem;
}

.documentation .documper .swiper-slide .sem .bot .btns .btn:hover {
  background-color: #e60012;
}

.documentation .documper .swiper-slide .sem .bot .rtns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.documentation .documper .swiper-slide .sem .bot .rtns span {
  display: inline-block;
  color: #888;
}

.documentation .documper .swiper-slide .sem .bot .rtns .now {
  color: #e60012;
}

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

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

.consult .citop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}

.consult .citop .cil {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.consult .citop .cir {
  display: inline-block;
  vertical-align: middle;
}

.consult .citop .cir .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
}

.consult .citop .cir .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.02rem;
}

.consult .citop .cir .ctn i img {
  width: 100%;
  display: block;
}

.consult .form {
  width: 100%;
}

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

.consult .form .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc((705 / 1440) * 100%);
  margin-right: calc((29 / 1440) * 100%);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0 0.2rem;
  font-size: 0;
  transition: border ease 0.5s;
}

.consult .form .row .input .name {
  display: inline-block;
  vertical-align: middle;
  width: 5.5em;
  color: #333;
  line-height: 1.5;
}

.consult .form .row .input .name span {
  color: #e60012;
}

.consult .form .row .input .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.5em);
}

.consult .form .row .input .int input {
  width: 100%;
  display: block;
  border: none;
  color: #333;
  line-height: 3.5em;
  height: 3.5em;
}

.consult .form .row .input .int .select {
  width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
}

.consult .form .row .input .int .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.consult .form .row .input .int .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.2;
  height: 3.2em;
  color: #014286;
  padding-right: 0.3rem;
}

.consult .form .row .input .int .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.consult .form .row .input .int .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.consult .form .row .input .int .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 10px;
  height: 6px;
  background-image: url("../images/x1.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.consult .form .row .input.red {
  border: solid 1px #e60012;
}

.consult .form .row .input:nth-child(2n) {
  margin-right: 0;
}

.consult .form .row .texd {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0.2rem;
  transition: border ease 0.5s;
}

.consult .form .row .texd .name {
  display: inline-block;
  vertical-align: top;
  width: 4.5em;
  color: #333;
  line-height: 1.5;
}

.consult .form .row .texd .name span {
  color: #e60012;
}

.consult .form .row .texd .area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 4.5em);
}

.consult .form .row .texd .area textarea {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
  border: none;
}

.consult .form .row .texd.red {
  border: solid 1px #e60012;
}

.consult .form .row + .row {
  margin-top: 0.3rem;
}

.consult .fot {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.consult .fot .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  padding: 0 0.4rem;
  line-height: 3;
  position: relative;
}

.consult .fot .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.02rem;
}

.consult .fot .ctn i img {
  width: 100%;
  display: block;
}

.consult .fot .ctn .stn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.relevant {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
  background-color: #f8f8f8;
}

.relevant .int {
  width: 100%;
  text-align: left;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.relevant .proelis {
  width: 100%;
  font-size: 0;
}

.relevant .proelis .proam {
  display: inline-block;
  vertical-align: top;
  width: calc((453 / 1440) * 100%);
  margin-right: calc((40 / 1440) * 100%);
  background-color: #fff;
  margin-bottom: 0.5rem;
}

.relevant .proelis .proam a {
  width: 100%;
  display: block;
}

.relevant .proelis .proam .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.relevant .proelis .proam .imgs .img {
  width: 100%;
  padding-top: 79.47%;
  transition: all ease 0.5s;
}

.relevant .proelis .proam .imgs .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.36rem;
}

.relevant .proelis .proam .imgs .icon img {
  width: 100%;
  display: block;
}

.relevant .proelis .proam .coms {
  width: 100%;
  padding: 0 0.3rem;
}

.relevant .proelis .proam .coms .csm {
  width: 100%;
  padding: 0.3rem 0;
  border-top: solid 1px #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0;
}

.relevant .proelis .proam .coms .csm .cml {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  text-align: center;
  height: auto;
}

.relevant .proelis .proam .coms .csm .cml .cir {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.05rem;
}

.relevant .proelis .proam .coms .csm .cml .cim {
  width: 100%;
  color: #bbb;
  line-height: 1.5;
  height: 3em;
}

.relevant .proelis .proam .coms .csm .cml .cim p {
  color: #bbb;
  line-height: 1.5;
}

.relevant .proelis .proam .coms .csm .cmr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  width: 0;
  transition: all ease 0.5s;
  overflow: hidden;
}

.relevant .proelis .proam .coms .csm .cmr .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.15rem;
  text-align: center;
  transition: all ease 0.5s;
}

.relevant .proelis .proam .coms .csm .cmr .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  margin-left: 0.1rem;
  top: -0.02rem;
}

.relevant .proelis .proam .coms .csm .cmr .ctn i img {
  width: 100%;
  display: block;
}

.relevant .proelis .proam:nth-child(3n) {
  margin-right: 0;
}

.relevant .proelis .proam:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.relevant .proelis .proam:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.relevant .proelis .proam:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.relevant .proelis .proam:hover .imgs .img {
  transform: scale(1.1);
}

.relevant .proelis .proam:hover .coms .csm .cmr {
  width: 140px;
}

.relevant .proelis .proam:hover .coms .csm .cmr .ctn {
  height: 2.5em;
}

.handles {
  width: 100%;
}

.handles .handper {
  width: 100%;
  background-color: #000;
}

.handles .handper .swiper-slide {
  width: calc((240 / 1920) * 100%);
  height: 8rem;
  display: inline-block;
  vertical-align: middle;
  transition: width ease 0.5s;
}

.handles .handper .swiper-slide .hans {
  width: 100%;
  height: 100%;
  display: block;
}

.handles .handper .swiper-slide .hans .hom {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: flex-start;
  text-align: center;
  flex-wrap: wrap;
  padding-top: 1.8rem;
  padding: 1.8rem 0.3rem .3rem;
  background-image: linear-gradient(0deg, transparent 20%, #000000 100%);
}

.handles .handper .swiper-slide .hans .hom .hit {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
  height: auto;
  margin-bottom: 0.3rem;
}

.handles .handper .swiper-slide .hans .hom .pk {
  width: 100%;
  text-align: center;
  color: #fff;
  height: auto;
  line-height: 1.8;
}

.handles .handper .swiper-slide .desm {
  width: 100%;
  display: none;
}

.handles .handper .swiper-slide.on {
  width: calc((1200 / 1920) * 100%);
}

.handles .handper .swiper-slide.on .hans {
  display: none;
}

.handles .handper .swiper-slide.on .desm {
  width: 100%;
  height: 100%;
  display: block;
  padding: 1.8rem 1.5rem 0.6rem;
}

.handles .handper .swiper-slide.on .desm .hand {
  width: 100%;
  font-size: 0;
}

.handles .handper .swiper-slide.on .desm .hand .dm {
  display: inline-block;
  vertical-align: middle;
  background-color: #da221a;
  color: #fff;
  line-height: 2.2;
  padding: 0 0.2rem;
  position: relative;
}

.handles .handper .swiper-slide.on .desm .hand .dm:after {
  content: ' ';
  position: absolute;
  bottom: -0.05rem;
  left: 0;
  width: 0;
  height: 0;
  border: solid 0.05rem transparent;
  border-left-color: #da221a;
}

.handles .handper .swiper-slide.on .desm .aib {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.35rem 0 0.25rem;
}

.handles .handper .swiper-slide.on .desm .comp {
  width: 100%;
  color: #fff;
  line-height: 2;
  height: 3rem;
}

.handles .handper .swiper-slide.on .desm .comp p {
  color: #fff;
  line-height: 2;
}
.handles .handper.td3 .swiper-slide {
  width: calc((360 / 1920) * 100%);
}

.handles .handper.td3 .swiper-slide.on {
  width: calc((1200 / 1920) * 100%);
}

.handles .handper.td2 .swiper-slide {
  width: calc((720 / 1920) * 100%);
}

.handles .handper.td2 .swiper-slide.on {
  width: calc((1200 / 1920) * 100%);
}


@media (max-width: 800px) {
  .handles .handper .swiper-slide {
    width: 30%;
  }
  .handles .handper .swiper-slide.on {
    width: 70%;
  }
  .handles .handper .swiper-slide.on .desm {
    padding: 1.8rem 0.5rem 0.5rem;
  }
}

.details {
  width: 100%;
  padding-bottom: 0.5rem;
}

.details .detam {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.details .detam .dal {
  display: inline-block;
  vertical-align: top;
  width: calc((990 / 1440) * 100%);
  margin-right: calc((59 / 1440) * 100%);
}

.details .detam .dal .dit {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.3rem 0;
}

.details .detam .dal .dit .sm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: 600;
  line-height: 1.5;
}

.details .detam .dal .dit .back {
  display: inline-block;
  vertical-align: middle;
}

.details .detam .dal .dit .back .atm {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  color: #333;
  border: solid 1px #333;
  padding: 0 0.2rem;
  line-height: 3;
}

.details .detam .dal .dit .back .atm span {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.details .detam .dal .dit .back .atm span img {
  width: 100%;
  display: block;
}

.details .detam .dal .dit .back .atm span img:first-child {
  display: block;
}

.details .detam .dal .dit .back .atm span img:last-child {
  display: none;
}

.details .detam .dal .dit .back .atm:hover {
  background-color: #e60012;
  border: solid 1px #e60012;
  color: #fff;
}

.details .detam .dal .dit .back .atm:hover span img:first-child {
  display: none;
}

.details .detam .dal .dit .back .atm:hover span img:last-child {
  display: block;
}

.details .detam .dal .dim {
  width: 100%;
  font-size: 0;
  margin: 0.3rem 0;
}

.details .detam .dal .dim .time {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #888;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.details .detam .dal .dim .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.details .detam .dal .dim .time span img {
  width: 100%;
  display: block;
}

.details .detam .dal .dim .read {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #888;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.details .detam .dal .dim .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.details .detam .dal .dim .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.1rem;
}

.details .detam .dal .dim .share .am a {
  width: 100%;
  display: block;
}

.details .detam .dal .dim .share .am img {
  width: 100%;
  display: block;
}

.details .detam .dal .dim .share .am .a1 {
  display: block;
}

.details .detam .dal .dim .share .am .a2 {
  display: none;
}

.details .detam .dal .dim .share .am:hover {
  background-color: #e60012;
}

.details .detam .dal .dim .share .am:hover .a1 {
  display: none;
}

.details .detam .dal .dim .share .am:hover .a2 {
  display: block;
}

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

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

.details .detam .dal .dinp img {
  max-width: 100%;
}

.details .detam .dal .dot {
  width: 100%;
  padding: 0.3rem 0;
  font-size: 0;
  border-bottom: solid 1px #ececec;
}

.details .detam .dal .dot .dtn {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.details .detam .dal .dot .dtn a {
  width: 100%;
  display: block;
}

.details .detam .dal .dot .dtn .tm {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.details .detam .dal .dot .dtn .tx {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.details .detam .dal .dot .dtn:hover .tm {
  color: #e60012;
}

.details .detam .dal .dot .dtn:hover .tx {
  color: #e60012;
}

.details .detam .dar {
  display: inline-block;
  vertical-align: top;
  width: calc((390 / 1440) * 100%);
  padding-top: 0.7rem;
  padding-left: 0.5rem;
  border-left: solid 1px #ececec;
}

.details .detam .dar .rit {
  color: #333;
  line-height: 1.5;
  width: 100%;
  font-weight: 600;
}

.details .detam .dar .arslist {
  width: 100%;
}

.details .detam .dar .arslist .arom {
  width: 100%;
  border-bottom: solid 1px #ececec;
}

.details .detam .dar .arslist .arom a {
  width: 100%;
  display: block;
  padding: 0.3rem 0;
}

.details .detam .dar .arslist .arom a .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.details .detam .dar .arslist .arom a .at {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.details .detam .dar .arslist .arom:hover .at {
  color: #e60012;
}

@media (max-width: 800px) {
  .details .detam .dal {
    width: 100%;
    margin-bottom: 0.3rem;
    margin-right: 0;
  }
  .details .detam .dar {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
    border-left: none;
  }
}

.popum {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.popum .pox {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 14.4rem;
  background-color: #fff;
  padding: 0.3rem 0.5rem;
  max-width: 92%;
}

.popum .pox .close {
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  top: -0.6rem;
  right: 0;
  cursor: pointer;
}

.popum .pox .close img {
  width: 100%;
  display: block;
}

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

.popum .pox .pip {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #666;
  margin: 0.15rem 0 0.5rem;
}

.popum .pox form {
  width: 100%;
  display: block;
}

.popum .pox .form {
  width: 100%;
}

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

.popum .pox .form .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc((705 / 1440) * 100%);
  margin-right: calc((29 / 1440) * 100%);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0 0.2rem;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.popum .pox .form .row .input .name {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  color: #333;
  line-height: 1.5;
}

.popum .pox .form .row .input .name span {
  color: #e60012;
}

.popum .pox .form .row .input .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1rem);
}

.popum .pox .form .row .input .int input {
  width: 100%;
  display: block;
  border: none;
  color: #333;
  line-height: 3.2em;
  height: 3.2em;
}

.popum .pox .form .row .input.red {
  border: solid 1px #e60012;
}

.popum .pox .form .row .input:nth-child(2n) {
  margin-right: 0;
}

.popum .pox .form .row .texd {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.popum .pox .form .row .texd .name {
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  color: #333;
  line-height: 1.5;
}

.popum .pox .form .row .texd .name span {
  color: #e60012;
}

.popum .pox .form .row .texd .area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 1rem);
}

.popum .pox .form .row .texd .area textarea {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
  border: none;
}

.popum .pox .form .row .texd.red {
  border: solid 1px #e60012;
}

.popum .pox .form .fot {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
  text-align: center;
}

.popum .pox .form .fot .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 3;
  position: relative;
}

.popum .pox .form .fot .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.02rem;
}

.popum .pox .form .fot .ctn i img {
  width: 100%;
  display: block;
}

.popum .pox .form .fot .ctn .stn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.summary {
  width: 100%;
}

.summary .summe {
  width: 100%;
  font-size: 0;
  padding: 0.3rem 0;
}

.summary .summe .sml {
  display: inline-block;
  vertical-align: middle;
  width: calc((455 / 1440) * 100%);
}

.summary .summe .sml .img {
  width: 100%;
  padding-top: 67.69%;
}

.summary .summe .smr {
  display: inline-block;
  vertical-align: middle;
  width: calc((984 / 1440) * 100%);
  padding-left: 0.45rem;
}

.summary .summe .smr .lom {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.25rem;
}

.summary .summe .smr .lom span {
  width: 1.16rem;
  display: inline-block;
  vertical-align: middle;
}

.summary .summe .smr .lom span img {
  width: 100%;
  display: block;
}

.summary .summe .smr .linp {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.summary .summe .smr .linp p {
  color: #333;
  line-height: 1.6;
}

.summary .datas {
  width: 100%;
  padding: 0.3rem 0;
  border-top: solid 1px #e8e8e8;
  margin-top: 0.3rem;
}

.summary .datas .datm {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  font-size: 0;
}

.summary .datas .datm .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/i14.png");
  background-size: 100% 100%;
}

.summary .datas .datm .icon img {
  width: 100%;
  display: block;
}

.summary .datas .datm .dem {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.8rem);
  padding-left: 0.2rem;
}

.summary .datas .datm .dem .dum {
  width: 100%;
  font-size: 0;
}

.summary .datas .datm .dem .dum span {
  display: inline-block;
  vertical-align: middle;
  color: #e60012;
  line-height: 1.5;
}

.summary .datas .datm .dem .xm {
  width: 100%;
  color: #555;
  line-height: 2;
}

.summary .datas .datm:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.summary .datas .datm:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.summary .datas .datm:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.summary .datas .datm:nth-child(4n+4) {
  transition-delay: 0.5s;
}

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

.environment .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.environment .enviper {
  width: 100%;
  position: relative;
}

.environment .enviper .swiper-container {
  padding: 0.5rem 0;
}

.environment .enviper .swiper-slide {
  width: 100%;
  transform: scale(1);
  transition: all ease 0.8s;
  position: relative;
  z-index: 1;
}

.environment .enviper .swiper-slide .img {
  width: 100%;
  padding-top: 61.65%;
}

.environment .enviper .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1a1a1a;
}

.environment .enviper .btn img {
  width: 100%;
  display: block;
}

.environment .enviper .btn:hover {
  background-color: #da221a;
}

.environment .enviper .bl {
  left: -0.8rem;
}

.environment .enviper .br {
  right: -0.8rem;
}

.environment .enviper .swiper-slide-active {
  transform: scale(1.2);
  z-index: 3;
}

@media (max-width: 1540px) {
  .environment .enviper .bl {
    left: 0;
  }
  .environment .enviper .br {
    right: 0;
  }
}

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

.historys .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.historys .histom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
}

.historys .histom .hol {
  display: inline-block;
  vertical-align: middle;
  width: calc((1305 / 1440) * 100%);
  width: calc(100% - 1.35rem);
  padding-right: 0.4rem;
}

.historys .histom .hol .holper {
  width: 100%;
}

.historys .histom .hol .holper .swiper-container {
  width: 100%;
}

.historys .histom .hol .holper .swiper-wrapper {
  width: 100%;
}

.historys .histom .hol .holper .swiper-slide {
  width: 100%;
  background-color: #f7f7f7;
  font-size: 0;
}

.historys .histom .hol .holper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((683 / 1305) * 100%);
}

.historys .histom .hol .holper .swiper-slide .imgs .img {
  width: 100%;
  height: 480px;
}

.historys .histom .hol .holper .swiper-slide .jom {
  display: inline-block;
  vertical-align: middle;
  width: calc((621 / 1305) * 100%);
  padding: 0.1rem 0.5rem;
}

.historys .histom .hol .holper .swiper-slide .jom .jop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .sm {
  display: inline-block;
  vertical-align: middle;
  color: #e60012;
  font-weight: bold;
  line-height: 1.5;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .btns {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
  background-color: #1a1a1a;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .btns .btn img {
  width: 100%;
  display: block;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .btns .btn + .btn {
  margin-left: 0.15rem;
}

.historys .histom .hol .holper .swiper-slide .jom .jop .btns .btn:hover {
  background-color: #da221a;
}

.historys .histom .hol .holper .swiper-slide .jom .jit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.3rem 0;
}

.historys .histom .hol .holper .swiper-slide .jom .sinp {
  width: 100%;
  color: #666;
  line-height: 1.6;
  height: 2rem;
}

.historys .histom .hol .holper .swiper-slide .jom .sinp p {
  color: #666;
  line-height: 1.6;
}

.historys .histom .hor {
  display: inline-block;
  vertical-align: middle;
  width: calc((134 / 1440) * 100%);
  width: 1.35rem;
}

.historys .histom .hor .horper {
  width: 100%;
  position: relative;
  height: 100%;
  height: 480px;
}

.historys .histom .hor .horper:after {
  content: ' ';
  position: absolute;
  left: 0.1rem;
  z-index: -1;
  height: 100%;
  width: 1px;
  background-color: #e9e9e9;
  top: 0;
}

.historys .histom .hor .horper .swiper-container {
  width: 100%;
  height: 100%;
}

.historys .histom .hor .horper .swiper-wrapper {
  width: 100%;
}

.historys .histom .hor .horper .swiper-slide {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  height: auto;
  padding: 0.12rem 0;
}

.historys .histom .hor .horper .swiper-slide .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
}

.historys .histom .hor .horper .swiper-slide .icon img {
  width: 100%;
  display: block;
}

.historys .histom .hor .horper .swiper-slide .icon img:first-child {
  display: block;
}

.historys .histom .hor .horper .swiper-slide .icon img:last-child {
  display: none;
}

.historys .histom .hor .horper .swiper-slide .year {
  width: calc(100% - 0.2rem);
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 1.5;
  padding-left: 0.2rem;
}

.historys .histom .hor .horper .swiper-slide.on .icon img:first-child {
  display: none;
}

.historys .histom .hor .horper .swiper-slide.on .icon img:last-child {
  display: block;
}

.historys .histom .hor .horper .swiper-slide.on .year {
  color: #e60012;
}

.historys .histom .hor .horper .btn {
  position: absolute;
  left: 45%;
  transform: translateX(-50%);
  width: 36px;
  cursor: pointer;
}

.historys .histom .hor .horper .btn img {
  width: 100%;
  display: block;
}

.historys .histom .hor .horper .btn img:first-child {
  display: block;
}

.historys .histom .hor .horper .btn img:last-child {
  display: none;
}

.historys .histom .hor .horper .btn:hover img:first-child {
  display: none;
}

.historys .histom .hor .horper .btn:hover img:last-child {
  display: block;
}

.historys .histom .hor .horper .bl {
  top: -0.3rem;
}

.historys .histom .hor .horper .br {
  bottom: -0.3rem;
}


@media (max-width: 800px) {
  .historys .histom .hor {
    width: 100%;
  }
  .historys .histom .hor .horper {
    padding: 0.3rem 0;
    height: auto;
  }
  .historys .histom .hor .horper:after {
    width: 100%;
    height: 1px;
    top: 0.6rem;
    left: 0;
  }
  .historys .histom .hor .horper .swiper-slide .icon {
    display: block;
    margin: 0 auto 0.15rem;
  }
  .historys .histom .hor .horper .swiper-slide .year {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  .historys .histom .hol .holper .swiper-slide .imgs .img {
    padding-top: 70.27%;
    height: auto;
  }
}

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

.cooperation .eit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.cooperation .cim {
  width: 100%;
  color: #555;
  line-height: 1.5;
  text-align: center;
  margin: 0.2rem 0 0.5rem;
}

.cooperation .cim p {
  color: #555;
  line-height: 1.5;
}

.cooperation .cooplis {
  width: 100%;
  font-size: 0;
}

.cooperation .cooplis .coopm {
  display: inline-block;
  vertical-align: top;
  width: calc((446 / 1440) * 100%);
  background-color: #fff;
  padding: 0.35rem 0.4rem;
  margin-right: calc((49 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.cooperation .cooplis .coopm .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
}

.cooperation .cooplis .coopm .icon img {
  width: 100%;
  display: block;
}

.cooperation .cooplis .coopm .xim {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.9rem);
  padding-left: 0.3rem;
  color: #333;
  line-height: 1.5;
  max-height: 3em;
}

.cooperation .cooplis .coopm:nth-child(3n) {
  margin-right: 0;
}

.cooperation .cooplis .coopm:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.cooperation .cooplis .coopm:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.cooperation .cooplis .coopm:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.cooperation .parther {
  width: 100%;
  font-size: 0;
}

.cooperation .parther .swiper-slide {
  font-size: 0;
}

.cooperation .parther .paoem {
  display: inline-block;
  vertical-align: top;
  width: calc((170 / 1440) * 100%);
  margin-right: calc((10 / 1440) * 100%);
  overflow: hidden;
  padding: 0.1rem;
  background-color: #fff;
  margin-bottom: 0.1rem;
}

.cooperation .parther .paoem .img {
  width: 100%;
  padding-top: 45.66%;
  background-color: #fff;
}

.cooperation .parther .paoem:nth-child(8n) {
  margin-right: 0;
}

@media (max-width: 800px) {
  .cooperation .cooplis .coopm {
    width: 100%;
    margin-right: 0%;
  }
  .cooperation .cooplis .coopm .icon {
    width: 1.2rem;
    height: 1.2rem;
  }
  .cooperation .cooplis .coopm .xim {
    width: calc(100% - 1.2rem);
  }
  .cooperation .parther {
    font-size: 0;
  }
  .cooperation .parther .paoem {
    width: 32%;
    margin-right: 2%;
  }
  .cooperation .parther .paoem:nth-child(3n) {
    margin-right: 0;
  }
}

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

.Global .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.Global .maps {
  width: 100%;
  position: relative;
}

.Global .maps .img {
  width: 100%;
  padding-top: 60.7638%;
}

.Global .maps .iconlist {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.Global .maps .iconlist .icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  transition: all ease 0.5s;
  cursor: pointer;
}

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

.Global .maps .iconlist .icon .co {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #e60012;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Global .maps .iconlist .icon .co:before {
  content: '';
  background-color: rgba(230, 0, 18, 0.2);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: kuosan 3.2s linear 0.1s infinite;
}

.Global .maps .iconlist .icon .co:after {
  content: '';
  background: rgba(255, 255, 255, 0.7);
  background-color: rgba(230, 0, 18, 0.1);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: kuosan 3.2s linear 1s infinite;
}

.Global .maps .iconlist .icon .cm {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 0.15rem;
  color: #333;
  position: absolute;
  white-space: nowrap;
  transition: all ease 0.5s;
}

.Global .maps .iconlist .icon:hover {
  transform: scale(1.1);
}

.Global .maps .iconlist .icon:hover .cm {
  opacity: 1;
}

.visions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.visions .vml {
  display: inline-block;
  vertical-align: middle;
  width: calc((960 / 1920) * 100%);
}

.visions .vml .img {
  width: 100%;
  padding-top: 33.85%;
}

.visions .vmr {
  display: inline-block;
  vertical-align: middle;
  width: calc((960 / 1920) * 100%);
  background-color: #de0516;
  padding-left: calc((240 / 1920) * 100%);
  padding-right: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.visions .vmr .vit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.visions .vmr .vinp {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.visions .vmr .vinp p {
  color: #fff;
  line-height: 1.5;
}

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

.culture .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.culture .cmgs {
  width: 100%;
  font-size: 0;
}

.culture .cmgs .imgd {
  width: 5.6rem;
  height: 5.6rem;
  display: block;
  margin: 0 auto;
  position: relative;
}

.culture .cmgs .imgd .img {
  width: 100%;
  padding-top: 100%;
  position: relative;
  margin: 0 auto;
}

.culture .cmgs .imgd .mx {
  width: 3.7rem;
  height: 3.7rem;
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.1rem;
  background-color: #fff;
  border-radius: 50%;
}

.culture .cmgs .imgd .mx .mg {
  width: 100%;
  padding-top: 100%;
  animation: big infinite 2s;
}

.culture .cmgs .imgd .iconlist {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.culture .cmgs .imgd .iconlist .icont {
  position: absolute;
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
  text-align: right;
}

.culture .cmgs .imgd .iconlist .icont .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 50%;
  background-color: #e60012;
}

.culture .cmgs .imgd .iconlist .icont .ic img {
  width: 100%;
  display: block;
}

.culture .cmgs .imgd .iconlist .icont .com {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.84rem);
  padding-right: 0.3rem;
}

.culture .cmgs .imgd .iconlist .icont .com .cm {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.culture .cmgs .imgd .iconlist .icont .com .mp {
  width: 100%;
  color: #666;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(2n) {
  text-align: left;
  flex-direction: row;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(2n) .com {
  padding-right: 0;
  padding-left: 0.3rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(1) {
  top: 0.72rem;
  right: 4.97rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(2) {
  top: 0.72rem;
  left: 4.97rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(3) {
  top: 2.37rem;
  right: 5.37rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(4) {
  top: 2.37rem;
  left: 5.37rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(5) {
  top: 4rem;
  right: 4.97rem;
}

.culture .cmgs .imgd .iconlist .icont:nth-child(6) {
  top: 4rem;
  left: 4.97rem;
}

@media (max-width: 800px) {
  .culture .cmgs .imgd {
    width: 100%;
    height: auto;
  }
  .culture .cmgs .imgd .img {
    width: 5.6rem;
    height: 5.6rem;
    padding-top: 0;
  }
  .culture .cmgs .imgd .iconlist {
    position: relative;
    width: 100%;
    margin-top: 0.3rem;
  }
  .culture .cmgs .imgd .iconlist .icont {
    position: relative;
    flex-direction: row !important;
    text-align: left !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    padding: 0.2rem;
  }
  .culture .cmgs .imgd .iconlist .icont .ic {
    width: 1.1rem;
    height: 1.1rem;
  }
  .culture .cmgs .imgd .iconlist .icont .com {
    width: calc(100% - 1.1rem);
    padding-left: 0.4rem !important;
    padding-right: 0 !important;
  }
}

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

.plaform .proms {
  width: 100%;
  padding: 0.3rem 0;
}

.plaform .proms .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.plaform .proms .platlis {
  width: 100%;
  font-size: 0;
}

.plaform .proms .platlis .atoms {
  display: inline-block;
  vertical-align: top;
  width: calc((330 / 1440) * 100%);
  margin-right: calc((39 / 1440) * 100%);
  margin-bottom: 0.4rem;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
}

.plaform .proms .platlis .atoms .icon {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plaform .proms .platlis .atoms .icon .cm {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
}

.plaform .proms .platlis .atoms .icon .cm img {
  width: 100%;
  display: block;
}

.plaform .proms .platlis .atoms .icon .num {
  display: inline-block;
  vertical-align: middle;
  color: rgba(51, 51, 51, 0.1);
  line-height: 1.5;
}

.plaform .proms .platlis .atoms .pit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.3rem 0 0.4rem;
}

.plaform .proms .platlis .atoms .code {
  width: 100%;
  font-size: 0;
}

.plaform .proms .platlis .atoms .code .mb {
  display: inline-block;
  vertical-align: middle;
  width: 1.64rem;
  height: 1.64rem;
}

.plaform .proms .platlis .atoms .code .mb img {
  width: 100%;
  display: block;
}

.plaform .proms .platlis .atoms:nth-child(4n) {
  margin-right: 0;
}

.plaform .proms .platlis .atoms:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.plaform .proms .platlis .atoms:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.plaform .proms .platlis .atoms:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.plaform .proms .platlis .atoms:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.honors {
  width: 100%;
}

.honors .honor {
  width: 100%;
}

.honors .honor .PatentQuality {
  width: 100%;
  padding: 0.3rem 0  0.6rem;
}

.honors .honor .PatentQuality .pqnav {
  width: 100%;
  margin-bottom: 0.4rem;
}

.honors .honor .PatentQuality .pqnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  padding: 0 0.2rem;
  cursor: pointer;
}

.honors .honor .PatentQuality .pqnav .swiper-slide span {
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.3s;
  width: 0;
  height: 0;
}

.honors .honor .PatentQuality .pqnav .swiper-slide.on {
  color: #e60012;
}

.honors .honor .PatentQuality .pqnav .swiper-slide.on span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 8px;
  height: 8px;
  background-color: #e60012;
  position: relative;
  top: -0.02rem;
}

.honors .honor .PatentQuality .pqnav .swiper-slide:hover {
  color: #e60012;
}

.honors .honor .PatentQuality .pqtents {
  width: 100%;
  font-size: 0;
}

.honors .honor .PatentQuality .pqtents .pentp {
  width: 100%;
  display: none;
}

.honors .honor .PatentQuality .pqtents .pentp.on {
  display: block;
}

.honors .honor .PatentQuality .peam {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.honors .honor .PatentQuality .peam .per {
  display: inline-block;
  vertical-align: middle;
  width: calc((1120 / 1440) * 100%);
  width: 100%;
}

.honors .honor .PatentQuality .peam .per .permam {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  padding: 0rem 0.5rem;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-container {
  height: 100%;
  padding: 0.4rem 0rem;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-slide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-slide .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 140%;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-slide .imgs .mg {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-slide .tit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #666;
  height: 3em;
  margin-top: 0.06rem;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-scrollbar {
  bottom: 0.1rem;
}

.honors .honor .PatentQuality .peam .per .permam .swiper-scrollbar-drag {
  background-color: #e60012;
}

.honors .honor .techMedal {
  width: 100%;
  background-color: #fcfcfc;
  padding: 0.6rem 0;
}

.honors .honor .techMedal .tmnav {
  width: 100%;
  margin-bottom: 0.4rem;
}

.honors .honor .techMedal .tmnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  padding: 0 0.2rem;
  cursor: pointer;
}

.honors .honor .techMedal .tmnav .swiper-slide span {
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.3s;
  width: 0;
  height: 0;
}

.honors .honor .techMedal .tmnav .swiper-slide.on {
  color: #e60012;
}

.honors .honor .techMedal .tmnav .swiper-slide.on span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 8px;
  height: 8px;
  background-color: #e60012;
  position: relative;
  top: -0.02rem;
}

.honors .honor .techMedal .tmnav .swiper-slide:hover {
  color: #e60012;
}

.honors .honor .techMedal .vmtents {
  width: 100%;
  font-size: 0;
}

.honors .honor .techMedal .vmtents .ventm {
  width: 100%;
  display: none;
}

.honors .honor .techMedal .vmtents .ventm.on {
  display: block;
}

.honors .honor .techMedal .vmtents .vemlist {
  width: 100%;
  font-size: 0;
}

.honors .honor .techMedal .vmtents .vemlist .voeam {
  width: calc((330 / 1440) * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((39 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.honors .honor .techMedal .vmtents .vemlist .voeam a {
  width: 100%;
  display: block;
}

.honors .honor .techMedal .vmtents .vemlist .voeam .imgs {
  width: 100%;
  overflow: hidden;
  border: solid 1px #eee;
  border-bottom: none;
  position: relative;
}

.honors .honor .techMedal .vmtents .vemlist .voeam .imgs .img {
  width: 100%;
  padding-top: 72.72%;
  transition: all ease 0.3s;
}

.honors .honor .techMedal .vmtents .vemlist .voeam .imgs .mg {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.honors .honor .techMedal .vmtents .vemlist .voeam .vom {
  width: 100%;
  background-color: #f8f8f8;
  border: solid 1px #eee;
  text-align: center;
  padding: 0.1rem;
  line-height: 2;
  color: #333;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:nth-child(4n) {
  margin-right: 0;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:hover .imgs {
  border-bottom: none;
}

.honors .honor .techMedal .vmtents .vemlist .voeam:hover .imgs .img {
  transform: scale(1.1);
}

.honors .honor .techMedal .vmtents .vemlist .voeam:hover .vom {
  border: solid 1px #e60012;
  background-color: #e60012;
  color: #fff;
}

@media (max-width: 800px) {
  .honors .honor .PatentQuality .peam .pel {
    width: 40%;
  }
  .honors .honor .PatentQuality .peam .per {
    width: 60%;
  }
}

.pswp__bg {
  background-color: rgba(0, 0, 0, 0.7);
}

.recruits {
  width: 100%;
}

.recruits .recruit {
  width: 100%;
}

.recruits .recruit .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.recruits .recruit .renav {
  width: 100%;
  margin-bottom: 0.35rem;
  display: flex;
  flex-wrap: wrap;
}

.recruits .recruit .renav .swiper-container {
  width: calc(100% - 0.88rem);
  display: inline-block;
  vertical-align: middle;
  background-color: #f8f8f8;
}

.recruits .recruit .renav .swiper-container .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  cursor: pointer;
  padding: 0 0.3rem;
}

.recruits .recruit .renav .swiper-container .swiper-slide span {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 3.2;
  position: relative;
}

.recruits .recruit .renav .swiper-container .swiper-slide span::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #e60012;
  display: none;
}

.recruits .recruit .renav .swiper-container .swiper-slide.on span {
  color: #e60012;
}

.recruits .recruit .renav .swiper-container .swiper-slide.on span:after {
  display: block;
}

.recruits .recruit .renav .btn {
  display: flex;
  align-items: center;
  width: 0.44rem;
  cursor: pointer;
  background-color: #1a1a1a;
}

.recruits .recruit .renav .btn img {
  width: 100%;
  display: block;
}

.recruits .recruit .renav .btn:hover {
  background-color: #da221a;
}

.recruits .recruit .recrumes {
  width: 100%;
}

.recruits .recruit .recrumes .mesan {
  width: 100%;
  display: none;
}

.recruits .recruit .recrumes .mesan .mean {
  width: 100%;
  font-size: 0;
  background-color: #f7f7f7;
}

.recruits .recruit .recrumes .mesan .mean .mel {
  display: inline-block;
  vertical-align: middle;
  width: calc((545 / 1440) * 100%);
}

.recruits .recruit .recrumes .mesan .mean .mel .img {
  width: 100%;
  padding-top: 77.61%;
}

.recruits .recruit .recrumes .mesan .mean .mer {
  display: inline-block;
  vertical-align: middle;
  width: calc((895 / 1440) * 100%);
  padding: 0.4rem 0.5rem;
  overflow: hidden;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop .me {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop .labs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop .labs .xm {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  line-height: 1.5;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop .labs .xm span {
  display: inline-block;
  vertical-align: middle;
  color: #d9d9d9;
  line-height: 1.5;
  position: relative;
  top: -0.02rem;
  margin: 0 0.2rem;
}

.recruits .recruit .recrumes .mesan .mean .mer .metop .labs .xm:last-child span {
  display: none;
}

.recruits .recruit .recrumes .mesan .mean .mer .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin: 0.25rem 0;
}

.recruits .recruit .recrumes .mesan .mean .mer .minp {
  width: 100%;
  height: 2.5rem;
  color: #888;
  line-height: 1.5;
}

.recruits .recruit .recrumes .mesan .mean .mer .minp p {
  color: #888;
  line-height: 1.5;
}

.recruits .recruit .recrumes .mesan.on {
  display: block;
}

.recruits .recruit .rorm {
  width: 100%;
  margin-top: 0.3rem;
  background-color: #f7f7f7;
  padding: 0.5rem;
}

.recruits .recruit .rorm form {
  width: 100%;
  display: block;
}

.recruits .recruit .rorm .row {
  width: 100%;
  font-size: 0;
}

.recruits .recruit .rorm .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc((705 / 1440) * 100%);
  margin-right: calc((29 / 1440) * 100%);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0 0.2rem;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.recruits .recruit .rorm .row .input .name {
  display: inline-block;
  vertical-align: middle;
  width: 4.5em;
  color: #333;
  line-height: 1.5;
}

.recruits .recruit .rorm .row .input .name span {
  color: #e60012;
}

.recruits .recruit .rorm .row .input .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.5em);
}

.recruits .recruit .rorm .row .input .int input {
  width: 100%;
  display: block;
  border: none;
  color: #333;
  line-height: 3.2em;
  height: 3.2em;
}

.recruits .recruit .rorm .row .input:nth-child(2n) {
  margin-right: 0;
}

.recruits .recruit .rorm .row .input.red {
  border: solid 1px #e60012;
}

.recruits .recruit .rorm .row .texd {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.recruits .recruit .rorm .row .texd .name {
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  color: #333;
  line-height: 1.5;
}

.recruits .recruit .rorm .row .texd .name span {
  color: #e60012;
}

.recruits .recruit .rorm .row .texd .area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 1rem);
}

.recruits .recruit .rorm .row .texd .area textarea {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
  border: none;
}

.recruits .recruit .rorm .row .texd.red {
  border: solid 1px #e60012;
}

.recruits .recruit .rorm .enclosure {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.25rem;
}

.recruits .recruit .rorm .enclosure .enl {
  display: inline-block;
  vertical-align: middle;
}

.recruits .recruit .rorm .enclosure .enl .eic {
  width: 100%;
  font-size: 0;
}

.recruits .recruit .rorm .enclosure .enl .eic .xm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.recruits .recruit .rorm .enclosure .enl .eic .pm {
  display: inline-block;
  vertical-align: middle;
  color: #bbb;
  line-height: 1.5;
  margin-left: 0.2rem;
}

.recruits .recruit .rorm .enclosure .enl .choose {
  width: 100%;
  margin: 0.15rem 0;
}

.recruits .recruit .rorm .enclosure .enl .choose .chox {
  width: 100%;
  font-size: 0;
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1.1rem;
  height: 1.1rem;
  position: relative;
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  line-height: 1.1rem;
  font-size: calc(12px - 0.12rem + 0.2rem);
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm .dmm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.36rem;
  height: 0.36rem;
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  filter: alpha(opacity=0);
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1rem;
  opacity: 0;
  display: block;
  filter: alpha(opacity=0);
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm .c-delete {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: -0.15rem;
  top: -0.15rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .choxm .uv-x {
  display: inline-block;
  vertical-align: top;
  line-height: 0.25rem;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.recruits .recruit .rorm .enclosure .enl .choose .chox .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #888;
}

.recruits .recruit .rorm .enclosure .enr {
  display: flex;
  align-items: center;
}

.recruits .recruit .rorm .enclosure .enr .eom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.4rem;
  background-color: #e60012;
  position: relative;
}

.recruits .recruit .rorm .enclosure .enr .eom .xk {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
}

.recruits .recruit .rorm .enclosure .enr .eom .xj {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.2rem;
}

.recruits .recruit .rorm .enclosure .enr .eom .xj img {
  width: 100%;
  display: block;
}

.recruits .recruit .rorm .enclosure .enr .eom .sub {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

.recruits .recruit .rorm .btms {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.recruits .recruit .rorm .btms .btn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.5rem;
  color: #fff;
  line-height: 2.5;
  background-color: #e60012;
  position: relative;
}

.recruits .recruit .rorm .btms .btn .ftn {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.recruits .recruit .rorm .btms .btn ::-webkit-file-upload-button {
  cursor: pointer !important;
}

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

.development .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 0.5rem;
}

.development .depom {
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
}

.development .depom .del {
  display: inline-block;
  vertical-align: middle;
  width: calc((678 / 1440) * 100%);
}

.development .depom .del .img {
  width: 100%;
  padding-top: 53.09%;
}

.development .depom .der {
  display: inline-block;
  vertical-align: middle;
  width: calc((762 / 1440) * 100%);
  padding: 0 0.5rem;
}

.development .depom .der .dinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
  height: 2.4rem;
}

.development .depom .der .dinp p {
  color: #333;
  line-height: 1.5;
}

.development .develis {
  width: 100%;
  font-size: 0;
  margin: 1rem 0;
}

.development .develis .devam {
  display: inline-block;
  vertical-align: top;
  width: calc((330 / 1440) * 100%);
  margin-right: calc((39 / 1440) * 100%);
  padding: 0.8rem 0.1rem 0.4rem 0.3rem;
  background-color: #f8f8f8;
  position: relative;
}

.development .develis .devam .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #e60012;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
}

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

.development .develis .devam .dinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 1.6rem;
  text-align: justify;
}

.development .develis .devam .dinp p {
  color: #666;
  line-height: 1.5;
}

.development .develis .devam:nth-child(4n) {
  margin-right: 0;
}

.development .develis .devam:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.development .develis .devam:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.development .develis .devam:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.development .develis .devam:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.development .treatment {
  width: 100%;
  font-size: 0;
  margin: 1.2rem 0 0.8rem;
}

.development .treatment .trit {
  width: 100%;
  font-size: 0;
}

.development .treatment .trit span {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  line-height: 2.2;
  padding: 0 0.7rem;
}

.development .treatment .ments {
  width: 100%;
  display: block;
  position: relative;
}

.development .treatment .ments .men {
  display: block;
  width: calc((1240 / 1440) * 100%);
  background-color: #f7f7f7;
  padding: 0.5rem;
}

.development .treatment .ments .men .minp {
  width: 100%;
  color: #333;
  line-height: 1.8;
  height: 2.7rem;
  max-width: 4.8rem;
}

.development .treatment .ments .men .minp p {
  color: #333;
  line-height: 1.8;
}

.development .treatment .ments .nmg {
  display: inline-block;
  vertical-align: middle;
  width: calc((860 / 1440) * 100%);
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0.6rem;
}

.development .treatment .ments .nmg .img {
  width: 100%;
  padding-top: 56.97%;
}

@media (max-width: 1460px) {
  .development .treatment .ments .men .minp {
    max-width: 8rem;
  }
  .development .treatment .ments .nmg {
    width: calc((600 / 1440) * 100%);
  }
}

@media (max-width: 800px) {
  .development .develis {
    margin-bottom: 0rem;
  }
  .development .develis .devam {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.8rem;
  }
  .development .develis .devam:nth-child(2n) {
    margin-right: 0;
  }
  .development .treatment {
    margin: 0rem 0;
  }
  .development .treatment .ments .nmg {
    width: 100%;
    position: relative;
    bottom: 0;
  }
  .development .treatment .ments .men {
    width: 100%;
  }
  .development .treatment .ments .men .minp {
    max-width: 100%;
  }
}

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

.activitys .eit {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.5rem;
}

.activitys .actiper {
  width: 100%;
  font-size: 0;
  position: relative;
}

.activitys .actiper .actm {
  display: inline-block;
  vertical-align: top;
  width: calc((446 / 1440) * 100%);
  margin-right: calc((50 / 1440) * 100%);
  margin-bottom: 0.5rem;
}

.activitys .actiper .actm .img {
  width: 100%;
  padding-top: 62.78%;
}

.activitys .actiper .actm:nth-child(3n) {
  margin-right: 0;
}

.activitys .actiper .actm:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.activitys .actiper .actm:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.activitys .actiper .actm:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.activitys .btn {
  position: absolute;
  z-index: 3;
  top: 45%;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #1a1a1a;
}

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

.activitys .btn:hover {
  background-color: #e60012;
}

.activitys .bl {
  left: -0.7rem;
}

.activitys .br {
  right: -0.7rem;
}

@media (max-width: 1500px) {
  .activitys {
    width: 100%;
  }
  .activitys .bl {
    left: 0rem;
  }
  .activitys .br {
    right: 0rem;
  }
}

.contacts {
  width: 100%;
}

.contacts .contact {
  width: 100%;
}

.contacts .contact .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.contacts .contact .cip {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.2rem 0 1.1rem;
  text-align: center;
}

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

.contacts .contact .contlist .contm {
  display: inline-block;
  vertical-align: top;
  width: calc((330 / 1440) * 100%);
  margin-right: calc((39 / 1440) * 100%);
  padding: 0.8rem 0.3rem 0.4rem 0.3rem;
  background-color: #f8f8f8;
  position: relative;
  margin-bottom: 0.8rem;
}

.contacts .contact .contlist .contm .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #e60012;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
}

.contacts .contact .contlist .contm .cim {
  width: 100%;
  text-align: center;
  color: #888;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.contacts .contact .contlist .contm .ckm {
  width: 100%;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 3em;
}

.contacts .contact .contlist .contm .ckm .bm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  width: auto;
  background-color: #e60012;
  color: #fff;
  line-height: 2.5;
}

.contacts .contact .contlist .contm .ckm span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.contacts .contact .contlist .contm:nth-child(4n) {
  margin-right: 0;
}

.contacts .contact .contlist .contm:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.contacts .contact .contlist .contm:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.contacts .contact .contlist .contm:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.contacts .contact .contlist .contm:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.contacts .offers {
  width: 100%;
  padding: 0.6rem 0;
  border-top: solid 1px #f3f3f3;
}

.contacts .offers .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.contacts .offers .cip {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.2rem 0 1.1rem;
  text-align: center;
}

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

.contacts .offers .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc((705 / 1440) * 100%);
  margin-right: calc((29 / 1440) * 100%);
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0 0.2rem;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.contacts .offers .row .input .name {
  display: inline-block;
  vertical-align: middle;
  width: 4.5em;
  color: #333;
  line-height: 1.5;
}

.contacts .offers .row .input .name span {
  color: #e60012;
}

.contacts .offers .row .input .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.5em);
}

.contacts .offers .row .input .int input {
  width: 100%;
  display: block;
  border: none;
  color: #333;
  line-height: 3.2em;
  height: 3.2em;
}

.contacts .offers .row .input .int .select {
  width: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
}

.contacts .offers .row .input .int .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.contacts .offers .row .input .int .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.2;
  height: 3.2em;
  color: #000;
  padding-right: 0.3rem;
}

.contacts .offers .row .input .int .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

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

.contacts .offers .row .input .int .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 10px;
  height: 6px;
  background-image: url("../images/x1.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.contacts .offers .row .input:nth-child(2n) {
  margin-right: 0;
}

.contacts .offers .row .input.red {
  border: solid 1px #e60012;
}

.contacts .offers .row .texd {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.contacts .offers .row .texd .name {
  display: inline-block;
  vertical-align: top;
  width: 4.5em;
  color: #333;
  line-height: 1.5;
}

.contacts .offers .row .texd .name span {
  color: #e60012;
}

.contacts .offers .row .texd .area {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 4.5em);
}

.contacts .offers .row .texd .area textarea {
  width: 100%;
  display: block;
  color: #333;
  line-height: 1.5;
  border: none;
}

.contacts .offers .row .texd.red {
  border: solid 1px #e60012;
}

.contacts .offers .fot {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
  text-align: center;
}

.contacts .offers .fot .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #e60012;
  color: #fff;
  padding: 0 0.4rem;
  line-height: 3;
  position: relative;
}

.contacts .offers .fot .ctn i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.2rem;
  position: relative;
  top: -0.02rem;
}

.contacts .offers .fot .ctn i img {
  width: 100%;
  display: block;
}

.contacts .offers .fot .ctn .stn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

@media (max-width: 800px) {
  .contacts .contact .contlist {
    margin-bottom: 0rem;
  }
  .contacts .contact .contlist .contm {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.8rem;
  }
  .contacts .contact .contlist .contm:nth-child(2n) {
    margin-right: 0;
  }
}

.Ranges {
  width: 100%;
}

.Ranges .range {
  width: 100%;
  padding: 0.2rem 0 0.6rem;
}

.Ranges .range .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.Ranges .range .cip {
  width: 100%;
  color: #555;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem;
  text-align: center;
}

.Ranges .range .ranlist {
  width: 100%;
  font-size: 0;
}

.Ranges .range .ranlist .ranem {
  display: inline-block;
  vertical-align: top;
  width: calc((446 / 1440) * 100%);
  background-color: #fff;
  margin-right: calc((49 / 1440) * 100%);
  margin-bottom: 0.4rem;
}

.Ranges .range .ranlist .ranem .imgs {
  width: 100%;
  overflow: hidden;
}

.Ranges .range .ranlist .ranem .imgs .img {
  width: 100%;
  padding-top: 54.93%;
}

.Ranges .range .ranlist .ranem .rom {
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.25rem 0.3rem;
}

.Ranges .range .ranlist .ranem .rom .rt {
  width: 100%;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.Ranges .range .ranlist .ranem .rom .rip {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 4.5em;
  text-align: center;
}

.Ranges .range .ranlist .ranem .rom .rip p {
  color: #888;
  line-height: 1.5;
}

.Ranges .range .ranlist .ranem:nth-child(3n) {
  margin-right: 0;
}

.Ranges .range .ranlist .ranem:nth-child(3n+1) {
  transition-delay: 0.2s;
}

.Ranges .range .ranlist .ranem:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.Ranges .range .ranlist .ranem:nth-child(3n+3) {
  transition-delay: 0.4s;
}

.Ranges .range .datam {
  width: 100%;
  font-size: 0;
}

.Ranges .range .datam .tam {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: center;
  padding: 0.6rem 0;
}

.Ranges .range .datam .tam .tum {
  width: 100%;
  color: #e60012;
}

.Ranges .range .datam .tam .tum span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #e60012;
  position: relative;
  width: auto;
  top: -0.02rem;
}

.Ranges .range .datam .tam .tum span i {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  transform: translateY(-100%);
  color: #e60012;
  font-style: normal;
}

.Ranges .range .datam .tam .mm {
  width: 100%;
  color: #666;
  line-height: 2;
  margin-top: 0.2rem;
}

.Ranges .range .datam .tam:nth-child(2) {
  width: 40%;
}

.Ranges .range .datam .tam + .tam:after {
  height: 0.9rem;
  content: ' ';
  width: 1px;
  background-color: #dcdcdc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

@media (max-width: 800px) {
  .Ranges .range .datam .tam {
    padding: 0.7rem 0.2rem;
  }
  .Ranges .range .datam .tam .tum {
    font-size: 16px;
  }
  .Ranges .range .datam .tam .tum span {
    font-size: 16px;
  }
  .Ranges .range .datam .tam .tum i {
    font-size: 12px;
  }
  .Ranges .range .datam .tam .mm {
    font-size: 12px;
  }
}

.guides {
  width: 100%;
  font-size: 0;
  background-color: #f9f9f9;
  padding: 0.6rem 0;
}

.guides .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.6rem;
}

.guides .guidlist {
  width: 100%;
  font-size: 0;
}

.guides .guidlist .guiem {
  width: 100%;
  font-size: 0;
}

.guides .guidlist .guiem .gul {
  display: inline-block;
  vertical-align: middle;
  width: calc((960 / 1920) * 100%);
}

.guides .guidlist .guiem .gul .img {
  width: 100%;
  padding-top: 55.20%;
}

.guides .guidlist .guiem .gur {
  display: inline-block;
  vertical-align: middle;
  width: calc((960 / 1920) * 100%);
  padding: 0 calc((240 / 1920) * 100%) 0 0.7rem;
}

.guides .guidlist .guiem .gur .gurlist {
  width: 100%;
}

.guides .guidlist .guiem .gur .gurlist .grum {
  width: 100%;
  font-size: 0;
  padding: 0.15rem 0;
}

.guides .guidlist .guiem .gur .gurlist .grum .icon {
  display: inline-block;
  vertical-align: top;
  width: 0.68rem;
  height: 0.68rem;
  position: relative;
}

.guides .guidlist .guiem .gur .gurlist .grum .icon img {
  width: 100%;
  display: block;
}

.guides .guidlist .guiem .gur .gurlist .grum .icon .xm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.guides .guidlist .guiem .gur .gurlist .grum .icon .nu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.guides .guidlist .guiem .gur .gurlist .grum .rum {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.68rem - 0.3rem);
  margin-left: 0.3rem;
}

.guides .guidlist .guiem .gur .gurlist .grum .rum .ty {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.guides .guidlist .guiem .gur .gurlist .grum .rum .tm {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.guides .guidlist .guiem .gur .gurlist .grum .rum .tm p {
  color: #888;
  line-height: 1.5;
}

.guides .guidlist .guiem .gur .ginp {
  width: 100%;
  margin-bottom: 0.2rem;
  color: #333;
  line-height: 1.8;
}

.guides .guidlist .guiem .gur .ginp p {
  color: #333;
  line-height: 1.8;
}

.guides .guidlist .guiem:nth-child(2n) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
}

.guides .guidlist .guiem:nth-child(2n) .gur {
  padding: 0 0.7rem 0 calc((240 / 1920) * 100%);
}

.afters {
  width: 100%;
  background-color: #f5f5f5;
}

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

.afters .sales .cit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.6rem;
}

.afters .sales .somp {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem;
  box-shadow: 0px 16px 24px 0px rgba(215, 215, 215, 0.43);
}

.afters .sales .somp .sinp {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.afters .sales .somp .sinp p {
  color: #555;
  line-height: 1.5;
}

.afters .downers {
  width: 100%;
  font-size: 0;
  padding: 0.6rem 0;
}

.afters .downers .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.6rem;
}

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

.afters .downers .downlist .doams {
  display: inline-block;
  vertical-align: top;
  width: calc((700 / 1440) * 100%);
  margin-right: calc((39 / 1440) * 100%);
  margin-bottom: 0.4rem;
  background-color: #fff;
}

.afters .downers .downlist .doams a {
  width: 100%;
  display: block;
}

.afters .downers .downlist .doams .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem;
  height: 0.9rem;
}

.afters .downers .downlist .doams .icon img {
  width: 100%;
  display: block;
}

.afters .downers .downlist .doams .sam {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.9rem);
  padding: 0 0.3rem;
}

.afters .downers .downlist .doams .sam .time {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: right;
  color: #666;
  line-height: 1.5;
}

.afters .downers .downlist .doams .sam .aom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
  color: #333;
  line-height: 1.5;
}

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

.testing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.testing .tel {
  display: inline-block;
  vertical-align: middle;
  width: calc((415 / 1920) * 100%);
  background-color: #f9f9f9;
  padding-left: calc((240 / 1920) * 100%);
  padding-top: 0.8rem;
}

.testing .tel .tellist {
  width: 100%;
}

.testing .tel .tellist .telam {
  width: 100%;
  padding: 0.15rem 0;
}

.testing .tel .tellist .telam a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2;
  position: relative;
}

.testing .tel .tellist .telam a:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.24rem;
  background-color: #e60012;
  display: none;
}

.testing .tel .tellist .telam.on a {
  color: #e60012;
}

.testing .tel .tellist .telam.on a:after {
  display: block;
}

.testing .tel .tellist .telam:hover a {
  color: #e60012;
}

.testing .ter {
  display: inline-block;
  vertical-align: middle;
  width: calc((1505 / 1920) * 100%);
  padding-right: calc((240 / 1920) * 100%);
  padding-left: 0.5rem;
}

.testing .ter .column {
  text-align: right;
}

.testing .ter .material {
  width: 100%;
  padding: 0.2rem 0 0.5rem;
}

.testing .ter .material .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.6rem;
}

.testing .ter .material .materlis {
  width: 100%;
  font-size: 0;
}

.testing .ter .material .materlis .matm {
  display: inline-block;
  vertical-align: top;
  width: calc((280 / 1215) * 100%);
  margin-right: calc((31 / 1215) * 100%);
  margin-bottom: 0.3rem;
}

.testing .ter .material .materlis .matm a {
  width: 100%;
  display: block;
}

.testing .ter .material .materlis .matm .imgs {
  width: 100%;
  overflow: hidden;
}

.testing .ter .material .materlis .matm .imgs .img {
  width: 100%;
  padding-top: 60.71%;
  transition: all ease 0.3s;
}

.testing .ter .material .materlis .matm .am {
  width: 100%;
  color: #555;
  line-height: 3;
  text-align: center;
  background-color: #f9f9f9;
  transition: all ease 0.3s;
}

.testing .ter .material .materlis .matm:hover .imgs .img {
  transform: scale(1.1);
}

.testing .ter .material .materlis .matm:hover .am {
  background-color: #da221a;
  color: #fff;
}

.testing .ter .material .materlis .matm:nth-child(4n) {
  margin-right: 0;
}

.testing .ter .material .materlis .matm:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.testing .ter .material .materlis .matm:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.testing .ter .material .materlis .matm:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.testing .ter .material .materlis .matm:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.testing .ter .material .blemlist {
  width: 100%;
  font-size: 0;
}

.testing .ter .material .blemlist .bleam {
  width: 100%;
}

.testing .ter .material .blemlist .bleam .bitop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f9f9f9;
  padding: 0.1rem 0.3rem;
}

.testing .ter .material .blemlist .bleam .bitop .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.3rem;
}

.testing .ter .material .blemlist .bleam .bitop .icon img {
  width: 100%;
  display: block;
}

.testing .ter .material .blemlist .bleam .bitop .icon img:first-child {
  display: block;
}

.testing .ter .material .blemlist .bleam .bitop .icon img:last-child {
  display: none;
}

.testing .ter .material .blemlist .bleam .bitop .cm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  flex: 1;
  color: #555;
  line-height: 1.8;
}

.testing .ter .material .blemlist .bleam .bitop .add {
  width: 0.4rem;
  display: inline-block;
  vertical-align: middle;
  color: #bbb;
  text-align: right;
  line-height: 1.5;
  font-size: 30px;
}

.testing .ter .material .blemlist .bleam .becont {
  width: 100%;
  padding: 0.3rem;
  font-size: 0;
  display: none;
}

.testing .ter .material .blemlist .bleam .becont .ica {
  display: inline-block;
  vertical-align: top;
  width: 0.34rem;
  height: 0.3rem;
}

.testing .ter .material .blemlist .bleam .becont .ica img {
  width: 100%;
  display: block;
}

.testing .ter .material .blemlist .bleam .becont .rinp {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.34rem);
  padding-left: 0.3rem;
  color: #666;
  line-height: 1.6;
}

.testing .ter .material .blemlist .bleam .becont .rinp p {
  color: #666;
  line-height: 1.6;
}

.testing .ter .material .blemlist .bleam.on .bitop {
  background-color: #e60012;
}

.testing .ter .material .blemlist .bleam.on .bitop .icon img:first-child {
  display: none;
}

.testing .ter .material .blemlist .bleam.on .bitop .icon img:last-child {
  display: block;
}

.testing .ter .material .blemlist .bleam.on .bitop .cm {
  color: #fff;
}

.testing .ter .material .blemlist .bleam.on .bitop .add {
  color: #fff;
}

.testing .ter .material .blemlist .bleam + .bleam {
  margin-top: 0.2rem;
}

@media (max-width: 1460px) {
  .testing .tel {
    padding-left: 3%;
  }
  .testing .ter {
    padding-right: 3%;
  }
}

@media (max-width: 800px) {
  .testing .tel {
    width: 100%;
    padding: 0.1rem 3%;
  }
  .testing .tel .tellist {
    font-size: 0;
  }
  .testing .tel .tellist .telam {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.25rem;
  }
  .testing .tel .tellist .telam a:after {
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
  }
  .testing .tel .tellist .telam.on a {
    padding-left: 0.2rem;
  }
  .testing .ter {
    width: 100%;
  }
}

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

.products .vmgs{
  width: 100%;
}
.products .vmgs .img{
  width: 100%;
  padding-top: 41.66%;
}

.products .product {
  width: 100%;
  padding: 0.8rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.products .product .pml {
  display: inline-block;
  vertical-align: middle;
  width: calc((760 / 1440) * 100%);
}

.products .product .pml .img {
  width: 100%;
  padding-top: 69.51%;
}

.products .product .pmr {
  display: inline-block;
  vertical-align: middle;
  width: calc((600 / 1440) * 100%);
}

.products .product .pmr .rit {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.products .product .pmr .line {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0 0.24rem;
}

.products .product .pmr .line span {
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 2px;
  background-color: #000;
}

.products .product .pmr .rips {
  width: 100%;
  color: #000;
  line-height: 1.5;
}

.products .product .pmr .ptns {
  width: 100%;
  font-size: 0;
  margin-top: 0.7rem;
}

.products .product .pmr .ptns .ptn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.3rem;
  margin-bottom: 0.1rem;
  position: relative;
}

.products .product .pmr .ptns .ptn a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.3rem;
  line-height: 3.2;
  color: #000;
  border: solid 1px #000;
}

.products .product .pmr .ptns .ptn a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.products .product .pmr .ptns .ptn a span img {
  width: 100%;
  display: block;
}

.products .product .pmr .ptns .ptn a span img:first-child {
  display: block;
}

.products .product .pmr .ptns .ptn a span img:last-child {
  display: none;
}

.products .product .pmr .ptns .ptn .vmg {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: none;
}

.products .product .pmr .ptns .ptn .vmg img {
  width: 100%;
  display: block;
}

.products .product .pmr .ptns .ptn:hover a {
  background-color: #e60012;
  border: solid 1px #e60012;
  color: #fff;
}

.products .product .pmr .ptns .ptn:hover a span img:first-child {
  display: none;
}

.products .product .pmr .ptns .ptn:hover a span img:last-child {
  display: block;
}

.products .product .pmr .ptns .ptn:hover .vmg {
  display: block;
}

.modular .pitop {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.6rem;
}

.modular .pitop .xt {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 1.5;
}

.modular .pitop .line {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  height: 1px;
  background-color: #ebebeb;
  margin-left: 0.6rem;
}

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

.proshod .column {
  text-align: right;
}

.proshod .pitop {
  margin-top: 0.4rem;
}

.proshod .shodm {
  width: 100%;
  font-size: 0;
}

.proshod .shodm .sml {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1440) * 100%);
}

.proshod .shodm .sml .img {
  width: 100%;
  padding-top: 52.08%;
}

.proshod .shodm .smr {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1440) * 100%);
  padding-left: 0.4rem;
}

.proshod .shodm .smr .sinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.proshod .shodm .smr .sinp p {
  color: #666;
  line-height: 1.8;
}

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

.character .charact {
  width: 100%;
}

.character .charact .chnav {
  width: 100%;
  font-size: 0;
}

.character .charact .chnav .cam {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  background-color: #f8f8f8;
  margin-bottom: 0.1rem;
  padding: 0.1rem 0;
}

.character .charact .chnav .cam a {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 0 0.15rem;
  color: #333;
  line-height: 2.5;
}

.character .charact .chnav .cam.on {
  background-color: #e60012;
}

.character .charact .chnav .cam.on a {
  color: #fff;
}

.character .charact .chnav .cam:nth-child(3n+2) a, .character .charact .chnav .cam:nth-child(3n+3) a {
  border-left: solid 1px #d9d9d9;
}

.character .charact .racter {
  width: 100%;
}

.character .charact .racter .racm {
  width: 100%;
  display: none;
  background-color: #eeeeee;
  font-size: 0;
  padding: 0.4rem 0.5rem;
}

.character .charact .racter .racm .rml {
  display: inline-block;
  vertical-align: middle;
  width: calc((510 / 1340) * 100%);
}

.character .charact .racter .racm .rml .img {
  width: 100%;
  padding-top: 60.78%;
}

.character .charact .racter .racm .rmr {
  display: inline-block;
  vertical-align: middle;
  width: calc((829 / 1340) * 100%);
  padding-left: 0.6rem;
  position: relative;
}

.character .charact .racter .racm .rmr:after {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("../images/cm1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1rem;
  height: 0.69rem;
}

.character .charact .racter .racm .rmr .num {
  display: inline-block;
  vertical-align: top;
  width: 2em;
  color: #e60012;
  line-height: 1.3;
}

.character .charact .racter .racm .rmr .mrs {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 2em);
  padding-left: 0.1rem;
}

.character .charact .racter .racm .rmr .mrs .mit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.character .charact .racter .racm .rmr .mrs .minp {
  width: 100%;
  color: #555;
  line-height: 1.6;
  padding-right: 1rem;
}

.character .charact .racter .racm .rmr .mrs .minp p {
  color: #555;
  line-height: 1.6;
}

.character .charact .racter .racm.on {
  display: block;
}

.application {
  width: 100%;
  font-size: 0;
  padding: 0.5rem 0;
}

.application .applict {
  width: 100%;
  font-size: 0;
}

.application .applict .apm {
  display: inline-block;
  vertical-align: top;
  width: calc((264 / 1440) * 100%);
  margin-right: calc((29  / 1440) * 100%);
  margin-bottom: 0.3rem;
  overflow: hidden;
}

.application .applict .apm .imgs {
  width: 100%;
}

.application .applict .apm .imgs .img {
  width: 100%;
  padding-top: 60.60%;
}

.application .applict .apm .coms {
  width: 100%;
  color: #333;
  line-height: 2;
  margin-top: 0.1rem;
}

.application .applict .apm:nth-child(5n) {
  margin-right: 0;
}

.application .applict .apm:nth-child(5n+1) {
  transition-delay: 0.2s;
}

.application .applict .apm:nth-child(5n+2) {
  transition-delay: 0.3s;
}

.application .applict .apm:nth-child(5n+3) {
  transition-delay: 0.4s;
}

.application .applict .apm:nth-child(5n+4) {
  transition-delay: 0.5s;
}

.application .applict .apm:nth-child(5n+5) {
  transition-delay: 0.6s;
}

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

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

.effects .effect .efr {
  width: calc((1130 / 1440) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.effects .effect .efr .efrom {
  width: 100%;
  display: none;
}

.effects .effect .efr .efrom .img {
  width: 30%;
  transition: width ease 0.5s;
  display: inline-block;
  vertical-align: middle;
  height: 4.5rem;
  position: relative;
}

.effects .effect .efr .efrom .img .tip {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0.2rem 0.35rem;
}

.effects .effect .efr .efrom .img.long {
  width: 70%;
}

.effects .effect .efr .efrom.on {
  display: block;
}

.effects .effect .efl {
  display: inline-block;
  vertical-align: middle;
  width: calc((285 / 1440) * 100%);
  position: relative;
  height: 4.5rem;
}

.effects .effect .efl .swiper-container {
  width: 100%;
  height: 100%;
}

.effects .effect .efl .swiper-slide {
  width: 90%;
  transition: all ease 0.5s;
  background-color: #f3f3f3;
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  color: #333;
  cursor: pointer;
}

.effects .effect .efl .swiper-slide.on {
  background-color: #e60012;
  color: #fff;
  width: calc(100% - 0.08rem);
}

.effects .effect .efl .swiper-slide.on:after {
  content: ' ';
  position: absolute;
  right: -0.16rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid 0.08rem transparent;
  border-left-color: #e60012;
}

.effects .effect .efl .btn {
  position: absolute;
  left: 45%;
  transform: translateX(-50%);
  width: 36px;
  cursor: pointer;
}

.effects .effect .efl .btn img {
  width: 100%;
  display: block;
}

.effects .effect .efl .btn img:first-child {
  display: block;
}

.effects .effect .efl .btn img:last-child {
  display: none;
}

.effects .effect .efl .btn:hover img:first-child {
  display: none;
}

.effects .effect .efl .btn:hover img:last-child {
  display: block;
}

.effects .effect .efl .bl {
  top: -0.3rem;
}

.effects .effect .efl .br {
  bottom: -0.3rem;
}

@media (max-width: 800px) {
  .effects .effect .efl {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .effects .effect .efl .swiper-slide {
    width: 100%;
    line-height: 3.2;
  }
  .effects .effect .efl .swiper-slide.on:after {
    display: none;
  }
  .effects .effect .efr {
    width: 100%;
  }
}

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

.broken .documper {
  width: 100%;
}

.broken .documper .swiper-slide {
  width: 100%;
  font-size: 0;
  background-color: #f3f3f3;
}

.broken .documper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((990 / 1440) * 100%);
  width: 100%;
  position: relative;
}

.broken .documper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 50.5%;
  padding-top: 34.77%;
}
@media (max-width: 800px) {
  .broken .documper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 50%;
  }
}

.broken .documper .swiper-slide .imgs .play {
  position: absolute;
  bottom: 0.46rem;
  left: 0.6rem;
  width: auto;
}

.broken .documper .swiper-slide .imgs .play .mg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 46px;
  height: 46px;
  cursor: pointer;
  z-index: 2;
  animation: big infinite 2s;
}

.broken .documper .swiper-slide .imgs .play .mg img {
  width: 100%;
  display: block;
}

@keyframes big {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.broken .documper .swiper-slide .imgs .play .mx {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.broken .documper .swiper-slide .sem {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.5rem;
  width: calc((449 / 1440) * 100%);
}

.broken .documper .swiper-slide .sem .sit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.broken .documper .swiper-slide .sem .sinp {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.2rem 0 0.5rem;
  height: 1.3rem;
}

.broken .documper .swiper-slide .sem .sinp p {
  color: #888;
  line-height: 1.5;
}

.broken .documper .bot {
  /* width: 100%; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 3rem;
  position: absolute;
  z-index: 3;
  right: 0.3rem;
  bottom: 0.3rem;
}

.broken .documper .bot .btns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.broken .documper .bot .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  height: 0.44rem;
  background-color: #333;
  cursor: pointer;
}

.broken .documper .bot .btns .btn img {
  width: 100%;
  display: block;
}

.broken .documper .bot .btns .btn + .btn {
  margin-left: 0.2rem;
}

.broken .documper .bot .btns .btn:hover {
  background-color: #e60012;
}

.broken .documper .bot .rtns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.broken .documper .bot .rtns span {
  display: inline-block;
  color: #fff;
}

.broken .documper .bot .rtns .now {
  color: #e60012;
}

.bortom {
  background-color: #f8f8f8;
}

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

.parameters .pinps {
  width: 100%;
  color: #333;
  line-height: 2;
  overflow: auto;
}

.parameters .pinps table {
  width: 1440px;
  /* min-width: 100%;
  width: max-content; */
  border: solid 1px #fff;
}

.parameters .pinps table tr {
  width: 100%;
  background-color: #f6f6f6;
  border: solid 1px #fff;
}

.parameters .pinps table tr td {
  border: solid 1px #fff;
  line-height: 2;
  text-align: center;
  flex: 1;
  padding: 0.1rem;
}
.parameters .pinps table tr td:first-child{
  background-color: #e5e5e5;
  text-align: left;
  padding: 0.1rem 0.3rem;
  width: 140px;
  width: 170px;
}

.parameters .pinps table tr:nth-child(2n) {
  background-color: #eee;
}

.parameters .pinps tbody {
  border: none;
}

.parameters .pinps .w28 {
  background-color: #e5e5e5;
}

.parameters .pinps .w28 .td {
  padding: 0 0.3rem;
}

.parameters .pinps .w72 {
  text-align: center;
}

.parameters .pinps .tr {
  width: 100%;
  display: flex;
}

.parameters .pinps .td {
  flex: 1;
  padding: 0.1rem;
  line-height: 2;
}

.parameters .pinps .td + .td {
  border-left: solid 1px #fff;
}
.tbg {
  background-color: #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  height: 0;
  transition: all 1s ease-in-out;
  box-sizing: border-box;
}

.tbg .tit {
  width: 100%;
  text-align: center;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease-in-out;
  transition-delay: 1s;
}

.tbg.active {
  height:2.5rem;
  padding-top: 1rem;
}

.tbg.active .tit {
  opacity: 1;
  transform: translateY(0px);
}

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


.md-sideNav {
  position: fixed;
  bottom: 30%;
  right: 0.1rem;
  z-index: 60;
  border-radius: 1rem;
}
.md-sideNav .sn_i {
  position: relative;
  margin-bottom: 0.08rem;
}
.md-sideNav .sn_i:last-child {
  margin-bottom: 0;
}
.md-sideNav .sn_i:hover .hd {
  background-color: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
.md-sideNav .sn_i:hover .hd .i1 {
  display: none;
}
.md-sideNav .sn_i:hover .hd .i2 {
  display: block;
}
.md-sideNav .sn_i:hover .hd .ic {
  filter: none;
}
.md-sideNav .sn_i:hover .ht {
  color: #fff;
}
.md-sideNav .sn_i:hover .bd {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s;
}
.md-sideNav .hd {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.06rem;
  cursor: pointer;
  background-color: #e60012;
  transition: all 0.3s;
}
.md-sideNav .hd .ic {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: brightness(0) invert(1);
}
.md-sideNav .hd .i2 {
  display: none;
}
.md-sideNav .hd .ht {
  margin-top: 0.07rem;
}
.md-sideNav .bd {
  position: absolute;
  right: 100%;
  top: 0;
  padding-right: 0.12rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.md-sideNav .b_box {
  background-color: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.06rem;
}
.md-sideNav .ph {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0.15rem;
  line-height: 1.5;
}
.md-sideNav .ph .d2 {
  color: #e60012;
  font-weight: 600;
}
.md-sideNav .wx {
  text-align: center;
}
.md-sideNav .wx .d1 {
  line-height: 1.8;
}
.md-sideNav .wx .img {
  display: block;
  width: 2rem;
  min-width: 100px;
  max-width: none;
}


header .proswiper .pli {
  position: relative;
}

header .proswiper .pli {
  position: relative;
}

header .proswiper .pli a {
  display: block;
  width: 50%;
}

header .proswiper .pli:hover .ul3 {
  display: block;
}

header .proswiper .ul3 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  z-index: 30;
  display: none;
}

header .proswiper .ul3 .a3 {
  display: block;
  line-height: 2 !important;
}

header nav .natem .proswiper .prplist .plist {
  height: 100%;
}