.w1680 {
  width: 1680px;
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%;
}

@media (max-width: 1700px) {
  .w1680 {
    width: 94%;
  }
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: transparent;
  transition: all ease 0.5s;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

header nav .natem .nas:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: #c49f68;
}

header nav .natem .navuls {
  width: 2.2rem;
  width: 1.8rem;
  position: absolute;
  z-index: 101;
  left: calc(51%);
  top: 100%;
  transform: translateX(-50%);
  background-color: white;
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

header .rav {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .rav .menu {
  display: none;
}

header .rav .search {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center;
  cursor: pointer;
}

header .rav .search .sc {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  width: 0.2rem;
  margin-right: 0.4rem;
}

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

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

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

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

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

header .rav .languages .lauges .lashow {
  width: 100%;
  color: #a3a3a3;
  position: relative;
  cursor: pointer;
  font-size: 0;
}

header .rav .languages .lauges .lashow .am {
  color: #fff;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .rav .languages .lauges .language {
  position: absolute;
  z-index: 10;
  top: 100%;
  width: 100%;
  display: none;
  width: 60px;
  width: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

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

header .rav .languages .lauges .language .latem a {
  width: 100%;
  display: block;
  color: #333;
  padding: 0 0.1rem;
  line-height: 3;
  text-align: center;
  position: relative;
  background: #efefef;
  overflow: hidden;
}

header .rav .languages .lauges .language .latem a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

header .rav .languages .lauges .language .latem a:after {
  content: "";
  position: absolute;
  width: 140%;
  height: 100%;
  left: -10%;
  top: 0;
  z-index: -1;
  transform: translate(-105%, 0) skew(-20deg);
  background: #c49f68;
  z-index: 1;
  animation: outHover 0.5s ease 1 forwards;
}

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

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

header .rav .languages .lauges .language .latem a:hover:after {
  animation-name: onHover;
}

@keyframes onHover {
  from {
    transform: translate(-110%, 0) skew(-20deg);
  }
  to {
    transform: translate(0, 0) skew(-20deg);
  }
}

@keyframes outHover {
  from {
    transform: translate(0, 0) skew(-20deg);
  }
  to {
    transform: translate(110%, 0) skew(-20deg);
  }
}

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

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

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

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

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

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

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

header .rav .stvm .input input::-webkit-input-placeholder,
header .rav .stvm .input textarea::-webkit-input-placeholder {
  color: #fff;
}

header .rav .stvm .input input:-moz-placeholder,
header .rav .stvm .input textarea:-moz-placeholder {
  color: #fff;
}

header .rav .stvm .input input::-moz-placeholder,
header .rav .stvm .input textarea::-moz-placeholder {
  color: #fff;
}

header .rav .stvm .input input:-ms-input-placeholder,
header .rav .stvm .input textarea:-ms-input-placeholder {
  color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

header .sechom {
  position: absolute;
  right: 0;
  width: 4rem;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding: 0.1rem;
  top: 100%;
  display: none;
}

header .sechom form {
  width: 100%;
  display: block;
  font-size: 0;
}

header .sechom .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.4em - 0.2rem);
  border: solid 1px #e5e5e5;
  margin-right: 0.2rem;
}

header .sechom .input .int {
  width: 100%;
  display: block;
  background-color: #fff;
  line-height: 2.4;
  height: 2.4em;
  color: #111;
  padding: 0 0.1rem;
  border: none;
  background-color: #fff;
}

header .sechom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  background-color: #c49f68;
  position: relative;
}

header .sechom .stn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 21px;
  width: 0.22rem;
  height: 0.21rem;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

header .sechom .stn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

header.white {
  background-color: #fff;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.27);
}

header.white .hop .logo img:first-child {
  display: none;
}

header.white .hop .logo img:last-child {
  display: block;
}

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

header.white .hop nav .natem.on .nas a, header.white .hop nav .natem:hover .nas a {
  color: #c49f68;
}

header.white .hop .rav .search .sc img:first-child {
  display: none;
}

header.white .hop .rav .search .sc img:last-child {
  display: block;
}

header.white .hop .rav .rams .an, header.white .hop .rav .rams .span {
  color: #333;
}

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

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

header.white .hop .rav .stvm .input input::-webkit-input-placeholder,
header.white .hop .rav .stvm .input textarea::-webkit-input-placeholder {
  color: #999;
}

header.white .hop .rav .stvm .input input:-moz-placeholder,
header.white .hop .rav .stvm .input textarea:-moz-placeholder {
  color: #999;
}

header.white .hop .rav .stvm .input input::-moz-placeholder,
header.white .hop .rav .stvm .input textarea::-moz-placeholder {
  color: #999;
}

header.white .hop .rav .stvm .input input:-ms-input-placeholder,
header.white .hop .rav .stvm .input textarea:-ms-input-placeholder {
  color: #999;
}

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

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

header.white .hop .rav .stvm .clost {
  color: #333;
}

@media (max-width: 880px) {
  header .search {
    width: auto;
    padding: 0 0.15rem;
  }
  header .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    text-align: right;
    flex: 1;
  }
  header .rav .menu {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 0.1rem;
    cursor: pointer;
    position: relative;
  }
  header .rav .menu img {
    width: 100%;
    height: 100%;
    display: block;
  }
  header .rav .menu img:first-child {
    display: block;
  }
  header .rav .menu img:last-child {
    display: none;
  }
  header .rav .menu .clk {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
  header .rav .languages .lauges .lashow .am {
    line-height: 1rem;
  }
  header .rav .tell .tom .xt, header .rav .tell .tom .mp {
    font-size: 12px;
  }
  header .rav .ss {
    display: inline-block;
    vertical-align: middle;
    width: 0.3rem;
    height: 0.3rem;
  }
  header .rav .stvm.long {
    text-align: left;
  }
  header .rav .stvm.long .vic {
    width: 0.3rem;
    height: 0.3rem;
  }
  header .rav .stvm.long .input {
    width: 2.2rem;
  }
  header nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: calc(0.8rem);
    left: auto;
    height: calc(100vh - 0.8rem);
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    z-index: 500;
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
    display: block;
    text-align: left;
    display: none;
    border-top: solid 1px #e5e5e5;
  }
  header nav .natem {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    width: 100%;
    padding: 0.1rem 0;
    opacity: 0;
    transform: translate(-10px, -30px);
    transition: all .8s ease;
  }
  header nav .natem .nas {
    width: auto;
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: 0;
  }
  header nav .natem .nas a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.5;
    color: #333;
    font-weight: bold;
    font-family: 'Alibaba-PuHuiTi-Bold';
    padding: 0 0.3rem;
    position: relative;
  }
  header nav .natem .nas .ik {
    display: none !important;
  }
  header nav .natem .nas a:hover {
    color: #c49f68;
    background-color: transparent;
  }
  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
    text-align: left;
  }
  header nav .natem .navuls ul {
    width: 100%;
    padding: 0.1rem 0.2rem;
  }
  header nav .natem .navuls ul li {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 0;
  }
  header nav .natem .navuls ul li .ns {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 3;
    color: #333;
    text-align: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem;
    background: #fff;
    position: relative;
  }
  header nav .natem .navuls ul li .ns:hover {
    color: #c49f68;
  }
  header nav .natem .navuls ul li + li {
    border-top: solid 1px #eee;
  }
  header nav .natem .navuls ul li:hover .ns {
    background-color: transparent;
    color: #c49f68;
  }
  header nav .natem .navuls ul li.has-the:after {
    display: block;
  }
  header nav .natem:before {
    display: none !important;
  }
  header nav .natem .prosubnav {
    display: none;
  }
  header nav .natem.on .nas:after {
    display: none;
  }
  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }
  header nav .natem.has-nav.show:after {
    content: "-";
  }
  header nav .natem.animate {
    opacity: 1;
    transform: translate(0, 0);
  }
  header .sechom {
    width: 100%;
  }
  header.menu-state .rav .menu img {
    opacity: 0;
  }
  header.white .hop .rav .menu img:first-child {
    display: none;
  }
  header.white .hop .rav .menu img:last-child {
    display: block;
  }
  header.white .hop .rav .menu .clk {
    color: #333;
  }
}

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

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

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

.banner .swiper-slide .imgs .img {
  width: 100%;
  /* height: 41.66vw; */
  display: block;
}
.banner .swiper-slide .imgs .img img{
  width: 100%;
  display: block;
}

.banner .swiper-slide .som {
  position: absolute;
  left: calc(150 / 1920 * 100%);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  max-width: 90%;
  text-align: center;
  width: 7rem;
}

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

.banner .swiper-slide .som .sm .smg {
  display: block;
  width: 6.86rem;
}

.banner .swiper-slide .som .sm .smg img {
  width: 100%;
  display: block;
}

.banner .swiper-slide .som .eot {
  width: 100%;
  margin-top: 0.5rem;
}

.banner .swiper-slide .som .eot a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  background-color: #c49f68;
  border: solid 2px #c49f68;
}

.banner .swiper-slide .som .eot a:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 0;
  transition: all ease 0.5s;
}

.banner .swiper-slide .som .eot a .em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.45rem;
  line-height: 3.2;
  color: #fff;
  position: relative;
  z-index: 3;
  transition: all ease 0.5s;
}

.banner .swiper-slide .som .eot a .em .xm {
  width: 0;
  display: inline-block;
  vertical-align: middle;
  height: 0;
  border: 0.05rem solid;
  border-color: transparent transparent transparent #fff;
  position: relative;
  top: -0.02rem;
  margin-left: 0.3rem;
}

.banner .swiper-slide .som .eot a:hover:after {
  width: 100%;
}

.banner .swiper-slide .som .eot a:hover .em {
  color: #c49f68;
}

.banner .swiper-slide .som .eot a:hover .em .xm {
  border: 0.05rem solid;
  border-color: transparent transparent transparent #c49f68;
}

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

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

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

@media (max-width: 800px) {
  .banner .swiper-slide .imgs .img {
    /* padding-top: 60%; */
  }
  .banner .swiper-slide .som {
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    left: 5%;
    top: auto;  
    bottom: 20%;
    transform: translate(0%, 0%); 
  }
  .banner .swiper-slide .som .sm .smg{
      width: 4.8rem;
      /* margin: 0 auto; */
  }
}

footer {
  width: 100%;
  background-color: #f8f8f8;
  border-top: solid 4px #c49f68;
}

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

footer .ftop .ftl {
  display: inline-block;
  vertical-align: top;
  width: calc(580 / 1680 * 100%);
}

footer .ftop .ftl .lit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

footer .ftop .ftl .line {
  width: 100%;
  margin: 0.3rem 0;
  font-size: 0;
}

footer .ftop .ftl .line .x1 {
  display: inline-block;
  vertical-align: middle;
  background-color: #0068b7;
  width: 0.08rem;
  height: 0.04rem;
  margin-right: 0.05rem;
}

footer .ftop .ftl .line .x2 {
  display: inline-block;
  vertical-align: middle;
  background-color: #c6a268;
  width: 0.6rem;
  height: 0.04rem;
}

footer .ftop .ftl .num {
  width: 100%;
  color: #c49f68;
  line-height: 1.1;
  margin: 0.3rem 0 0.4rem;
}

footer .ftop .ftl .share {
  width: 100%;
  font-size: 0;
}

footer .ftop .ftl .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
  margin-right: 0.1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  transition: all ease 0.5s;
}

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

footer .ftop .ftl .share .am img:first-child {
  display: block;
}

footer .ftop .ftl .share .am img:last-child {
  display: none;
}

footer .ftop .ftl .share .am:hover {
  background-color: #c49f68;
}

footer .ftop .ftl .share .am:hover img:first-child {
  display: none;
}

footer .ftop .ftl .share .am:hover img:last-child {
  display: block;
}

footer .ftop .ftr {
  display: inline-block;
  vertical-align: top;
  width: calc(1000 / 1680 * 100%);
}

footer .ftop .ftr .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.24rem;
}

footer .ftop .ftr .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 1.4;
  font-weight: 600;
  transition: all ease 0.5s;
  padding: 0.06rem 0;
}

footer .ftop .ftr .fit a:hover {
  color: #c49f68;
}

footer .ftop .ftr .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(200 / 1000 * 100%);
  padding-right: 0.2rem;
  text-align: left;
}

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

footer .ftop .ftr .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  transition: all ease 0.5s;
  line-height: 2;
  padding: 0.05rem 0;
}

footer .ftop .ftr .flist .ful a:hover {
  color: #c49f68;
}

footer .ftop .ftr .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2;
  transition: all ease 0.5s;
}

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

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

footer .fbot .fot .fm {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

footer .fbot .fot .fmc {
  display: inline-block;
  vertical-align: middle;
}

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

footer .fbot .fot .fmc span {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  line-height: 1.5;
  margin: 0 0.1rem;
  position: relative;
  top: -0.02rem;
}

@media (max-width: 800px) {
  footer .ftop {
    padding-top: 0.4rem;
    padding-bottom: 0;
  }
  footer .ftop .ftl {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  footer .ftop .ftl .share .am {
    width: 0.7rem;
    height: 0.7rem;
  }
  footer .ftop .ftr {
    width: 100%;
    display: none;
  }
  footer .ftop .ftr .flist {
    width: 100%;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
    position: relative;
  }
  footer .ftop .ftr .flist .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.3rem 0;
  }
  footer .ftop .ftr .flist .lx {
    display: none;
  }
  footer .ftop .ftr .flist .ful {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.15rem;
    display: none;
  }
  footer .ftop .ftr .flist .ful a {
    line-height: 2;
  }
  footer .ftop .ftr .flist:last-child {
    border: none;
  }
  footer .ftop .ftr .flist.has-ful:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 6px;
    background-image: url("../images/x1.png");
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    right: 0.2rem;
    left: auto;
    transform: translateX(0) rotate(0deg);
    top: 0.45rem;
    color: #333;
    border: none;
    transition: all ease 0.5s;
  }
  footer .ftop .ftr .flist.has-ful.show:after {
    content: " ";
    transform: translateX(0) rotate(180deg);
  }
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.modular .mitop .mol {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: auto;
}

.modular .mitop .mol:after {
  content: ' ';
  position: absolute;
  left: 0.5rem;
  top: 0;
  transform: translate(-50%, -50%);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
  width: 0.4rem;
  height: 0.4rem;
  opacity: 0;
  background-image: url("../images/i3.png");
  background-size: 100% 100%;
}

.modular .mitop .mol .em {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.1;
  position: relative;
  z-index: 3;
}

.modular .mitop .mol .em p {
  color: #111;
  font-weight: bold;
  line-height: 1.1;
}

.modular .mitop .mol .cn {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 0.35rem;
}

.modular .mitop .mol .cn span {
  color: #c49f68;
}

.modular .mitop .mol.custom.is-visible:after {
  left: 0;
  opacity: 1;
}

.modular .mitop .mor {
  display: inline-block;
  vertical-align: middle;
}

.modular .mitop .line {
  width: 100%;
  margin: 0.3rem 0 0;
  font-size: 0;
}

.modular .mitop .line .x1 {
  display: inline-block;
  vertical-align: middle;
  background-color: #0068b7;
  width: 0.08rem;
  height: 0.04rem;
  margin-right: 0.05rem;
  position: relative;
  left: 0.5rem;
  transition: all ease 0.5s;
}

.modular .mitop .line .x2 {
  display: inline-block;
  vertical-align: middle;
  background-color: #c6a268;
  width: 0.6rem;
  height: 0.04rem;
  position: relative;
  left: 0.5rem;
  transition: all ease 0.5s;
  transition-delay: 0.1s;
}

.modular .mitop .line.custom.is-visible .x1, .modular .mitop .line.custom.is-visible .x2 {
  left: 0;
}

.modular .mitop .more {
  display: inline-block;
  vertical-align: middle;
}

.modular .mitop .more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  background-color: #c49f68;
  border: solid 2px #c49f68;
}

.modular .mitop .more a:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 0;
  transition: all ease 0.5s;
}

.modular .mitop .more a .em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.45rem;
  line-height: 3.2;
  color: #fff;
  position: relative;
  z-index: 3;
  transition: all ease 0.5s;
}

.modular .mitop .more a .em .xm {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
  margin-left: 0.3rem;
  transform: rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.modular .mitop .more a .em .xm img {
  width: 100%;
  display: block;
}

.modular .mitop .more a .em .xm img:first-child {
  display: block;
}

.modular .mitop .more a .em .xm img:last-child {
  display: none;
}

.modular .mitop .more a:hover:after {
  width: 100%;
}

.modular .mitop .more a:hover .em {
  color: #c49f68;
}

.modular .mitop .more a:hover .em .xm {
  transform: rotate(180deg);
}

.modular .mitop .more a:hover .em .xm img:first-child {
  display: none;
}

.modular .mitop .more a:hover .em .xm img:last-child {
  display: block;
}

@media (max-width: 800px) {
  .services.modular .mitop .mol {
    margin-bottom: 0.2rem;
  }
  .services .servper .swiper-slide .bomt .bit{
    font-size: 22px;
  }
  .services .servper .swiper-slide .bomt .bix{
    font-size: 16px;
  }
}

.modular.white .mitop .mol:after {
  background-image: url("../images/i3s.png");
  background-size: 100% 100%;
}

.modular.white .mitop .mol .em, .modular.white .mitop .mol .cn {
  color: #fff;
}

.modular.white .mitop .mol .em p, .modular.white .mitop .mol .cn p {
  color: #fff;
}

.modular.white .mitop .line .x1, .modular.white .mitop .line .x2 {
  background-color: #fff;
}

.news {
  width: 100%;
  padding: 0.6rem 0 1.2rem;
  overflow: hidden;
  position: relative;
}

.news .newsom {
  width: 100%;
  padding-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: solid 1px #e8e8e8;
}

.news .newsom .nelo {
  display: inline-block;
  vertical-align: middle;
  width: calc(1020 / 1680 * 100%);
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.news .newsom .nelo .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(560 / 1020 * 100%);
  position: relative;
  overflow: hidden;
}

.news .newsom .nelo .imgs a {
  width: 100%;
  display: block;
}

.news .newsom .nelo .imgs .img {
  width: 100%;
  padding-top: 79.642%;
  transition: all ease 0.5s;
}

.news .newsom .nelo .imgs:hover .img {
  transform: scale(1.1);
}

.news .newsom .nelo .elom {
  display: inline-block;
  vertical-align: middle;
  width: calc(400 / 1020 * 100%);
}

.news .newsom .nelo .elom .eix {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.news .newsom .nelo .elom .eit {
  width: 100%;
  color: #222;
  line-height: 1.5;
  font-weight: bold;
  display: block;
  margin-bottom: 0.3rem;
}

.news .newsom .nelo .elom .eit:hover {
  color: #c49f68;
}

.news .newsom .nelo .elom .einp {
  width: 100%;
  color: #999;
  line-height: 1.8;
}

.news .newsom .nelo .elom .einp p {
  color: #999;
  line-height: 1.8;
}

.news .newsom .nelo .elom .add {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.news .newsom .nelo .elom .add .atn {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  background-color: #c49f68;
  position: relative;
  border: solid 2px #c49f68;
  overflow: hidden;
}

.news .newsom .nelo .elom .add .atn:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: calc(-100% - 4px);
  top: 0;
  background-color: #fff;
  width: 100%;
  border-radius: 50%;
  transition: all ease 0.5s;
}

.news .newsom .nelo .elom .add .atn img {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.news .newsom .nelo .elom .add .atn img:first-child {
  opacity: 1;
}

.news .newsom .nelo .elom .add .atn img:last-child {
  opacity: 0;
}

.news .newsom .nelo .elom .add .atn:hover:after {
  left: 0;
}

.news .newsom .nelo .elom .add .atn:hover img {
  transform: translate(-50%, -50%) rotate(180deg);
}

.news .newsom .nelo .elom .add .atn:hover img:first-child {
  opacity: 0;
}

.news .newsom .nelo .elom .add .atn:hover img:last-child {
  opacity: 1;
}

.news .newsom .nero {
  display: inline-block;
  vertical-align: middle;
  width: calc(555 / 1680 * 100%);
}

.news .newsom .nero .nerlist {
  width: 100%;
}

.news .newsom .nero .nerlist .neaom {
  width: 100%;
  font-size: 0;
  padding: 0.3rem 0;
}

.news .newsom .nero .nerlist .neaom a {
  width: 100%;
  display: block;
  font-size: 0;
}

.news .newsom .nero .nerlist .neaom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(180 / 555 * 100%);
  position: relative;
  overflow: hidden;
}

.news .newsom .nero .nerlist .neaom .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.news .newsom .nero .nerlist .neaom .eam {
  display: inline-block;
  vertical-align: middle;
  width: calc(374 / 555 * 100%);
  padding-left: 0.3rem;
  box-sizing: border-box;
}

.news .newsom .nero .nerlist .neaom .eam .eit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.news .newsom .nero .nerlist .neaom .eam .ex {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.news .newsom .nero .nerlist .neaom + .neaom {
  border-top: solid 1px #e8e8e8;
}

.news .newsom .nero .nerlist .neaom:first-child {
  padding-top: 0;
}

.news .newsom .nero .nerlist .neaom:hover .imgs .img {
  transform: scale(1.1);
}

.news .newsom .nero .nerlist .neaom:hover .eam .eit {
  color: #c49f68;
}

.news .w1680 {
  z-index: 2;
}

.news .bx1 {
  width: calc(1083 / 1920 * 100%);
  position: absolute;
  z-index: 1;
  left: -1000px;
  bottom: 0rem;
  transition: all ease 5s;
}

.news .bx1 img {
  width: 100%;
  display: block;
}

.news .bx2 {
  width: calc(352 / 1920 * 100%);
  position: absolute;
  z-index: 1;
  right: -1000px;
  bottom: 0rem;
  transition: all ease 5s;
}

.news .bx2 img {
  width: 100%;
  display: block;
}

.news .bx1.custom.is-visible {
  left: 0;
  animation: infinite back 10s linear;
}

.news .bx2.custom.is-visible {
  right: 0;
  animation: infinite come 10s linear;
}

@keyframes back {
  0% {
    left: 0;
    bottom: 0;
  }
  33.3% {
    left: -0.3rem;
    bottom: -0.15rem;
  }
  66.6% {
    left: 0.5rem;
    bottom: 0.15rem;
  }
  100% {
    left: 0;
    bottom: 0;
  }
}

@keyframes come {
  0% {
    right: 0;
    bottom: 0;
  }
  33.3% {
    right: -0.3rem;
    bottom: -0.15rem;
  }
  66.6% {
    right: 0.5rem;
    bottom: 0.15rem;
  }
  100% {
    right: 0;
    bottom: 0;
  }
}

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

.services .servicm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.services .servicm .seram {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: calc(260 / 1680 * 100%);
  background-color: #f8f8f8;
  height: 420px;
  height: 4.2rem;
  min-height: 300px;
  position: relative;
  z-index: 2;
}

.services .servicm .seram .icont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  padding: 0.6rem 0.4rem;
  position: relative;
  z-index: 2;
  height: 100%;
  flex: 1;
  box-sizing: border-box;
}

.services .servicm .seram .icont .conp {
  width: 1.2rem;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}

.services .servicm .seram .icont .conp .icon {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.8s;
}

.services .servicm .seram .icont .conp .icon img {
  width: 100%;
  display: block;
}

.services .servicm .seram .icont .conp .icon img:first-child {
  display: block;
}

.services .servicm .seram .icont .conp .icon img:last-child {
  display: none;
}

.services .servicm .seram .icont .conp .tx {
  position: absolute;
  transition: all ease 0.8s;
  width: 0.17rem;
  height: 0.18rem;
  transform: rotate(0deg);
}

.services .servicm .seram .icont .conp .tx img {
  width: 100%;
  display: block;
}

.services .servicm .seram .icont .conp .tx img:first-child {
  display: block;
}

.services .servicm .seram .icont .conp .tx img:last-child {
  display: none;
}

.services .servicm .seram .icont .conp .x1 {
  left: 0;
  top: 0;
  transition-delay: 0.2s;
}

.services .servicm .seram .icont .conp .x2 {
  right: 0;
  top: 0;
  transition-delay: 0.3s;
}

.services .servicm .seram .icont .conp .x3 {
  left: 0;
  bottom: 0;
  transition-delay: 0.5s;
}

.services .servicm .seram .icont .conp .x4 {
  right: 0;
  bottom: 0;
  transition-delay: 0.4s;
}

.services .servicm .seram .icont .bomt {
  width: 100%;
  text-align: center;
}

.services .servicm .seram .icont .bomt .bit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.services .servicm .seram .icont .bomt .bix {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.08rem;
}

.services .servicm .seram .rmgs {
  width: 0;
  transition: all ease 0.5s;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 1;
  left: calc(260 / 900 * 100%);
}

.services .servicm .seram .rmgs .img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.8s;
  transition-delay: 0.3s;
}

.services .servicm .seram:nth-child(2n) {
  background-color: #f0f0f0;
}

.services .servicm .seram.on {
  width: calc(900 / 1680 * 100%);
  background-color: #c49f68;
  z-index: 3;
}

.services .servicm .seram.on .icont {
  width: calc(260 / 900 * 100%);
  flex: none;
}

.services .servicm .seram.on .icont .conp .icon {
  transform: scale(1.2);
}

.services .servicm .seram.on .icont .conp .icon img:first-child {
  display: none;
}

.services .servicm .seram.on .icont .conp .icon img:last-child {
  display: block;
}

.services .servicm .seram.on .icont .conp .tx {
  transform: rotate(180deg);
}

.services .servicm .seram.on .icont .conp .tx img:first-child {
  display: none;
}

.services .servicm .seram.on .icont .conp .tx img:last-child {
  display: block;
}

.services .servicm .seram.on .icont .bomt .bit, .services .servicm .seram.on .icont .bomt .bix {
  color: #fff;
}

.services .servicm .seram.on .rmgs {
  width: calc(640 / 900 * 100%);
}

.services .servicm .seram.on .rmgs .img {
  transform: scale(1.2);
}

.services .servicm .seram:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.services .servicm .seram:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.services .servicm .seram:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.services .servicm .seram:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.services .servper {
  width: 100%;
  display: none;
  position: relative;
}

.services .servper .swiper-slide {
  width: 100%;
  display: block;
  position: relative;
}

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

.services .servper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.services .servper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 65.625%;
}

.services .servper .swiper-slide .bomt {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 0.3rem;
  z-index: 3;
}

.services .servper .swiper-slide .bomt .bit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.services .servper .swiper-slide .bomt .bix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.08rem;
}

.services .servper .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: #efefef;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
}

.services .servper .btn img {
  width: 100%;
  display: block;
}

.services .servper .btn img:first-child {
  display: block;
}

.services .servper .btn img:last-child {
  display: none;
}

.services .servper .btn:hover {
  background-color: #c49f68;
}

.services .servper .btn:hover img:first-child {
  display: none;
}

.services .servper .btn:hover img:last-child {
  display: block;
}

.services .servper .bl {
  left: 5%;
}

.services .servper .br {
  right: 5%;
}

.advantages {
  width: 100%;
  padding: 1rem 0;
  position: relative;
  overflow: hidden;
}

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

.advantages .advans .adl {
  display: inline-block;
  vertical-align: middle;
  width: calc(310 / 1680 * 100%);
}

.advantages .advans .adl .adip {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.advantages .advans .adl .adip p {
  color: #666;
  line-height: 1.8;
}

.advantages .advans .adm {
  display: inline-block;
  vertical-align: middle;
  width: calc(660 / 1680 * 100%);
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
}

.advantages .advans .adm .cans {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 4;
}

.advantages .advans .adm .hei {
  width: 100%;
  padding-top: 100%;
}

.advantages .advans .adm .points {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.advantages .advans .adm .points .point {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  border: solid 1px transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.advantages .advans .adm .points .point span {
  display: inline-block;
  vertical-align: middle;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background-color: #c6a268;
}

.advantages .advans .adm .points .point canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  visibility: hidden;
}

.advantages .advans .adm .points .point:nth-child(1) {
  position: absolute;
  left: 0.7rem;
  top: 0.6rem;
  left: 11%;
  top: 11%;
}

.advantages .advans .adm .points .point:nth-child(2) {
  position: absolute;
  right: 0.7rem;
  top: 0.6rem;
  right: 11%;
  top: 11%;
}

.advantages .advans .adm .points .point:nth-child(4) {
  position: absolute;
  left: 0.7rem;
  bottom: 0.6rem;
  left: 11%;
  bottom: 11%;
}

.advantages .advans .adm .points .point:nth-child(3) {
  position: absolute;
  right: 0.7rem;
  bottom: 0.6rem;
  right: 11%;
  bottom: 11%;
}

.advantages .advans .adm .points .point.on canvas {
  opacity: 1;
  visibility: visible;
}

.advantages .advans .adm .midom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(540 / 660 * 100%);
  box-sizing: border-box;
  z-index: 4;
  overflow: hidden;
}

.advantages .advans .adm .midom .mlis {
  width: 100%;
}

.advantages .advans .adm .midom .mli {
  width: 100%;
  border: solid 5px #c49f68;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  z-index: 3;
}

.advantages .advans .adm .midom .mli .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.advantages .advans .adm .midom .mli .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.advantages .advans .adm .midom .mli .conp {
  width: 1.2rem;
  display: block;
  margin: 0 auto;
  position: absolute;
  max-width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.advantages .advans .adm .midom .mli .conp .icon {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.8s;
}

.advantages .advans .adm .midom .mli .conp .icon img {
  width: 100%;
  display: block;
}

.advantages .advans .adm .midom .mli .conp .tx {
  position: absolute;
  transition: all ease 0.8s;
  width: 0.17rem;
  height: 0.18rem;
  transform: rotate(0deg);
}

.advantages .advans .adm .midom .mli .conp .tx img {
  width: 100%;
  display: block;
}

.advantages .advans .adm .midom .mli .conp .tx img:first-child {
  display: block;
}

.advantages .advans .adm .midom .mli .conp .tx img:last-child {
  display: none;
}

.advantages .advans .adm .midom .mli .conp .x1 {
  left: 0;
  top: 0;
  transition-delay: 0.2s;
}

.advantages .advans .adm .midom .mli .conp .x2 {
  right: 0;
  top: 0;
  transition-delay: 0.3s;
}

.advantages .advans .adm .midom .mli .conp .x3 {
  left: 0;
  bottom: 0;
  transition-delay: 0.5s;
}

.advantages .advans .adm .midom .mli .conp .x4 {
  right: 0;
  bottom: 0;
  transition-delay: 0.4s;
}

.advantages .advans .adm .midom .mli.on {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.advantages .advans .adr {
  display: inline-block;
  vertical-align: middle;
  width: calc(400 / 1680 * 100%);
}

.advantages .advans .adr .adrlist {
  width: 100%;
}

.advantages .advans .adr .adrlist .adrom {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.advantages .advans .adr .adrlist .adrom .ait, .advantages .advans .adr .adrlist .adrom .aomp, .advantages .advans .adr .adrlist .adrom .aot {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;
}

.advantages .advans .adr .adrlist .adrom .ait {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.advantages .advans .adr .adrlist .adrom .aomp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.advantages .advans .adr .adrlist .adrom .aomp p {
  color: #666;
  line-height: 1.8;
}

.advantages .advans .adr .adrlist .adrom .aot {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.advantages .advans .adr .adrlist .adrom .aot a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  background-color: #c49f68;
  border: solid 2px #c49f68;
}

.advantages .advans .adr .adrlist .adrom .aot a:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 0;
  transition: all ease 0.5s;
}

.advantages .advans .adr .adrlist .adrom .aot a .em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.45rem;
  line-height: 3.2;
  color: #fff;
  position: relative;
  z-index: 3;
  transition: all ease 0.5s;
}

.advantages .advans .adr .adrlist .adrom .aot a .em .xm {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
  margin-left: 0.3rem;
  transform: rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.advantages .advans .adr .adrlist .adrom .aot a .em .xm img {
  width: 100%;
  display: block;
}

.advantages .advans .adr .adrlist .adrom .aot a .em .xm img:first-child {
  display: block;
}

.advantages .advans .adr .adrlist .adrom .aot a .em .xm img:last-child {
  display: none;
}

.advantages .advans .adr .adrlist .adrom .aot a:hover:after {
  width: 100%;
}

.advantages .advans .adr .adrlist .adrom .aot a:hover .em {
  color: #c49f68;
}

.advantages .advans .adr .adrlist .adrom .aot a:hover .em .xm {
  transform: rotate(180deg);
}

.advantages .advans .adr .adrlist .adrom .aot a:hover .em .xm img:first-child {
  display: none;
}

.advantages .advans .adr .adrlist .adrom .aot a:hover .em .xm img:last-child {
  display: block;
}

.advantages .advans .adr .adrlist .adrom.on {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.advantages .advans .adr .adrlist .adrom.on .ait, .advantages .advans .adr .adrlist .adrom.on .aomp, .advantages .advans .adr .adrlist .adrom.on .aot {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.advantages .w1680 {
  z-index: 2;
}

.advantages .bgc {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1.05);
  left: 0;
  bottom: 0;
  animation: infinite vrom 20s linear;
}

@keyframes vrom {
  0% {
    left: 0;
    bottom: 0;
  }
  100% {
    left: -0.15rem;
    bottom: 0.15rem;
  }
  20% {
    left: -0.3rem;
    bottom: 0.225rem;
  }
  30% {
    left: 0rem;
    bottom: 0.3rem;
  }
  40% {
    left: 0.15rem;
    bottom: 0.225rem;
  }
  50% {
    left: 0.3rem;
    bottom: 0.15rem;
  }
  60% {
    left: 0.15rem;
    bottom: 0rem;
  }
  70% {
    left: 0rem;
    bottom: -0.15rem;
  }
  80% {
    left: -0.3rem;
    bottom: -0.3rem;
  }
  90% {
    left: -0.15rem;
    bottom: -0.15rem;
  }
  100% {
    left: 0;
    bottom: 0;
  }
}

.abouts {
  width: 100%;
  padding: 1rem 0 0;
  position: relative;
  overflow: hidden;
}

.abouts:after {
  content: ' ';
  position: relative;
  width: 100%;
  height: 1rem;
  left: 0;
  right: 0;
  background-color: #fff;
  display: block;
}

.abouts .bg {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: calc(100% - 1rem);
  left: 0;
  top: 0;
}

.abouts .w1680 {
  z-index: 2;
}

.abouts .ablom {
  width: 6.6rem;
  max-width: 100%;
}

.abouts .ablom .abot {
  width: 100%;
}

.abouts .ablom .abot .abam {
  width: 100%;
}

.abouts .ablom .abot .abam a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0.3rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.abouts .ablom .abot .abam .aits {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.abouts .ablom .abot .abam .aits p {
  color: #fff;
  line-height: 1.5;
}

.abouts .ablom .abot .abam .rc {
  display: inline-block;
  vertical-align: middle;
}

.abouts .ablom .abot .abam .rc .atn {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  border: solid 2px #fff;
  overflow: hidden;
}

.abouts .ablom .abot .abam .rc .atn:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 102%;
  height: 102%;
  left: calc(-100% - 4px);
  top: 0;
  background-color: #c49f68;
  width: 100%;
  border-radius: 50%;
  transition: all ease 0.5s;
}

.abouts .ablom .abot .abam .rc .atn img {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.abouts .ablom .abot .abam .rc .atn img:first-child {
  opacity: 1;
}

.abouts .ablom .abot .abam .rc .atn img:last-child {
  opacity: 0;
}

.abouts .ablom .abot .abam .rc .atn:hover {
  border: solid 2px #c49f68;
}

.abouts .ablom .abot .abam .rc .atn:hover:after {
  left: 0;
}

.abouts .ablom .abot .abam .rc .atn:hover img {
  transform: translate(-50%, -50%) rotate(180deg);
}

.abouts .ablom .abot .abam .rc .atn:hover img:first-child {
  opacity: 0;
}

.abouts .ablom .abot .abam .rc .atn:hover img:last-child {
  opacity: 1;
}

.abouts .ablom .abot .ainp {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin: 0.3rem 0;
}

.abouts .ablom .abot .ainp p {
  color: #fff;
  line-height: 1.8;
}

.abouts .ablom .abot .play {
  width: 100%;
  font-size: 0;
  margin-top: 1rem;
}

.abouts .ablom .abot .play .ptn {
  display: inline-block;
  vertical-align: middle;
  width: 1.32rem;
  height: 1.32rem;
  cursor: pointer;
  transition: all ease 0.5s;
}

.abouts .ablom .abot .play .ptn img {
  width: 100%;
  display: block;
}

.abouts .ablom .abot .play .ptn:hover {
  transform: scale(1.1);
}

.abouts .aboupers {
  width: 100%;
  position: relative;
  top: 1rem;
}

.abouts .aboupers .swiper-container {
  padding-bottom: 0.2rem;
}

.abouts .aboupers .swiper-slide {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

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

.abouts .aboupers .swiper-slide .sit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
}

.abouts .aboupers .swiper-slide .somd {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.15rem 0;
}

.abouts .aboupers .swiper-slide .somd .soml {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #c49f68;
  font-weight: bold;
  line-height: 1.5;
}

.abouts .aboupers .swiper-slide .somd .soml span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.02rem;
}

.abouts .aboupers .swiper-slide .somd .somr {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
}

.abouts .aboupers .swiper-slide .somd .somr img {
  width: 100%;
  display: block;
}

.abouts .aboupers .swiper-slide .somd .somr img:first-child {
  display: block;
}

.abouts .aboupers .swiper-slide .somd .somr img:last-child {
  display: none;
}

.abouts .aboupers .swiper-slide .emx {
  width: 100%;
  color: #999;
  line-height: 1.6;
}

.abouts .aboupers .swiper-slide .sit, .abouts .aboupers .swiper-slide .somd, .abouts .aboupers .swiper-slide .emx {
  position: relative;
  z-index: 2;
}

.abouts .aboupers .swiper-slide:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 1.6rem;
  height: 0.53rem;
  background-image: url("../images/lx1.png");
  background-size: 100% 100%;
  right: 0;
  bottom: 0.2rem;
  transition: all ease 0.8s;
  right: 0;
}

.abouts .aboupers .acn {
  width: 100%;
  display: block;
  padding: 0.36rem 0.4rem;
  box-sizing: border-box;
  overflow: hidden;
}

.abouts .aboupers .swiper-slide.on, .abouts .aboupers .swiper-slide:hover {
  background-color: #c49f68;
}

.abouts .aboupers .swiper-slide.on .sit, .abouts .aboupers .swiper-slide.on .emx, .abouts .aboupers .swiper-slide:hover .sit, .abouts .aboupers .swiper-slide:hover .emx {
  color: #fff;
}

.abouts .aboupers .swiper-slide.on .somd .soml, .abouts .aboupers .swiper-slide:hover .somd .soml {
  color: #fff;
}

.abouts .aboupers .swiper-slide.on .somd .soml span, .abouts .aboupers .swiper-slide:hover .somd .soml span {
  color: #fff;
}

.abouts .aboupers .swiper-slide.on .somd .somr img:first-child, .abouts .aboupers .swiper-slide:hover .somd .somr img:first-child {
  display: none;
}

.abouts .aboupers .swiper-slide.on .somd .somr img:last-child, .abouts .aboupers .swiper-slide:hover .somd .somr img:last-child {
  display: block;
}

.abouts .aboupers .swiper-slide.on:after, .abouts .aboupers .swiper-slide:hover:after {
  right: 0;
  background-image: url("../images/lx2.png");
  background-size: 100% 100%;
}

.abouts .aboupers .swiper-slide:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.abouts .aboupers .swiper-slide:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.abouts .aboupers .swiper-slide:nth-child(4n+3) {
  transition-delay: 0.4s;
}

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

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

.nanner a {
  width: 100%;
  display: block;
}

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

.nanner .imgs .img {
  width: 100%;
  /* padding-top: 33.17%; */
}

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

.nanner .nom {
  position: absolute;
  width: 94%;
  display: block;
  margin: 0 auto;
  z-index: 3;
  left: calc(120 / 1920 * 100%);
  transform: translateY(-50%);
  top: 50%;
  text-align: left;
}

.nanner .nom .mitop {
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .nanner .imgs .img {
    /* padding-top: 53.17%; */
  }
}

.crumbs {
  width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  border-bottom: solid 1px #ddd;
}

.crumbs .w1680 {
  position: relative;
  z-index: 2;
}

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

.crumbs .column .cul {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.crumbs .column .cul .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.4rem;
}

.crumbs .column .cul .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 3;
  width: auto;
  padding: 0 0.15rem;
  transition: all ease 0.5s;
}

.crumbs .column .cul .swiper-slide a span {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.04rem;
  background-color: #c6a268;
  transition: all ease 0.5s;
  opacity: 0;
  transition: all ease 0.5s;
}

.crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {
  color: #c6a268;
}

.crumbs .column .cul .swiper-slide.on a span, .crumbs .column .cul .swiper-slide:hover a span {
  opacity: 1;
}

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

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

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

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

.crumbs .column .colum a span {
  display: inline-block;
  color: #666;
  margin: 0 0.14rem 0 0.18rem;
  line-height: 3.5;
  position: relative;
  top: -0.01rem;
}

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

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

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

@media (max-width: 800px) {
  .crumbs {
    position: relative;
  }
  .crumbs:after {
    width: 100%;
  }
  .crumbs .column .colum {
    width: 100%;
  }
  .crumbs .column .cul .swiper-wrapper {
    justify-content: flex-start;
  }
}

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

.prodclass .proliys {
  width: 100%;
  position: relative;
}

.prodclass .proliys .height {
  width: 100%;
}

.prodclass .proliys .height .hm {
  width: 100%;
  padding-top: 38.095%;
}

.prodclass .proliys .imgslist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}

.prodclass .proliys .imgslist .imgs {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all ease 0.9s;
  visibility: hidden;
  opacity: 0;
  transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}

.prodclass .proliys .imgslist .imgs .img {
  width: 100%;
  height: 100%;
  display: block;
}

.prodclass .proliys .imgslist .imgs.on {
  opacity: 1;
  z-index: 4;
  visibility: inherit;
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

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

.prodclass .proliys .proms .prom {
  width: calc(420 / 1680 * 100%);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 100%;
  box-sizing: border-box;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}

.prodclass .proliys .proms .prom .icont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 0.6rem 0.4rem;
  position: relative;
  z-index: 2;
  height: 100%;
  flex: 1;
  box-sizing: border-box;
}

.prodclass .proliys .proms .prom .icont .conp {
  width: 1.2rem;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}

.prodclass .proliys .proms .prom .icont .conp .icon {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.8s;
}

.prodclass .proliys .proms .prom .icont .conp .icon img {
  width: 100%;
  display: block;
}

.prodclass .proliys .proms .prom .icont .conp .icon img:first-child {
  display: block;
}

.prodclass .proliys .proms .prom .icont .conp .icon img:last-child {
  display: none;
}

.prodclass .proliys .proms .prom .icont .conp .tx {
  position: absolute;
  transition: all ease 0.8s;
  width: 0.17rem;
  height: 0.18rem;
  transform: rotate(0deg);
}

.prodclass .proliys .proms .prom .icont .conp .tx img {
  width: 100%;
  display: block;
}

.prodclass .proliys .proms .prom .icont .conp .tx img:first-child {
  display: block;
}

.prodclass .proliys .proms .prom .icont .conp .tx img:last-child {
  display: none;
}

.prodclass .proliys .proms .prom .icont .conp .x1 {
  left: 0;
  top: 0;
  transition-delay: 0.2s;
}

.prodclass .proliys .proms .prom .icont .conp .x2 {
  right: 0;
  top: 0;
  transition-delay: 0.3s;
}

.prodclass .proliys .proms .prom .icont .conp .x3 {
  left: 0;
  bottom: 0;
  transition-delay: 0.5s;
}

.prodclass .proliys .proms .prom .icont .conp .x4 {
  right: 0;
  bottom: 0;
  transition-delay: 0.4s;
}

.prodclass .proliys .proms .prom .icont .bomt {
  width: 100%;
  text-align: center;
  margin-top: 0.6rem;
}

.prodclass .proliys .proms .prom .icont .bomt .bit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.prodclass .proliys .proms .prom .icont .bomt .bix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.08rem;
}

.prodclass .proliys .proms .prom .rmgs {
  width: 100%;
  transition: all ease 0.5s;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -33;
  visibility: hidden;
}

.prodclass .proliys .proms .prom .rmgs .img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.8s;
  transition-delay: 0.3s;
}

.prodclass .proliys .proms .prom:nth-child(4n) {
  border-right: none;
}

.prodclass .proliys .proms .prom.on {
  z-index: 3;
}

.prodclass .proliys .proms .prom.on .icont .conp .icon {
  transform: scale(1.2);
}

.prodclass .proliys .proms .prom.on .icont .conp .icon img:first-child {
  display: none;
}

.prodclass .proliys .proms .prom.on .icont .conp .icon img:last-child {
  display: block;
}

.prodclass .proliys .proms .prom.on .icont .conp .tx {
  transform: rotate(180deg);
}

.prodclass .proliys .proms .prom.on .icont .conp .tx img:first-child {
  display: none;
}

.prodclass .proliys .proms .prom.on .icont .conp .tx img:last-child {
  display: block;
}

.prodclass .proliys .proms .prom.on .icont .bomt .bit, .prodclass .proliys .proms .prom.on .icont .bomt .bix {
  color: #fff;
}

.prodclass .prolist {
  width: 100%;
  margin-top: 0.8rem;
  font-size: 0;
}

.prodclass .prolist .pavom {
  display: inline-block;
  vertical-align: top;
  width: calc(820 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
  margin-bottom: 0.4rem;
}

.prodclass .prolist .pavom a {
  width: 100%;
  display: block;
  padding: 0.65rem 0.4rem;
  font-size: 0;
  background-color: #f8f8f8;
  border-top: solid 2px transparent;
  transition: all ease 0.5s;
  box-sizing: border-box;
}

.prodclass .prolist .pavom .pal {
  display: inline-block;
  vertical-align: middle;
  width: calc(300 / 740 * 100%);
}

.prodclass .prolist .pavom .pal .pit {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.prodclass .prolist .pavom .pal .px {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.prodclass .prolist .pavom .pal .line {
  width: 100%;
  margin: 0.3rem 0;
  font-size: 0;
}

.prodclass .prolist .pavom .pal .line .x1 {
  display: inline-block;
  vertical-align: middle;
  background-color: #0068b7;
  width: 0.11rem;
  height: 0.04rem;
  position: relative;
  left: 0.5rem;
  transition: all ease 0.5s;
}

.prodclass .prolist .pavom .pal .line .x2 {
  display: inline-block;
  vertical-align: middle;
  background-color: #c6a268;
  width: 0.11rem;
  height: 0.04rem;
  position: relative;
  left: 0.5rem;
  transition: all ease 0.5s;
  transition-delay: 0.1s;
}

.prodclass .prolist .pavom .pal .line.custom.is-visible .x1, .prodclass .prolist .pavom .pal .line.custom.is-visible .x2 {
  left: 0;
}

.prodclass .prolist .pavom .pal .add {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.prodclass .prolist .pavom .pal .add .atn {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  background-color: #dfdfdf;
  position: relative;
  overflow: hidden;
}

.prodclass .prolist .pavom .pal .add .atn:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: calc(-100% - 4px);
  top: 0;
  background-color: #c49f68;
  width: 100%;
  border-radius: 50%;
  transition: all ease 0.5s;
}

.prodclass .prolist .pavom .pal .add .atn img {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.prodclass .prolist .pavom .pal .add .atn img:first-child {
  opacity: 1;
}

.prodclass .prolist .pavom .pal .add .atn img:last-child {
  opacity: 0;
}

.prodclass .prolist .pavom .par {
  width: calc(396 / 740 * 100%);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}

.prodclass .prolist .pavom .par .img {
  width: 100%;
  padding-top: 70.70%;
  transition: all ease 0.5s;
}

.prodclass .prolist .pavom:nth-child(2n) {
  margin-right: 0;
  transition-delay: 0.2s;
}

.prodclass .prolist .pavom:hover a {
  border-top: solid 2px #c49f68;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.prodclass .prolist .pavom:hover .pal .add .atn:after {
  left: 0;
}

.prodclass .prolist .pavom:hover .pal .add .atn img {
  transform: translate(-50%, -50%) rotate(180deg);
}

@media (max-width: 800px) {
  .prodclass .proliys .height, .prodclass .proliys .imgslist {
    display: none;
  }
  .prodclass .proliys .proms {
    position: relative;
    height: auto;
    flex-wrap: wrap;
  }
  .prodclass .proliys .proms .prom {
    width: 50%;
    position: relative;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  }
  .prodclass .proliys .proms .prom .rmgs {
    z-index: 1;
    opacity: 1;
    visibility: visible;
  }
  .prodclass .proliys .proms .prom:nth-child(2n) {
    border-left: none;
  }
  .prodclass .prolist .pavom .pal {
    width: calc(396 / 740 * 100%);
  }
  .prodclass .prolist .pavom .par {
    width: calc(300 / 740 * 100%);
  }
}

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

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 0.1rem 0.1rem;
  border: solid 1px #dddddd;
}

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

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

.pages .page.on {
  background-color: #c49f68;
  color: #fff;
  border: solid 1px #c49f68;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

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

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

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

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

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

.pages .page:hover {
  background-color: #c49f68;
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
  border: solid 1px #c49f68;
}

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

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

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

.petails .petail .petl {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
}

.petails .petail .petl .erper {
  width: 100%;
  margin-bottom: 0.1rem;
  position: relative;
}

.petails .petail .petl .erper .swiper-slide {
  width: 100%;
}

.petails .petail .petl .erper .swiper-slide .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}

.petails .petail .petl .erper .rd {
  width: 0.19rem;
  height: 0.2rem;
  position: absolute;
  z-index: 3;
  width: 19px;
  height: 20px;
  right: 0.15rem;
  bottom: 0.15rem;
}

.petails .petail .petl .erper .rd img {
  width: 100%;
  display: block;
}

.petails .petail .petl .elper {
  width: 100%;
}

.petails .petail .petl .elper .swiper-slide {
  width: 100%;
  border: solid 1px #dddddd;
  position: relative;
  overflow: hidden;
  height: auto;
  box-sizing: border-box;
  cursor: pointer;
}

.petails .petail .petl .elper .swiper-slide .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}

.petails .petail .petl .elper .swiper-slide.on {
  border: solid 1px #c49f68;
}

.petails .petail .petr {
  display: inline-block;
  vertical-align: middle;
  width: calc(735 / 1680 * 100%);
  padding-top: 1rem;
}

.petails .petail .petr .pit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.3rem;
}

.petails .petail .petr .pinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin: 0.3rem 0;
}

.petails .petail .petr .pinp p {
  color: #666;
  line-height: 1.8;
}

.petails .petail .petr .labels {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.petails .petail .petr .labels .lab {
  display: inline-block;
  vertical-align: top;
  border: solid 1px #eeeeee;
  line-height: 2.5;
  padding: 0 0.2rem;
  width: auto;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}

.petails .petail .petr .share {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.petails .petail .petr .share .sit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.petails .petail .petr .share .shom {
  width: 100%;
  font-size: 0;
}

.petails .petail .petr .share .shom .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
  margin-right: 0.1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  transition: all ease 0.5s;
}

.petails .petail .petr .share .shom .am a, .petails .petail .petr .share .shom .am .img {
  width: 100%;
  display: block;
}

.petails .petail .petr .share .shom .am img:first-child {
  display: block;
}

.petails .petail .petr .share .shom .am img:last-child {
  display: none;
}

.petails .petail .petr .share .shom .am:hover {
  background-color: #c49f68;
}

.petails .petail .petr .share .shom .am:hover img:first-child {
  display: none;
}

.petails .petail .petr .share .shom .am:hover img:last-child {
  display: block;
}

@media (max-width: 800px) {
  .petails .petail .petr .share .shom .am {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.Detaiils {
  width: 100%;
  padding: 0.4rem 0 0;
}

.Detaiils .dit {
  width: 100%;
  text-align: center;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.Detaiils .dinavom {
  background-color: #fff;
}

.Detaiils .dinavs {
  width: 100%;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.Detaiils .dinavs .swiper-wrapper {
  justify-content: center;
}

.Detaiils .dinavs .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  text-align: center;
  position: relative;
  line-height: 0.8rem;
  cursor: pointer;
}

.Detaiils .dinavs .swiper-slide:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #c6a268;
  opacity: 0;
  transition: all ease 0.5s;
}

.Detaiils .dinavs .swiper-slide.on, .Detaiils .dinavs .swiper-slide:hover {
  color: #c6a268;
}

.Detaiils .dinavs .swiper-slide.on:after, .Detaiils .dinavs .swiper-slide:hover:after {
  opacity: 1;
}

.Detaiils .dinavs.fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 20;
}

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

.Detaiils .detons .tetop {
  width: 100%;
  margin-bottom: 0.45rem;
}

.Detaiils .detons .tetop .tit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.2rem;
}

.Detaiils .detons .tetop .tit span {
  color: #c6a268;
}

.Detaiils .detons .tetop .line {
  width: 100%;
  font-size: 0;
}

.Detaiils .detons .tetop .line .x1 {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.04rem;
  background-color: #0068b7;
  position: relative;
  transition: all ease 0.5s;
  left: 0;
  left: 0.3rem;
}

.Detaiils .detons .tetop .line .x2 {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.04rem;
  background-color: #c49f68;
  position: relative;
  transition: all ease 0.5s;
  left: 0;
  left: 0.3rem;
  transition-delay: 0.2s;
}

.Detaiils .detons .tetop .line.custom.is-visible .x1, .Detaiils .detons .tetop .line.custom.is-visible .x2 {
  left: 0;
}

.Detaiils .detons .tetop.mid {
  text-align: center;
}

.Detaiils .detons .technology {
  width: 100%;
  padding: 0.4rem 0;
}

.Detaiils .detons .technology .line {
  text-align: center;
}

.Detaiils .detons .technology .line .x1 {
  left: -0.3rem;
}

.Detaiils .detons .technology .pmgs {
  width: 100%;
}

.Detaiils .detons .technology .pmgs img {
  width: 100%;
  display: block;
}

.Detaiils .detons .technology .sonb {
  width: 100%;
  margin-top: 0.45rem;
}

.Detaiils .detons .technology .sonb .sit {
  width: 100%;
  color: #111;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.3rem;
}

.Detaiils .detons .technology .sonb .sinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.Detaiils .detons .technology .sonb .sinp p {
  color: #666;
  line-height: 1.8;
}

.Detaiils .detons .techm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0.4rem 0;
}

.Detaiils .detons .techm .tml {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
  position: relative;
  overflow: hidden;
}

.Detaiils .detons .techm .tml .img {
  width: 100%;
  padding-top: 61.90%;
}

.Detaiils .detons .techm .tmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(710 / 1680 * 100%);
}

.Detaiils .detons .techm .tmr .tinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.Detaiils .detons .techm .tmr .tinp p {
  color: #666;
  line-height: 1.8;
}

.Detaiils .detons .techm .tmr .fh {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.Detaiils .detons .techm .tmr .fh span {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
}

.Detaiils .detons .techm .tmr .fh span img {
  width: 100%;
  display: block;
}

.Detaiils .detons .texts {
  width: 100%;
  padding: 0.4rem 0;
}

.Detaiils .detons .texts .textper {
  width: 100%;
  position: relative;
}

.Detaiils .detons .texts .textper .swiper-container {
  width: 100%;
  padding-top: 0.4rem;
}

.Detaiils .detons .texts .textper .swiper-slide {
  width: 100%;
  padding-top: 0.4rem;
}

.Detaiils .detons .texts .textper .swiper-slide .swom {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem 0.4rem 0.25rem;
  position: relative;
  box-sizing: border-box;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .num {
  width: 100%;
  font-size: 0;
  position: absolute;
  top: -0.4rem;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .num .xn {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #c49f68;
  position: relative;
  overflow: hidden;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .num .xn span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: -0.2rem;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .nit {
  width: 100%;
  color: #222;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .ginp {
  width: 100%;
  color: #666;
  line-height: 1.8;
  height: 7.2em;
}

.Detaiils .detons .texts .textper .swiper-slide .swom .ginp p {
  color: #666;
  line-height: 1.8;
}

.Detaiils .detons .texts .textper .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: #efefef;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  display: none;
}

.Detaiils .detons .texts .textper .btn img {
  width: 100%;
  display: block;
}

.Detaiils .detons .texts .textper .btn img:first-child {
  display: block;
}

.Detaiils .detons .texts .textper .btn img:last-child {
  display: none;
}

.Detaiils .detons .texts .textper .btn:hover {
  background-color: #c49f68;
}

.Detaiils .detons .texts .textper .btn:hover img:first-child {
  display: none;
}

.Detaiils .detons .texts .textper .btn:hover img:last-child {
  display: block;
}

.Detaiils .detons .texts .textper .bl {
  left: -0.15rem;
}

.Detaiils .detons .texts .textper .br {
  right: -0.15rem;
}

.Detaiils .detons .capacity {
  width: 100%;
  padding: 0.4rem 0;
}

.Detaiils .detons .capacity .tables {
  width: 100%;
  border: solid 1px #dddddd;
}

.Detaiils .detons .capacity .tables .tr {
  width: 100%;
  font-size: 0;
  display: flex;
}

.Detaiils .detons .capacity .tables .tr .td {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

.Detaiils .detons .capacity .tables .tr .td .tdm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.15rem 0.3rem;
  box-sizing: border-box;
}

.Detaiils .detons .capacity .tables .tr .td + .td {
  border-left: solid 1px #ddd;
}

.Detaiils .detons .capacity .tables .tr .dm1 {
  width: calc(420 / 1680 * 100%);
}

.Detaiils .detons .capacity .tables .tr .dm1 .tdm {
  color: #222;
  background-color: #f0f0f0;
}

.Detaiils .detons .capacity .tables .tr .dm2 {
  width: calc(1260 / 1680 * 100%);
}

.Detaiils .detons .capacity .tables .tr + .tr {
  border-top: solid 1px #ddd;
}

.Detaiils .detons .itempers {
  width: 100%;
  position: relative;
}

.Detaiils .detons .itempers .swiper-slide {
  width: 100%;
}

.Detaiils .detons .itempers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.Detaiils .detons .itempers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.Detaiils .detons .itempers .swiper-slide .sim {
  width: 100%;
  margin-top: 0.1rem;
  text-align: center;
  color: #111;
  line-height: 2;
}

.Detaiils .detons .itempers .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.Detaiils .detons .itempers .swiper-slide:hover .sim {
  color: #c6a268;
}

.Detaiils .detons .itempers .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: #efefef;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
}

.Detaiils .detons .itempers .btn img {
  width: 100%;
  display: block;
}

.Detaiils .detons .itempers .btn img:first-child {
  display: block;
}

.Detaiils .detons .itempers .btn img:last-child {
  display: none;
}

.Detaiils .detons .itempers .btn:hover {
  background-color: #c49f68;
}

.Detaiils .detons .itempers .btn:hover img:first-child {
  display: none;
}

.Detaiils .detons .itempers .btn:hover img:last-child {
  display: block;
}

.Detaiils .detons .itempers .bl {
  left: -0.7rem;
}

.Detaiils .detons .itempers .br {
  right: -0.7rem;
}

.Detaiils .detons .items {
  width: 100%;
  padding: 0.4rem 0;
}

.Detaiils .detons .items.honors .swiper-slide .imgs .img {
  padding-top: 77.75%;
}

@media (max-width: 1700px) {
  .Detaiils .dinavs .swiper-wrapper {
    justify-content: flex-start;
  }
  .Detaiils .detons .itempers .bl {
    left: -0.3rem;
  }
  .Detaiils .detons .itempers .br {
    right: -0.3rem;
  }
}

@media (max-width: 800px) {
  .Detaiils .detons .itempers .bl {
    left: -0.15rem;
    top: 40%;
  }
  .Detaiils .detons .itempers .br {
    right: -0.15rem;
    top: 40%;
  }
}

.pitem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  font-size: 0;
  box-sizing: border-box;
}

.pitem .prol {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
  position: relative;
}

.pitem .prol .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.pitem .prol .imgs .img {
  width: 100%;
  padding-top: 97.91%;
}

.pitem .prol .play {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.32rem;
  height: 1.32rem;
  cursor: pointer;
  transition: all ease 0.5s;
}

.pitem .prol .play img {
  width: 100%;
  display: block;
}

.pitem .prol .play:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.pitem .prol .mitop, .pitem .prol .pinps {
  position: relative;
  z-index: 2;
}

.pitem .pror {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
  padding: 0.2rem calc(120 / 1920 * 100%);
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  overflow: hidden;
}

.pitem .pror .pinps {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

.pitem .pror .pinps p {
  color: #666;
  line-height: 1.8;
}

.pitem .pror .bx1 {
  position: absolute;
  z-index: 1;
  left: -1000px;
  bottom: 0;
  width: 8.07rem;
  width: calc(807 / 960 * 100%);
}

.pitem .pror .bx1 img {
  width: 100%;
  display: block;
}

.pitem .pror .bx1.custom.is-visible {
  left: 0;
  animation: infinite back 10s linear;
}

.pitem .pror .bx2 {
  position: absolute;
  z-index: 1;
  right: -1000px;
  bottom: 0;
  width: 8.07rem;
  width: calc(807 / 960 * 100%);
}

.pitem .pror .bx2 img {
  width: 100%;
  display: block;
}

.pitem .pror .bx2.custom.is-visible {
  right: 0;
  animation: infinite come 10s linear;
}

.pitem.cultrue {
  flex-direction: row;
}

.vompers {
  width: 100%;
  padding: 2rem 0;
}

.vompers .vomper {
  width: 100%;
}

.vompers .vomper .swiper-slide {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
  box-sizing: border-box;
  cursor: pointer;
  transition: all ease 0.5s;
}

.vompers .vomper .swiper-slide .stop {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.vompers .vomper .swiper-slide .stop .sc {
  width: 0.45rem;
  height: 0.45rem;
  display: block;
  margin: 0 auto 0.08rem;
}

.vompers .vomper .swiper-slide .stop .sc img {
  width: 100%;
  display: block;
}

.vompers .vomper .swiper-slide .stop .sc img:first-child {
  display: block;
}

.vompers .vomper .swiper-slide .stop .sc img:last-child {
  display: none;
}

.vompers .vomper .swiper-slide .stop .sm {
  width: 100%;
  text-align: center;
  color: #111;
  line-height: 1.5;
}

.vompers .vomper .swiper-slide .somt {
  width: 100%;
  color: #c49f68;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding: 0.3rem 0 0.15rem;
  position: relative;
  z-index: 2;
}

.vompers .vomper .swiper-slide .somt span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.02rem;
}

.vompers .vomper .swiper-slide .emx {
  width: 100%;
  color: #999;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
  height: 3em;
}

.vompers .vomper .swiper-slide .bg2 {
  position: absolute;
  right: 0.2rem;
  bottom: 0;
  transition: all ease 0.8s;
  width: 0.52rem;
}

.vompers .vomper .swiper-slide .bg2 img {
  width: 100%;
  display: block;
}

.vompers .vomper .swiper-slide .bg2 img:first-child {
  display: block;
}

.vompers .vomper .swiper-slide .bg2 img:last-child {
  display: none;
}

.vompers .vomper .swiper-slide .bg1 {
  position: absolute;
  left: 0.2rem;
  top: 0;
  transition: all ease 0.8s;
  width: 0.52rem;
}

.vompers .vomper .swiper-slide .bg1 img {
  width: 100%;
  display: block;
}

.vompers .vomper .swiper-slide .bg1 img:first-child {
  display: block;
}

.vompers .vomper .swiper-slide .bg1 img:last-child {
  display: none;
}

.vompers .vomper .swiper-slide:hover {
  background-color: #c6a268;
}

.vompers .vomper .swiper-slide:hover .stop .sc img:first-child {
  display: none;
}

.vompers .vomper .swiper-slide:hover .stop .sc img:last-child {
  display: block;
}

.vompers .vomper .swiper-slide:hover .stop .sm {
  color: #fff;
}

.vompers .vomper .swiper-slide:hover .somt {
  color: #fff;
}

.vompers .vomper .swiper-slide:hover .emx {
  color: #fff;
}

.vompers .vomper .swiper-slide:hover .bg1 {
  animation: inset1 1s forwards linear;
}

.vompers .vomper .swiper-slide:hover .bg1 img:first-child {
  display: none;
}

.vompers .vomper .swiper-slide:hover .bg1 img:last-child {
  display: block;
}

.vompers .vomper .swiper-slide:hover .bg2 {
  animation: inset2 1s forwards linear;
}

.vompers .vomper .swiper-slide:hover .bg2 img:first-child {
  display: none;
}

.vompers .vomper .swiper-slide:hover .bg2 img:last-child {
  display: block;
}

@keyframes inset1 {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}

@keyframes inset2 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}

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

.ablum .mitop .mor .btns {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.ablum .mitop .mor .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #efefef;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  border: solid 1px #ddd;
}

.ablum .mitop .mor .btns .btn img {
  width: 100%;
  display: block;
}

.ablum .mitop .mor .btns .btn img:first-child {
  display: block;
}

.ablum .mitop .mor .btns .btn img:last-child {
  display: none;
}

.ablum .mitop .mor .btns .btn:hover {
  border: solid 1px #c49f68;
  background-color: #c49f68;
}

.ablum .mitop .mor .btns .btn:hover img:first-child {
  display: none;
}

.ablum .mitop .mor .btns .btn:hover img:last-child {
  display: block;
}

.ablum .mitop .mor .btns .btn + .btn {
  margin-left: 0.2rem;
}

.ablum .ablumper {
  width: 100%;
}

.ablum .ablumper .swiper-slide {
  width: 100%;
}

.ablum .ablumper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ablum .ablumper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 56.25%;
}

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

.partners .parsnt {
  width: 100%;
  position: relative;
  padding-top: 1rem;
}

.partners .mitop {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.partners .mitop .mor .btns {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.partners .mitop .mor .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #efefef;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  border: solid 1px #ddd;
}

.partners .mitop .mor .btns .btn img {
  width: 100%;
  display: block;
}

.partners .mitop .mor .btns .btn img:first-child {
  display: block;
}

.partners .mitop .mor .btns .btn img:last-child {
  display: none;
}

.partners .mitop .mor .btns .btn:hover {
  border: solid 1px #c49f68;
  background-color: #c49f68;
}

.partners .mitop .mor .btns .btn:hover img:first-child {
  display: none;
}

.partners .mitop .mor .btns .btn:hover img:last-child {
  display: block;
}

.partners .mitop .mor .btns .btn + .btn {
  margin-left: 0.2rem;
}

.partners .partpers {
  width: 100%;
}

.partners .partpers .swiper-container {
  padding: 2rem 0 1rem;
}

.partners .partpers .pmem {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(280 / 1680 * 100%);
}

.partners .partpers .pmem .hei {
  width: 100%;
  padding-top: 70%;
}

.partners .partpers .pmem .ptm {
  position: absolute;
  z-index: 8;
  background-image: linear-gradient(0deg, #ffffff 0%, #f2f2f2 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal,  normal;
  box-shadow: 0px 0.2rem 0.4rem 0px rgba(0, 0, 0, 0.05);
  border: solid 1px #ffffff;
  border-radius: 50%;
}

.partners .partpers .pmem .ptm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
}

.partners .partpers .pmem .ptm .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.partners .partpers .pmem .ptm:hover .imgs .img {
  transform: scale(1.1);
}

.partners .partpers .pmem:nth-child(6n+1) {
  transition-delay: 0.2s;
}

.partners .partpers .pmem:nth-child(6n+2) {
  transition-delay: 0.3s;
}

.partners .partpers .pmem:nth-child(6n+3) {
  transition-delay: 0.4s;
}

.partners .partpers .pmem:nth-child(6n+4) {
  transition-delay: 0.5s;
}

.partners .partpers .pmem:nth-child(6n+5) {
  transition-delay: 0.6s;
}

.partners .partpers .pmem:nth-child(6n+6) {
  transition-delay: 0.7s;
}

.partners .partpers .li1 .ptm {
  width: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  top: -25%;
}

.partners .partpers .li2 .ptm {
  width: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25%;
}

.partners .partpers .li3 .ptm {
  width: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  top: -25%;
}

.partners .partpers .li4 .ptm {
  width: 2rem;
  left: 50%;
  transform: translateX(-50%);
  top: -100%;
}

.partners .partpers .li5 .ptm {
  width: 1.2rem;
  right: -12.5%;
  top: -25%;
}

.partners .partpers .li6 .ptm {
  width: 1.2rem;
  right: 0%;
  top: -50%;
}

.partners .partpers .li6 .ptm {
  width: 1.2rem;
  right: 0%;
  top: -50%;
}

.partners .partpers .li7 .ptm {
  width: 2rem;
  left: 0%;
  bottom: 0%;
}

.partners .partpers .li8 .ptm {
  width: 1.6rem;
  right: 0%;
  bottom: -25%;
}

.partners .partpers .li9 .ptm {
  width: 2.2rem;
  right: -50%;
  bottom: 0%;
}

.partners .partpers .li10 .ptm {
  width: 2rem;
  right: -50%;
  top: -75%;
}

.partners .partpers .li11 .ptm {
  width: 1.6rem;
  right: 0%;
  transform: translateX(0%);
  bottom: -25%;
}

.partners .partpers .li12 .ptm {
  width: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  top: -50%;
}

.partners .bline {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../images/bg9.png");
  background-size: 100% 100%;
  top: 0;
  left: 0;
}

.partners .w1680 {
  z-index: 3;
}

@media (max-width: 800px) {
  .partners .mitop {
    position: relative;
  }
  .partners .parsnt {
    padding-top: 0;
  }
  .partners .partpers .swiper-container {
    padding: 1rem 0 0rem;
  }
  .partners .partpers .pmem:nth-child(4n+1) {
    transition-delay: 0.2s !important;
  }
  .partners .partpers .pmem:nth-child(4n+1) .ptm {
    width: 2.2rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    right: auto;
    bottom: auto;
  }
  .partners .partpers .pmem:nth-child(4n+2) {
    transition-delay: 0.3s !important;
  }
  .partners .partpers .pmem:nth-child(4n+2) .ptm {
    width: 2.2rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    right: auto;
    bottom: auto;
  }
  .partners .partpers .pmem:nth-child(4n+3) {
    transition-delay: 0.4s !important;
  }
  .partners .partpers .pmem:nth-child(4n+3) .ptm {
    width: 2.2rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    right: auto;
    bottom: auto;
  }
  .partners .partpers .pmem:nth-child(4n+4) {
    transition-delay: 0.5s !important;
  }
  .partners .partpers .pmem:nth-child(4n+4) .ptm {
    width: 2.2rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    right: auto;
    bottom: auto;
  }
}

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

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

.newsom .nevom a {
  width: 100%;
  display: block;
}

.newsom .nevom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
  position: relative;
  overflow: hidden;
}

.newsom .nevom .imgs a {
  width: 100%;
  display: block;
}

.newsom .nevom .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.newsom .nevom .imgs:hover .img {
  transform: scale(1.1);
}

.newsom .nevom .elom {
  display: inline-block;
  vertical-align: middle;
  width: calc(740 / 1680 * 100%);
}

.newsom .nevom .elom .eix {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.newsom .nevom .elom .eit {
  width: 100%;
  color: #222;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.3rem;
  display: block;
}

.newsom .nevom .elom .eit:hover {
  color: #c49f68;
}

.newsom .nevom .elom .einp {
  width: 100%;
  color: #999;
  line-height: 1.8;
}

.newsom .nevom .elom .einp p {
  color: #999;
  line-height: 1.8;
}

.newsom .nevom .elom .add {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.newsom .nevom .elom .add .atn {
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  background-color: #c49f68;
  position: relative;
  border: solid 2px #c49f68;
  overflow: hidden;
}

.newsom .nevom .elom .add .atn:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: calc(-100% - 4px);
  top: 0;
  background-color: #fff;
  width: 100%;
  border-radius: 50%;
  transition: all ease 0.5s;
}

.newsom .nevom .elom .add .atn img {
  width: 0.17rem;
  height: 0.18rem;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

.newsom .nevom .elom .add .atn img:first-child {
  opacity: 1;
}

.newsom .nevom .elom .add .atn img:last-child {
  opacity: 0;
}

.newsom .nevom .elom .add .atn:hover:after {
  left: 0;
}

.newsom .nevom .elom .add .atn:hover img {
  transform: translate(-50%, -50%) rotate(180deg);
}

.newsom .nevom .elom .add .atn:hover img:first-child {
  opacity: 0;
}

.newsom .nevom .elom .add .atn:hover img:last-child {
  opacity: 1;
}

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

.newlism .newlist {
  width: 100%;
  font-size: 0;
}

.newlism .newlist .neam {
  width: calc(400 / 1680 * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc(25 / 1680 * 100%);
  margin-bottom: 0.5rem;
}

.newlism .newlist .neam a {
  width: 100%;
  display: block;
  border-bottom: solid 2px transparent;
  transition: all ease 0.3s;
}

.newlism .newlist .neam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newlism .newlist .neam .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.newlism .newlist .neam .nom {
  width: 100%;
  padding: 0.35rem;
  background-color: #fff;
  box-sizing: border-box;
}

.newlism .newlist .neam .nom .eix {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.newlism .newlist .neam .nom .eit {
  width: 100%;
  color: #222;
  line-height: 1.5;
  height: 3em;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.newlism .newlist .neam .nom .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.35rem;
}

.newlism .newlist .neam .nom .more .xx {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.newlism .newlist .neam .nom .more .xc {
  display: inline-block;
  vertical-align: middle;
  width: 0.15rem;
  margin-left: 0.14rem;
}

.newlism .newlist .neam .nom .more .xc img {
  width: 100%;
  display: block;
}

.newlism .newlist .neam .nom .more .xc img:first-child {
  display: block;
}

.newlism .newlist .neam .nom .more .xc img:last-child {
  display: none;
}

.newlism .newlist .neam:hover a {
  border-bottom: solid 2px #c69255;
}

.newlism .newlist .neam:hover .imgs .img {
  transform: scale(1.1);
}

.newlism .newlist .neam:hover .nom {
  width: 100%;
}

.newlism .newlist .neam:hover .nom .eit {
  color: #c6a268;
}

.newlism .newlist .neam:hover .nom .more .xx {
  color: #c6a268;
}

.newlism .newlist .neam:hover .nom .more .xc img:first-child {
  display: none;
}

.newlism .newlist .neam:hover .nom .more .xc img:last-child {
  display: block;
}

.newlism .newlist .neam:nth-child(4n) {
  margin-right: 0;
}

.newlism .newlist .neam:nth-child(4n+1) {
  transition-delay: 0.2s;
}

.newlism .newlist .neam:nth-child(4n+2) {
  transition-delay: 0.3s;
}

.newlism .newlist .neam:nth-child(4n+3) {
  transition-delay: 0.4s;
}

.newlism .newlist .neam:nth-child(4n+4) {
  transition-delay: 0.5s;
}

.netails {
  width: 100%;
  padding: 0.4rem 0;
  overflow: hidden;
}

.netails .netail {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.netails .netail .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(1140 / 1680 * 100%);
  padding-top: 0.4rem;
}

.netails .netail .nel .nlt {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.14rem;
}

.netails .netail .nel .nim {
  width: 100%;
  font-size: 0;
}

.netails .netail .nel .nim span {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 1.5;
  margin-right: 0.4rem;
}

.netails .netail .nel .ninps {
  width: 100%;
  color: #515253;
  line-height: 1.8;
  margin: 0.3rem 0;
  padding: 0.3rem 0;
  border-top: solid 1px #ddd;
}

.netails .netail .nel .ninps p {
  color: #515253;
  line-height: 1.8;
}

.netails .netail .nel .back {
  width: 100%;
  margin-top: 0.5rem;
}

.netails .netail .nel .back .btn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #c6a268;
  color: #fff;
  line-height: 3;
  padding: 0 0.45rem;
}

.netails .netail .nel .back .btn span {
  display: inline-block;
  width: 0.15rem;
  margin-left: 0.2rem;
}

.netails .netail .nel .back .btn span img {
  width: 100%;
  display: block;
}

.netails .netail .ner {
  display: inline-block;
  vertical-align: middle;
  width: calc(450 / 1680 * 100%);
  padding-left: 0.6rem;
  position: relative;
  padding-top: 0.4rem;
}

.netails .netail .ner .nepm {
  width: 100%;
  margin-bottom: 0.3rem;
}

.netails .netail .ner .nepm a {
  width: 100%;
  display: inline-block;
}

.netails .netail .ner .nepm .at {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.netails .netail .ner .nepm .aom {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.05rem;
}

.netails .netail .ner .nepm:hover .aom {
  color: #c49f68;
}

.netails .netail .ner .hot {
  width: 100%;
  margin-top: 0.5rem;
}

.netails .netail .ner .hot .hit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.netails .netail .ner .hot .hinplis {
  width: 100%;
}

.netails .netail .ner .hot .hinplis .heom {
  width: 100%;
}

.netails .netail .ner .hot .hinplis .heom a {
  width: 100%;
  display: block;
  font-size: 0;
}

.netails .netail .ner .hot .hinplis .heom {
  width: 100%;
  font-size: 0;
  padding: 0.15rem 0;
}

.netails .netail .ner .hot .hinplis .heom a {
  width: 100%;
  display: block;
  font-size: 0;
}

.netails .netail .ner .hot .hinplis .heom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(180 / 555 * 100%);
  position: relative;
  overflow: hidden;
}

.netails .netail .ner .hot .hinplis .heom .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.netails .netail .ner .hot .hinplis .heom .eam {
  display: inline-block;
  vertical-align: middle;
  width: calc(374 / 555 * 100%);
  padding-left: 0.3rem;
  box-sizing: border-box;
}

.netails .netail .ner .hot .hinplis .heom .eam .eit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.netails .netail .ner .hot .hinplis .heom .eam .ex {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.netails .netail .ner .hot .hinplis .heom + .heom {
  border-top: solid 1px #e8e8e8;
}

.netails .netail .ner .hot .hinplis .heom:first-child {
  padding-top: 0;
}

.netails .netail .ner .hot .hinplis .heom:hover .imgs .img {
  transform: scale(1.1);
}

.netails .netail .ner .hot .hinplis .heom:hover .eam .eit {
  color: #c49f68;
}

.netails .netail .ner.fixed {
  position: fixed;
  top: 0.8rem;
  right: 50%;
  margin-right: -8.4rem;
  width: calc(450 / 1920 * 100%);
}

.netails .netail .ner.fixed.bot {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  top: auto;
  width: calc(450 / 1680 * 100%);
}

@media (max-width: 1700px) {
  .netails .netail .ner.fixed {
    margin-right: -47%;
    width: calc(450 / 1680 * 94%);
  }
}

@media (max-width: 800px) {
  .netails .netail .ner.fixed {
    position: relative;
  }
  .netails .netail .ner.fixed.bot {
    position: relative;
  }
}

.wc-item.w100.yzm {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
}

.wc-item.w100.yzm .wc-input {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.wc-item.w100.yzm .ymg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

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

.searchlom .results {
  width: 100%;
}

.searchlom .results .rips {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.searchlom .results .rips a {
  display: inline-block;
  color: #222;
  line-height: 1.5;
  margin-right: 0.25rem;
}

.searchlom .results .rips a i {
  display: inline-block;
  margin: 0 0.06rem;
  color: #c49f68;
  font-style: normal;
}

.searchlom .results .resulis {
  width: 100%;
  margin-top: 0.4rem;
}

.searchlom .results .resulis .reuom {
  width: 100%;
  border: solid 1px #ddd;
  transition: all ease 0.5s;
  border-radius: 0.2rem;
}

.searchlom .results .resulis .reuom a {
  width: 100%;
  display: block;
  padding: 0.3rem 0.25rem;
}

.searchlom .results .resulis .reuom .cit {
  width: 100%;
  font-size: 0;
}

.searchlom .results .resulis .reuom .cit .cp {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 6em);
  color: #222;
  line-height: 1.5;
  padding-right: 0.2rem;
}

.searchlom .results .resulis .reuom .cit .cp span {
  color: #c49f68;
}

.searchlom .results .resulis .reuom .cit .tic {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 6em;
  line-height: 2;
  text-align: center;
  border-radius: 1em;
  background-color: #c49f68;
}

.searchlom .results .resulis .reuom .vim {
  width: 96%;
  color: #888;
  line-height: 2;
  margin-top: 0.08rem;
}

.searchlom .results .resulis .reuom:hover {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
}

.searchlom .results .resulis .reuom + .reuom {
  margin-top: 0.3rem;
}