@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%;
  }
}

.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 {
  width: 18rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 18.2rem) {
  .w1800 {
    width: 94%;
  }
}

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

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

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

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

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

header .hop nav .natem .nas {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 .45rem;
}

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: 0.01rem;
  transform: translateX(-50%);
  width: 100%;
  height: .02rem;
  background-color: #fff;
  opacity: 0;
}

header .hop nav .natem .navuls {
  width: 120.5%;
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 100%;
  min-width: 2.5rem;
  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.0);
  display: none;
}

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 .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 .2rem;
  position: relative;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.5); */
}

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

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: #ea5520;
}

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

header .hop nav .natem .navuls ul li.has-the:after {
  content: "+";
  display: inline-block;
  width: .36rem;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  position: absolute;
  background: none;
  right: 0;
  left: auto;
  transform: translateX(0);
  top: 0.05rem;
  font-size: .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: 120.5%;
  left: 0;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background-color: white;
  background-color: #fff;
  /* padding: .3rem  0 .3rem; */
  padding: 0.2rem;
  /* 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.0);
}
header .hop nav .natem .longul .w1200{
  width: 100% !important;
}

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

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-right: 0%;
  margin-bottom: 0.2rem;
}

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: #333;
  font-weight: bold;
  line-height: 1.5;
}

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

header .hop nav .natem .longul .lonul .lonsm .lx {
  display: block;
  width: .2rem;
  height: .04rem;
  background-color: #ea5520;
  margin: .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: #000;
  transition: all ease 0.5s;
  line-height: 1.5;
  padding: .025rem 0;
}

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

header .hop nav .natem .longul .lonul .lonsm:nth-child(3n) {
  margin-right: 0;
}

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

header .hop .rav .atn {
  display: inline-block;
  vertical-align: middle;
  width: .2rem;
  height: .2rem;
  margin: 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 .1rem;
  text-align: left;
}

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

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: .2rem;
  height: .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: 0.7rem;
  display: none;
}

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 .1rem;
  line-height: 3;
  text-align: center;
  background: rgba(234, 85, 32, 0.5);
}

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

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

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

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

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: .2rem;
  height: .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: 2.4rem;
  display: none;
}

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 .1rem;
  line-height: 2;
  text-align: center;
  background: rgba(234, 85, 32, 0.5);
}

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

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

header .sear {
  width: 100%;
  font-size: 0;
  padding: .3rem .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: .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 .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: #ea5520;
  color: #fff;
  line-height: 2.5;
  border-radius: 1.25em;
  padding: 0 .2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

.banner .swiper-slide .sox .more a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: .5rem;
  width: .26rem;
  height: .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: #ea5520;
}

.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: .4rem;
  z-index: 10;
  width: 100%;
  padding: 0 calc(140 / 1920 * 100%);
}

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

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

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

.banner .down .dm {
  display: block;
  width: .32rem;
  height: .32rem;
  margin: 0 auto .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: .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: .22rem;
}

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

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

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

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

footer .ftom .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  margin-bottom: 0.5rem;
}

footer .ftom .share .am {
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  margin-right: .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: #ea5520;
}

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

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

footer .ftom .fml .flist {
  display: inline-block;
  vertical-align: top;
  width: auto;
  flex: 1;
  padding-right: 0.2rem;
}

footer .ftom .fml .flist .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: .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: 1.25;
  padding: 0.08rem 0;
  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 {
  display: flex;
  flex-wrap: wrap;
  width: 2.5rem;
  align-content: flex-start;
  justify-content: space-between;
}

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

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

footer .ftom .fmr .codm .cm img {
  width: 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: .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 .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: .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: .65rem;
}

.cases .cmglist .imgs .casom .car .rob a {
  display: inline-block;
  vertical-align: middle;
  border-radius: .3rem;
  border: solid 0.01rem white;
  line-height: .6rem;
  background-color: transparent;
  padding: 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: .5rem;
  width: .26rem;
  height: .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: #ea5520;
}

.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 .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: #ea5520;
  border: solid .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: .6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 12rem;
  text-align: center;
  justify-content: center;
}

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

.cases .iconlist .ictom .ic {
  display: block;
  margin: 0 auto .15rem;
  width: .8rem;
  height: .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: .66rem;
  height: .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: #ea5520; */
}

.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.0);
  }
  50%{
    transform:  scale(1.1);
  }
  100%{
    transform:  scale(1.0);
  }
}
/* .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: .2rem;
}
.abouts .abr .abrom .ainp::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.abouts .abr .abrom .ainp::-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);
}

.abouts .abr .abrom .ainp::-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);
}

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

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

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

.abouts .abr .abrom .more 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;
}

.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: #ea5520;
}

.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: .2rem;
  background-color: #ebebeb;
  position: relative;
}

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

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

.abouts .abr .abtom .atom .akm {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  height: 3em;
  color: #666;
  margin-top: .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: #ea5520;
}*/

/*.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: .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: #ea5520;
  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: #ea5520;
}

.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: .3rem;
  border: solid 0.01rem rgba(51, 51, 51, 0.5);
  line-height: .6rem;
  background-color: transparent;
  padding: 0 .3rem;
  color: #333;
  color: #ea5520;
  transition: all ease 0.5s;
  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: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: #ea5520;
}

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

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

.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: .15rem;
  height: .15rem;
  margin-right: .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: .2rem;
  height: .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: #ea5520;
}

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

.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 .1rem;
  width: .8rem;
  height: .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: .3rem;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 .3rem;
  text-align: right;
}

.newcens .netom .ner .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: .1rem;
  height: .1rem;
  opacity: 1;
  background-color: transparent;
  border: solid .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%;
  height: 5rem;
}

.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: .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: .2rem;
  height: .2rem;
  margin-right: .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: .8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crumbs .column .colum a span {
  display: inline-block;
  color: #666;
  line-height: .8rem;
  position: relative;
  margin: 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 .25rem;
  width: auto;
}

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

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

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

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

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

.newlists .netop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.newlists .netop .nel .nit:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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;
}

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

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

.newlists .netop .ner .form form .stn {
  display: inline-block;
  vertical-align: middle;
  width: .21rem;
  height: .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%;
}

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

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

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

.newlists .newtlis .netom .nom {
  width: calc(1200 / 1600 * 100%);
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: .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: .15rem 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: .2rem;
  height: .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: .15rem;
  height: .15rem;
  margin-right: .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: #ea5520;
}

.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: .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: .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: .15rem 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: .2rem;
  height: .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: .15rem;
  height: .15rem;
  margin-right: .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: #ea5520;
}

.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: .4rem 0;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #666;
  background-color: #fff;
  margin: 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: #ea5520;
  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: #ea5520;
  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: #ea5520;
  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: #ea5520;
  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: #ea5520;
  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: #ea5520;
  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: .25rem 0;
}

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

.details .detam .del .dim .tm span {
  display: inline-block;
  vertical-align: middle;
  /* width: .16rem;
  height: .16rem; */
  width: 16px;
  height: 16px;
  position: relative;
  top: -0.02rem;
  margin-right: .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: .05rem;
}

.details .detam .del .dim .share .am {
  display: inline-block;
  vertical-align: middle;
  width: .18rem;
  height: .18rem;
  width: 18px;
  height: 18px;
  margin: 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: .3rem 0;
  margin: .25rem 0;
  border-top: solid .01rem #eee;
  border-bottom: solid .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: .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: .05rem 0;
}

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

.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: #ea5520;
  color: #fff;
  text-align: center;
  line-height: .6rem;
}

.details .detam .del .dot .dtr a span {
  display: inline-block;
  vertical-align: middle;
  width: .08rem;
  height: .12rem;
  margin-left: .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: .4rem;
}

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

.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: .1rem;
  height: .1rem;
  border-radius: 50%;
  background-color: #c3c3c3;
  margin: 0 .05rem;
}

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

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

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

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

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

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

.details .detam .der .ritem .rimper .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: .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: .3rem;
  left: .3rem;
  width: .39rem;
  height: .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: .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: .8rem;
  position: relative;
}
.contacts .contc .conl .clt:before {
  content: ' ';
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #ea5520;
  top: calc(100% + 0.2rem); }
.contacts .contc .conl .clt:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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%;
  padding-top: 43.589%;
}

.contacts .contc .conl .conlist .colm .ic {
  display: inline-block;
  vertical-align: top;
  width: .5rem;
  height: .5rem;
  margin-right: .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% - .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: #ea5520;
  font-weight: bold;
  margin-right: .09rem;
}

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

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

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

.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: .3rem;
  height: .03rem;
  display: block;
  margin: .2rem 0 .4rem;
  background-color: #ea5520;
}

.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: .3rem;
  padding: .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: .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: .15rem;
}

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

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

/* .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: #ea5520;
  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: #ea5520;
}

.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: #ea5520;
  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: .8rem;
    position: relative;
  }
  .historys .hit:before {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0.4rem;
    height: 0.05rem;
    background-color: #ea5520;
    top: calc(100% + 0.2rem); }
  .historys .hit:after {
    content: ' ';
    position: absolute;
    left: 0.44rem;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ea5520;
    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; }
        .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 .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 .8rem;
        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: #ea5520;
            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: #ea5520; }
            .historys .histom .hil .homx .hmr .yitm .sinp {
              width: 100%;
              padding-left: .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: .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 .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 .hir {
      display: inline-block;
      vertical-align: middle;
      width: calc(110 / 1600 * 100%);
      height: 7.5rem;
      background-color: #ea5520;
      font-size: 0;
      padding: .2rem 0;
      box-sizing: border-box;
      position: absolute;
      right: 0;
      top: 0; }
      .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 .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: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.honors .hitop .hls:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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 .3rem;
  min-width: 2rem;
  text-align: center;
  line-height: .54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
}

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

.honors .hitop .hrs .htm.on, .honors .hitop .hrs .htm:hover {
  background-color: #ea5520;
  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: .35rem;
}

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

.honors .hcoont .classify .clam.on, .honors .hcoont .classify .clam:hover {
  background-color: #ea5520;
  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;
}
.honors .hcoont .hlomklis .pmgs .img{
  width: 100%;
  height: 8rem;
}
.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: .3rem;
  padding: .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: .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 .8rem;
  position: relative;
}

.recrum .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.recrum .hitop .hls:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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: .2rem;
  left: .2rem;
}

.recrum .rcum .rul:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 3.91rem;
  height: 4.18rem;
  background-color: #ea5520;
  bottom: 0;
  left: 0;
}

.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: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recrum .rcum .rur .rinp::-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);
}

.recrum .rcum .rur .rinp::-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);
}

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

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

.recurits .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .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;
}

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

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

.recurits .hitop .hrs .form form .stn {
  display: inline-block;
  vertical-align: middle;
  width: .21rem;
  height: .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 .6rem;
  cursor: pointer;
}

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

.recurits .recrtlis .rectim .ritlt .rep {
  display: inline-block;
  vertical-align: middle;
  width: .16rem;
  height: .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: .3rem .6rem;
  display: none;
}

.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: .4rem;
  margin-bottom: .1rem;
}

.recurits .recrtlis .rectim .recons .reotm {
  width: 100%;
  margin: .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: #ea5520;
  line-height: 1;
  margin-bottom: .2rem;
  padding-left: .12rem;
  border-left: solid .03rem #ea5520;
}

.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: #ea5520;
}

.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: #ea5520;
}

.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: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.messaged .messom .mel .mit:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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: .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: #ea5520;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  position: relative;
  margin-right: 0.15rem;
}
.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: .24rem;
  border: none;
  padding: 0 .2rem;
  color: #333;
  line-height: .6rem;
  height: .6rem;
}

.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: .15rem;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  margin-bottom: .24rem;
}

.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: #ea5520;
  width: 1.25rem;
  color: #fff;
  line-height: .6rem;
  text-align: center;
  cursor: pointer;
  margin-bottom: .24rem;
}

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

.messaged .messom .mel .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #ea5520;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  position: relative;
}

.messaged .messom .mel .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: .08rem;
  height: .12rem;
  margin-left: .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;
}

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

.contactv .cit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: .8rem;
  position: relative;
}
.contactv .cit:before {
  content: ' ';
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #ea5520;
  top: calc(100% + 0.2rem); }
.contactv .cit:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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: .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: .34rem;
  height: .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: .1rem;
}

.contactv .types .tyl .ylom .ytt {
  width: 100%;
  color: #ea5520;
  line-height: 1.5;
  font-weight: bold;
  margin: .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: #ea5520;
  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: .15rem;
}

.contactv .types .tyr .yrom .codm .cm {
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  margin: 0 auto .1rem;
  border: solid .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: .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: .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: .3rem;
  height: .03rem;
  background-color: #ea5520;
  margin: .15rem 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: .7rem;
  height: .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: .6rem;
}

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

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

.service .classify .clam.on, .service .classify .clam:hover {
  background-color: #ea5520;
  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: .05rem;
  padding: 0 .4rem;
  height: 3.5rem;
}

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

.service .sercens .serom .sel .sul {
  width: 100%;
  padding: .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: .18rem;
  height: .18rem;
  margin-right: .15rem;
  line-height: 1.5;
  margin-top: calc(0.75em - .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% - .33rem);
  color: #666;
  line-height: 1.5;
  height: 3em;
}

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

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

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

.service .sercens .serom .ser .seul {
  width: 100%;
  height: calc(3.2rem - .7rem);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

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

.service .sercens .serom .ser .seul::-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);
}

.service .sercens .serom .ser .seul::-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);
}

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

.service .sercens .serom .ser .seul .seli span {
  display: inline-block;
  vertical-align: middle;
  line-height: .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: .4rem;
}

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

.afters .cit {
  width: 100%;
  color: #111;
  font-weight: bold;
  margin-bottom: .8rem;
  position: relative;
}
.afters .cit:before {
  content: ' ';
  position: absolute;
  left: 0;
  width: 0.4rem;
  height: 0.05rem;
  background-color: #ea5520;
  top: calc(100% + 0.2rem); }
.afters .cit:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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: .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: .24rem;
  border: none;
  padding: 0 .2rem;
  color: #333;
  line-height: .6rem;
  height: .6rem;
}

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

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

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

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

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

.afters .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #ea5520;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  position: relative;
}

.afters .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: .08rem;
  height: .12rem;
  margin-left: .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: #ea5520;
  color: #fff;
  line-height: .6rem;
  margin-right: .6rem;
  text-align: center;
  cursor: pointer;
}

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

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

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

.afters .rix {
  width: 100%;
  font-size: 0;
  margin: .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: .2rem;
  margin-bottom: .1rem;
  font-size: .4rem;
  color: #999;
}

.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: .22rem;
  height: .22rem;
  line-height: .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: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.questions .hitop .hls:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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 .3rem;
  min-width: 2rem;
  text-align: center;
  line-height: .54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
}

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

.questions .hitop .hrs .htm.on, .questions .hitop .hrs .htm:hover {
  background-color: #ea5520;
  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 .4rem;
}

.questions .blemlist .bleam .bitop .icon {
  display: inline-block;
  vertical-align: middle;
  width: .24rem;
  height: .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 .3rem;
  flex: 1;
  color: #333;
  line-height: .6rem;
}

.questions .blemlist .bleam .bitop .rep {
  display: inline-block;
  vertical-align: middle;
  width: .16rem;
  height: .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: .4rem;
  font-size: 0;
  display: none;
  background-color: #fff;
}

.questions .blemlist .bleam .becont .ica {
  display: inline-block;
  vertical-align: top;
  width: .24rem;
  height: .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% - .24rem);
  padding-left: .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: #ea5520;
}

.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: .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: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.downers .hitop .hls:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  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 .3rem;
  min-width: 2rem;
  text-align: center;
  line-height: .54rem;
  cursor: pointer;
  background-color: #f0f2f5;
  color: #666;
}

.downers .hitop .hrs .htm + .htm {
  margin-left: .3rem;
}

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

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

.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 .dor {
  display: inline-block;
  vertical-align: middle;
  width: calc(1070 / 1600 * 100%);
  padding: .5rem .4rem .5rem .6rem;
}

.downers .dowam .dor .fim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: .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: .2rem;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.downers .dowam .dor .cinps::-webkit-scrollbar {
  width: .04rem;
  height: .04rem;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.downers .dowam .dor .cinps::-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);
}

.downers .dowam .dor .cinps::-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);
}

.downers .dowam .dor .cinps .ciom {
  display: inline-block;
  vertical-align: top;
  width: calc(455 / 950 * 100%);
  margin-right: calc(39 / 950 * 100%);
  margin-bottom: .3rem;
  font-size: 0;
  background-color: #f3f5f8;
}

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

.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: .15rem .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: #ea5520;
}

.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: #ea5520;
}

.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: .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: .4rem;
  background-color: #fff;
  border-radius: .05rem;
  padding: .45rem;
}

.apps .applist .appom a {
  width: 100%;
  display: block;
}

.apps .applist .appom .codm {
  width: 2.3rem;
  height: 2.3rem;
  display: block;
  margin: 0 auto .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: .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: .24rem;
  border: none;
  padding: 0 .2rem;
  color: #333;
  line-height: .6rem;
  height: .6rem;
}

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

.feedback .feeds .row .area {
  width: 100%;
  display: block;
  border: none;
  padding: .15rem;
  line-height: 1.5;
  color: #333;
  height: 3.12rem;
  background-color: #fff;
  margin-bottom: .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: .24rem;
}

.feedback .feeds .row .input.yzm .code img {
  width: 100%;
  display: block;
}

.feedback .feeds .rix {
  width: 100%;
  font-size: 0;
  margin: .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: .2rem;
  margin-bottom: .1rem;
  font-size: .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: .22rem;
  height: .22rem;
  line-height: .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: .5rem;
  text-align: center;
}

.feedback .feeds .rob .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  background-color: #ea5520;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  position: relative;
}

.feedback .feeds .rob .stn span {
  display: inline-block;
  vertical-align: middle;
  width: .08rem;
  height: .12rem;
  margin-left: .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: #ea5520;
  color: #fff;
  line-height: .6rem;
  margin-right: .6rem;
  text-align: center;
  cursor: pointer;
}

.feedback .feeds .rob .san span {
  display: inline-block;
  vertical-align: middle;
  width: .29rem;
  height: .29rem;
  margin-right: .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: .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: #ea5520;
  top: calc(100% + 0.2rem); }
.scheme .hitop .hls:after {
  content: ' ';
  position: absolute;
  left: 0.44rem;
  width: 0.05rem;
  height: 0.05rem;
  background-color: #ea5520;
  top: calc(100% + 0.2rem); }

.scheme .hitop .hrs {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-top: 0.15rem;
}

.scheme .hitop .hrs .htm {
  display: inline-block;
  vertical-align: middle;
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  line-height: 1.25;
  padding: 0.18rem 0.1rem;
  justify-content: center;
  /* padding: 0 .15rem; */
  /* min-width: 2rem; */
  width: 14em;
  text-align: center;
  /* line-height: .54rem;   */
  cursor: pointer;
  background-color: #fff;
  color: #666;
  margin-bottom: 0.1rem;
  width: calc((100% - 0.7rem) / 8);
  margin-right: 0.1rem;
}
.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: #ea5520;
  color: #fff;
}

.scheme .hitop .hrs .htms {
  display: inline-block;
  vertical-align: middle;
}
.scheme .hitop .hrs .htms.w100{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.scheme .hitop .hrs .select {
  width: 2.7rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  margin-left: .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: .54rem;
  height: .54rem;
  color: #666;
  padding: 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: .16rem;
  line-height: 2.5;
  background: #fff;
}

.scheme .hitop .hrs .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: .12rem;
  height: .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;
  /* width: calc(520 / 1600 * 100%);
  margin-right: calc(19 / 1600 * 100%); */
  width: calc((100% - 0.2rem) / 3);
  margin-right: 0.1rem;
  margin-bottom: .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: .3rem .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: .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: .2rem;
  height: .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: #ea5520;
}

.scheme .schemlist .seom:hover .som .pic span {
  animation: ease-in-out left 1s;
}

@keyframes left {
  0% {
    left: 0;
  }
  50% {
    left: .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: .4rem;
}

.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 .com {
  width: 100%;
  background-color: #fff;
  text-align: center;
  line-height: .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: #ea5520;
  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: .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%; */
  background-color: #fff;
  position: relative;
}
/* .products .protlis .pram+.pram{
  margin-top: 0.2rem;
} */

.products .protlis .pram a {
  width: 100%;
  display: block;
  padding: .2rem .6rem;
}

.products .protlis .pram .label {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: .5rem;
  background-color: #ea5520;
  color: #fff;
  padding: 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: .15rem 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: .2rem;
}

.products .protlis .pram .prl .ptn span {
  display: inline-block;
  vertical-align: middle;
  width: .34rem;
  height: .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%;
  padding-top: 50%;
  transition: all ease 0.5s;
}

.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: .2rem 0;
  font-size: 0;
  text-align: right;
}

.products .pronav .ptm {
  /* display: inline-block;
  vertical-align: middle;
  padding: 0 .3rem;
  min-width: 0.1rem;
  text-align: center;
  line-height: .54rem;
  cursor: pointer;
  background-color: #fff;
  color: #666; */
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.15rem;
  /* min-width: 2rem; */
  width: 14em;
  text-align: center;
  line-height: .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;
}
.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: #ea5520;
  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: .1rem;
}

.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: .3rem .4rem;
  align-content: center;
  margin-top: .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: .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: #ea5520;
}

.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: #ea5520;
  width: .42rem;
  height: .03rem;
  display: block;
  margin: .15rem 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: .05rem;
}

.petails .petom .per .share .am {
  display: inline-block;
  vertical-align: middle;
  width: .18rem;
  height: .18rem;
  margin: 0 .05rem;
}

.petails .petom .per .share .am img {
  width: 100%;
  display: block;
}

.petails .petom .per .ptns {
  width: 100%;
  font-size: 0;
  margin-top: .4rem;
}

.petails .petom .per .ptns .ptn {
  display: inline-block;
  vertical-align: middle;
  width: 2.1rem;
  background-color: #fff;
  line-height: .6rem;
  padding: 0 .2rem;
  color: #333;
  margin-right: .18rem;
  text-align: center;
}

.petails .petom .per .ptns .ptn span {
  display: inline-block;
  vertical-align: middle;
  width: .22rem;
  height: .22rem;
  margin-right: .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: #ea5520;
  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: .8rem 0;
}

.proshow .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .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: .1rem;
}

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

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

.interrelated .hitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .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: .3rem .4rem;
  align-content: center;
  margin-top: .01rem;
}

.interrelated .interper .swiper-slide .hom .ht {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: left;
  transition: all ease 0.5;
}

.interrelated .interper .swiper-slide .hom .hm {
  width: 100%;
  color: #888;
  line-height: 1.5;
  margin-top: .05rem;
  text-align: left;
  transition: all ease 0.5;
}

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

.interrelated .interper .swiper-slide:hover .hom {
  background-color: #ea5520;
}

.interrelated .interper .swiper-slide:hover .hom .ht, .interrelated .interper .swiper-slide:hover .hom .hm {
  color: #fff;
  text-align: center;
}

.cetails {
  width: 100%;
  padding: .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: #ea5520;
  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: #ea5520;
  border-radius: 0.3rem;
  border: solid 1px #ea5520;
  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 .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 .3s cubic-bezier(.25,.1,.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 .3s cubic-bezier(.25,.1,.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 .3s cubic-bezier(.25,.1,.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 .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.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 .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 .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.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 .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: #ea5520;
  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: #ea5520;
  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; }
        .appsv .newapp .nel .neuls .am.on a, .appsv .newapp .nel .neuls .am:hover a {
          background-color: #ea5520;
          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: #ea5520;
              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: #ea5520;
          top: calc(100% + 0.2rem); }
        .appsv .newapp .ndtm .nit:after {
          content: ' ';
          position: absolute;
          left: 0.44rem;
          width: 0.05rem;
          height: 0.05rem;
          background-color: #ea5520;
          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 .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: #ea5520;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;}
}