@charset "UTF-8";

.w1640 {
  width: 16.4rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 16.6rem) {
  .w1640 {
    width: 94%;
  }
}

.w1600 {
  width: 16rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 16.2rem) {
  .w1600 {
    width: 94%;
  }
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
p,
th,
td {
  margin: 0;
  padding: 0;
}
.w1400 {
  width: 14rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

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

.w1800 {
  /* margin: 0 auto;
  font-size: 0;
  z-index: 2; */
}

header .hop nav .natem .longul .lonul .lonsm {
  margin-right: 90px;
}
@media (max-width: 18.2rem) {
  .w1800 {
    width: 94%;
  }
}

@media screen and (min-width: 1900px) {
}

@media screen and (min-width: 1200px) {
  #dowebok {
    display: block;
  }

  #dowebokMob {
    display: none;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    transition: all ease 0.5s;
    font-size: 16px;
  }

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

  header .hop .logo {
    display: inline-block;
    vertical-align: middle;
    width: 1.29rem;
    position: relative;
    left: 20px;
  }

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

  header .hop nav {
    /* display: inline-block;
    vertical-align: middle;
    flex: 1;
    text-align: center; */
    position: relative;
  }

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

  header .hop nav .natem.long {
    position: static;
  }

  header .hop nav .natem .nas {
    width: auto;
    display: inline-block;
    position: relative;
    margin: 0 0.45rem;
    line-height: 133px;
  }

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

  header .hop nav .natem .nas:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    width: 100%;
    height: 0.02rem;
    background-color: #fff;
    opacity: 0;
  }

  header .hop nav .natem .navuls {
    width: 100.5%;
    position: absolute;
    z-index: 101;
    left: 50%;
    top: 133px;
    transform: translateX(-50%);
    background-color: white;
    box-shadow: 0 0 0.07rem 0 rgba(0, 0, 0, 0.09);
    background-color: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 1);
    display: none;
    border-radius: 30px;
  }

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

  header .hop nav .natem .navuls ul li {
    width: 100%;
    position: relative;
  }
  header .hop nav .natem .navuls ul li:first-child {
    padding-top: 40px;
  }

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

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

  header .hop nav .natem .navuls ul li .ns:hover {
    color: #eb5c04;
  }

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

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

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

  header .hop nav .natem .navuls ul li .theul li .xn:hover {
    color: #eb5c04;
  }

  header .hop nav .natem .navuls ul li:hover .ns {
    color: #eb5c04;
  }

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

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

  header .hop nav .natem .longul {
    /* width: 100%; */
    position: fixed;
    position: absolute;
    /* width: 100vw; */
    /* width: 75%; */
    min-width: 1200px;
    left: 0;
    /* left: 40%; */
    top: 133px;
    /* transform: translateX(-50%); */
    background-color: white;
    background-color: #fff;
    /* padding: .3rem  0 .3rem; */
    padding: 45px 95px;
    /* padding: 0; */
    display: none;
    /* border-top: solid .01rem #eae7e3; */
    box-shadow: 0 0 0.07rem 0 rgba(0, 0, 0, 0.09);
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
  }

  header .hop nav .natem .longul .w1200 {
    width: 100% !important;
  }

  header .hop nav .natem .longul .lonul {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: flex-start;
  }

  header .hop nav .natem .longul .lonul .lonsm {
    /* display: inline-block;
    vertical-align: top; */
    /* width: 32%;
  margin-right: 2%;
  margin-bottom: 0.3rem; */
    /* width: 100%; */

    margin-bottom: 0.2rem;
  }

  header .hop nav .natem .longul .lonul .lonsm:last-child {
    margin-right: 0px;
  }

  header .hop nav .natem .longul .lonul .lonsm .lit {
    width: 100%;
    font-size: 0;
  }

  header .hop nav .natem .longul .lonul .lonsm .lit a {
    display: inline-block;
    vertical-align: middle;
    color: #000;

    line-height: 1.5;
    margin-bottom: 20px;
    /* font-size: 20px; */
  }

  header .hop nav .natem .longul .lonul .lonsm .lit a:hover {
    color: #eb5c04;
  }

  header .hop nav .natem .longul .lonul .lonsm .lx {
    display: block;
    width: 0.2rem;
    height: 0.04rem;
    background-color: #eb5c04;
    margin: 0.2rem 0;
  }

  header .hop nav .natem .longul .lonul .lonsm .lul {
    width: 100%;
  }

  header .hop nav .natem .longul .lonul .lonsm .lul a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: #565656;
    transition: all ease 0.5s;
    line-height: 35px;
    padding: 0.025rem 0;
    /* font-size: 16px; */
  }

  header .hop nav .natem .longul .lonul .lonsm .lul.spectialNav a {
    width: 50%;
    /* margin-right: 10px; */
    box-sizing: border-box;
    float: left;
  }
  header
    .hop
    nav
    .natem
    .longul
    .lonul
    .lonsm
    .lul.spectialNav
    a:nth-child(2n) {
    margin-right: 0px;
  }

  header .hop nav .natem .longul .lonul .lonsm .lul a:hover {
    color: #eb5c04;
  }

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

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

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

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

  header .hop .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    line-height: 133px;
    position: relative;
  }

  header .hop .rav .atn {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
    cursor: pointer;
    position: relative;
  }

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

  /* header .hop .rav .atn img:first-child {
  display: block;
}

header .hop .rav .atn img:last-child {
  display: none;
} */

  header .hop .rav .atn .m1 {
    display: block;
  }

  header .hop .rav .atn .m2 {
    display: none;
  }

  header .hop .rav .atn .tip {
    position: absolute;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    line-height: 2;
    padding: 0 0.1rem;
    z-index: 3;
    white-space: nowrap;
    left: 50%;
    bottom: calc(100% + 5px);
    transform: translateX(-50%);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
    transition: all ease 0.5s;
    opacity: 0;
  }

  header .hop .rav .atn .tip:after {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    top: 100%;
    border: solid 2px;
    border-color: #fff transparent transparent transparent;
  }

  header .hop .rav .atn:hover .tip {
    opacity: 1;
  }

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

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

  header .hop .rav .languages .lauges .lashow {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    font-size: 0;
  }

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

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

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

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

  header .hop .rav .languages .lauges .lashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    margin-left: 0.1rem;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
  }

  header .hop .rav .languages .lauges .language {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
    width: 1.1rem;
    display: none;
    background: rgba(235, 92, 4, 0.6);
    border-radius: 30px;
    padding: 15px 0px;
  }

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

  header .hop .rav .languages .lauges .language .latem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 0.1rem;
    line-height: 2.5;
    text-align: center;
    font-size: 16px;
    /* background: rgba(234, 85, 32, 0.5); */
  }

  header .hop .rav .languages .lauges .language .latem:hover a {
    /* background: #eb5c04; */
    color: #fff;
  }

  header .hop .rav .languages .lauges .language .latem.on a {
    background: #eb5c04;
    color: #fff;
  }

  header .hop .rav .groupages {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 0.1rem;
    text-align: left;
    position: relative;
  }
  header .hop .rav .groupages .gauges {
    cursor: pointer;
  }

  header .hop .rav .groupages .ganguage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
    width: 1.1rem;
    display: none;
    background: rgba(235, 92, 4, 0.6);
    border-radius: 30px;
    padding: 15px 0px;
  }

  /* header .hop .rav .groupages:hover .ganguage {
    display: block;
  } */

  header .hop .rav .groupages .ganguage .fatem {
    width: 100%;
  }

  header .hop .rav .groupages .ganguage .fatem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 0.1rem;
    line-height: 2.5;
    text-align: center;
    font-size: 16px;
    /* background: rgba(234, 85, 32, 0.5); */
  }

  header .hop .rav .groupages .fashow {
    color: #fff;
  }

  .headerPc.white .groupages .gauges .fashow {
    color: #000;
  }

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

  header .hop .rav .fanguages .fauges {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }

  header .hop .rav .fanguages .fauges .fashow {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    font-size: 0;
  }

  header .hop .rav .fanguages .fauges .fashow .ac {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    width: 0.2rem;
    height: 0.2rem;
  }

  header .hop .rav .fanguages .fauges .fashow .ac img {
    width: 100%;
    display: block;
  }

  header .hop .rav .fanguages .fauges .fashow .ac img:first-child {
    display: block;
  }

  header .hop .rav .fanguages .fauges .fashow .ac img:last-child {
    display: none;
  }

  header .hop .rav .fanguages .fauges .fashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    margin-left: 0.1rem;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
  }

  header .hop .rav .fanguages .fauges .fanguage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
    width: 1.5rem;
    display: none;
    background: rgba(235, 92, 4, 0.6);
    border-radius: 30px;
    padding: 15px 0px;
  }

  header .hop .rav .fanguages .fauges .fanguage .fatem {
    width: 100%;
  }

  header .hop .rav .fanguages .fauges .fanguage .fatem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 0.1rem;
    line-height: 2.5;
    text-align: center;
    font-size: 16px;
    /* background: rgba(234, 85, 32, 0.5); */
  }

  header .hop .rav .fanguages .fauges .fanguage .fatem:hover a {
    /* background: #eb5c04; */
    color: #fff;
  }

  header .hop .rav .fanguages .fauges .fanguage .fatem.on a {
    background: #eb5c04;
    color: #fff;
  }

  header .sear {
    width: 100%;
    font-size: 0;
    padding: 0.3rem 0.3rem;
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1111;
    background: #fff;
    top: 100%;
  }

  header .sear form {
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    max-width: 10rem;
    display: block;
    border-radius: 0.2rem;
    overflow: hidden;
    background: #f6f6f6;
  }

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

  header .sear .input input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #f6f6f6;
    color: #666666;
    line-height: 2.5;
    height: 2.5em;
    padding: 0 0.2rem;
    border: none;
    border-radius: 1.25em;
  }

  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: #eb5c04;
    color: #fff;
    line-height: 2.5;
    border-radius: 1.25em;
    padding: 0 0.2rem;
    border: none;
    text-align: center;
    cursor: pointer;
  }

  header.white {
    background-color: #fff;
    height: 133px;
    font-size: 16px;
  }

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

  header.white .hop nav .natem .nas:after {
    background-color: #eb5c04;
  }

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

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

  header.white .hop nav .natem:hover .nas a {
    color: #eb5c04;
  }

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

  /* header.white .hop .rav .atn img:first-child {
  display: none;
}

header.white .hop .rav .atn img:last-child {
  display: block;
} */

  header.white .hop .rav .atn .m1 {
    display: none;
  }

  header.white .hop .rav .atn .m2 {
    display: block;
  }

  header.white .hop .rav .fanguages .fauges .fashow .ac img:first-child {
    display: none;
  }

  header.white .hop .rav .fanguages .fauges .fashow .ac img:last-child {
    display: block;
  }

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

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

  .headerMob {
    display: none;
  }
}

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

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

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

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

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

.banner .swiper-slide .sox {
  position: absolute;
  left: calc((140 / 1920) * 100%);
  top: 50%;
  transform: translateY(-50%);
  max-width: 90%;
}

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

.banner .swiper-slide .sox .sm p {
  color: #f9f9f9;
  line-height: 1.3;
}

.banner .swiper-slide .sox .sx {
  width: 100%;
  color: #f9f9f9;
  line-height: 1.3;
  margin: 0.1rem 0;
}

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

.banner .swiper-slide .sox .sx h1 {
  color: #1b1f25;
  line-height: 1.3;
}

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

.banner .swiper-slide .sox .more a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  border: solid 0.01rem rgba(229, 229, 229, 0.5);
  line-height: 0.6rem;
  background-color: transparent;
  padding: 0 0.3rem;
  color: #fff;
}

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

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

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

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

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

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

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

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

.banner .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  margin: 0 0.12rem !important;
  opacity: 1;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-color: white;
  border: solid 0.01rem #fff;
  transition: all ease 0.5s;
}

.banner .swiper-pagination-bullet-active {
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: solid 0.04rem #eb5c04;
}

.banner .down {
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 56;
  transition: all ease 0.5s;
  cursor: pointer;
}

.banner .down .dm {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 auto 0.05rem;
}

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

.banner .down .dx {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

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

.banner .lg {
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  z-index: 5;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: rgba(234, 85, 32, 0.2);
  bottom: -1rem;
  left: 45%;
  transform: translateX(-50%);
  animation: ease-in-out big 10s infinite;
}

@keyframes big {
  0% {
    width: 0;
    height: 0;
  }

  50% {
    width: 2.6rem;
    height: 2.6rem;
  }

  100% {
    width: 0;
    height: 0;
  }
}

.banner .rg {
  position: absolute;
  width: 2.9rem;
  height: 2.9rem;
  z-index: 5;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: rgba(234, 85, 32, 0.2);
  bottom: -1.4rem;
  left: 55%;
  transform: translateX(-50%);
  animation: ease-in-out cig 12s infinite;
}

@keyframes cig {
  0% {
    width: 0;
    height: 0;
  }

  50% {
    width: 2.9rem;
    height: 2.9rem;
  }

  100% {
    width: 0;
    height: 0;
  }
}

footer {
  width: 100%;
  background-color: #272727;
}

footer .ftop {
  width: 100%;
  padding: 0.3rem 0;
  border-bottom: solid 0.01rem rgba(255, 255, 255, 0.1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

footer .ftop .fpl,
footer .ftop .fpr {
  width: auto;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

footer .ftop .fogo {
  display: inline-block;
  vertical-align: middle;
  width: 1.29rem;
  margin-right: 0.22rem;
}

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

footer .ftop .cmf {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  margin-right: 0.22rem;
}

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

footer .ftop .fm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

footer .ftom .share {
  font-size: 0;
  margin-bottom: 0.5rem;
}

footer .ftom .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  margin-right: 0.1rem;
  position: relative;
}

footer .ftom .share .am .codm {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1.2rem;
  height: 1.2rem;
  bottom: calc(100% + 0.1rem);
  background-color: #fff;
  padding: 0.05rem;
  display: none;
}

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

footer .ftom .share .am img {
  width: 100%;
  height: 100%;
  display: block;
}

footer .ftom .share .am:hover {
  background-color: #eb5c04;
}

footer .ftom {
  width: 100%;
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .ftom .fml {
  display: inline-block;
  vertical-align: top;
  width: 12.4rem;
  font-size: 0;
}

footer .ftom .fml .flist {
  display: inline-block;
  vertical-align: top;
  width: 1.7rem;
}

footer .ftom .fml .flist .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

footer .ftom .fml .flist .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

footer .ftom .fml .flist .fit a:hover {
  color: #fff;
}

footer .ftom .fml .flist .ful {
  width: 100%;
}

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

footer .ftom .fml .flist .ful a span {
  color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  margin-right: 0.06rem;
}

footer .ftom .fml .flist .ful a:hover {
  color: #fff;
}

footer .ftom .fml .flist .ful a:hover span {
  color: #fff;
}

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

footer .ftom .fmr {
  width: auto;
}

.code-list {
  font-size: 0;
}

footer .ftom .fmr .codm {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2rem;
}

footer .ftom .fmr .codm:last-child {
  margin-right: 0;
}

footer .ftom .fmr .codm .cm {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
  margin: 0 auto 0.25rem;
}

footer .ftom .fmr .codm .cm img {
  width: 100%;
  height: 100%;
  display: block;
}

footer .ftom .fmr .codm .cp {
  width: 100%;
  text-align: center;
  color: #a4a9b2;
  line-height: 1.5;
}

footer .fbot {
  width: 100%;
}

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

footer .fbot .fob .fm {
  display: inline-block;
  vertical-align: middle;
  color: rgba(254, 254, 254, 0.4);
  line-height: 1.5;
}

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

.cases .cmglist {
  width: 100%;
  height: 100vh;
  position: relative;
}

.cases .cmglist .imgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.5s;
}

.cases .cmglist .imgs .img {
  width: 100%;
  height: 100%;
  display: block;
}

.cases .cmglist .imgs .img img {
  width: 100%;
}

.cases .cmglist .imgs .casom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2.2rem calc(140 / 1920 * 100%) 0;
}

.cases .cmglist .imgs .casom .cal {
  display: inline-block;
  vertical-align: top;
  width: 6rem;
}

.cases .cmglist .imgs .casom .cal .cit {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
}

.cases .cmglist .imgs .casom .cal .cip {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
}

.cases .cmglist .imgs .casom .car {
  display: inline-block;
  vertical-align: top;
  width: 6rem;
}

.cases .cmglist .imgs .casom .car .rit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.cases .cmglist .imgs .casom .car .rinp {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.cases .cmglist .imgs .casom .car .rinp p {
  color: #fff;
  line-height: 1.5;
}

.cases .cmglist .imgs .casom .car .rob {
  width: 100%;
  font-size: 0;
  margin-top: 0.65rem;
}

.cases .cmglist .imgs .casom .car .rob a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  border: solid 0.01rem white;
  line-height: 0.6rem;
  background-color: transparent;
  padding: 0 0.3rem;
  color: #fff;
  transition: all ease 0.5s;
}

.cases .cmglist .imgs .casom .car .rob a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  width: 0.26rem;
  height: 0.26rem;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.cases .cmglist .imgs .casom .car .rob a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(1) {
  display: block;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(2) {
  display: none;
}

.cases .cmglist .imgs .casom .car .rob a span img:nth-child(3) {
  display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover {
  background-color: #fff;
  color: #eb5c04;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(1) {
  display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(2) {
  display: none;
}

.cases .cmglist .imgs .casom .car .rob a:hover span img:nth-child(3) {
  display: block;
}

.cases .cmglist .imgs .casom.black .cal .cit,
.cases .cmglist .imgs .casom.black .cal .cip {
  color: #333;
}

.cases .cmglist .imgs .casom.black .car .rit {
  color: #333;
}

.cases .cmglist .imgs .casom.black .car .rinp {
  color: #333;
}

.cases .cmglist .imgs .casom.black .car .rinp p {
  color: #333;
}

.cases .cmglist .imgs .casom.black .car .rob a {
  border: solid 0.01rem #333;
  color: #333;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(1) {
  display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(2) {
  display: block;
}

.cases .cmglist .imgs .casom.black .car .rob a span img:nth-child(3) {
  display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover {
  color: #eb5c04;
  border: solid 0.01rem #fff;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(1) {
  display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(2) {
  display: none;
}

.cases .cmglist .imgs .casom.black .car .rob a:hover img:nth-child(3) {
  display: block;
}

.cases .cmglist .imgs.on {
  z-index: 6;
  visibility: visible;
  opacity: 1;
}

.cases .iconlist {
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 10rem;
  text-align: center;
  justify-content: center;
}

.cases .iconlist .ictom {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.26rem;
  cursor: pointer;
}

.cases .iconlist .ictom .ic {
  display: block;
  margin: 0 auto 0.15rem;
  width: 0.8rem;
  height: 0.8rem;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  /* background-color: #fff; */
  position: relative;
  overflow: hidden;
}

.cases .iconlist .ictom .ic img {
  width: 100%;
  height: 100%;
  display: block;
}

.cases .iconlist .ictom .ic img:first-child {
  display: block;
}

.cases .iconlist .ictom .ic img:last-child {
  display: none;
}

.cases .iconlist .ictom .ic:after {
  content: " ";
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  width: 0.66rem;
  height: 0.66rem;
  /*border: dashed .01rem #dcdcdc;*/
  border: dashed 0rem #dcdcdc;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cases .iconlist .ictom .cm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  min-width: 6em;
  text-align: center;
}

.cases .iconlist .ictom.on .ic {
  /* background-color: #eb5c04; */
}

.cases .iconlist .ictom.on .ic:after {
  /*border: dashed .01rem #fff;*/
  border: dashed 0rem #fff;
}

.cases .iconlist .ictom.on .ic img:first-child {
  display: none;
}

.cases .iconlist .ictom.on .ic img:last-child {
  display: block;
}

.abouts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f8f8;
}

.abouts .abl {
  display: inline-block;
  vertical-align: middle;
  height: 100vh;
  width: 9.6rem;
  width: calc(960 / 1920 * 100%);
  position: relative;
  overflow: hidden;
}

.abouts .abl .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
  /* width: 0.8rem;
  height: 0.8rem; */
  transition: all ease 0.5s;
}

@keyframes crycle {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* .abouts .abl .play:hover{
  transform:  translate(-50%,-50%) scale(1.1);
} */
.abouts .abl .play img {
  width: 100%;
  height: 100%;
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: 0 auto 0.1rem;
  animation: crycle infinite 2s;
}

.abouts .abl .play .pim {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.abouts .abl .img {
  width: 100%;
  height: 100%;
  display: block;
}

.abouts .abr {
  display: flex;
  flex-wrap: wrap;
  width: 9.6rem;
  width: calc(960 / 1920 * 100%);
}

.abouts .abr .abrom {
  width: 100%;
  padding-right: 1.4rem;
  padding-left: 1.2rem;
  padding-top: 13%;
  height: calc(100vh - 2.2rem);
}

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

.abouts .abr .abrom .aim {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.abouts .abr .abrom .ainp {
  width: 100%;
  color: #666;
  line-height: 1.6;
  /* height: 40%; */
  overflow: auto;
  margin-top: 0.2rem;
}

.abouts .abr .abrom .ainp::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp p {
  color: #666;
  line-height: 1.6;
}

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

.abouts .abr .abrom .more a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  border: solid 0.01rem rgba(51, 51, 51, 0.5);
  line-height: 0.6rem;
  background-color: transparent;
  padding: 0 0.3rem;
  color: #333;
  color: #eb5c04;
  transition: all ease 0.5s;
  width: 10em;
  text-align: center;
}

.abouts .abr .abrom .more a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.15rem;
  width: 0.26rem;
  height: 0.26rem;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.abouts .abr .abrom .more a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.abouts .abr .abrom .more a:hover {
  background-color: #fff;
  border: solid 0.01rem white;
  color: #eb5c04;
}

.abouts .abr .abtom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.abouts .abr .abtom .atom {
  width: 3.2rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 2.2rem;
  padding: 0.2rem;
  background-color: #ebebeb;
  position: relative;
}

.abouts .abr .abtom .atom .aum {
  width: 100%;
  text-align: center;
  color: #eb5c04;
  position: relative;
  z-index: 3;
}

.abouts .abr .abtom .atom .aum span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0.02rem;
  margin-right: 0.05rem;
  color: #eb5c04;
}

.abouts .abr .abtom .atom .akm {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  height: 3em;
  color: #666;
  margin-top: 0.08rem;
  position: relative;
  z-index: 3;
}

.abouts .abr .abtom .atom .bc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.42rem;
  height: 1.42rem;
  display: none;
}

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

/*.abouts .abr .abtom .atom:nth-child(1) {
  background-color: #eb5c04;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .aum {
  color: #fff;
}

.abouts .abr .abtom .atom:nth-child(1) .aum span {
  color: #fff;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .akm {
  color: #fff;
}*/

/*.abouts .abr .abtom .atom:nth-child(1) .akm p {
  color: #fff;
}*/

.abouts .abr .abtom .atom:nth-child(1) .bc {
  opacity: 0.2;
}

.abouts .abr .abtom .atom:nth-child(2) {
  background-color: #f4f4f4;
}

@media (max-width: 960px) {
  .abouts {
    align-items: center;
  }

  .abouts .abr .abrom {
    padding-bottom: 1rem;
    height: auto;
  }
}

.newcens {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 2.2rem calc(140 / 1920 * 100%) 1rem;
}

.newcens .newlom {
  display: inline-block;
  vertical-align: middle;
  width: calc(804 / 1640 * 100%);
  width: calc((100% - 20px) / 2);
  margin-right: calc(30 / 1640 * 100%);
  margin-right: 20px;
}

.newcens .newlom:nth-child(2n) {
  margin-right: 0;
}

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

.newcens .netop .ntl {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.newcens .netop .ntl .nit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}

.newcens .netop .ntl .niv {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}

.newcens .netop .ntr {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

/* .newcens .netop .ntr a {
  display: inline-block;
  vertical-align: middle;
  border-radius: .3rem;
  line-height: .6rem;
  padding: 0 .3rem;
  background-color: #eb5c04;
  color: #fff;
  width: 10em;
  text-align: center;
}

.newcens .netop .ntr a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: .15rem;
  width: .26rem;
  height: .26rem;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.newcens .netop .ntr a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.newcens .netop .ntr a span img:first-child {
  display: block;
}

.newcens .netop .ntr a span img:last-child {
  display: none;
}

.newcens .netop .ntr a:hover {
  background-color: #fff;
  color: #eb5c04;
}

.newcens .netop .ntr a:hover span img:first-child {
  display: none;
}

.newcens .netop .ntr a:hover span img:last-child {
  display: block;
} */

.newcens .netop .ntr a {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  border: solid 0.01rem rgba(51, 51, 51, 0.5);
  line-height: 0.6rem;
  background-color: transparent;
  padding: 0 0.3rem;
  color: #333;
  color: #eb5c04;
  transition: all ease 0.5s;
  width: 10em;
  text-align: center;
}

.newcens .netop .ntr a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.15rem;
  width: 0.26rem;
  height: 0.26rem;
  position: relative;
  top: -0.02rem;
  transition: all ease 0.5s;
}

.newcens .netop .ntr a span img:first-child {
  display: none;
}

.newcens .netop .ntr a span img:last-child {
  display: block;
}

.newcens .netop .ntr a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.newcens .netop .ntr a:hover {
  background-color: #fff;
  border: solid 0.01rem white;
  color: #eb5c04;
}

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

.newcens .netom .nel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(804 / 1640 * 100%);
  width: 100%;
}

.newcens .netom .nel .nelm {
  display: inline-block;
  vertical-align: middle;
  width: calc(387 / 804 * 100%);
  width: 100%;
}

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

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

.newcens .netom .nel .nelm .imgs .img {
  width: 100%;
  height: 2.42rem;
  transition: all ease 0.5s;
  border-radius: 30px 30px 0px 0px;
}

.newcens .netom .nel .nelm .nom {
  width: 100%;
  height: 2.14rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #f9f9f9;
  padding: 0.3rem;
  border: solid 1px #1111111c;
  border-radius: 0px 0px 30px 30px;
}

.newcens .netom .nel .nelm .nom .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.newcens .netom .nel .nelm .nom .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.newcens .netom .nel .nelm .nom .time span img {
  width: 100%;
  display: block;
}

.newcens .netom .nel .nelm .nom .oix {
  width: 100%;
  color: #191919;
  line-height: 1.5;
  height: 3em;
}

.newcens .netom .nel .nelm .nom .bot {
  width: 100%;
  font-size: 0;
  text-align: right;
}

.newcens .netom .nel .nelm .nom .bot span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  left: 0;
}

.newcens .netom .nel .nelm .nom .bot span img {
  width: 100%;
  display: block;
}

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

.newcens .netom .nel .nelm:hover .nom .oix {
  color: #eb5c04;
}

.newcens .netom .nel .nelm:hover .nom .bot span {
  animation: ease-in-out left 1s;
}

@keyframes left {
  0% {
    left: 0;
  }

  50% {
    left: 0.15rem;
  }

  100% {
    left: 0;
  }
}

.newcens .netom .ner {
  display: inline-block;
  vertical-align: middle;
  width: calc(805 / 1640 * 100%);
  position: relative;
  width: 100%;
}

.newcens .netom .ner .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newcens .netom .ner .swiper-slide .img {
  width: 100%;
  height: 4.56rem;
  transition: all ease 0.5s;
  border-radius: 30px;
}

.newcens .netom .ner .swiper-slide .pox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 3;
}

.newcens .netom .ner .swiper-slide .pox .play {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}

.newcens .netom .ner .swiper-slide .pox .play img {
  width: 100%;
  display: block;
  animation: crycle infinite 2s;
}

.newcens .netom .ner .swiper-slide .pox .pm {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  line-height: 1.6;
}

.newcens .netom .ner .swiper-pagination {
  bottom: 0.3rem;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 0.3rem;
  text-align: right;
}

.newcens .netom .ner .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 1;
  background-color: transparent;
  border: solid 0.02rem #fff;
  border-radius: 50%;
  transition: all ease 0.5s;
}

.newcens .netom .ner .swiper-pagination-bullet-active {
  background-color: #fff;
}

.section {
  /* overflow: hidden; */
}

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

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

.nanber .imgs .img {
  width: 100%;
}

.nanber .imgs .img img {
  width: 100%;
}

.nanber .nox {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  z-index: 2;
  text-align: center;
}

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

.nanber .nox .em {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.crumbs {
  width: 100%;
}

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

.crumbs .column .colum {
  width: auto;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

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

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

.crumbs .column .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 0.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crumbs .column .colum a span {
  display: inline-block;
  color: #666;
  line-height: 0.8rem;
  position: relative;
  margin: 0 0.08rem;
}

.crumbs .column .colum a span img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a:hover {
  color: #e94f25;
}

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

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

.crumbs .column .cur .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25rem;
  width: auto;
}

.crumbs .column .cur .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  line-height: 0.8rem;
  color: #666;
  position: relative;
  font-size: 20px;
}

.crumbs .column .cur .swiper-slide a:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.02rem;
  background-color: #eb5c04;
  left: 0;
  right: 0;
  opacity: 0;
}

.crumbs .column .cur .swiper-slide.on a {
  color: #eb5c04;
}

.crumbs .column .cur .swiper-slide.on a:after {
  opacity: 1;
}

.newlists {
  width: 100%;
  padding: 1.2rem 0 0.5rem;
  background-color: #f3f5f8;
}

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

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

.newlists .netop .nel .nit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}

.newlists .netop .nel .nit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.newlists .netop .nel .nit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.newlists .netop .ner {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.newlists .netop .ner .form {
  width: 4.55rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 30px;
}

.newlists .netop .ner .form form {
  width: 100%;
  font-size: 0;
  padding: 0 0.2rem;
}

.newlists .netop .ner .form form .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.21rem);
  line-height: 0.54rem;
  height: 0.54rem;
  color: #333;
  background-color: transparent;
  border: none;
}

.newlists .netop .ner .form form .stn {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  height: 0.21rem;
  position: relative;
}

.newlists .netop .ner .form form .stn img {
  width: 100%;
  height: 100%;
  display: block;
}

.newlists .netop .ner .form form .stn .sin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.newlists .newtlis {
  width: 100%;
  font-size: 0;
}

.newlists .newtlis .netom {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  border-radius: 30px;
  height: auto;
  overflow: hidden;
}

.newlists .newtlis .netom a {
  width: 100%;
  display: flex;
}

.newlists .newtlis .netom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  width: calc(500 / 1600 * 100%);
}

.newlists .newtlis .netom .imgs .img {
  width: 100%;
  transition: all ease 0.5s;
}

.newlists .newtlis .netom .nom {
  width: calc(1200 / 1600 * 100%);
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 0.3rem;
  align-content: center;
}

.newlists .newtlis .netom .nom .oim {
  width: 100%;
  color: #111;
  line-height: 1.5;
  height: 3em;
}

.newlists .newtlis .netom .nom .pim {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
  margin: 0.15rem 0 0.2rem;
}

.newlists .newtlis .netom .nom .bot {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.newlists .newtlis .netom .nom .bot .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  left: 0;
}

.newlists .newtlis .netom .nom .bot .ic img {
  width: 100%;
  display: block;
}

.newlists .newtlis .netom .nom .bot .time {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.newlists .newtlis .netom .nom .bot .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.1rem;
  position: relative;
  top: 0.01rem;
}

.newlists .newtlis .netom .nom .bot .time span img {
  width: 100%;
  display: block;
}

.newlists .newtlis .netom:hover .imgs .img {
  transform: scale(1.1);
}

.newlists .newtlis .netom:hover .nom .oim {
  color: #eb5c04;
}

.newlists .newtlis .netom:hover .nom .bot .ic {
  animation: ease-in-out left 1s;
}

@keyframes left {
  0% {
    left: 0;
  }

  50% {
    left: 0.15rem;
  }

  100% {
    left: 0;
  }
}

.newlists .newtlis .netom:nth-child(3n) {
  margin-right: 0;
}

.newlists .newtlis .netom + .netom {
  margin-top: 0.3rem;
}

.newlists .newblis {
  width: 100%;
  font-size: 0;
}

.newlists .newblis .netom {
  display: inline-block;
  vertical-align: middle;
  width: calc(370 / 1600 * 100%);
  margin-right: calc(39 / 1600 * 100%);
  margin-bottom: 0.4rem;
}

.newlists .newblis .netom a {
  width: 100%;
  display: block;
}

.newlists .newblis .netom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newlists .newblis .netom .imgs .img {
  width: 100%;
  height: 2.31rem;
  transition: all ease 0.5s;
}

.newlists .newblis .netom .nom {
  width: 100%;
  height: 2.19rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 0.3rem;
  align-content: center;
}

.newlists .newblis .netom .nom .oim {
  width: 100%;
  color: #111;
  line-height: 1.5;
  height: 3em;
}

.newlists .newblis .netom .nom .pim {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
  margin: 0.15rem 0 0.2rem;
}

.newlists .newblis .netom .nom .bot {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.newlists .newblis .netom .nom .bot .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  left: 0;
}

.newlists .newblis .netom .nom .bot .ic img {
  width: 100%;
  display: block;
}

.newlists .newblis .netom .nom .bot .time {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.newlists .newblis .netom .nom .bot .time span {
  display: inline-block;
  vertical-align: middle;
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.1rem;
  position: relative;
  top: 0.01rem;
}

.newlists .newblis .netom .nom .bot .time span img {
  width: 100%;
  display: block;
}

.newlists .newblis .netom:hover .imgs .img {
  transform: scale(1.1);
}

.newlists .newblis .netom:hover .nom .oim {
  color: #eb5c04;
}

.newlists .newblis .netom:hover .nom .bot .ic {
  animation: ease-in-out left 1s;
}

@keyframes left {
  0% {
    left: 0;
  }

  50% {
    left: 0.15rem;
  }

  100% {
    left: 0;
  }
}

.newlists .newblis .netom:nth-child(4n) {
  margin-right: 0;
}

.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: #666;
  background-color: #fff;
  margin: 0 0.05rem;
}

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

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

.pages .page.on {
  background-color: #eb5c04;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: rem 0.1rem 0.3rem rem rgba(0, 65, 62, 0.1);
}

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

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

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

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

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

.pages .page:hover {
  background-color: #eb5c04;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: rem 0.1rem 0.3rem rem rgba(0, 65, 62, 0.1);
}

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

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

.details .detam .del {
  display: inline-block;
  vertical-align: middle;
  width: calc(990 / 1600 * 100%);
}

.details .detam .del .dit {
  width: 100%;
  color: #111;
  line-height: 1.3;
}

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

.details .detam .del .dim .tm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 0.3rem;
}

.details .detam .del .dim .tm span {
  display: inline-block;
  vertical-align: middle;
  width: 0.16rem;
  height: 0.16rem;
  width: 16px;
  height: 16px;
  position: relative;
  top: -0.02rem;
  margin-right: 0.05rem;
}

.details .detam .del .dim .tm span img {
  width: 100%;
  display: block;
}

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

.details .detam .del .dim .share span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 0.05rem;
}

.details .detam .del .dim .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  width: 18px;
  height: 18px;
  margin: 0 0.05rem;
}

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

.details .detam .del .dinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  padding: 0.3rem 0;
  margin: 0.25rem 0;
  border-top: solid 0.01rem #eee;
  border-bottom: solid 0.01rem #eee;
}

.details .detam .del .dinp p {
  color: #666;
  line-height: 1.5;
}

.details .detam .del .dot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  justify-content: space-between;
  align-items: center;
}

.details .detam .del .dot .dtl {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding-right: 0.3rem;
}

.details .detam .del .dot .dtl .dam {
  width: 100%;
  display: block;
}

.details .detam .del .dot .dtl .dam a {
  width: 100%;
  display: block;
  color: #888;
  line-height: 1.8;
  padding: 0.05rem 0;
}

.details .detam .del .dot .dtl .dam a:hover {
  color: #eb5c04;
}

.details .detam .del .dot .dtr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.details .detam .del .dot .dtr a {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  border-radius: 30px;
}

.details .detam .del .dot .dtr a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.12rem;
  margin-left: 0.28rem;
}

.details .detam .del .dot .dtr a span img {
  width: 100%;
  display: block;
}

.details .detam .der {
  display: inline-block;
  vertical-align: middle;
  width: calc(540 / 1600 * 100%);
}

.details .detam .der .ritem {
  width: 100%;
}

.details .detam .der .ritem .rit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
  margin-bottom: 0.4rem;
}

.details .detam .der .ritem .rit .rx {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  padding-left: 0.24rem;
  line-height: 1;
  border-left: solid 0.06rem #eb5c04;
}

.details .detam .der .ritem .rit .pagination {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.details .detam .der .ritem .rit .pagination .dd {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #c3c3c3;
  margin: 0 0.05rem;
}

.details .detam .der .ritem .rit .pagination .dd.on {
  background-color: #eb5c04;
}

.details .detam .der .ritem .rietlis {
  width: 100%;
  font-size: 0;
}

.details .detam .der .ritem .rietlis .riem {
  width: 100%;
  display: block;
}

.details .detam .der .ritem .rietlis .riem a {
  width: 100%;
  display: block;
}

.details .detam .der .ritem .rietlis .riem .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.details .detam .der .ritem .rietlis .riem .imgs .img {
  width: 100%;
  height: 3.16rem;
  transition: all ease 0.5s;
}

.details .detam .der .ritem .rietlis .riem .rim {
  width: 100%;
  color: #333;
  line-height: 2;
  margin-top: 0.05rem;
}

.details .detam .der .ritem .rietlis .riem:hover .imgs .img {
  transform: scale(1.1);
}

.details .detam .der .ritem .rietlis .riem:hover .rim {
  color: #eb5c04;
}

.details .detam .der .ritem .rietlis .riem + .riem {
  margin-top: 0.3rem;
}

.details .detam .der .ritem .rimper {
  width: 100%;
}

.details .detam .der .ritem .rimper .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.05rem;
}

.details .detam .der .ritem .rimper .swiper-slide .img {
  width: 100%;
  height: 3.04rem;
}

.details .detam .der .ritem .rimper .swiper-slide .vtn {
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  width: 0.39rem;
  height: 0.39rem;
  cursor: pointer;
  z-index: 3;
}

.details .detam .der .ritem .rimper .swiper-slide .vtn img {
  width: 100%;
  display: block;
}

.details .detam .der .ritem + .ritem {
  margin-top: 0.5rem;
}

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

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

.contacts .contc .conl {
  display: inline-block;
  vertical-align: top;
  width: calc(390 / 1600 * 100%);
}

.contacts .contc .conl .clt {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.8rem;
  position: relative;
}

.contacts .contc .conl .clt:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.contacts .contc .conl .clt:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.contacts .contc .conl .conlist {
  width: 100%;
}

.contacts .contc .conl .conlist .colm {
  width: 100%;
  background-color: #f3f5f8;
  /* padding: .4rem .5rem; */
  font-size: 0;
  cursor: pointer;
}

.contacts .contc .conl .conlist .colm .cmgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contacts .contc .conl .conlist .colm .cmgs .img {
  width: 100%;
}

.contacts .contc .conl .conlist .colm .ic {
  display: inline-block;
  vertical-align: top;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.4rem;
}

.contacts .contc .conl .conlist .colm .ic img {
  width: 100%;
  display: block;
}

.contacts .contc .conl .conlist .colm .ic img:first-child {
  display: block;
}

.contacts .contc .conl .conlist .colm .ic img:last-child {
  display: none;
}

.contacts .contc .conl .conlist .colm .pm {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.9rem);
}

.contacts .contc .conl .conlist .colm .pm .num {
  width: 100%;
  color: #666;
  line-height: 1;
}

.contacts .contc .conl .conlist .colm .pm .num span {
  display: inline-block;
  color: #eb5c04;
  font-weight: bold;
  margin-right: 0.09rem;
}

.contacts .contc .conl .conlist .colm .pm .mm {
  width: 100%;
  color: #666;
  margin-top: 0.05rem;
}

.contacts .contc .conl .conlist .colm + .colm {
  margin-top: 0.3rem;
}

/* .contacts .contc .conl .conlist .colm:hover, .contacts .contc .conl .conlist .colm.on {
  background-color: #eb5c04;
} */

.contacts .contc .conl .conlist .colm:hover .ic img:first-child,
.contacts .contc .conl .conlist .colm.on .ic img:first-child {
  display: none;
}

.contacts .contc .conl .conlist .colm:hover .ic img:last-child,
.contacts .contc .conl .conlist .colm.on .ic img:last-child {
  display: block;
}

.contacts .contc .conl .conlist .colm:hover .pm .num,
.contacts .contc .conl .conlist .colm.on .pm .num {
  color: #fff;
}

.contacts .contc .conl .conlist .colm:hover .pm .num span,
.contacts .contc .conl .conlist .colm.on .pm .num span {
  color: #fff;
}

.contacts .contc .conl .conlist .colm:hover .pm .mm,
.contacts .contc .conl .conlist .colm.on .pm .mm {
  color: #fff;
}

.contacts .contc .conr {
  display: inline-block;
  vertical-align: top;
  width: calc(1070 / 1600 * 100%);
}

.contacts .contc .conr .clorm {
  width: 100%;
  display: none;
}

.contacts .contc .conr .clorm.on {
  display: block;
}

.contacts .contc .conr .cip {
  width: 100%;
  color: #111;
  line-height: 1.5;
}

.contacts .contc .conr .lx {
  width: 0.3rem;
  height: 0.03rem;
  display: block;
  margin: 0.2rem 0 0.4rem;
  background-color: #eb5c04;
}

.contacts .contc .conr .cinps {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.contacts .contc .conr .cinps p {
  color: #666;
  line-height: 1.8;
}

.contacts .contc .conr .cinps img {
  max-width: 100%;
}

.contacts .contc .conr .clormper {
  width: 100%;
  position: relative;
}

.contacts .contc .conr .clormper .swiper-slide {
  width: 100%;
  font-size: 0;
}

.contacts .contc .conr .clormper .certm {
  display: inline-block;
  vertical-align: top;
  width: calc(335 / 1070 * 100%);
  margin-right: calc(32 / 1070 * 100%);
  margin-bottom: 0.3rem;
  padding: 0.175rem;
  background-color: #f3f5f8;
}

.contacts .contc .conr .clormper .certm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contacts .contc .conr .clormper .certm .imgs .img {
  width: 100%;
  height: 3rem;
  transition: all ease 0.5s;
}

.contacts .contc .conr .clormper .certm .cim {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.contacts .contc .conr .clormper .certm:hover .imgs .img {
  transform: scale(1.1);
}

.contacts .contc .conr .clormper .certm:nth-child(3n) {
  margin-right: 0;
}

.contacts .contc .conr .clormper .swiper-container {
  padding-bottom: 0.15rem;
}

.contacts .contc .conr .clormper .swiper-scrollbar {
  bottom: 0;
}

.contacts .contc .conr .clormper .swiper-scrollbar-drag {
  background-color: #eb5c04;
}

/* .historys {
  width: 100%;
  padding: 1.2rem 0;
}

.historys .hit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: .8rem;
}

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

.historys .histom .hil {
  display: inline-block;
  vertical-align: middle;
  width: calc(1450 / 1600 * 100%);
  height: 7.5rem;
  overflow: hidden;
}

.historys .histom .hil .swiper-container {
  height: 100%;
}

.historys .histom .hil .hilom {
  width: 100%;
  height: 7.5rem;
  display: flex;
  font-size: 0;
}

.historys .histom .hil .hml {
  display: inline-block;
  vertical-align: middle;
  width: calc(480 / 1450 * 100%);
  position: relative;
  overflow: hidden;
}

.historys .histom .hil .hml .img {
  width: 100%;
  position: relative;
  height: 7.5rem;
}

.historys .histom .hil .hml .hox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .6rem .5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.historys .histom .hil .hml .hox .hop, .historys .histom .hil .hml .hox .hob {
  width: 100%;
}

.historys .histom .hil .hml .hox .hm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.historys .histom .hil .hml .hox .hum {
  width: 100%;
  font-size: 0;
  margin: .2rem 0;
}

.historys .histom .hil .hml .hox .hum span {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.historys .histom .hil .hmrps {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  background-color: #f3f5f8;
}

.historys .histom .hil .homx {
  width: 100%;
  height: 7.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding: 0rem .8rem 0.4rem;
  background-color: #f3f5f8;
} */

/* .historys .histom .hil .homx .hmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  width: 100%;
  background-color: #f3f5f8;
  overflow: auto;
  padding: .6rem 0rem;
}

.historys .histom .hil .homx .hmr .year {
  width: 100%;
  color: #eb5c04;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: .4rem;
}

.historys .histom .hil .homx .hmr .yitm {
  width: 100%;
}

.historys .histom .hil .homx .hmr .yitm .yit {
  width: 100%;
  color: #111;
  line-height: 1.5;
  padding-left: .42rem;
  position: relative;
  margin-bottom: .15rem;
}

.historys .histom .hil .homx .hmr .yitm .yit::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .2rem;
  height: .03rem;
  background-color: #eb5c04;
}

.historys .histom .hil .homx .hmr .yitm .sinp {
  width: 100%;
  padding-left: .42rem;
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr{
  width: 100%;
  overflow: auto;
} */

/* .historys .histom .hil .homx .hmr::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
} */

/* .historys .histom .hil .homx::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr .yitm .sinp p {
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm + .yitm {
  margin-top: .4rem;
} */

/* .historys .histom .hil .homx .hmr::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
  border-radius: .1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
} */

/* .historys .histom .hir {
  display: inline-block;
  vertical-align: middle;
  width: calc(110 / 1600 * 100%);
  height: 7.5rem;
  background-color: #eb5c04;
  font-size: 0;
  padding: .2rem 0;
  box-sizing: border-box;
}

.historys .histom .hir .btn {
  display: block;
  width: .3rem;
  height: .3rem;
  margin: 0 auto;
  opacity: 0.7;
  cursor: pointer;
  transition: all ease 0.5s;
}

.historys .histom .hir .btn img {
  width: 100%;
  display: block;
}

.historys .histom .hir .btn:hover {
  opacity: 1;
}

.historys .histom .hir .swiper-container {
  height: calc(100% - .6rem);
}

.historys .histom .hir .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .22rem;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  transition: all ease 0.5s;
}

.historys .histom .hir .swiper-slide.on {
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
} */

.historys {
  width: 100%;
  padding: 1.2rem 0;
}

.historys .hit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: 0.8rem;
  position: relative;
}

.historys .hit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.historys .hit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.historys .histom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.historys .histom .hil {
  display: inline-block;
  vertical-align: middle;
  width: calc(1450 / 1600 * 100%);
  overflow: hidden;
  position: relative;
}

.historys .histom .hil .swiper-container {
  height: 100%;
}

.historys .histom .hil .hilom {
  width: 100%;
  display: flex;
  font-size: 0;
}

.historys .histom .hil .hml {
  display: inline-block;
  vertical-align: middle;
  width: calc(480 / 1450 * 100%);
  position: relative;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px 0px 0px 30px;
}

.historys .histom .hil .hml .img {
  width: 100%;
  position: relative;
  height: 7.5rem;
}

.historys .histom .hil .hml .hox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.6rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.historys .histom .hil .hml .hox .hop,
.historys .histom .hil .hml .hox .hob {
  width: 100%;
}

.historys .histom .hil .hml .hox .hm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.historys .histom .hil .hml .hox .hum {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0;
}

.historys .histom .hil .hml .hox .hum span {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.historys .histom .hil .hml.fixed {
  position: fixed;
  left: 50%;
  margin-left: calc(-800 / 1920 * 100vw);
  top: 1rem;
  width: calc(480 / 1920 * 100vw);
}

.historys .histom .hil .hml.bot {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: 0;
  top: auto;
}

.historys .histom .hil .hmrps {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  margin-left: calc(480 / 1450 * 100%);
}

.historys .histom .hil .homx {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding: 0rem 0.8rem;
  background-color: #f3f5f8;
  border-radius: 0px 30px 0px 0px;
  /*��������������*/
  /*������������*/
}

.historys .histom .hil .homx .hmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(970 / 1450 * 100%);
  width: 100%;
  background-color: #f3f5f8;
  overflow: auto;
  padding: 0.6rem 0rem;
  /*��������������*/
  /*������������*/
}

.historys .histom .hil .homx .hmr .year {
  width: 100%;
  color: #eb5c04;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.historys .histom .hil .homx .hmr .yitm {
  width: 100%;
}

.historys .histom .hil .homx .hmr .yitm .yit {
  width: 100%;
  color: #111;
  line-height: 1.5;
  padding-left: 0.42rem;
  position: relative;
  margin-bottom: 0.15rem;
}

.historys .histom .hil .homx .hmr .yitm .yit::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.03rem;
  background-color: #eb5c04;
}

.historys .histom .hil .homx .hmr .yitm .sinp {
  width: 100%;
  padding-left: 0.42rem;
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm .sinp p {
  color: #666;
  line-height: 1.5;
}

.historys .histom .hil .homx .hmr .yitm + .yitm {
  margin-top: 0.4rem;
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx .hmr::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.historys .histom .hil .homx::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.historys .histom .hir {
  display: inline-block;
  vertical-align: middle;
  width: calc(110 / 1600 * 100%);
  height: 7.5rem;
  background-color: #eb5c04;
  font-size: 0;
  padding: 0.2rem 0;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 30px;
}

.historys .histom .hir .btn {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 auto;
  opacity: 0.7;
  cursor: pointer;
  transition: all ease 0.5s;
}

.historys .histom .hir .btn img {
  width: 100%;
  display: block;
}

.historys .histom .hir .btn:hover {
  opacity: 1;
}

.historys .histom .hir .swiper-container {
  height: calc(100% - 0.6rem);
}

.historys .histom .hir .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.22rem;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  transition: all ease 0.5s;
}

.historys .histom .hir .swiper-slide.on {
  font-size: 0.34rem;
  font-weight: bold;
  color: #fff;
}

.historys .histom .hir.fixed {
  position: fixed;
  right: 50%;
  margin-right: calc(-800 / 1920 * 100vw);
  top: 1rem;
  width: calc(110 / 1920 * 100vw);
}

.historys .histom .hir.bot {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  top: auto;
}

.honors {
  width: 100%;
  padding: 1.2rem 0;
}

.honors .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.honors .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  position: relative;
}

.honors .hitop .hls:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.honors .hitop .hls:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.honors .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.honors .hitop .hrs .htm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  min-width: 2rem;
  text-align: center;
  line-height: 0.54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
}

.honors .hitop .hrs .htm + .htm {
  margin-left: 0.3rem;
}

.honors .hitop .hrs .htm.on,
.honors .hitop .hrs .htm:hover {
  background-color: #eb5c04;
  color: #fff;
}

.honors .hcoont {
  width: 100%;
  font-size: 0;
}

.honors .hcoont .hlokm {
  width: 100%;
  display: none;
}

.honors .hcoont .hlokm.on {
  display: block;
}

.honors .hcoont .classify {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.35rem;
}

.honors .hcoont .classify .clam {
  display: inline-block;
  vertical-align: top;
  width: calc(202 / 1600 * 100%);
  margin-right: calc(31 / 1600 * 100%);
  margin-bottom: 0.15rem;
  cursor: pointer;
  text-align: center;
  padding: 0 0.1rem;
  line-height: 0.54rem;
  color: #666;
  background-color: #f0f2f5;
}

.honors .hcoont .classify .clam.on,
.honors .hcoont .classify .clam:hover {
  background-color: #eb5c04;
  color: #fff;
}

.honors .hcoont .classify .clam:nth-child(7n) {
  margin-right: 0;
}

.honors .hcoont .hlomklis {
  width: 100%;
  font-size: 0;
}

.honors .hcoont .hlomklis .pmgs {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.honors .hcoont .hlomklis .pmgs .img {
  width: 100%;
}

.honors .hcoont .hlomklis .pmgs + .pmgs {
  margin-top: 0.2rem;
}

.honors .hcoont .hlomklis .pmgs img {
  width: 100%;
  display: block;
}

.honors .hcoont .hlomklis .hokm {
  display: inline-block;
  vertical-align: top;
  width: calc(370 / 1600 * 100%);
  margin-right: calc(32 / 1600 * 100%);
  margin-bottom: 0.3rem;
  padding: 0.2rem;
  background-color: #f3f5f8;
}

.honors .hcoont .hlomklis .hokm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.honors .hcoont .hlomklis .hokm .imgs .img {
  width: 100%;
  height: 3rem;
  transition: all ease 0.5s;
}

.honors .hcoont .hlomklis .hokm .cim {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.honors .hcoont .hlomklis .hokm:hover .imgs .img {
  transform: scale(1.1);
}

.honors .hcoont .hlomklis .hokm:nth-child(4n) {
  margin-right: 0;
}

.recrum {
  width: 100%;
  padding: 1.2rem 0 0.8rem;
  position: relative;
}

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

.recrum .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  position: relative;
}

.recrum .hitop .hls:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.recrum .hitop .hls:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.recrum .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.recrum .rcum {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.recrum .rcum .rul {
  display: inline-block;
  vertical-align: middle;
  width: calc(890 / 1600 * 100%);
  position: relative;
}

.recrum .rcum .rul .img {
  width: 100%;
  height: 6rem;
  position: relative;
  z-index: 3;
  bottom: 0.2rem;
  left: 0.2rem;
  border-radius: 30px;
}

.recrum .rcum .rul:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 3.91rem;
  height: 4.18rem;
  background-color: #eb5c04;
  bottom: 0;
  left: 0;
  border-radius: 30px;
}

.recrum .rcum .rur {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1600 * 100%);
}

.recrum .rcum .rur .rinp {
  width: 100%;
  color: #666;
  line-height: 2;
  height: 6rem;
  overflow: auto;
  /*��������������*/
  /*������������*/
}

.recrum .rcum .rur .rinp::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp p {
  color: #666;
  line-height: 2;
}

.recrum:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 50%;
  height: 100%;
  background-color: #f3f5f8;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 30px;
}

.recurits {
  width: 100%;
  padding: 0.65rem 0;
}

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

.recurits .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
}

.recurits .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.recurits .hitop .hrs .form {
  width: 4.55rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #f0f2f5;
  text-align: left;
  border-radius: 30px;
}

.recurits .hitop .hrs .form form {
  width: 100%;
  font-size: 0;
  padding: 0 0.2rem;
}

.recurits .hitop .hrs .form form .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.21rem);
  line-height: 0.54rem;
  height: 0.54rem;
  color: #333;
  background-color: transparent;
  border: none;
}

.recurits .hitop .hrs .form form .stn {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  height: 0.21rem;
  position: relative;
}

.recurits .hitop .hrs .form form .stn img {
  width: 100%;
  height: 100%;
  display: block;
}

.recurits .hitop .hrs .form form .stn .sin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.recurits .recrtlis {
  width: 100%;
}

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

.recurits .recrtlis .rectim .ritlt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 0rem 0.6rem;
  cursor: pointer;
  border-radius: 30px 30px 0px 0px;
}

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

.recurits .recrtlis .rectim .ritlt .rep {
  display: inline-block;
  vertical-align: middle;
  width: 0.16rem;
  height: 0.16rem;
  text-align: center;
  font-size: 0;
}

.recurits .recrtlis .rectim .ritlt .rep span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.recurits .recrtlis .rectim .ritlt .rep span img {
  width: 100%;
  height: 100%;
  display: block;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(1) {
  display: block;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(2) {
  display: none;
}

.recurits .recrtlis .rectim .ritlt .rep span:nth-child(3) {
  display: none;
}

.recurits .recrtlis .rectim .recons {
  width: 100%;
  background-color: #f9fafb;
  padding: 0.3rem 0.6rem;
  display: none;
  border-radius: 0px 0px 30px 30px;
}

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

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

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

.recurits .recrtlis .rectim .recons .reotm .ritm {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.recurits .recrtlis .rectim .recons .reotm .ritm .rit {
  width: 100%;
  color: #eb5c04;
  line-height: 1;
  margin-bottom: 0.2rem;
  padding-left: 0.12rem;
  border-left: solid 0.03rem #eb5c04;
}

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

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

.recurits .recrtlis .rectim .ritlt:hover {
  background-color: #eb5c04;
}

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

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

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(1) {
  display: none;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(2) {
  display: none;
}

.recurits .recrtlis .rectim .ritlt:hover .rep span:nth-child(3) {
  display: block;
}

.recurits .recrtlis .rectim.show .ritlt {
  background-color: #eb5c04;
}

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

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

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(1) {
  display: none;
}

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(2) {
  display: block;
}

.recurits .recrtlis .rectim.show .ritlt .rep span:nth-child(3) {
  display: none;
}

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

.messaged {
  width: 100%;
  padding: 1.2rem 0;
  position: relative;
}

.messaged:after {
  content: " ";
  position: absolute;
  z-index: 1;
  background-color: #f3f5f8;
  bottom: 0;
  left: 0;
  width: calc(1625 / 1920 * 100%);
  height: 8.2rem;
}

.messaged .messom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

.messaged .messom .mel {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1600 * 100%);
}

.messaged .messom .mel .mit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: 1.2rem;
  position: relative;
}

.messaged .messom .mel .mit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.messaged .messom .mel .mit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.messaged .messom .mel .form {
  width: 100%;
}

.messaged .messom .mel .form form {
  width: 100%;
  display: block;
}

.messaged .messom .mel .form .fim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0.2rem 0;
}

.messaged .messom .mel .form .fim p {
  color: #666;
  line-height: 1.8;
}

.messaged .messom .mel .form .row {
  width: 100%;
  font-size: 0;
}

.messaged .messom .mel .form .row .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  position: relative;
  margin-right: 0.15rem;
  border-radius: 30px;
}

.messaged .messom .mel .form .row .stn .sotn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.messaged .messom .mel .form .row .input {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
}

.messaged .messom .mel .form .row .input input {
  width: 100%;
  display: block;
  background-color: #fff;
  margin-bottom: 0.24rem;
  border: none;
  padding: 0 0.2rem;
  color: #333;
  line-height: 0.6rem;
  height: 0.6rem;
  border-radius: 30px;
}

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

.messaged .messom .mel .form .row .area {
  width: 100%;
  display: block;
  border: none;
  padding: 0.15rem;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  margin-bottom: 0.24rem;
  border-radius: 30px;
}

.messaged .messom .mel .form .row .input.yzm {
  font-size: 0;
}

.messaged .messom .mel .form .row .input.yzm input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.25rem);
}

.messaged .messom .mel .form .row .input.yzm .get {
  display: inline-block;
  vertical-align: middle;
  background-color: #eb5c04;
  width: 1.25rem;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.24rem;
  border-radius: 30px;
}

.messaged .messom .mel .rob {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
}

.messaged .messom .mel .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  position: relative;
  border-radius: 30px;
}

.messaged .messom .mel .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.12rem;
  margin-left: 0.28rem;
}

.messaged .messom .mel .rob .stn span img {
  width: 100%;
  display: block;
}

.messaged .messom .mel .rob .stn .stc {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}

.messaged .messom .mer {
  display: inline-block;
  vertical-align: middle;
  width: calc(680 / 1600 * 100%);
  position: relative;
  overflow: hidden;
}

.messaged .messom .mer .img {
  width: 100%;
  height: 8rem;
}

.messaged .messom .mer .img img {
  border-radius: 30px;
}

.contactv {
  width: 100%;
  padding: 1.2rem 0 0;
}

.contactv .cit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: 0.8rem;
  position: relative;
}

.contactv .cit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.contactv .cit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.contactv .types {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.contactv .types .tyl {
  /* width: calc(1140 / 1920 * 100%);
  padding-left: 1.6rem; */
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.contactv .types .tyl .ylom {
  display: inline-block;
  vertical-align: top;
  padding: 0.7rem 0;
  /* min-width: 6rem; */
  width: calc(500 / 1600 * 100%);
  margin-right: calc(49 / 1600 * 100%);
  background-color: #ffffff;
  box-shadow: 0px 0px 29px 0px #f3f5f8;
  border-radius: 6px;
  padding: 0.5rem;
  margin-bottom: 0.4rem;
}

.contactv .types .tyl .ylom:nth-child(3n) {
  margin-right: 0;
}

.contactv .types .tyl .ylom .yop {
  width: 100%;
  font-size: 0;
}

.contactv .types .tyl .ylom .yop .yc {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.34rem;
}

.contactv .types .tyl .ylom .yop .yc img {
  width: 100%;
  display: block;
}

.contactv .types .tyl .ylom .yop .ym {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  line-height: 1.5;
  padding-left: 0.1rem;
}

.contactv .types .tyl .ylom .ytt {
  width: 100%;
  color: #eb5c04;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.2rem 0;
}

.contactv .types .tyl .ylom .yum {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.contactv .types .tyl .ylom .yum p {
  color: #666;
  line-height: 1.5;
}

.contactv .types .tyr {
  display: inline-block;
  vertical-align: middle;
  width: calc(780 / 1920 * 100%);
  background-color: #eb5c04;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
}

.contactv .types .tyr .yrom {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.contactv .types .tyr .yrom .codm {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  background-color: #fff;
  padding: 0.15rem;
}

.contactv .types .tyr .yrom .codm .cm {
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  margin: 0 auto 0.1rem;
  border: solid 0.01rem #eee;
}

.contactv .types .tyr .yrom .codm .cm img {
  width: 100%;
  display: block;
}

.contactv .types .tyr .yrom .codm .cp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

.contactv .types .tyr .yrom .codm + .codm {
  margin-left: 0.6rem;
}

.contactv .maps {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.contactv .maps .mal {
  display: inline-block;
  vertical-align: middle;
  width: calc(780 / 1920 * 100%);
}

.contactv .maps .mal .malom {
  width: 100%;
  display: none;
}

.contactv .maps .mal .malom.on {
  display: block;
}

.contactv .maps .mal .map {
  width: 100%;
  height: 4rem;
}

.contactv .maps .mar {
  display: inline-block;
  vertical-align: middle;
  width: calc(1140 / 1920 * 100%);
}

.contactv .maps .mar .marom {
  width: 100%;
  height: 2rem;
  padding: 0.1rem calc(160 / 1140 * 100%);
  background-color: #fff;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.contactv .maps .mar .marom .miv {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.contactv .maps .mar .marom .lx {
  display: block;
  width: 0.3rem;
  height: 0.03rem;
  background-color: #eb5c04;
  margin: 0.15rem 0 0.2rem;
}

.contactv .maps .mar .marom .tom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.contactv .maps .mar .marom .tom .tk {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #666;
  line-height: 1.6;
  height: 3.2em;
  max-width: 3.7rem;
}

.contactv .maps .mar .marom .tom .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.7rem;
  height: 0.7rem;
}

.contactv .maps .mar .marom .tom .tc img {
  width: 100%;
  display: block;
}

.contactv .maps .mar .marom .tom .tc img:first-child {
  display: block;
}

.contactv .maps .mar .marom .tom .tc img:last-child {
  display: none;
}

.contactv .maps .mar .marom.on {
  background-color: #f3f5f8;
}

.contactv .maps .mar .marom.on .tom .tc img:first-child {
  display: none;
}

.contactv .maps .mar .marom.on .tom .tc img:last-child {
  display: block;
}

.service {
  width: 100%;
  padding: 1.2rem 0;
}

.service .cit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: 0.6rem;
}

.service .classify {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.35rem;
}

.service .classify .clam {
  display: inline-block;
  vertical-align: top;
  width: calc(202 / 1600 * 100%);
  margin-right: calc(31 / 1600 * 100%);
  margin-bottom: 0.15rem;
  cursor: pointer;
  text-align: center;
  padding: 0 0.1rem;
  line-height: 0.54rem;
  color: #666;
  background-color: #f0f2f5;
}

.service .classify .clam.on,
.service .classify .clam:hover {
  background-color: #eb5c04;
  color: #fff;
}

.service .classify .clam:nth-child(7n) {
  margin-right: 0;
}

.service .sercens {
  width: 100%;
}

.service .sercens .serom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.service .sercens .serom .sel {
  display: inline-block;
  vertical-align: middle;
  width: calc(500 / 1600 * 100%);
  background-color: #f3f5f8;
  border-radius: 0.05rem;
  padding: 0 0.4rem;
  height: 3.5rem;
}

.service .sercens .serom .sel .sit {
  width: 100%;
  color: #333;
  line-height: 0.7rem;
  border-bottom: solid 0.01rem #dfe4ec;
}

.service .sercens .serom .sel .sul {
  width: 100%;
  padding: 0.3rem 0;
}

.service .sercens .serom .sel .sul .sli {
  width: 100%;
  font-size: 0;
}

.service .sercens .serom .sel .sul .sli .sc {
  display: inline-block;
  vertical-align: top;
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.15rem;
  line-height: 1.5;
  margin-top: calc(0.75em - 0.09rem);
}

.service .sercens .serom .sel .sul .sli .sc img {
  width: 100%;
  display: block;
}

.service .sercens .serom .sel .sul .sli .sm {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.33rem);
  color: #666;
  line-height: 1.5;
  height: 3em;
}

.service .sercens .serom .sel .sul .sli + .sli {
  margin-top: 0.05rem;
}

.service .sercens .serom .ser {
  display: inline-block;
  vertical-align: middle;
  width: calc(1060 / 1600 * 100%);
  background-color: #f3f5f8;
  border-radius: 0.05rem;
  padding: 0 0.4rem;
}

.service .sercens .serom .ser .sit {
  width: 100%;
  color: #333;
  line-height: 0.7rem;
  border-bottom: solid 0.01rem #dfe4ec;
}

.service .sercens .serom .ser .seul {
  width: 100%;
  height: calc(3.2rem - 0.7rem);
  overflow: auto;
  /*��������������*/
  /*������������*/
}

.service .sercens .serom .ser .seul::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.service .sercens .serom .ser .seul .seli {
  width: 100%;
  font-size: 0;
  border-bottom: solid 0.01rem #d8dde6;
}

.service .sercens .serom .ser .seul .seli span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.6rem;
  color: #666;
}

.service .sercens .serom .ser .seul .seli .dy {
  width: 2rem;
}

.service .sercens .serom .ser .seul .seli .name {
  width: 1rem;
}

.service .sercens .serom .ser .seul .seli .num {
  width: 2rem;
}

.service .sercens .serom .ser .seul .seli .place {
  width: 4.5rem;
}

.service .sercens .serom + .serom {
  margin-top: 0.4rem;
}

.afters {
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f3f5f8;
}

.afters .cit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: 0.8rem;
  position: relative;
}

.afters .cit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.afters .cit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.afters .form {
  width: 100%;
}

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

.afters .form .fim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0.2rem 0;
}

.afters .form .fim p {
  color: #666;
  line-height: 1.8;
}

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

.afters .form .row .input {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
}

.afters .form .row .input input {
  width: 100%;
  display: block;
  background-color: #fff;
  margin-bottom: 0.24rem;
  border: none;
  padding: 0 0.2rem;
  color: #333;
  line-height: 0.6rem;
  height: 0.6rem;
  border-radius: 30px;
}

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

.afters .form .row .area {
  width: 100%;
  display: block;
  border: none;
  padding: 0.15rem;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  margin-bottom: 0.24rem;
  border-radius: 30px;
}

.afters .form .row .input.yzm {
  font-size: 0;
}

.afters .form .row .input.yzm input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.009rem);
}

.afters .form .row .input.yzm .code {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.24rem;
}

.afters .form .row .input.yzm .code img {
  width: 100%;
  display: block;
}

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

.afters .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  position: relative;
  border-radius: 30px;
}

.afters .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.12rem;
  margin-left: 0.28rem;
}

.afters .rob .stn span img {
  width: 100%;
  display: block;
}

.afters .rob .stn .stc {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}

.afters .rob .san {
  display: inline-block;
  vertical-align: middle;
  width: 2.1rem;
  background-color: #eb5c04;
  color: #fff;
  line-height: 0.6rem;
  margin-right: 0.6rem;
  text-align: center;
  cursor: pointer;
}

.afters .rob .san span {
  display: inline-block;
  vertical-align: middle;
  width: 0.29rem;
  height: 0.29rem;
  margin-right: 0.2rem;
}

.afters .rob .san span img {
  width: 100%;
  display: block;
}

.afters .xm {
  width: 100%;
  color: #999;
  line-height: 1.8;
  margin-top: 0.08rem;
}

.afters .rix {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0;
}

.afters .rix .chox {
  width: 100%;
  font-size: 0;
}

.afters .rix .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  background-color: #ffffff;
  line-height: 1.4rem;
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  font-size: 0.4rem;
  color: #999;
  border-radius: 30px;
}

.afters .rix .chox .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  filter: alpha(opacity=0);
}

.afters .rix .chox .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.afters .rix .chox .choxm .c-delete {
  width: 0.22rem;
  height: 0.22rem;
  line-height: 0.22rem;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.afters .rix .chox .choxm .c-delete img {
  width: 100%;
  display: block;
}

.afters .rix .chox .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  color: #888;
}

.questions {
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f3f5f8;
}

.questions .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.questions .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  position: relative;
}

.questions .hitop .hls:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.questions .hitop .hls:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.questions .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.questions .hitop .hrs .htm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  min-width: 2rem;
  text-align: center;
  line-height: 0.54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
}

.questions .hitop .hrs .htm + .htm {
  margin-left: 0.3rem;
}

.questions .hitop .hrs .htm.on,
.questions .hitop .hrs .htm:hover {
  background-color: #eb5c04;
  color: #fff;
}

.questions .hcoont {
  width: 100%;
}

.questions .hcoont .hlokm {
  width: 100%;
  display: none;
}

.questions .hcoont .hlokm.on {
  display: block;
}

.questions .blemlist {
  width: 100%;
  font-size: 0;
}

.questions .blemlist .bleam {
  width: 100%;
}

.questions .blemlist .bleam .bitop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 0rem 0.4rem;
  border-radius: 30px;
}

.questions .blemlist .bleam .bitop .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
}

.questions .blemlist .bleam .bitop .icon img {
  width: 100%;
  display: block;
}

.questions .blemlist .bleam .bitop .icon img:first-child {
  display: block;
}

.questions .blemlist .bleam .bitop .icon img:last-child {
  display: none;
}

.questions .blemlist .bleam .bitop .cm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  flex: 1;
  color: #333;
  line-height: 0.6rem;
}

.questions .blemlist .bleam .bitop .rep {
  display: inline-block;
  vertical-align: middle;
  width: 0.16rem;
  height: 0.16rem;
  text-align: center;
  font-size: 0;
}

.questions .blemlist .bleam .bitop .rep span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.questions .blemlist .bleam .bitop .rep span img {
  width: 100%;
  height: 100%;
  display: block;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(1) {
  display: block;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(2) {
  display: none;
}

.questions .blemlist .bleam .bitop .rep span:nth-child(3) {
  display: none;
}

.questions .blemlist .bleam .becont {
  width: 100%;
  padding: 0.4rem;
  font-size: 0;
  display: none;
  background-color: #fff;
  border-radius: 30px;
}

.questions .blemlist .bleam .becont .ica {
  display: inline-block;
  vertical-align: top;
  width: 0.24rem;
  height: 0.24rem;
}

.questions .blemlist .bleam .becont .ica img {
  width: 100%;
  display: block;
}

.questions .blemlist .bleam .becont .rinp {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.24rem);
  padding-left: 0.3rem;
  color: #666;
  line-height: 1.6;
}

.questions .blemlist .bleam .becont .rinp p {
  color: #666;
  line-height: 1.6;
}

.questions .blemlist .bleam.on .bitop {
  background-color: #eb5c04;
  border-radius: 30px 30px 0px 0px;
}

.questions .blemlist .bleam.on .becont {
  border-radius: 0px 0px 30px 30px;
}

.questions .blemlist .bleam.on .bitop .icon img:first-child {
  display: none;
}

.questions .blemlist .bleam.on .bitop .icon img:last-child {
  display: block;
}

.questions .blemlist .bleam.on .bitop .cm {
  color: #fff;
}

.questions .blemlist .bleam.on .bitop .add {
  color: #fff;
}

.questions .blemlist .bleam.on .bitop .rep span {
  color: #fff;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(1) {
  display: none;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(2) {
  display: block;
}

.questions .blemlist .bleam.on .bitop .rep span:nth-child(3) {
  display: none;
}

.questions .blemlist .bleam + .bleam {
  margin-top: 0.2rem;
}

.downers {
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f3f5f8;
}

.downers .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.downers .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  position: relative;
}

.downers .hitop .hls:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.downers .hitop .hls:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.downers .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.downers .hitop .hrs .htm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3rem;
  min-width: 2rem;
  text-align: center;
  line-height: 0.54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
  border-radius: 30px;
}

.downers .hitop .hrs .htm + .htm {
  margin-left: 0.3rem;
}

.downers .hitop .hrs .htm.on,
.downers .hitop .hrs .htm:hover {
  background-color: #eb5c04;
  color: #fff;
  border-radius: 30px;
}

.dowanerThird {
  height: auto;
  overflow: hidden;
  border-bottom: 1px dashed #ddd;
}

.dowanerThird li {
  float: left;
  width: 14%;
  margin-bottom: 20px;
}

.dowanerThird li a {
  color: #000;
  font-size: 16px;
  display: inline-block;
  line-height: 35px;
  border-bottom: 2px solid #fff;
}

.dowanerThird li.cur a {
  color: #eb5c04;
  border-bottom: 2px solid #eb5c04;
}

.downers .hcoont {
  width: 100%;
}

.downers .hcoont .hlokm {
  width: 100%;
  display: none;
}

.downers .hcoont .hlokm.on {
  display: block;
}

.downers .dowam {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 30px;
}

.downers .dowam .dol {
  display: inline-block;
  vertical-align: middle;
  width: calc(530 / 1600 * 100%);
}

.downers .dowam .dol .dolm {
  width: 100%;
  display: none;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.downers .dowam .dol .dolm.on {
  display: block;
}

.downers .dowam .dol .img {
  width: 100%;
  height: 100%;
  display: block;
}

.downers .dowam .dol .img img {
  border-radius: 30px 0px 0px 30px;
}

.downers .dowam .dor {
  display: inline-block;
  vertical-align: middle;
  width: calc(1070 / 1600 * 100%);
  padding: 0.5rem 0.4rem 0.5rem 0.6rem;
}

.downers .dowam .dor .fim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0.2rem 0;
}

.downers .dowam .dor .fim p {
  color: #666;
  line-height: 1.8;
}

.downers .dowam .dor .cinps {
  width: 100%;
  height: 4.9rem;
  overflow: auto;
  font-size: 0;
  padding-right: 0.2rem;
  /*��������������*/
  /*������������*/
}

.downers .dowam .dor .cinps::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(234, 85, 32, 0.8);
  background: rgba(234, 85, 32, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps::-webkit-scrollbar-track {
  border-radius: 0.1rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps .ciom {
  display: inline-block;
  vertical-align: top;
  width: calc(455 / 950 * 100%);
  margin-right: calc(39 / 950 * 100%);
  margin-bottom: 0.3rem;
  font-size: 0;
  background-color: #f3f5f8;
  border-radius: 30px;
}

.downers .dowam .dor .cinps .ciom a {
  width: 100%;
  display: block;
}

.downers .dowam .dor .cinps .ciom .ic {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  background-color: #e6e9ed;
  border-radius: 30px 0px 0px 30px;
}

.downers .dowam .dor .cinps .ciom .ic img {
  width: 100%;
  display: block;
}

.downers .dowam .dor .cinps .ciom .ic img:first-child {
  display: block;
}

.downers .dowam .dor .cinps .ciom .ic img:last-child {
  display: none;
}

.downers .dowam .dor .cinps .ciom .iom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1rem);
  padding: 0.15rem 0.3rem;
}

.downers .dowam .dor .cinps .ciom .iom .it {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.downers .dowam .dor .cinps .ciom .iom .ix {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.downers .dowam .dor .cinps .ciom:hover .ic,
.downers .dowam .dor .cinps .ciom.on .ic {
  background-color: #eb5c04;
}

.downers .dowam .dor .cinps .ciom:hover .ic img:first-child,
.downers .dowam .dor .cinps .ciom.on .ic img:first-child {
  display: none;
}

.downers .dowam .dor .cinps .ciom:hover .ic img:last-child,
.downers .dowam .dor .cinps .ciom.on .ic img:last-child {
  display: block;
}

.downers .dowam .dor .cinps .ciom:hover .iom .it,
.downers .dowam .dor .cinps .ciom.on .iom .it {
  color: #eb5c04;
}

.downers .dowam .dor .cinps .ciom:nth-child(2n) {
  margin-right: 0;
}

.apps {
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f3f5f8;
}

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

.apps .hitop.mid {
  justify-content: center;
}

.apps .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
}

.apps .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.apps .applist {
  width: 100%;
  font-size: 0;
}

.apps .applist .appom {
  display: inline-block;
  vertical-align: top;
  width: calc(370 / 1600 * 100%);
  margin-right: calc(39 / 1600 * 100%);
  margin-bottom: 0.4rem;
  background-color: #fff;
  border-radius: 0.05rem;
  padding: 0.45rem;
}

.apps .applist .appom a {
  width: 100%;
  display: block;
}

.apps .applist .appom .codm {
  width: 2.3rem;
  height: 2.3rem;
  display: block;
  margin: 0 auto 0.15rem;
}

.apps .applist .appom .codm img {
  width: 100%;
  display: block;
}

.apps .applist .appom .dm {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

.apps .applist .appom:nth-child(4n) {
  margin-right: 0;
}

.apps .applist .ainp {
  width: 100%;
  color: #333;
  line-height: 1.8;
}

.apps .applist .ainp p {
  color: #333;
  line-height: 1.8;
}

.feedback {
  width: 100%;
  padding: 1.2rem 0;
  background-color: #f3f5f8;
}

.feedback .fmg {
  width: 100%;
  margin: 0.6rem 0;
}

.feedback .fmg img {
  width: 100%;
  display: block;
}

.feedback .feeds {
  width: 100%;
}

.feedback .feeds form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.feedback .feeds .fel {
  display: inline-block;
  vertical-align: middle;
  width: calc(1076 / 1600 * 100%);
}

.feedback .feeds .fer {
  display: inline-block;
  vertical-align: middle;
  width: calc(484 / 1600 * 100%);
}

.feedback .feeds .row {
  width: 100%;
  font-size: 0;
}

.feedback .feeds .row .input {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
}

.feedback .feeds .row .input input {
  width: 100%;
  display: block;
  background-color: #fff;
  margin-bottom: 0.24rem;
  border: none;
  padding: 0 0.2rem;
  color: #333;
  line-height: 0.6rem;
  height: 0.6rem;
}

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

.feedback .feeds .row .area {
  width: 100%;
  display: block;
  border: none;
  padding: 0.15rem;
  line-height: 1.5;
  color: #333;
  height: 3.12rem;
  background-color: #fff;
  margin-bottom: 0.24rem;
}

.feedback .feeds .row .input.yzm {
  font-size: 0;
}

.feedback .feeds .row .input.yzm input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.009rem);
}

.feedback .feeds .row .input.yzm .code {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.24rem;
}

.feedback .feeds .row .input.yzm .code img {
  width: 100%;
  display: block;
}

.feedback .feeds .rix {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0;
}

.feedback .feeds .rix .chox {
  width: 100%;
  font-size: 0;
}

.feedback .feeds .rix .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  background-color: #ffffff;
  line-height: 1.4rem;
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  font-size: 0.4rem;
  color: #999;
}

.feedback .feeds .rix .chox .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  filter: alpha(opacity=0);
}

.feedback .feeds .rix .chox .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.feedback .feeds .rix .chox .choxm .c-delete {
  width: 0.22rem;
  height: 0.22rem;
  line-height: 0.22rem;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.feedback .feeds .rix .chox .choxm .c-delete img {
  width: 100%;
  display: block;
}

.feedback .feeds .rix .chox .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  color: #888;
}

.feedback .feeds .rob {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
  text-align: center;
}

.feedback .feeds .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  text-align: center;
  line-height: 0.6rem;
  position: relative;
}

.feedback .feeds .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.08rem;
  height: 0.12rem;
  margin-left: 0.28rem;
}

.feedback .feeds .rob .stn span img {
  width: 100%;
  display: block;
}

.feedback .feeds .rob .stn .stc {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}

.feedback .feeds .rob .san {
  display: inline-block;
  vertical-align: middle;
  width: 2.1rem;
  background-color: #eb5c04;
  color: #fff;
  line-height: 0.6rem;
  margin-right: 0.6rem;
  text-align: center;
  cursor: pointer;
}

.feedback .feeds .rob .san span {
  display: inline-block;
  vertical-align: middle;
  width: 0.29rem;
  height: 0.29rem;
  margin-right: 0.2rem;
}

.feedback .feeds .rob .san span img {
  width: 100%;
  display: block;
}

.scheme {
  width: 100%;
  padding: 1.2rem 0 0.2rem;
  background-color: #f3f5f8;
}

.scheme .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7rem;
}

.scheme .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  position: relative;
  margin-bottom: 0.4rem;
}

.scheme .hitop .hls:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.scheme .hitop .hls:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.scheme .hitop .hrs {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: left;
  margin-top: 0.15rem;
}

.scheme .hitop .hrs .htm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.15rem;
  /* min-width: 2rem; */
  width: 14em;
  text-align: center;
  line-height: 0.54rem;
  cursor: pointer;
  background-color: #fff;
  color: #666;
  margin-bottom: 0.1rem;
  width: calc((100% - 0.7rem) / 8);
  margin-right: 0.1rem;
  border-radius: 30px;
}

.scheme .hitop .hrs .htm:nth-child(8n) {
  margin-right: 0;
}

.scheme .hitop .hrs .htm + .htm {
  /* margin-left: .3rem; */
}

.scheme .hitop .hrs .htm.on,
.scheme .hitop .hrs .htm:hover {
  background-color: #eb5c04;
  color: #fff;
}

.scheme .hitop .hrs .htms {
  display: inline-block;
  vertical-align: middle;
}

.scheme .hitop .hrs .select {
  width: 2.7rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-left: 0.3rem;
  text-align: left;
}

.scheme .hitop .hrs .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.scheme .hitop .hrs .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 0.54rem;
  height: 0.54rem;
  color: #666;
  padding: 0 0.2rem;
  background-color: #fff;
}

.scheme .hitop .hrs .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.scheme .hitop .hrs .select .select-con select option {
  color: #666;
  font-size: 0.16rem;
  line-height: 2.5;
  background: #fff;
}

.scheme .hitop .hrs .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 0.12rem;
  height: 0.06rem;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.scheme .hcoont {
  width: 100%;
}

.scheme .hcoont .hlokm {
  width: 100%;
  display: none;
}

.scheme .hcoont .hlokm.on {
  display: block;
}

.scheme .schemlist {
  width: 100%;
  font-size: 0;
}

.scheme .schemlist .seom {
  display: inline-block;
  vertical-align: top;
  border-radius: 30px;
  background: #fff;
  height: auto;
  overflow: hidden;
  width: calc((100% - 0.2rem) / 3);
  margin-right: 0.1rem;
  margin-bottom: 0.2rem;
}

.scheme .schemlist .seom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.scheme .schemlist .seom .imgs .img {
  width: 100%;
  transition: all ease 0.5s;
  height: 3.2rem;
}

.scheme .schemlist .seom .som {
  width: 100%;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
}

.scheme .schemlist .seom .som .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.scheme .schemlist .seom .som .px {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.scheme .schemlist .seom .som .pic {
  width: 100%;
  font-size: 0;
}

.scheme .schemlist .seom .som .pic span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  left: 0;
}

.scheme .schemlist .seom .som .pic span img {
  width: 100%;
  display: block;
}

.scheme .schemlist .seom:nth-child(3n) {
  margin-right: 0;
}

.scheme .schemlist .seom:hover .imgs .img {
  transform: scale(1.1);
}

.scheme .schemlist .seom:hover .som .pt {
  color: #eb5c04;
}

.scheme .schemlist .seom:hover .som .pic span {
  animation: ease-in-out left 1s;
}

@keyframes left {
  0% {
    left: 0;
  }

  50% {
    left: 0.15rem;
  }

  100% {
    left: 0;
  }
}

.scheme .caselist {
  width: 100%;
  font-size: 0;
}

.scheme .caselist .ceom {
  display: inline-block;
  vertical-align: top;
  width: calc(506 / 1600 * 100%);
  margin-right: calc(40 / 1600 * 100%);
  margin-bottom: 0.4rem;
  height: auto;
  overflow: hidden;
  border-radius: 30px;
}

.scheme .caselist .ceom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.scheme .caselist .ceom .imgs .img {
  width: 100%;
  transition: all ease 0.5s;
  height: 2.85rem;
}

.scheme .caselist .ceom .imgs .img img {
  width: 100%;
  height: 100%;
}

.scheme .caselist .ceom .com {
  width: 100%;
  background-color: #fff;
  text-align: center;
  line-height: 0.8rem;
  color: #333;
  padding: 0 0.2rem;
}

.scheme .caselist .ceom:nth-child(3n) {
  margin-right: 0;
}

.scheme .caselist .ceom:hover .imgs .img {
  transform: scale(1.1);
}

.scheme .caselist .ceom:hover .com {
  background-color: #eb5c04;
  color: #fff;
}

.products {
  width: 100%;
  padding: 0.2rem 0;
  background-color: #f3f5f8;
}

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

.products .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
}

.products .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.products .protlis {
  width: 100%;
  font-size: 0;
}

.products .protlis .pram {
  display: inline-block;
  vertical-align: top;
  width: calc(780 / 1600 * 100%);
  width: calc((100% - 0.1rem) / 2);
  margin-right: calc(39 / 1600 * 100%);
  margin-right: 0.1rem;
  /* width: 100%; */

  position: relative;
}

/* .products .protlis .pram+.pram{
  margin-top: 0.2rem;
} */

.products .protlis .pram a {
  width: 100%;
  display: block;
}

.products .protlis .pram .label {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 0.5rem;
  background-color: #eb5c04;
  color: #fff;
  padding: 0 0.3rem;
}

.products .protlis .pram .prl {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3.5rem);
}

.products .protlis .pram .prl .pip {
  width: 100%;
  color: #ea5420;
  line-height: 1.5;
}

.products .protlis .pram .prl .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.15rem 0 0.1rem;
}

.products .protlis .pram .prl .pic {
  width: 100%;
  color: #888;
  line-height: 1.5;
  height: 3em;
}

.products .protlis .pram .prl .pic p {
  color: #888;
  line-height: 1.5;
}

.products .protlis .pram .prl .ptn {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.products .protlis .pram .prl .ptn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.34rem;
}

.products .protlis .pram .prl .ptn span img {
  width: 100%;
  display: block;
}

.products .protlis .pram .prl .ptn span img:first-child {
  display: block;
}

.products .protlis .pram .prl .ptn span img:last-child {
  display: none;
}

.products .protlis .pram .prr {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  overflow: hidden;
  position: relative;
}

.products .protlis .pram .prr .img {
  width: 100%;
  height: 3.5rem;
  transition: all ease 0.5s;
}

.products .protlis .pram .pmgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.products .protlis .pram .pmgs .img {
  width: 100%;

  transition: all ease 0.5s;
}

.products .protlis .pram .pmgs .img img {
  border-radius: 30px;
}

.products .protlis .pram:hover .prr .img {
  transform: scale(1.1);
}

.products .protlis .pram:hover .prl .ptn span img:first-child {
  display: none;
}

.products .protlis .pram:hover .prl .ptn span img:last-child {
  display: block;
}

.products .protlis .pram:nth-child(2n) {
  margin-right: 0;
}

.products .pronav {
  width: 100%;
  margin: 0.2rem 0;
  font-size: 0;
  text-align: right;
}

.products .pronav .ptm {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.15rem;
  /* min-width: 2rem; */
  width: 14em;
  text-align: center;
  line-height: 0.54rem;
  cursor: pointer;
  background-color: #fff;
  color: #666;
  margin-bottom: 0.1rem;
  width: calc((100% - 0.5rem) / 6);
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
  line-height: 1.2;
  justify-content: center;
  border-radius: 30px;
}

.products .pronav .ptm:nth-child(6n) {
  margin-right: 0;
}

.products .pronav .ptm + .ptm {
  /* margin-left: .2rem; */
}

.products .pronav .ptm.on,
.products .pronav .ptm:hover {
  background-color: #eb5c04;
  color: #fff;
}

.products .pronav .pron {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}

.products .pronav .prons {
  width: 100%;
  font-size: 0;
}

.products .pronav .prons.fixed {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  background-color: #f3f5f8;
  border-top: solid 1px #f1f1f1;
}

.products .hcoont {
  width: 100%;
}

.products .hcoont .hlokm {
  width: 100%;
  display: none;
}

.products .hcoont .hlokm.on {
  display: block;
}

.products .problis {
  width: 100%;
  font-size: 0;
}

.products .problis .prob {
  display: inline-block;
  vertical-align: middle;
  width: calc(380 / 1600 * 100%);
  /* margin-right: calc(26 / 1600 * 100%); */
  width: calc((100% - 0.3rem) / 4);
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  height: auto;
  overflow: hidden;
  border-radius: 30px;
}

.products .problis .prob a {
  width: 100%;
  display: block;
}

.products .problis .prob .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.products .problis .prob .imgs .img {
  width: 100%;
  height: 3.7rem;
  transition: all ease 0.5s;
}

.products .problis .prob .hom {
  width: 100%;
  height: 1.05rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
  align-content: center;
  margin-top: 0.01rem;
}

.products .problis .prob .hom .ht {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: left;
  transition: all ease 0.5;
}

.products .problis .prob .hom .hm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin-top: 0.05rem;
  text-align: left;
  transition: all ease 0.5;
}

.products .problis .prob:hover .imgs .img {
  transform: scale(1.1);
}

.products .problis .prob:hover .hom {
  background-color: #eb5c04;
}

.products .problis .prob:hover .hom .ht,
.products .problis .prob:hover .hom .hm,
.products .problis .prob:hover .hom .hm p {
  color: #fff;
  text-align: center;
}

.products .problis .prob:nth-child(4n) {
  margin-right: 0;
}

.petails {
  width: 100%;
  padding: 1.4rem 0 0.1rem;
}

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

.petails .petom .pel {
  display: inline-block;
  vertical-align: middle;
  width: calc(594 / 1600 * 100%);
  position: relative;
  overflow: hidden;
  margin-left: calc(200 / 1600 * 100%);
}

.petails .petom .pel .img {
  width: 100%;
  height: 100%;
  display: block;
  height: 5.94rem;
}

.petails .petom .per {
  display: inline-block;
  vertical-align: middle;
  width: calc(690 / 1600 * 100%);
}

.petails .petom .per .pir {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.petails .petom .per .lx {
  background-color: #eb5c04;
  width: 0.42rem;
  height: 0.03rem;
  display: block;
  margin: 0.15rem 0 0.3rem;
}

.petails .petom .per .xinp {
  width: 100%;
  color: #666;
  line-height: 2;
}

.petails .petom .per .xinp p {
  color: #666;
  line-height: 2;
}

.petails .petom .per .share {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: auto;
}

.petails .petom .per .share span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2;
  margin-right: 0.05rem;
}

.petails .petom .per .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  margin: 0 0.05rem;
}

.petails .petom .per .share .am img {
  width: 100%;
  display: block;
}

.petails .petom .per .ptns {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}

.petails .petom .per .ptns .ptn {
  display: inline-block;
  vertical-align: middle;
  width: 2.1rem;
  background-color: #fff;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  color: #333;
  margin-right: 0.18rem;
  text-align: center;
}

.petails .petom .per .ptns .ptn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.07rem;
}

.petails .petom .per .ptns .ptn span img {
  width: 100%;
  display: block;
}

.petails .petom .per .ptns .ptn span img:first-child {
  display: block;
}

.petails .petom .per .ptns .ptn span img:last-child {
  display: none;
}

.petails .petom .per .ptns .ptn:hover {
  background-color: #eb5c04;
  color: #fff;
}

.petails .petom .per .ptns .ptn:hover span img:first-child {
  display: none;
}

.petails .petom .per .ptns .ptn:hover span img:last-child {
  display: block;
}

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

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

.proshow .hitop.mid {
  justify-content: center;
}

.proshow .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
}

.proshow .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.proshow .proshper {
  width: 100%;
}

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

.proshow .proshper .swiper-slide .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.proshow .proshper .swiper-slide .sim {
  width: 100%;
  text-align: center;
  color: #555;
  line-height: 2;
  margin-top: 0.1rem;
}

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

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

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

.interrelated .hitop .hls {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
}

.interrelated .hitop .hrs {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.interrelated .interper {
  width: 100%;
}

.interrelated .interper .swiper-slide {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

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

.interrelated .interper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.interrelated .interper .swiper-slide .imgs .img {
  width: 100%;
  height: 3.7rem;
  transition: all ease 0.5s;
}

.interrelated .interper .swiper-slide .hom {
  width: 100%;
  height: 1.05rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
  align-content: center;
  margin-top: 0.01rem;
}

.interrelated .interper .swiper-slide .hom .ht {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: left;
  transition: all ease 0.5;
  font-size: calc(0.12rem + 0.14rem);
}

.interrelated .interper .swiper-slide .hom .hm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin-top: 0.05rem;
  text-align: left;
  transition: all ease 0.5;
  font-size: calc(0.12rem + 0.1rem);
}

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

.interrelated .interper .swiper-slide:hover .hom {
  background-color: #eb5c04;
}

.interrelated .interper .swiper-slide:hover .hom .ht,
.interrelated .interper .swiper-slide:hover .hom .hm {
  color: #fff;
  text-align: center;
}

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

.cetails .cinp {
  width: 100%;
  color: #888;
  line-height: 1.5;
}

.cetails .cinp p {
  color: #888;
  line-height: 1.5;
}

.cetails .cinp img {
  max-width: 100%;
}

.rightnav {
  position: fixed;
  right: 0.2rem;
  bottom: 20%;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 0.5rem;
  z-index: 10;
}

.rightnav .ritm {
  flex: 1;
  display: block;
  font-size: 0;
  position: relative;
  background-color: #eb5c04;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
}

.rightnav .ritm a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  right: 0;
  font-size: 0;
  width: 0.5rem;
}

.rightnav .ritm .atom {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
}

.rightnav .ritm .atom img {
  width: 100%;
  display: block;
}

.rightnav .ritm .vm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: auto;
  transition: all ease 0.5s;
  width: 0;
}

.rightnav .ritm .codm {
  position: absolute;
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  background-color: #fff;
  padding: 0.05rem;
  box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
  display: none;
}

.rightnav .ritm .codm img {
  width: 100%;
  display: block;
}

.rightnav .ritm.long {
  width: auto;
  background-color: #eb5c04;
  border-radius: 0.3rem;
  border: solid 1px #eb5c04;
  font-size: 0;
}

.rightnav .ritm.long a {
  width: auto;
  overflow-y: hidden;
  overflow-x: visible;
  font-size: 0;
}

.rightnav .ritm.long .atom img:first-child {
  display: none;
}

.rightnav .ritm.long .atom img:last-child {
  display: block;
}

.rightnav .ritm.long .vm {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.05rem;
  padding-right: 0.15rem;
}

.rightnav .ritm + .ritm {
  margin-top: 0.1rem;
}

.rightnav .ritm:hover .codm {
  display: block;
}

/*���������*/
.c-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 1.43;
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.c-btn:hover {
  color: #fff;
}

.c-blue {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}

.c-blue:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}

.c-white {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #666;
  transition: all 0.3s;
}

.c-white:hover,
.c-white:focus,
.c-white:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.hn-tip {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
}

.hn-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 987654321;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hn-tip .hn-mask {
  background-color: transparent;
}

.hn-msg {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 987654321;
  max-width: 500px;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  padding: 12px 25px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hn-tip.show .hn-mask {
  visibility: visible;
  opacity: 1;
}

.hn-tip.show .hn-msg {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.hn-load {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
}

.hn-load-cont {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 987654321;
  max-width: 500px;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hn-load-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background-image: url(../images/load.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.hn-load-title {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-top: 10px;
}

.hn-load.show .hn-mask {
  visibility: visible;
  opacity: 1;
}

.hn-load.show .hn-load-cont {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.hn-confirm {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  border-radius: 2px 2px 0 0;
}

.hn-confirm-dialog {
  width: auto;
  min-width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hn-confirm-title {
  padding: 0 80px 0 20px;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  cursor: move;
  user-select: none;
}

.hn-confirm-cont {
  width: 100%;
  position: relative;
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
}

.hn-confirm-btns {
  text-align: right;
  padding: 0 15px 12px;
  user-select: none;
  font-size: 0;
}

.hn-confirm-close {
  font-size: 16px;
  color: #666;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  width: 46px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s;
  user-select: none;
}

.hn-confirm-close:hover {
  opacity: 0.7;
}

.hn-confirm-btns .c-btn {
  margin-left: 10px;
}

.hn-confirm-btns .c-btn:first-child {
  margin-left: 0;
}

.hn-confirm.show .hn-mask {
  visibility: visible;
  opacity: 1;
}

.hn-confirm.show .hn-confirm-dialog {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.hn-html {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  border-radius: 2px 2px 0 0;
}

.hn-html-dialog {
  width: auto;
  min-width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hn-html-title {
  padding: 0 80px 0 10px;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  cursor: move;
  user-select: none;
}

.hn-html-cont {
  width: 100%;
  position: relative;
  padding: 10px;
  line-height: 24px;
  word-break: break-all;
  overflow: auto;
  font-size: 14px;
}

.hn-html-close {
  font-size: 16px;
  color: #666;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  width: 46px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s;
  user-select: none;
}

.hn-html-close:hover {
  opacity: 0.7;
}

.hn-html.show .hn-mask {
  visibility: visible;
  opacity: 1;
}

.hn-html.show .hn-html-dialog {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

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

.popom .pox {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  border-radius: 0.1rem;
  transform: translate(-50%, -50%);
  z-index: 11;
  padding: 0.6rem 0.4rem;
  width: 8rem;
  max-width: 90%;
}

.popom .pox .ptop {
  width: 100%;
  margin-bottom: 0.3rem;
}

.popom .pox .ptop .pit {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.popom .pox .ptop .pim {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

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

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

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

.popom .pox .form .row .input {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.15rem;
}

.popom .pox .form .row .input input {
  width: 100%;
  display: block;
  color: #333;
  padding: 0 0.2rem;
  line-height: 3;
  height: 3em;
  border: solid 1px #e5e5e5;
  background-color: #fff;
}

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

.popom .pox .form .rob {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
}

.popom .pox .form .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.35rem;
}

.popom .pox .form .rob .stn input {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #eb5c04;
  cursor: pointer;
  line-height: 3;
  height: 3em;
  border: none;
}

.popom .pox .form .rob .reset {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.5rem;
  background-color: #f1f1f1;
  color: #333;
  width: auto;
  line-height: 3;
  cursor: pointer;
}

.popom .pox .close {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  cursor: pointer;
  color: #333;
  font-weight: bold;
  z-index: 11;
}

.gengduo {
  display: block;
  margin: 0.2rem auto;
  width: 2rem;
  background-color: #eb5c04;
  color: #fff;
  line-height: 3;
  text-align: center;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all ease 0.5s;
}

.gengduo:hover {
  top: -0.05rem;
}

.appsv {
  width: 100%;
  background-color: #fff;
  position: relative;
  padding: 1.2rem 0 1rem;
}

.appsv .aplbg {
  position: absolute;
  z-index: 1;
  width: calc(500 / 1920 * 100%);
  background-color: #f3f5f8;
  height: 100%;
  left: 0;
  top: 0;
}

.appsv .w1600 {
  position: relative;
  z-index: 3;
}

.appsv .newapp {
  width: 100%;
  font-size: 0;
  position: relative;
}

.appsv .newapp .nel {
  display: inline-block;
  vertical-align: top;
  width: calc(340 / 1600 * 100%);
  margin-right: calc(79 / 1600 * 100%);
}

.appsv .newapp .nel .neuls {
  width: 100%;
  padding-right: 0.8rem;
}

.appsv .newapp .nel .neuls .am {
  width: 100%;
}

.appsv .newapp .nel .neuls .am a {
  width: 100%;
  display: block;
  background-color: #fff;
  color: #666;
  line-height: 3.3;
  text-align: center;
  border-radius: 30px;
}

.appsv .newapp .nel .neuls .am.on a,
.appsv .newapp .nel .neuls .am:hover a {
  background-color: #eb5c04;
  color: #fff;
}

.appsv .newapp .nel .neuls .am + .am {
  margin-top: 0.3rem;
}

.appsv .newapp .nel .neuls.fixed {
  position: fixed;
  left: 50%;
  margin-left: calc(-800 / 1920 * 100vw);
  top: 1rem;
  width: calc(340 / 1920 * 100vw);
}

.appsv .newapp .nel .neuls.bot {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-right: 0;
  top: auto !important;
  margin-left: 0;
}

.appsv .newapp .nem {
  display: inline-block;
  vertical-align: top;
  width: calc(930 / 1600 * 100%);
  margin-right: calc(29 / 1600 * 100%);
}

.appsv .newapp .nem .nimp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.appsv .newapp .nem .nimp p {
  color: #666;
  line-height: 1.8;
}

.appsv .newapp .nem .nimp img {
  max-width: 100%;
}

.appsv .newapp .nem .nliom {
  width: 100%;
  display: none;
}

.appsv .newapp .nem .nliom.on {
  display: block;
}

.appsv .newapp .ner {
  display: inline-block;
  vertical-align: top;
  width: calc(220 / 1600 * 100%);
}

.appsv .newapp .ner .negom {
  width: 100%;
  background-color: #f3f5f8;
  padding: 0 0.3rem;
}

.appsv .newapp .ner .negom .nerom {
  width: 100%;
  padding: 0.3rem 0;
}

.appsv .newapp .ner .negom .nerom .nop {
  width: 100%;
  font-size: 0;
}

.appsv .newapp .ner .negom .nerom .nop .nc {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.appsv .newapp .ner .negom .nerom .nop .nc img {
  width: 100%;
  display: block;
}

.appsv .newapp .ner .negom .nerom .nop .nm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.34rem);
  color: #555;
  line-height: 1.5;
}

.appsv .newapp .ner .negom .nerom .cmd {
  width: 100%;
  margin: 0.15rem 0 0.1rem;
}

.appsv .newapp .ner .negom .nerom .cmd img {
  width: 100%;
  display: block;
}

.appsv .newapp .ner .negom .nerom .nam {
  width: 100%;
}

.appsv .newapp .ner .negom .nerom .nam a {
  width: 100%;
  display: block;
  background-color: #fff;
  color: #575757;
  line-height: 3.2;
  text-align: center;
  padding: 0 0.1rem;
}

.appsv .newapp .ner .negom .nerom .nam a:hover {
  background-color: #eb5c04;
  color: #fff;
}

.appsv .newapp .ner .rlion {
  width: 100%;
  display: none;
}

.appsv .newapp .ner .rlion.on {
  display: block;
}

.appsv .newapp .ner .negom.fixed {
  position: fixed;
  right: 50%;
  margin-right: calc(-800 / 1920 * 100vw);
  top: 1rem;
  width: calc(220 / 1920 * 100vw);
}

.appsv .newapp .ner .negom.bot {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  top: auto;
}

.appsv .newapp .ndtm {
  width: 100%;
  height: 1.2rem;
}

.appsv .newapp .ndtm .nit {
  width: 100%;
  color: #111;
  font-weight: bold;
  position: relative;
  line-height: 1.3;
  position: relative;
}

.appsv .newapp .ndtm .nit:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.appsv .newapp .ndtm .nit:after {
  content: " ";
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #eb5c04;
  top: calc(100% + 0.2rem);
}

.appsv .newapp .ndtm .nip {
  width: 100%;
  color: #111;
  line-height: 1.6;
}

/*��Ƶ������ʽ*/
.xv-a {
  position: fixed;
  left: 0;
  top: 120%;
  z-index: 188;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: top 0.5s ease-in-out;
}

.xv-a.show {
  top: 0;
}

.xv-a.show .xv-e {
  visibility: visible;
}

.xv-a.show .xv-f {
  display: block;
}

.xv-b {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -550px;
  margin-top: -300px;
  width: 1000px;
  height: 600px;
}

.xv-c {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #eb5c04;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10000;
}

.xv-d {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

.xv-e {
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.xv-f {
  display: none;
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
  .xv-b {
    width: 90vw;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    transform: translate(-50%, -50%);
  }

  .xv-f {
    max-height: 90vh;
  }

  .xv-e {
    height: 60vh;
  }
}

@media screen and (max-width: 768px) {
  #dowebok {
    display: none;
  }

  #dowebokMob {
    display: block;
  }

  .headerPc {
    display: none;
  }

  .headerMob {
    display: block;
  }

  .w1600 {
    width: 100%;
    padding: 0 0.2rem;
  }

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

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

  .headerMob .languages .lauges .lashow {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    font-size: 0;
  }

  .headerMob .languages .lauges .lashow .ac {
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.36rem;
  }

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

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

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

  .headerMob .languages .lauges .lashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2.5;
    margin-left: 0.1rem;
    white-space: nowrap;
    width: 0;
    overflow: hidden;
  }

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

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

  .headerMob .languages .lauges .language .latem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 0.1rem;
    line-height: 3;
    text-align: center;
    background: rgba(234, 85, 32, 0.5);
  }

  .headerMob .languages .lauges .language .latem:hover a {
    background: #ea5520;
    color: #fff;
  }

  .headerMob .languages .lauges .language .latem.on a {
    background: #ea5520;
    color: #fff;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background-color: #000;
    padding: 10px 10px;
    font-size: 0;
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

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

  header .lon a {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
  }

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

  header .lon a img:first-child {
    display: block;
  }

  header .lon a img:last-child {
    display: none;
  }

  header .mid {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

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

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

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

  header .ron .ss {
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.36rem;
  }

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

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

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

  header .ron .menu {
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.36rem;
    margin-left: 0.35rem;
  }

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

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

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

  header .sear {
    width: 100%;
    font-size: 0;
    padding: 0.1rem 0.2rem;
    display: none;
    position: absolute;
    right: 0%;
    z-index: 1111;
    top: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  }

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

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

  header .sear .input input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    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: var(--theme);
    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;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  }

  header.white .lon a img:first-child {
    display: none;
  }

  header.white .lon a img:last-child {
    display: block;
  }

  header.white .ron .ss img:first-child,
  header.white .ron .menu img:first-child {
    display: none;
  }

  header.white .ron .ss img:last-child,
  header.white .ron .menu img:last-child {
    display: block;
  }

  nav {
    position: fixed;
    height: calc(100vh - 1rem);
    height: 100vh;
    width: 100%;
    width: 70%;
    max-width: 80%;
    top: 0;
    right: -100%;
    background-color: #fff;
    overflow: auto;
    z-index: 50;
    transition: all ease 0.8s;
    overflow: hidden;
    max-height: 100vh;
    box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.1);
  }

  nav .natem {
    width: 100%;
    position: relative;
    text-align: left;
  }

  nav .natem .nas {
    width: 100%;
    font-size: 0;
    display: block;
  }

  nav .natem .nas a {
    line-height: 3;
    display: inline-block;
    color: #333;
    line-height: 50px;
    padding: 0 0.2rem;
    position: relative;
    width: auto;
    width: 100%;
    border-bottom: solid 1px #eee;
  }

  nav .natem .navul {
    width: 100%;
    padding: 0.1rem 0.2rem;
    position: relative;
    display: none;
  }

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

  nav .natem .navul .nvm .ns {
    text-align: center;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0.06rem 0.4rem;
    background: #fff;
    position: relative;
  }

  nav .natem .navul .nvm .ns:after {
    content: " ";
    position: absolute;
    left: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.06rem;
    height: 0.06rem;
    background-color: #666;
  }

  nav .natem .navul .nvm .ns:hover {
    color: var(--theme);
  }

  nav .natem .navul .nvm .ns:hover:after {
    background-color: var(--theme);
  }

  nav .natem .navul .nvm .mvtuls {
    width: 100%;
    padding-left: 0.24rem;
    display: none;
  }

  nav .natem .navul .nvm .nwm {
    width: 100%;
  }

  nav .natem .navul .nvm .mvn {
    width: 100%;
  }

  nav .natem .navul .nvm .mvn a {
    text-align: center;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0.02rem 0.3rem;
    background: #fff;
    position: relative;
  }

  nav .natem .navul .nvm .mvn a:after {
    content: " ";
    position: absolute;
    left: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.06rem;
    height: 0.06rem;
    background-color: #666;
  }

  nav .natem .navul .nvm .mvn a:hover {
    color: var(--theme);
  }

  nav .natem .navul .nvm .mvn a:hover:after {
    background-color: var(--theme);
  }

  nav .natem .navul .mvtuls {
    width: 100%;
  }

  nav .natem .navul .mvtuls .mvn {
    width: 100%;
  }

  nav .natem .navul .nvm.has-mul:after {
    content: "+";
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0.2rem;
    left: auto;
    transform: translateX(0);
    top: 0.07rem;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border: none;
  }

  nav .natem .navul .nvm.has-mul.show:after {
    content: "-";
    color: var(--theme);
  }

  nav .natem .navul .nvm.has-mul.show .nas a {
    color: var(--theme);
  }

  nav .natem .navul .nvm.on {
    color: var(--theme);
  }

  nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.07rem;
    font-size: 22px;
    color: #333;
    border: none;
  }

  nav .natem.has-nav.show:after {
    content: "-";
    color: var(--theme);
  }

  nav .natem.has-nav.show .nas a {
    color: var(--theme);
  }

  nav .natem.on {
    color: var(--theme);
  }

  nav.on {
    right: 0;
  }

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

  html {
    overflow-x: hidden;
    height: 100%;
    font-size: calc(100vw / 750 * 100);
  }

  .s0 {
    font-size: 0;
  }

  .s12 {
    font-size: 0.12rem;
  }

  .s13 {
    font-size: calc(0.12rem + 0.01rem);
  }

  .s14 {
    font-size: calc(0.12rem + 0.02rem);
  }

  .s15 {
    font-size: calc(0.12rem + 0.03rem);
  }

  .s16 {
    font-size: calc(0.12rem + 0.04rem);
  }

  .s17 {
    font-size: calc(0.12rem + 0.05rem);
  }

  .s18 {
    font-size: calc(0.12rem + 0.06rem);
  }

  .s19 {
    font-size: calc(0.12rem + 0.07rem);
  }

  .s20 {
    font-size: calc(0.12rem + 0.08rem);
  }

  .s21 {
    font-size: calc(0.12rem + 0.09rem);
  }

  .s22 {
    font-size: calc(0.12rem + 0.1rem);
  }

  .s23 {
    font-size: calc(0.12rem + 0.11rem);
  }

  .s24 {
    font-size: calc(0.12rem + 0.12rem);
  }

  .s25 {
    font-size: calc(0.12rem + 10.03rem);
  }

  .s26 {
    font-size: calc(0.12rem + 0.14rem);
  }

  .s27 {
    font-size: calc(0.12rem + 0.15rem);
  }

  .s28 {
    font-size: calc(0.12rem + 0.16rem);
  }

  .s29 {
    font-size: calc(0.12rem + 0.17rem);
  }

  .s30 {
    font-size: calc(0.12rem + 0.18rem);
  }

  .s31 {
    font-size: calc(0.12rem + 0.19rem);
  }

  .s32 {
    font-size: calc(0.12rem + 0.2rem);
  }

  .s33 {
    font-size: calc(0.12rem + 0.21rem);
  }

  .s34 {
    font-size: calc(0.12rem + 0.22rem);
  }

  .s35 {
    font-size: calc(0.12rem + 0.23rem);
  }

  .s36 {
    font-size: calc(0.12rem + 0.24rem);
  }

  .s37 {
    font-size: calc(0.12rem + 0.25rem);
  }

  .s38 {
    font-size: calc(0.12rem + 0.26rem);
  }

  .s39 {
    font-size: calc(0.12rem + 0.27rem);
  }

  .s40 {
    font-size: calc(0.12rem + 0.28rem);
  }

  .s41 {
    font-size: calc(0.12rem + 0.29rem);
  }

  .s42 {
    font-size: calc(0.12rem + 0.3rem);
  }

  .s43 {
    font-size: calc(0.12rem + 0.31rem);
  }

  .s44 {
    font-size: calc(0.12rem + 0.32rem);
  }

  .s45 {
    font-size: calc(0.12rem + 0.33rem);
  }

  .s46 {
    font-size: calc(0.12rem + 0.34rem);
  }

  .s47 {
    font-size: calc(0.12rem + 0.35rem);
  }

  .s48 {
    font-size: calc(0.12rem + 0.36rem);
  }

  .s49 {
    font-size: calc(0.12rem + 0.37rem);
  }

  .s50 {
    font-size: calc(0.12rem + 0.38rem);
  }

  .s51 {
    font-size: calc(0.12rem + 0.39rem);
  }

  .s52 {
    font-size: calc(0.12rem + 0.4rem);
  }

  .s53 {
    font-size: calc(0.12rem + 0.41rem);
  }

  .s54 {
    font-size: calc(0.12rem + 0.42rem);
  }

  .s55 {
    font-size: calc(0.12rem + 0.43rem);
  }

  .s56 {
    font-size: calc(0.12rem + 0.44rem);
  }

  .s57 {
    font-size: calc(0.12rem + 0.45rem);
  }

  .s58 {
    font-size: calc(0.12rem + 0.46rem);
  }

  .s59 {
    font-size: calc(0.12rem + 0.47rem);
  }

  .s60 {
    font-size: calc(0.12rem + 0.48rem);
  }

  .s100 {
    font-size: calc(0.12rem + 0.88rem);
  }

  .s150 {
    font-size: calc(0.12rem + 1.38rem);
  }

  .s300 {
    font-size: calc(0.12rem + 2.88rem);
  }

  .w96 {
    width: 100%;
    padding: 0 0.2rem;
  }

  .crumbs .column .colum {
    display: none;
  }

  .products .protlis .pram .pmgs .img img {
    border-radius: 14px;
  }

  .products .protlis .pram {
    display: block;
    width: 100%;
    margin: 0.8rem 0;
  }

  .crumbs .column .cur .swiper-slide a {
    font-size: calc(0.12rem + 0.2rem);
  }

  .products .pronav .ptm {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.2rem;
    border-radius: 0.1rem;

    line-height: 3.2;
    text-align: center;
    padding: 0 0.1rem;
    font-size: calc(0.12rem + 0.14rem);
  }

  .products .pronav .ptm:nth-child(3n) {
    margin-right: 0%;
  }

  .products .problis .prob {
    display: inline-block;
    vertical-align: top;
    width: calc(340 / 710 * 100%);
    margin-right: calc(29 / 710 * 100%);
    margin-bottom: 0.3rem;
    background-color: #fff;
    border-radius: 0.1rem;
  }

  .products .problis .prob:nth-child(2n) {
    margin-right: 0%;
  }

  .products .problis .prob .hom .ht {
    font-size: calc(0.12rem + 0.14rem);
  }

  .products .problis .prob .hom .hm {
    width: 100%;
    color: #888;
    line-height: 1.5;
    margin-top: 0.1rem;
    font-size: calc(0.12rem + 0.1rem);
  }

  .scheme .hitop .hrs .htm {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.2rem;
    border-radius: 0.1rem;
    background-color: #fff;
    color: #888;
    line-height: 3.2;
    text-align: center;
    padding: 0 0.1rem;
    font-size: calc(0.12rem + 0.14rem);
  }

  .scheme .hitop .hrs .htm:nth-child(3n) {
    margin-right: 0px;
  }

  .scheme .schemlist .seom {
    display: inline-block;
    vertical-align: top;
    width: calc(345 / 710 * 100%);
    margin-right: calc(19 / 710 * 100%);
    margin-bottom: 0.35rem;
    border-radius: 14px;
  }

  .scheme .schemlist .seom:nth-child(2n) {
    margin-right: 0px;
  }

  .scheme .schemlist .seom .imgs .img {
    height: auto;
  }

  .details .detam {
    display: block;
  }

  .details .detam .del {
    display: block;
    width: 100%;
  }

  .details .detam .del .dim .tm {
    font-size: calc(0.12rem + 0.14rem);
  }

  .details .detam .del .dinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .details .detam .del .dot {
    display: block;
    margin-bottom: 20px;
  }

  .details .detam .del .dot .dtl {
    width: 100%;
  }

  .details .detam .del .dot .dtr {
    display: none;
  }

  .details .detam .der .ritem .rietlis .riem .imgs .img {
    height: auto;
  }

  .details .detam .del .dot .dtl .dam a {
    font-size: calc(0.12rem + 0.14rem);
  }

  .details .detam .der .ritem .rietlis .riem .rim {
    font-size: calc(0.12rem + 0.14rem);
  }

  .newlists .netop .ner .form form .int {
    font-size: calc(0.12rem + 0.14rem);
  }

  .newlists .newtlis .netom a {
    display: block;
  }

  .newlists .newtlis .netom .imgs {
    width: 100%;
  }

  .newlists .newtlis .netom .nom {
    width: 100%;
  }

  .newlists .newtlis .netom {
    border-radius: 14px;
  }

  .newlists .newtlis .netom .nom .oim {
    font-size: calc(0.12rem + 0.14rem);
  }

  .newlists .newtlis .netom .nom .pim {
    font-size: calc(0.12rem + 0.14rem);
  }

  .newlists .newtlis .netom .nom .bot .time {
    font-size: 12px;
  }

  .scheme .caselist .ceom {
    display: inline-block;
    vertical-align: top;
    width: calc(345 / 710 * 100%);
    margin-right: calc(19 / 710 * 100%);
    margin-bottom: 0.2rem;
    border-radius: 14px;
  }

  .scheme .caselist .ceom:nth-child(2n) {
    margin-right: 0px;
  }

  .scheme .caselist .ceom .com {
    font-size: calc(0.12rem + 0.14rem);
  }

  .afters .form .row .input {
    width: 100%;
    margin-right: 0px;
  }

  .afters .form .row .input input {
    border-radius: 14px;
    font-size: calc(0.12rem + 0.14rem);
  }

  .afters .form .row .area {
    font-size: calc(0.12rem + 0.14rem);
  }

  .afters .rob .stn {
    width: 100%;
    font-size: calc(0.12rem + 0.14rem);
  }

  .afters .xm {
    font-size: calc(0.12rem + 0.14rem);
  }

  .historys .histom .hil .hml {
    display: none;
  }

  .historys .histom .hil .hmrps {
    margin-left: 0px;
    margin-right: 100px;
    width: auto;
  }

  .historys .histom .hir {
    width: 100px;
  }

  .historys .histom .hil {
    width: auto;
  }

  .historys .histom .hir.fixed {
    width: 100px;
    right: 44%;
  }

  .historys .histom .hil .homx {
    padding: 0 20px;
  }

  .historys .histom .hil .homx .hmr .yitm .yit {
    font-size: calc(0.12rem + 0.18rem);
  }

  .historys .histom .hil .homx .hmr .yitm .sinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .honors .hitop .hrs .htm {
    font-size: calc(0.12rem + 0.14rem);
    line-height: 3.2;
  }

  .honors .hcoont .hlomklis .pmgs {
    border-radius: 14px;
  }

  .recrum .rcum {
    display: block;
  }

  .recrum .rcum .rul {
    width: 100%;
  }

  .recrum .rcum .rur {
    width: 100%;
    margin-top: 20px;
  }

  .recrum .rcum .rur .rinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .recurits .hitop .hrs .form form .int {
    font-size: calc(0.12rem + 0.14rem);
  }

  .recurits .recrtlis .rectim .ritlt .xm {
    font-size: calc(0.12rem + 0.14rem);
  }

  .recurits .recrtlis .rectim .recons {
    padding: 0.6rem 0.3rem;
  }

  .recurits .recrtlis .rectim .recons .rim .rm {
    font-size: calc(0.12rem + 0.14rem);
  }

  .recurits .recrtlis .rectim .recons .reotm .ritm {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .recurits .recrtlis .rectim .recons .reotm .ritm .rit {
    font-size: calc(0.12rem + 0.16rem);
  }

  .recurits .recrtlis .rectim .recons .reotm .ritm .rinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .messaged .messom {
    display: block;
  }

  .messaged .messom .mel {
    display: block;
    width: 100%;
  }

  .messaged .messom .mer {
    display: block;
    width: 100%;
    margin-top: 20px;
  }

  .messaged .messom .mel .form .fim {
    font-size: calc(0.12rem + 0.16rem);
  }

  .messaged .messom .mel .form .fim a {
    font-size: calc(0.12rem + 0.16rem);
  }

  .messaged .messom .mel .form .row .input {
    width: 100%;
  }

  .messaged .messom .mel .form .row .input input {
    font-size: calc(0.12rem + 0.14rem);
  }

  .messaged:after {
    width: 100%;
    height: 100%;
  }

  .messaged .messom .mel .form .row .area {
    font-size: calc(0.12rem + 0.14rem);
  }

  .messaged .messom .mel .form .row .stn {
    font-size: calc(0.12rem + 0.14rem);
  }

  .messaged .messom .mel .form .row .input.yzm {
    margin-top: 20px;
  }

  .messaged .messom .mel .rob .stn {
    width: 100%;
    font-size: calc(0.12rem + 0.14rem);
  }

  .contactv .types .tyl {
    width: 100%;
    display: block;
  }

  .contactv .types .tyl .ylom {
    display: block;
    width: 100%;
  }

  .contactv .types .tyl .ylom .yop .ym {
    font-size: calc(0.12rem + 0.16rem);
  }

  .contactv .types .tyl .ylom .yum {
    font-size: calc(0.12rem + 0.12rem);
  }

  .contactv .maps {
    width: 100%;
    display: block;
  }

  .contactv .maps .mal {
    width: 100%;
  }

  .contactv .maps .mar {
    width: 100%;
  }

  .contactv .maps .mar .marom {
    padding: 10px 20px;
  }

  .contactv .maps .mar .marom .miv {
    font-size: calc(0.12rem + 0.16rem);
  }

  .contactv .maps .mar .marom .tom .tk {
    font-size: calc(0.12rem + 0.14rem);
  }

  .petails .petom {
    display: block;
  }

  .petails .petom .pel {
    width: 100%;
    display: block;
    margin-left: 0px;
  }

  .petails .petom .per {
    width: 100%;
    display: block;
    padding: 0.8rem 0.3rem 0.6rem;
  }

  .petails {
    background: #fff;
    background-image: none !important;
  }

  .petails .petom .per .xinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .cetails .cinp {
    font-size: calc(0.12rem + 0.14rem);
  }

  .interrelated .interper .swiper-slide .imgs .img {
    height: auto;
  }

  .cases .cmglist {
    height: auto;
  }

  .abouts .abl {
    height: auto;
  }

  .scheme .schemlist .seom .som {
    padding: 10px;
  }

  .scheme .schemlist .seom .som .pt {
    font-size: calc(0.12rem + 0.14rem);
  }

  .scheme .schemlist .seom .som .px {
    font-size: calc(0.12rem + 0.14rem);
  }

  footer .ftom .fml .flist .fit a {
    font-size: calc(0.12rem + 0.16rem);
  }

  .w1640 {
    width: 100%;
  }

  footer .ftom .fml {
    width: 100%;
  }

  footer .ftom .fml .flist {
    width: 33%;
    margin-bottom: 20px;
  }

  footer .ftom {
    padding: 10px;
  }

  footer .ftom .fml .flist .ful a {
    font-size: calc(0.12rem + 0.14rem);
  }

  footer .ftom .fmr .codm .cp {
    font-size: calc(0.12rem + 0.14rem);
  }

  footer .fbot .fob .fm {
    font-size: calc(0.12rem + 0.14rem);
    padding: 10px;
  }

  .contacts .contc {
    display: block;
  }

  .contacts .contc .conl {
    width: 100%;
    display: block;
  }

  .contacts .contc .conr {
    width: 100%;
    display: block;
  }

  .contacts .contc .conr .cip {
    font-size: 0.36rem;
  }

  .contacts .contc .conr .cinps {
    font-size: calc(0.12rem + 0.14rem);
  }

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

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

  .banner .swiper-slide .img {
    width: 100%;
    height: calc(100vh - 1rem);
    display: block;
    position: relative;
  }

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

  .banner .swiper-slide .sox {
    position: absolute;
    left: 50%;
    top: 1.3rem;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
  }

  .banner .swiper-slide .sox .sm {
    width: 100%;
    color: #f9f9f9;
    line-height: 1.5;
  }

  .banner .swiper-slide .sox .sm p {
    color: #f9f9f9;
    line-height: 1.3;
  }

  .procase {
    width: 100%;
    /* height: 100vh;*/
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }

  .procase .cit {
    width: 100%;
    color: #f9f9f9;
    line-height: 1.5;
    text-align: center;
    position: relative;
    top: 0.5rem;
  }

  .procase .cit p {
    color: #f9f9f9;
    line-height: 1.3;
  }

  .procase .kong {
    width: 100%;
    height: 35vh;
  }

  .procase .caselis {
    width: 100%;
    font-size: 0;
    margin-top: 1rem;
  }

  .procase .caselis .casom {
    display: inline-block;
    vertical-align: top;
    width: calc(340 / 710 * 100%);
    margin-right: calc(29 / 710 * 100%);
    margin-bottom: 0.3rem;
    border: solid 1px rgba(255, 255, 255, 0.5);
    border-radius: 0.1rem;
    position: relative;
  }

  .procase .caselis .casom a {
    width: 100%;
    display: block;
    padding: 0.2rem;
  }

  .procase .caselis .casom .em {
    width: 100%;
    color: var(--theme);
    line-height: 1.5;
    padding-right: 0.2rem;
  }

  .procase .caselis .casom .cm {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    padding-right: 0.2rem;
  }

  .procase .caselis .casom .rc {
    position: absolute;
    right: 0.2rem;
    top: 50%;
    width: 0.11rem;
    transform: translateX(-50%);
  }

  .procase .caselis .casom .rc img {
    width: 100%;
    display: block;
  }

  .procase .caselis .casom:nth-child(2n) {
    margin-right: 0;
  }

  .procase .caselis .casom:hover {
    background-color: var(--theme);
    border: solid 1px var(--theme);
  }

  .procase .caselis .casom:hover .em,
  .procase .caselis .casom:hover .cm {
    color: #fff;
  }

  .urllists {
    width: 100%;
    background-color: #fff;
    padding: 0.6rem 0 0.3rem;
  }

  .urllists .urllist {
    width: 100%;
    font-size: 0;
  }

  .urllists .urllist .uream {
    width: 100%;
    overflow: hidden;
    border-radius: 0.3rem;
  }

  .urllists .urllist .uream a {
    width: 100%;
    display: block;
  }

  .urllists .urllist .uream .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #333;
  }

  .urllists .urllist .uream .imgs .img {
    width: 100%;
    padding-top: 95.77%;
    transition: all ease 0.5s;
  }

  .urllists .urllist .uream .uom {
    width: 100%;
    background-color: #333;
    padding: 0.28rem 0.3rem 0.28rem 0.4rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .urllists .urllist .uream .uom .uel {
    display: inline-block;
    vertical-align: middle;
  }

  .urllists .urllist .uream .uom .uer {
    display: inline-block;
    vertical-align: middle;
  }

  .urllists .urllist .uream .uom .ed {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
  }

  .urllists .urllist .uream .uom .rm {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
  }

  .urllists .urllist .uream .uom .rm span {
    display: inline-block;
    vertical-align: middle;
    width: 0.14rem;
    position: relative;
    top: -0.06rem;
    margin-left: 0.1rem;
  }

  .urllists .urllist .uream + .uream {
    margin-top: 0.3rem;
  }

  .urllists .urllist .uream:hover .imgs .img {
    transform: scale(1.1);
  }

  .urllists .urllist .uream:hover .uom .ed {
    color: var(--theme);
  }
}