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

@media (max-width: 1420px) {
  .w1400 {
    width: 94%;
  }
}

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

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

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

header .righv {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.99rem);
  padding-left: 0.2rem;
}

header .righv .htop {
  width: 100%;
  text-align: right;
  font-size: 0;
}

header .righv .htop .tel {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
  width: auto;
}

header .righv .htop .tel .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

header .righv .htop .tel .tc img {
  width: 100%;
  display: block;
}

header .righv .htop .tel .tm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

header .righv .htop .ss {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.1rem;
}

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

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

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

header .righv .htop .languages .lauges .lashow {
  width: 100%;
  color: #555;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  padding: 0 0.1rem;
  border: solid 1px #fff;
}

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

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

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

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

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

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

header .righv .htop .languages .lauges .language .latem:hover a {
  background: #63b735;
  color: #fff;
}

header .righv .htop .menu {
  display: none;
}

header .righv .hbot {
  width: 100%;
  display: block;
}

header .righv .hbot nav {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  text-align: right;
}

header .righv .hbot nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 0.1rem;
  padding: 0 0.2rem;
}

header .righv .hbot nav .natem .nas {
  width: auto;
  display: inline-block;
}

header .righv .hbot nav .natem .nas a {
  display: inline-block;
  line-height: 3.5;
  line-height: 0.9rem;
  color: #666;
  position: relative;
}

header .righv .hbot nav .natem .navuls {
  width: 1.6rem;
  position: absolute;
  z-index: 101;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: #fff;
  display: none;
}

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

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

header .righv .hbot nav .natem .navuls ul li .ns {
  width: 100%;
  display: block;
  line-height: 3;
  color: #63b735;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem;
  position: relative;
  text-align: center;
}

header .righv .hbot nav .natem .navuls ul li .ns span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2.2;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

header .righv .hbot nav .natem .navuls ul li .ns b {
  display: inline-block;
  vertical-align: middle;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.06rem;
}

header .righv .hbot nav .natem .navuls ul li .ns b img {
  width: 100%;
  display: block;
}

header .righv .hbot nav .natem .navuls ul li .theul {
  position: absolute;
  left: 100.5%;
  top: 0;
  width: 100%;
  display: none;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
}

header .righv .hbot nav .natem .navuls ul li .theul li {
  width: 100%;
}

header .righv .hbot nav .natem .navuls ul li .theul li a {
  width: 100%;
  display: block;
  line-height: 3;
  color: #555;
  color: #000;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem;
  background: white;
}

header .righv .hbot nav .natem .navuls ul li .theul li a:hover {
  color: #63b735;
}

header .righv .hbot nav .natem .navuls ul li.has-the .ns:after {
  content: ' ';
  position: absolute;
  right: 0.14rem;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background-image: url("../images/r.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

header .righv .hbot nav .natem .navuls ul li:hover .ns {
  background: #63b735;
  color: #fff;
}

header .righv .hbot nav .natem .navuls ul li:hover .ns span {
  color: #63b735;
}

header .righv .hbot nav .natem .navuls ul li.has-the:hover .ns:after {
  background-image: url("../images/r2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

header .righv .hbot nav .natem .twoem {
  position: absolute;
  width: 1.6rem;
  z-index: 101;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: #fff;
  font-size: 0;
  display: none;
}

header .righv .hbot nav .natem .twoem .twom {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

header .righv .hbot nav .natem .twoem .twom .tit {
  width: 100%;
}

header .righv .hbot nav .natem .twoem .twom .tit a {
  width: 100%;
  display: block;
  color: #63b735;
  line-height: 3;
  text-align: center;
}

header .righv .hbot nav .natem .twoem .twom .tit a:hover {
  background-color: #63b735;
  color: #fff;
}

header .righv .hbot nav .natem .twoem .twom .tul {
  width: 100%;
}

header .righv .hbot nav .natem .twoem .twom .tul .ats {
  width: 100%;
}

header .righv .hbot nav .natem .twoem .twom .tul .ats a {
  width: 100%;
  display: block;
  line-height: 3;
  text-align: center;
}

header .righv .hbot nav .natem .twoem .twom .tul .ats a:hover {
  background-color: #63b735;
  color: #fff;
}

header .righv .hbot nav .natem.on .nas a {
  color: #63b735;
}

header .righv .hbot nav .natem.on .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

header .righv .hbot nav .natem.on .navuls {
  background-color: #f7f7f7;
}

header .righv .hbot nav .natem:hover .nas a {
  color: #63b735;
}

header .righv .hbot nav .natem:hover .nas a:after {
  width: 100%;
  left: 0;
  right: 0;
}

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

header .sear {
  width: 100%;
  width: 3.5rem;
  font-size: 0;
  padding: 0.1rem 0.2rem;
  border-top: solid 1px #f6f6f6;
  display: none;
  position: absolute;
  right: 3%;
  z-index: 1111;
  background: #fff;
}

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

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

header .sear .input input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  background: #f6f6f6;
  color: #666666;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.2rem;
  border: none;
}

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

header .sear .submxt input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background: #63b735;
  color: #fff;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 2.5;
  padding: 0 0.2rem;
  border: none;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 900px) {
  header {
    padding-bottom: 0.2rem;
  }
  header .righv .htop .menu {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.1rem;
  }
  header .righv .htop .menu img {
    width: 100%;
    display: block;
  }
  header .righv .hbot nav {
    width: 60%;
    width: 5rem;
    position: fixed;
    max-width: 90%;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    z-index: 500;
    transform: translate(100%, 0);
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
  }
  header .righv .hbot nav .natem {
    width: 100%;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 0 0.2rem;
  }
  header .righv .hbot nav .natem .nas {
    width: 100%;
    display: block;
    padding-bottom: 0;
  }
  header .righv .hbot nav .natem .nas a {
    color: #333;
    line-height: 3;
  }
  header .righv .hbot nav .natem .nas a:after {
    left: 0;
    right: auto !important;
  }
  header .righv .hbot nav .natem .nas .nem {
    color: #333;
  }
  header .righv .hbot nav .natem .nas .nem .xm {
    display: none;
  }
  header .righv .hbot nav .natem .navuls {
    width: 100%;
    padding: 0.1rem 0;
    position: relative;
    height: auto;
    text-align: left;
  }
  header .righv .hbot nav .natem .navuls ul li .ns {
    text-align: left;
  }
  header .righv .hbot nav .natem.on .nas .nem {
    color: #63b735;
  }
  header .righv .hbot nav .natem:hover .nas a {
    color: #63b735;
    background-color: #fff;
  }
  header .righv .hbot nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header .righv .hbot nav .natem.has-nav.show:after {
    content: "-";
  }
  header .sear {
    width: 5rem;
  }
  header.menu-state {
    z-index: 10000;
  }
  header.menu-state .righv .hbot nav {
    transform: translate(0, 0);
  }
  header.menu-state .black {
    display: block;
  }
}

.banners {
  width: 100%;
}

.banners .banner {
  width: 100%;
}

.banners .banner .swiper-slide {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.banners .banner .swiper-slide .img {
  width: 100%;
  padding-top: 42.58%;
  transition: all ease 0.3s;
}

.banners .banner .swiper-slide .som {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc((150 / 1400) * 100%);
  max-width: 80%;
}

.banners .banner .swiper-slide .som .snav {
  width: 100%;
  font-size: 0;
}

.banners .banner .swiper-slide .som .snav .sms {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.5;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}

.banners .banner .swiper-slide .som .snav .sms + .sms {
  margin-left: 0.8rem;
}

.banners .banner .swiper-slide .som .snav .sms.on {
  color: white;
}

.banners .banner .swiper-slide .som .snav .sms.on:after {
  content: ' ';
  position: absolute;
  left: -0.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #fff;
  display: none;
}

.banners .banner .swiper-slide .som .snav a {
  display: none !important;
}

.banners .banner .swiper-slide .som .six {
  width: 100%;
  max-width: 400px;
  color: #fff;
  line-height: 1.8;
  margin: 0.1rem 0 0.3rem;
}

.banners .banner .swiper-slide .som .six p {
  color: #fff;
  line-height: 1.8;
}

.banners .banner .swiper-slide .som .more {
  width: 100%;
  font-size: 0;
}

.banners .banner .swiper-slide .som .more a {
  display: inline-block;
  vertical-align: middle;
  background-color: #63b735;
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  padding: 0 0.3rem;
}

@media (max-width: 900px) {
  .banners .banner .swiper-slide .img {
    width: 100%;
    padding-top: 60%;
  }
  .banners .banner .swiper-slide .som .snav .sms {
    font-size: 20px;
  }
}

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

.procoop .prnav {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.7rem;
}

.procoop .prnav .pam {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

.procoop .prnav .pam:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  width: 0.6rem;
  height: 4px;
  background-color: #8bc86a;
  left: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.procoop .prnav .pam.on {
  color: #63b735;
}

.procoop .prnav .pam.on:after {
  display: none;
}

.procoop .prnav .pam + .pam {
  margin-left: 0.6rem;
}

.procoop .procont {
  width: 100%;
}

.procoop .procont .pcont {
  width: 100%;
}

.procoop .procont .vcont {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.procoop .procont .vcont .vol {
  display: inline-block;
  vertical-align: middle;
  width: calc((690 / 1400) * 100%);
  margin-right: calc((19 / 1400) * 100%);
}

.procoop .procont .vcont .vol .img {
  width: 100%;
  padding-top: 52.17%;
}

.procoop .procont .vcont .vor {
  display: inline-block;
  vertical-align: middle;
  width: calc((690 / 1400) * 100%);
  padding-left: 0.4rem;
}

.procoop .procont .vcont .vor .vrnav {
  width: 100%;
  margin-bottom: 0.4rem;
}

.procoop .procont .vcont .vor .vrnav .swiper-slide {
  cursor: pointer;
  width: auto !important;
  display: inline-block;
  vertical-align: middle;
  color: #888;
  line-height: 2.5;
  font-weight: bold;
  padding: 0 0.2rem;
  border-bottom: solid 1px transparent;
}

.procoop .procont .vcont .vor .vrnav .swiper-slide.on {
  color: #63b735;
  border-bottom: solid 1px #63b735;
}

.procoop .procont .vcont .vor .vryont {
  width: 100%;
}

.procoop .procont .vcont .vor .vryont .vrom {
  width: 100%;
  display: none;
}

.procoop .procont .vcont .vor .vryont .vrom.on {
  display: block;
}

.procoop .procont .vcont .vor .vryont .vit {
  width: 100%;
  color: #333;
  font-weight: bold;
}

.procoop .procont .vcont .vor .vryont .xiv {
  width: 100%;
  color: #555;
  line-height: 1.8;
  margin: 0.15rem 0 0.25rem;
}

.procoop .procont .vcont .vor .vryont .xiv p {
  color: #555;
  line-height: 1.8;
}

.procoop .procont .vcont .vor .vryont .more {
  width: 100%;
  font-size: 0;
}

.procoop .procont .vcont .vor .vryont .more a {
  display: inline-block;
  vertical-align: middle;
  background-color: #63b735;
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  padding: 0 0.3rem;
}

.procoop .procont .vpcoms {
  width: 100%;
}

.procoop .procont .vpcoms .vctms {
  width: 100%;
  display: none;
  font-size: 0;
}

.procoop .procont .vpcoms .vctms.on {
  display: block;
}

.procoop .procont .vpcoms .vcm {
  display: inline-block;
  vertical-align: top;
  width: calc((690 / 1400) * 100%);
  margin-right: calc((19 / 1400) * 100%);
  overflow: hidden;
  margin-bottom: 0.2rem;
  border-radius: 10px;
}

.procoop .procont .vpcoms .vcm .img {
  width: 100%;
  padding-top: 46.37%;
  transition: all ease 0.3s;
}

.procoop .procont .vpcoms .vcm:hover .img {
  transform: scale(1.1);
}

.procoop .procont .vpcoms .vcm:nth-child(2n) {
  margin-right: 0;
}

.procoop .procont .pmgs {
  width: 100%;
  max-width: 80%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.procoop .procont .pmgs .img {
  width: 100%;
  /* padding-top: 53.57%; */
  padding-top: 49.57%;
}

.procoop .procont .pmgs .tips {
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
}

.procoop .procont .pmgs .tips .tip {
  width: 100%;
}

.procoop .procont .pmgs .tips .tip .tp {
  width: 100%;
  font-size: 0;
}

.procoop .procont .pmgs .tips .tip .tp .im {
  display: inline-block;
  vertical-align: middle;
  background-color: #35673c;
  border-radius: 50%;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.procoop .procont .pmgs .tips .tip .tp .tx {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  color: #666;
  line-height: 1.5;
}

.procoop .procont .pmgs .tips .tip .mc {
  width: 100%;
  padding-left: 0.3rem;
  color: #666;
  line-height: 1.6;
}

.procoop .procont .pmgs .tips .tip + .tip {
  margin-top: 0.15rem;
}

.news {
  width: 100%;
  padding: 0.6rem 0;
  border-bottom: solid 1px #e8e8e8;
}

.news .mitop {
  width: 100%;
  margin-bottom: 0.5rem;
  text-align: center;
}

.news .mitop .mx {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-align: center;
  color: #63b735;
}

.news .mitop .mx:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  width: 0.6rem;
  height: 4px;
  background-color: #8bc86a;
  left: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.news .newsper {
  width: 100%;
}

.news .newsper .swiper-slide {
  width: 100%;
}

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

.news .newsper .swiper-slide .imgs {
  width: 100%;
  display: block;
  overflow: hidden;
}

.news .newsper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 68.18%;
  transition: all ease 0.3s;
}

.news .newsper .swiper-slide .nix {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  height: 3em;
  margin: 0.18rem 0;
}

.news .newsper .swiper-slide .time {
  width: 100%;
  font-size: 0;
}

.news .newsper .swiper-slide .time .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.news .newsper .swiper-slide .time .tc img {
  width: 100%;
  display: block;
}

.news .newsper .swiper-slide .time .tn {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  color: #666;
  line-height: 1.5;
}

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

.news .newsper .swiper-slide:hover .nix {
  color: #63b735;
}

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

.news .newlist .newtm {
  width: 100%;
  border-bottom: solid 1px #eee;
}

.news .newlist .newtm a {
  width: 100%;
  display: block;
  padding: 0.4rem 0;
}

.news .newlist .newtm .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
  padding-right: 0.3rem;
}

.news .newlist .newtm .nel .nxt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.news .newlist .newtm .nel .nih {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.news .newlist .newtm .nel .time {
  width: 100%;
  font-size: 0;
}

.news .newlist .newtm .nel .time .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.news .newlist .newtm .nel .time .tc img {
  width: 100%;
  display: block;
}

.news .newlist .newtm .nel .time .tn {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  color: #666;
  line-height: 1.5;
}

.news .newlist .newtm .ner {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  text-align: center;
}

.news .newlist .newtm .ner span {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
}

.news .newlist .newtm .ner span img {
  width: 100%;
  display: block;
}

.news .newlist .newtm .ner span img:first-child {
  display: block;
}

.news .newlist .newtm .ner span img:last-child {
  display: none;
}

.news .newlist .newtm:first-child {
  border-top: solid 1px #eee;
}

.news .newlist .newtm:hover .nel .nxt {
  color: #63b735;
}

.news .newlist .newtm:hover .ner span img:first-child {
  display: none;
}

.news .newlist .newtm:hover .ner span img:last-child {
  display: block;
}

footer {
  width: 100%;
}

footer .fbot {
  width: 100%;
  background-color: #e3e3e3;
}

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

footer .fbot .fx {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

footer .fbot .frm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

footer .fbot .frm a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

footer .fbot .frm a span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin: 0 0.12rem;
  position: relative;
  top: -0.02rem;
}

footer .fbot .frm a:last-child span {
  display: none;
}

footer .ftop {
  width: 100%;
  background-color: #eeeeee;
  padding: 0.6rem 0;
}

footer .ftop .fop {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .ftop .fop .fol {
  display: inline-block;
  vertical-align: top;
  width: calc((450 / 1400) * 100%);
}

footer .ftop .fop .fol .fogo {
  width: 100%;
  font-size: 0;
}

footer .ftop .fop .fol .fogo a {
  display: inline-block;
  vertical-align: middle;
  width: 1.15rem;
  display: none;
}

footer .ftop .fop .fol .fogo a img {
  width: 100%;
  display: inline-block;
}

footer .ftop .fop .fol .ctop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.15rem;
  text-align: center;
}

footer .ftop .fop .fol .ctop .com {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 0.15rem;
}

footer .ftop .fop .fol .ctop .com img {
  width: 100%;
  display: block;
}

footer .ftop .fop .fol .cname {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.1rem;
  text-align: center;
}

footer .ftop .fop .fol .cinps {
  width: 100%;
  color: #555;
  line-height: 1.8;
  text-align: center;
}

footer .ftop .fop .fol .cinps p {
  color: #555;
  line-height: 1.8;
}

footer .ftop .fop .fol .morx {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.25rem;
}

footer .ftop .fop .fol .morx a {
  display: inline-block;
  vertical-align: middle;
  background-color: #63b735;
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  padding: 0 0.5rem;
}

footer .ftop .fop .for {
  display: inline-block;
  vertical-align: top;
  width: calc((900 / 1400) * 100%);
}

footer .ftop .fop .for .flist {
  display: inline-block;
  vertical-align: top;
  width: calc((260 / 1050) * 100%);
}
footer .ftop .fop .for .flist:nth-child(2){
  width: calc((290 / 1050) * 100%);
}
footer .ftop .fop .for .flist:nth-child(3){
  width: calc((230 / 1050) * 100%);
}

footer .ftop .fop .for .flist .fit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

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

footer .ftop .fop .for .flist .ful a {
  width: 100%;
  display: inline-block;
  color: #888;
  line-height: 2.5;
}

footer .ftop .fop .for .flist .ful a:hover {
  color: #63b735;
}

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

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

.contactvs .ctop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.35rem;
  text-align: center;
}

.contactvs .ctop .com {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  margin: 0 0.15rem;
}

.contactvs .ctop .com img {
  width: 100%;
  display: block;
}

.contactvs .cname {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.15rem;
  text-align: center;
}

.contactvs .cinps {
  width: 100%;
  color: #555;
  line-height: 1.8;
  text-align: center;
}

.contactvs .cinps p {
  color: #555;
  line-height: 1.8;
}

.contactvs .morx {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.35rem;
}

.contactvs .morx a {
  display: inline-block;
  vertical-align: middle;
  background-color: #63b735;
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  padding: 0 0.5rem;
}

.nanbers {
  width: 100%;
}

.nanbers .nanber {
  width: 100%;
}

.nanbers .nanber .img {
  width: 100%;
  position: relative;
  padding-top: 35.71%;
  border-radius: 10px;
  overflow: hidden;
}

.nanbers .nanber .img .nox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc((50 / 1400) * 100%);
  left: 0.5rem;
  max-width: 80%;
}

.nanbers .nanber .img .nox .cn {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.nanbers .nanber .img .nox .cx {
  width: 100%;
  color: #fff;
  line-height: 1.8;
}

.nanbers .nanber .img .nox .navt {
  width: 100%;
  font-size: 0;
}

.nanbers .nanber .img .nox .navt span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
}

.nanbers .nanber .img .nox .navt span:after {
  content: ' ';
  position: absolute;
  left: -0.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #fff;
  display: none;
}

.nanbers .nanber .img .nox .navt a {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  font-weight: bold;
  margin-left: 0.3rem;
  display: none;
}

.nanbers .nanber .img .nox.lefc {
  left: 0.75rem;
}

.nanbers .nanber .img .narbar {
  width: 100%;
  padding: 0.2rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  opacity: 0.5;
}

.nanbers .nanber .img .narbar .home {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.12rem;
}

.nanbers .nanber .img .narbar .home img {
  width: 100%;
  display: block;
}

.nanbers .nanber .img .narbar a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
}

.nanbers .nanber .img .narbar a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  position: relative;
  top: -0.02rem;
  margin: 0 0.1rem;
}

.nanbers .nanber .img .narbar a:last-child span {
  display: none;
}

@media (max-width: 900px) {
  .nanbers .nanber .img {
    padding-top: 60%;
  }
}

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

.abous .abon {
  width: 100%;
  margin-bottom: 0.5rem;
}

.abous .aop {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0.5rem;
}

.abous .aop span {
  display: inline-block;
  vertical-align: middle;
  width: 1.35rem;
}

.abous .aop span img {
  width: 100%;
  display: block;
}

.abous .aion {
  width: 100%;
  color: #555;
  line-height: 1.8;
  max-width: 11rem;
  margin: 0 auto;
}

.abous .aion p {
  color: #555;
  line-height: 1.8;
}

.abous .abonslis {
  width: 100%;
}

.abous .abonslis .aboum {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0;
  flex-wrap: wrap;
}

.abous .abonslis .aboum .abl {
  display: inline-block;
  vertical-align: middle;
  width: calc((850 / 1400) * 100%);
  text-align: right;
}

.abous .abonslis .aboum .abl .imgs {
  width: calc((790 / 850) * 100%);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 3;
}

.abous .abonslis .aboum .abl .imgs .img {
  width: 100%;
  padding-top: 56.96%;
  border-radius: 10px;
}

.abous .abonslis .aboum .abl .fk {
  position: absolute;
  z-index: -1;
  background-color: #63b735;
  left: calc((-60 / 850) * 100%);
  bottom: 0;
  border-radius: 10px;
  width: 2.2rem;
  height: 60%;
}

.abous .abonslis .aboum .abr {
  display: inline-block;
  vertical-align: middle;
  width: calc((500 / 1400) * 100%);
}

.abous .abonslis .aboum .abr .icon {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}

.abous .abonslis .aboum .abr .icon img {
  width: 100%;
  display: block;
}

.abous .abonslis .aboum .abr .am {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.1rem 0;
}

.abous .abonslis .aboum .abr .aic {
  width: 100%;
  text-align: center;
  color: #555;
  line-height: 1.8;
}

.abous .abonslis .aboum:nth-child(2n) {
  flex-direction: row-reverse;
}

.abous .abonslis .aboum:nth-child(2n) .abl {
  text-align: right;
}

.abous .abonslis .aboum:nth-child(2n) .abl .fk {
  left: auto;
  right: calc((-60 / 850) * 100%);
}

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

.series .seram {
  width: 100%;
  font-size: 0;
}

.series .seram .sel {
  display: inline-block;
  vertical-align: top;
  width: calc((433 / 1400) * 100%);
  border-radius: 10px;
  margin-right: calc((47 / 1400) * 100%);
  overflow: hidden;
}

.series .seram .sel .img {
  width: 100%;
  padding-top: 72.74%;
}

.series .seram .ser {
  display: inline-block;
  vertical-align: top;
  width: calc((919 / 1400) * 100%);
}

.series .seram .ser .sir {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.series .seram .ser .serlist {
  width: 100%;
  font-size: 0;
}

.series .seram .ser .serlist .seam {
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-right: 3%;
  margin-bottom: 0.2rem;
}

.series .seram .ser .serlist .seam a {
  width: 100%;
  display: block;
  color: #888;
  line-height: 3;
  text-align: center;
  border-radius: 6px;
  border: solid 1px #d2d2d2;
  padding: 0 0.12rem;
}

.series .seram .ser .serlist .seam:hover a {
  background-color: #63b735;
  color: #fff;
  border: solid 1px #63b735;
}

.series .seram .ser .serlist .seam:nth-child(4n) {
  margin-right: 0;
}

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

.pedatm .pel {
  display: inline-block;
  vertical-align: top;
  width: calc((685 / 1400) * 100%);
}

.pedatm .pel .img {
  width: 100%;
  padding-top: 72.55%;
}

.pedatm .per {
  display: inline-block;
  vertical-align: top;
  width: calc((714 / 1400) * 100%);
  padding-left: 0.7rem;
  position: relative;
}

.pedatm .per .pit {
  width: 100%;
  color: #63b735;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.25rem;
  max-width: 60%;
}

.pedatm .per .pinps {
  width: 100%;
  color: #555;
  line-height: 2;
  margin: 0.25rem 0 0.3rem;
}

.pedatm .per .pinps p {
  color: #555;
  line-height: 2;
}

.pedatm .per .more {
  width: 100%;
  font-size: 0;
}

.pedatm .per .more a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #63b735;
  line-height: 2.8;
  border-radius: 1.5em;
  padding: 0 0.3rem;
}

.pedatm .per .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.12rem;
}

.pedatm .per .more a span img {
  width: 100%;
  display: block;
}

.pedatm .per .back {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 2;
  color: #888;
  display: inline-block;
  vertical-align: middle;
}

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

.pedatm .per .back span img {
  width: 100%;
  display: block;
}

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

.purpose .pitop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.purpose .pitop .pt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.purpose .pitop .pm {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.purpose .purlist {
  width: 100%;
  font-size: 0;
}

.purpose .purlist .puram {
  display: inline-block;
  vertical-align: top;
  width: calc((440 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.2rem;
}

.purpose .purlist .puram a {
  width: 100%;
  display: block;
}

.purpose .purlist .puram .imgs {
  width: 100%;
  overflow: hidden;
}

.purpose .purlist .puram .imgs .img {
  width: 100%;
  padding-top: 71.81%;
  transition: all ease 0.3s;
}

.purpose .purlist .puram .pit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-top: 0.15rem;
}

.purpose .purlist .puram:hover .imgs .img {
  transform: scale(1.1);
}

.purpose .purlist .puram:nth-child(3n) {
  margin-right: 0;
}

.purpose .fillin {
  width: 100%;
  font-size: 0;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.purpose .fillin .imgs {
  width: calc((656 / 1400) * 100%);
  display: inline-block;
  vertical-align: middle;
}

.purpose .fillin .imgs .img {
  width: 100%;
  padding-top: 68.59%;
  transition: all ease 0.3s;
}

.purpose .fillin .form {
  display: inline-block;
  vertical-align: middle;
  width: calc((743 / 1400) * 100%);
  padding: 0.45rem;
}

.purpose .fillin .form form {
  width: 100%;
  display: block;
}

.purpose .fillin .form .fit {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}

.purpose .fillin .form .inputs {
  width: 100%;
  margin-bottom: 0.2rem;
}

.purpose .fillin .form .inputs input {
  width: 100%;
  display: block;
  border: solid 1px #d2d2d2;
  line-height: 3;
  height: 3em;
  padding: 0 0.2rem;
  color: #888;
  background-color: transparent;
}

.purpose .fillin .form .row {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.purpose .fillin .form .row .sub {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #63b735;
  padding: 0 0.6rem;
  line-height: 3em;
  color: #fff;
  cursor: pointer;
  border-radius: 1.5em;
  text-align: center;
  border: none;
}

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

.imexport .imt {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.imexport .imexlis {
  width: 100%;
  font-size: 0;
}

.imexport .imexlis .imexm {
  display: inline-block;
  vertical-align: top;
  width: calc((440 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.2rem;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(199, 199, 199, 0.34);
  border-radius: 6px;
  overflow: hidden;
}

.imexport .imexlis .imexm a {
  width: 100%;
  display: block;
}

.imexport .imexlis .imexm .imgs {
  width: 100%;
  overflow: hidden;
}

.imexport .imexlis .imexm .imgs .img {
  width: 100%;
  padding-top: 65.90%;
  transition: all ease 0.3s;
}

.imexport .imexlis .imexm .mom {
  width: 100%;
  padding: 0 0.2rem 0.2rem;
}

.imexport .imexlis .imexm .mom .sion {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.imexport .imexlis .imexm .mom .sion span {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 7px 21px 0px rgba(199, 199, 199, 0.6);
  position: relative;
  transform: translateY(-50%);
}

.imexport .imexlis .imexm .mom .mix {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: center;
  position: relative;
  top: -0.5em;
}

.imexport .imexlis .imexm:hover {
  background-color: #63b735;
}

.imexport .imexlis .imexm:hover .imgs .img {
  transform: scale(1.1);
}

.imexport .imexlis .imexm:hover .mom .mix {
  color: #fff;
}

.imexport .imexlis .imexm:nth-child(3n) {
  margin-right: 0;
}

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

.setails .sel {
  display: inline-block;
  vertical-align: top;
  width: calc((480 / 1400) * 100%);
}

.setails .sel .img {
  width: 100%;
  padding-top: 71.81%;
}

.setails .ser {
  display: inline-block;
  vertical-align: top;
  width: calc((918 / 1400) * 100%);
  padding-left: 0.6rem;
}

.setails .ser .sir {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.setails .ser .sinps {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.setails .ser .sinps p {
  color: #555;
  line-height: 1.8;
}

.pages {
  width: 100%;
  padding: 0.3rem 0 0.2rem;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  border-radius: 50%;
  background-color: #ffffff;
  border: solid 1px #dbdbdb;
  margin: 0 0.1rem 0.1rem;
  transition: all ease 0.3s;
}

.pages .page.auto {
  width: auto;
  border-radius: 0.25rem;
  padding: 0 0.2rem;
}

.pages .page:hover {
  color: #fff;
  background-color: #65af08;
  border: solid 1px #65af08;
}

.pages .page.on {
  color: #fff;
  background-color: #65af08;
  border: solid 1px #65af08;
}

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

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

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

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

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

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

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

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

.details .detop {
  width: 100%;
  font-size: 0;
}

.details .detop .del {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 200px);
}

.details .detop .del .dt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.details .detop .del .dim {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0.2rem 0 0.05rem;
}

.details .detop .del .dim .xy {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  width: auto;
  margin-right: 0.2rem;
}

.details .detop .del .dim .xy i {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.details .detop .del .dim .xy i img {
  width: 100%;
  display: block;
}

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

.details .detop .del .dim .shang .xm {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.1rem;
}

.details .detop .del .dim .shang .ae {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0 0.05rem;
}

.details .detop .del .dim .shang .ae .codm {
  position: absolute;
  left: 50%;
  bottom: 120%;
  transform: translateX(-50%);
  width: 1.2rem;
  height: 1.2rem;
  display: none;
  box-shadow: 0px 7px 21px 0px rgba(199, 199, 199, 0.6);
}

.details .detop .del .dim .shang .ae .codm img {
  width: 100%;
  display: block;
}

.details .detop .del .dim .shang .ae a {
  width: 100%;
  display: block;
  height: 100%;
}

.details .detop .del .dim .shang .ae img {
  width: 100%;
  display: block;
}

.details .detop .del .dim .shang .ae .a1 {
  display: block;
}

.details .detop .del .dim .shang .ae .a2 {
  display: none;
}

.details .detop .del .dim .shang .ae:hover .codm {
  display: block;
}

.details .detop .del .dim .shang .ae:hover .a1 {
  display: none;
}

.details .detop .del .dim .shang .ae:hover .a2 {
  display: block;
}

.details .detop .del .come {
  width: 100%;
  color: #999;
  line-height: 2;
  padding: 0rem 0 0.2rem;
}

.details .detop .der {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  text-align: right;
}

.details .detop .der a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  padding: 0 0.3rem;
  text-align: center;
  color: #fff;
  background-color: #63b735;
  line-height: 3;
  border-radius: 1.5em;
}

.details .detop .der a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.details .detop .der a span img {
  width: 100%;
  display: block;
}

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

.details .dinps p {
  color: #555;
  line-height: 1.8;
}

.details .dot {
  width: 100%;
  font-size: 0;
}

.details .dot a {
  width: 100%;
  display: inline-block;
}

.details .dot .dol, .details .dot .dor {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.2rem;
}

.details .dot .dn {
  width: 100%;
  color: #555;
  line-height: 1.8;
  font-weight: bold;
}

.details .dot a:hover .dn {
  color: #63b735;
}

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

.contacts .mitop {
  width: 100%;
  margin-bottom: 0.5rem;
  text-align: center;
}

.contacts .mitop .mx {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-align: center;
}

.contacts .mitop .mx:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  width: 0.6rem;
  height: 4px;
  background-color: #8bc86a;
  left: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.contacts .conmav {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.3rem;
}

.contacts .conmav .comt {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #63b735;
  line-height: 2.5;
  padding: 0 0.4rem;
  border-radius: 1.25em;
  margin: 0 0.1rem 0.1rem;
  cursor: pointer;
  color: #63b735;
}

.contacts .conmav .comt.on {
  background-color: #63b735;
  color: #fff;
}

.contacts .conmav .comt:hover {
  background-color: #63b735;
  color: #fff;
}

.contacts .maps {
  width: 100%;
  font-size: 0;
}

.contacts .maps .mal {
  display: inline-block;
  vertical-align: middle;
  width: calc((830 / 1400) * 100%);
}

.contacts .maps .mal .img {
  width: 100%;
}

.contacts .maps .mal .img img {
  width: 100%;
  display: block;
}

.contacts .maps .mar {
  display: inline-block;
  vertical-align: middle;
  width: calc((569 / 1400) * 100%);
  padding-left: 0.5rem;
}

.contacts .maps .mar .maron {
  width: 100%;
  font-size: 0;
  padding: 0.17rem 0;
}

.contacts .maps .mar .maron .icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.72rem;
  height: 0.72rem;
}

.contacts .maps .mar .maron .icon img {
  width: 100%;
  display: block;
}

.contacts .maps .mar .maron .ron {
  width: calc(100%  - 0.72rem);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.2rem;
}

.contacts .maps .mar .maron .ron .xt {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.contacts .maps .mar .maron .ron .xm {
  width: 100%;
  color: #555;
  line-height: 1.5;
}

.contacts .tactvon {
  width: 100%;
}

.contacts .tactvon .tacts {
  width: 100%;
  display: none;
}

.contacts .tactvon .tacts.on {
  display: block;
}

.product {
  width: 100%;
  font-size: 0;
  padding: 0.6rem 0;
}

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

.product .prolisv {
  width: 100%;
  font-size: 0;
}

.product .prolisv .puram {
  display: inline-block;
  vertical-align: top;
  width: calc((440 / 1400) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.2rem;
}

.product .prolisv .puram a {
  width: 100%;
  display: block;
}

.product .prolisv .puram .imgs {
  width: 100%;
  overflow: hidden;
}

.product .prolisv .puram .imgs .img {
  width: 100%;
  padding-top: 71.81%;
  transition: all ease 0.3s;
}

.product .prolisv .puram .imgs .img .mg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.product .prolisv .puram .imgs .img .play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}


.product .prolisv .puram .pit {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-top: 0.15rem;
}

.product .prolisv .puram:hover .imgs .img {
  transform: scale(1.1);
}

.product .prolisv .puram:nth-child(3n) {
  margin-right: 0;
}