@charset "UTF-8";
.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1220px) {
  .w1200 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1200 {
    width: 94%; } }
.w1460 {
  width: 14.6rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1460px) {
  .w1460 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1460 {
    width: 94%; } }
header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 22;
  background-color: #000;
  transition: all ease 0.5s; }
header .hop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative; }
header .logo {
  width: 80px;
  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: center; }
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.15rem; }
header nav .natem .nas a {
  display: inline-block;
  line-height: 0.9rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding: 0 0.1rem; }
header nav .natem .nas .xs {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  margin-left: 0.1rem;
  display: none; }
header nav .natem .nas .xs img {
  width: 100%;
  display: block; }
header nav .natem .nas .xs img:first-child {
  display: block; }
header nav .natem .nas .xs img:last-child {
  display: none; }
header nav .natem .nas:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: #e90000;
  transition: all ease 0.5s;
  width: 0; }
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: #e90000;
  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 .longul {
  width: 100vw;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  top: calc(0.9rem + 0px);
  display: none;
  z-index: 8;
  font-size: 0;
  padding: 0.3rem 0; }
header nav .natem .longul .longlist {
  width: 100%;
  font-size: 0;
  text-align: left; }
header nav .natem .longul .longlist .longm {
  display: inline-block;
  vertical-align: top;
  width: calc(275 / 1200 * 100%);
  margin-right: calc(33 / 1200 * 100%);
  margin-bottom: 0.15rem; }
header nav .natem .longul .longlist .longm a {
  width: 100%;
  display: block; }
header nav .natem .longul .longlist .longm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
header nav .natem .longul .longlist .longm .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s; }
header nav .natem .longul .longlist .longm .lim {
  width: 100%;
  font-size: 0;
  margin-top: 0.15rem; }
header nav .natem .longul .longlist .longm .lim .em {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 6px - 0.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
header nav .natem .longul .longlist .longm .lim .ex {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem; }
header nav .natem .longul .longlist .longm .lim .ex img {
  width: 100%;
  display: block; }
header nav .natem .longul .longlist .longm .lim .ex img:first-child {
  display: block; }
header nav .natem .longul .longlist .longm .lim .ex img:last-child {
  display: none; }
header nav .natem .longul .longlist .longm:nth-child(4n) {
  margin-right: 0; }
header nav .natem .longul .longlist .longm:hover .imgs .img {
  transform: scale(1.1); }
header nav .natem .longul .longlist .longm:hover .lim .em {
  color: #ff0000; }
header nav .natem .longul .longlist .longm:hover .lim .ex img:first-child {
  display: none; }
header nav .natem .longul .longlist .longm:hover .lim .ex img:last-child {
  display: block; }
header nav .natem .longul .longlist.td5 .longm {
  width: calc(225 / 1200 * 100%);
  margin-right: calc(18 / 1200 * 100%); }
header nav .natem .longul .longlist.td5 .longm:nth-child(4n) {
  margin-right: calc(18 / 1200 * 100%); }
header nav .natem .longul .longlist.td5 .longm:nth-child(5n) {
  margin-right: 0; }
header nav .natem .longul .more {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.15rem; }
header nav .natem .longul .more a {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  color: #fff;
  line-height: 3.5;
  border-radius: 5px;
  padding: 0 0.4rem; }
header nav .natem .longul .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem;
  position: relative;
  top: -0.01rem;
  position: relative; }
header nav .natem .longul .more a span img {
  width: 100%;
  display: block; }
header nav .natem.has-nav .nas .xs {
  display: inline-block; }
header nav .natem.on .nas a {
  color: #e90000; }
header nav .natem.on .nas:after {
  opacity: 1;
  width: 100%; }
header nav .natem.on .nas .xs img:first-child {
  display: none; }
header nav .natem.on .nas .xs img:last-child {
  display: block; }
header nav .natem:hover .nas a {
  color: #e90000; }
header nav .natem:hover .nas .xs img:first-child {
  display: none; }
header nav .natem:hover .nas .xs img:last-child {
  display: block; }
header nav .natem:hover .nas:after {
  opacity: 1;
  width: 100%; }
header nav .seract {
  width: 100%;
  display: none; }
header nav .phone {
  width: 100%;
  display: none; }
header nav .navlist {
  width: 100%; }
header nav .addrees {
  width: 100%;
  display: none; }
header nav .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  display: none;
  width: 100%;
  padding: 0 0.4rem;
  margin-top: 0.2rem; }
header nav .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  position: relative;
  background-color: black;
  border: solid 1px rgba(0, 0, 0, 0.3); }
header nav .share .am a, header nav .share .am img {
  width: 100%;
  display: block; }
header nav .share .am .codem {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.15rem);
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  padding: 0.1rem;
  display: none; }
header nav .share .am + .am {
  margin-left: 0.17rem; }
header nav .share .am:hover .codem {
  display: block; }
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;
  position: relative;
  margin-left: 0.2rem;
  height: 0.9rem;
  width: 19px; }
header .rav .search .sc {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3; }
header .rav .search .sc img {
  width: 100%;
  display: block; }
header .rav .languages {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0.1rem;
  text-align: left; }
header .rav .languages .lauges {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
header .rav .languages .lauges .lashow {
  width: 100%;
  color: #a3a3a3;
  position: relative;
  cursor: pointer;
  font-size: 0;
  padding-right: 0.1rem; }
header .rav .languages .lauges .lashow .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  width: 19px;
  height: 19px;
  margin-right: 0.1rem; }
header .rav .languages .lauges .lashow .ac img {
  width: 100%;
  display: block; }
header .rav .languages .lauges .lashow .am {
  color: #fff;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  width: auto; }
header .rav .languages .lauges .lashow:after {
  content: ' ';
  position: absolute;
  right: 0rem;
  top: calc(50% + 0.015rem);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid 0.03rem;
  border-color: #fff transparent transparent transparent; }
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: #e90000;
  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 .rtom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-left: 0.25rem; }
header .rav .rtom a {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  color: #000;
  border: solid 1px #000;
  line-height: 2.5;
  border-radius: 1.25em;
  padding: 0 0.2rem; }
header .rav .rtom a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  width: 18px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem; }
header .rav .rtom a span img {
  width: 100%;
  display: block; }
header .rav .rtom a span img:first-child {
  display: block; }
header .rav .rtom a span img:last-child {
  display: none; }
header .rav .rtom a:hover {
  border: solid 1px #ff0000;
  background-color: #ff0000;
  color: #fff; }
header .rav .rtom a:hover span img:first-child {
  display: none; }
header .rav .rtom a:hover span img:last-child {
  display: block; }
header .seract {
  width: 100%; }
header .sechom {
  position: absolute;
  z-index: 3;
  right: 0;
  width: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding: 0.1rem;
  top: 100%;
  display: none;
  height: 0.9rem;
  top: 0;
  display: flex;
  align-items: center;
  z-index: -99;
  opacity: 0;
  transition: all ease 0.5s; }
header .sechom form {
  width: 100%;
  display: block;
  font-size: 0;
  margin: 0 auto;
  position: relative; }
header .sechom .sehisy {
  position: absolute;
  left: calc((100% - 6rem) / 2  +  0.45rem);
  width: 6rem;
  background-color: #fff;
  padding: 0.3rem;
  top: -2rem;
  transition: all ease 0.5s; }
header .sechom .sehisy .vit {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.1rem; }
header .sechom .sehisy .li {
  width: 100%;
  padding: 0.05rem 0; }
header .sechom .sehisy .li a {
  width: 100%;
  display: block;
  color: #000;
  line-height: 1.6; }
header .sechom .logo {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem; }
header .sechom .logo a, header .sechom .logo img {
  width: 100%;
  display: block; }
header .sechom .pemd {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.9rem); }
header .sechom .pemd .pitm {
  display: block;
  margin: 0 auto;
  width: 6rem; }
header .sechom .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.4em - 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.25rem;
  border: none;
  border: solid 1px #eee;
  border-radius: 0.1rem;
  background-color: #fff; }
header .sechom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  position: relative; }
header .sechom .stn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  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 .sechom .closv {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2;
  width: 2em;
  cursor: pointer;
  margin-left: 0.2rem; }
header .sechom.show {
  z-index: 3;
  opacity: 1; }
header .sechom.show .sehisy {
  top: calc((0.9rem - 1.2em)); }

header.tps {
  top: -100%; }

@media (max-width: 880px) {
  header nav .natem .nas:after{
    display: none;
  }
  header .hop {
    height: 1.4rem;
    padding: 0.2rem 0; }
  header .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px; }
  header .rav {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  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 .search {
    width: auto;
    padding: 0 0.15rem;
    display: none; }
  header .rav .rtom a {
    display: none; }
  header .rav .languages {
    /* display: none; */
    position: absolute;
    right: 0;
  }
  header .rav .tell {
    display: none; }
  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;
    display: none; }
  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(1.4rem);
    left: auto;
    height: calc(100vh - 1.4rem);
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    z-index: 500;
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem 0.2rem;
    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%;
    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;
    padding: 0.1rem 0;
    border-bottom: solid 1px #f1f1f1; }
  header nav .natem .nas a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.5;
    color: #333;
    font-size: 17px;
    font-weight: normal;
    padding: 0 0.3rem;
    position: relative; }
  header nav .natem .nas .ik {
    display: none !important; }
  header nav .natem .nas a:hover {
    color: #ff0000;
    background-color: transparent; }
  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    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: #ff0000; }
  header nav .natem .navuls ul li + li {
    border-top: solid 1px #eee; }
  header nav .natem .navuls ul li:hover .ns {
    background-color: transparent;
    color: #ff0000; }
  header nav .natem .navuls ul li.has-the:after {
    display: block; }
  header nav .natem:before {
    display: none !important; }
  header nav .natem .longul {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    display: none;
    text-align: left; }
  header nav .natem .longul .longlist, header nav .natem .longul .longlist.td5 {
    font-size: 0;
    width: 100%; }
  header nav .natem .longul .longlist .longm, header nav .natem .longul .longlist.td5 .longm {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
    text-align: center; }
  header nav .natem .longul .longlist .longm:nth-child(5n), header nav .natem .longul .longlist.td5 .longm:nth-child(5n) {
    margin-right: 4%; }
  header nav .natem .longul .longlist .longm:nth-child(2n), header nav .natem .longul .longlist.td5 .longm:nth-child(2n) {
    margin-right: 0; }
  header nav .natem.on .nas:after {
    display: none; }
  header nav .natem.has-nav .nas .xs {
    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) rotate(90deg);
    /* transition: all ease 0.5s; */
    top: 0.2rem;
    font-size: 20px;
    color: #333;
    border: none;
    background-image: url("../images/bc8.svg");
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  header nav .natem.has-nav.show:after {
    content: " ";
    transform: translateX(0) rotate(270deg);
    background-image: url("../images/bc4.svg");
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  header nav .natem.animate {
    opacity: 1;
    transform: translate(0, 0); }
  header nav .seract {
    width: 100%;
    display: block;
    opacity: 0;
    transform: translate(-10px, -30px);
    transition: all .8s ease;
    margin: 0.2rem 0; }
  header nav .seract form {
    width: 100%;
    display: block;
    border: solid 1px #ddd; }
  header nav .seract .inpp {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 3em);
    padding: 0 0.2rem;
    line-height: 3;
    border: none;
    height: 3em;
    background-color: #fff; }
  header nav .seract .stn {
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 3em;
    position: relative; }
  header nav .seract .stn img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    z-index: 1;
    transform: translate(-50%, -50%); }
  header nav .seract .stn .stt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    opacity: 0; }
  header nav .phone {
    width: 100%;
    display: none;
    margin-top: 0.4rem; }
  header nav .phone .mids {
    width: 100%;
    font-size: 0;
    text-align: center;
    padding: 0.3rem 0;
    margin-top: 0.4rem; }
  header nav .phone .langs {
    width: auto;
    font-size: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
  header nav .phone .langs .lang {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1.2;
    padding: 0 0.2rem; }
  header nav .phone .langs .lang.on {
    color: #ff0000; }
  header nav .phone .langs .lang + .lang {
    border-left: solid 1px #eee; }
  header nav .phone .rtom {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 0.25rem;
    display: none; }
  header nav .phone .rtom a {
    display: inline-block;
    vertical-align: middle;
    background-color: #e90000;
    color: #fff;
    line-height: 2.5;
    border-radius: 1.25em;
    padding: 0 0.2rem; }
  header nav .phone .rtom a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    margin-right: 0.1rem;
    position: relative;
    top: -0.02rem; }
  header nav .phone .rtom a span img {
    width: 100%;
    display: block; }
  header nav .phone .addrees {
    width: 100%;
    display: block;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    padding: 0 0.3rem; }
  header nav .phone .addrees .ali {
    width: 100%;
    color: #666;
    line-height: 1.5;
    font-size: 13px;
    padding: 0.05rem 0; }
  header nav .phone .addrees .ali span {
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.36rem;
    position: relative;
    top: -0.02rem;
    margin-right: 0.1rem; }
  header nav .phone .addrees .ali span img {
    width: 100%;
    display: block; }
  header nav .seract.animate, header nav .phone.animate {
    opacity: 1;
    transform: translate(0, 0); }
  header nav .share {
    display: none; }
  header .sechom {
    width: 100vw;
    position: fixed;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
    display: none; }

  header.menu-state {
    background-color: #fff; }
  header.menu-state .hop .logo img:first-child {
    display: none; }
  header.menu-state .hop .logo img:last-child {
    display: block; }
  header.menu-state .rav .menu img {
    opacity: 0; }
  header.menu-state .rav .menu .clk {
    color: #333; }
  header.menu-state .rav .rtom a {
    display: inline-block; } }
.banner {
  width: 100%;
  position: relative; }
.banner .swiper-slide {
  width: 100%; }
.banner .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.banner .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 36.71875%; }
.banner .swiper-slide .box {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  z-index: 3;
  width: 7rem;
  max-width: 90%;
  text-align: center; }
.banner .swiper-slide .box:after {
  content: ' ';
  position: absolute;
  height: 2rem;
  width: 1px;
  background-color: #fff;
  left: -0.05rem;
  top: -0.3rem;
  z-index: 3;
  transform: rotate(20deg);
  display: none; }
.banner .swiper-slide .box .bix {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.banner .swiper-slide .box .bix p {
  color: #fff;
  line-height: 1.3; }
.banner .swiper-slide .box .bim {
  width: 100%;
  margin: 0.1rem 0 0.1rem;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.banner .swiper-slide .box .bim p {
  color: #fff;
  line-height: 1.3;
  font-weight: bold; }
.banner .swiper-slide .box .bip {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin-top: 0.1rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.banner .swiper-slide .box .bip p {
  color: #fff;
  line-height: 1.8; }
.banner .swiper-slide .box .biv {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0.2rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.banner .swiper-slide .box .biv p {
  color: #fff;
  line-height: 1.3; }
.banner .swiper-slide .box .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.banner .swiper-slide .box .more a {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.1;
  border-radius: 5px;
  padding: 0 0.4rem;
  color: #fff;
  background-color: #ff0000; }
.banner .swiper-slide .box .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem;
  position: relative;
  z-index: 2;
  top: -0.02rem; }
.banner .swiper-slide .box .more a span img {
  width: 100%;
  display: block; }
.banner .swiper-slide .pcm {
  display: block; }
.banner .swiper-slide-active .box .bim, .banner .swiper-slide-active .box .bix, .banner .swiper-slide-active .box .bip, .banner .swiper-slide-active .box .biv, .banner .swiper-slide-active .box .more {
  opacity: 1;
  transform: translate3d(0, 0, 0); }
.banner .swiper-pagination {
  bottom: 0.5rem;
  font-size: 0;
  z-index: 2;
  width: 100%;
  left: 0;
  text-align: center; }
.banner .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 3px;
  margin: 0 0.05rem;
  cursor: pointer;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden; }
.banner .swiper-pagination-bullet-active {
  background-color: #ff0000; }
.banner .btns {
  position: absolute;
  right: calc((100% - 12rem) / 2);
  bottom: 0.5rem;
  font-size: 0;
  width: auto;
  z-index: 3; }
.banner .btn {
  width: 0.45rem;
  height: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  border: solid 1px #ffffff;
  background-color: transparent;
  cursor: pointer; }
.banner .btn img {
  width: 100%;
  display: block; }
.banner .btn:hover {
  border: solid 1px #ff0000;
  background-color: #ff0000; }
.banner .btn + .btn {
  margin-left: 0.15rem; }

@media (max-width: 1220px) {
  .banner .swiper-pagination {
    left: 0%; }
  .banner .btns {
    right: 5%; } }
@media (max-width: 800px) {
  .banner .swiper-slide .box {
    width: calc(94%); }
  .banner .swiper-slide .box .bim {
    font-size: 25px; }
  .banner .swiper-slide .box .bix {
    font-size: 17px; }
  .banner .swiper-slide .imgs .img {
    padding-top: 130%; }
  .banner .swiper-slide .pcm {
    display: none; }
  .banner .swiper-slide .phm {
    display: block; }
  .banner .btns {
    right: 3%; }
  .banner .btns .btn {
    width: 35px;
    height: 35px; } }
footer {
  width: 100%;
  background-color: #222; }
footer .ftop {
  width: 100%; }
footer .ftop .fop {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.8rem 0 0.5rem; }
footer .ftop .fop .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem; }
footer .ftop .fop .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
  transition: all ease 0.5s;
  padding: 0.06rem 0; }
footer .ftop .fop .fit a:hover {
  color: #ff0000; }
footer .ftop .fop .fol {
  display: inline-block;
  vertical-align: top;
  width: calc(800 / 1200 * 100%); }
footer .ftop .fop .fol .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(160 / 800 * 100%);
  padding-right: 0.2rem;
  text-align: left; }
footer .ftop .fop .fol .flist .ful {
  width: 100%;
  padding-right: 0.2rem; }
footer .ftop .fop .fol .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5);
  transition: all ease 0.5s;
  line-height: 2;
  line-height: 1.5;
  padding: 0.05rem 0; }
footer .ftop .fop .fol .flist .ful a:hover {
  color: #fff; }
footer .ftop .fop .fol .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
  transition: all ease 0.5s; }
footer .ftop .fop .for {
  display: inline-block;
  vertical-align: top;
  width: calc(320 / 1200 * 100%); }
footer .ftop .fop .for .ferm {
  width: 100%; }
footer .ftop .fop .for .fim {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5; }
footer .ftop .fop .for .searm {
  width: 100%;
  margin-top: 0.2rem; }
footer .ftop .fop .for .searm form {
  width: 100%;
  font-size: 0;
  display: block; }
footer .ftop .fop .for .searm .sin {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  height: 3.5em;
  padding: 0 0.2rem;
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  border: none;
  width: calc(100% - 80px); }
footer .ftop .fop .for .searm .stn {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  height: 3.5em;
  text-align: center;
  color: #fff;
  position: relative;
  background-color: #ff0000; }
footer .ftop .fop .for .searm .stn span {
  display: inline-block;
  vertical-align: middleee;
  position: relative;
  margin-left: 0.1rem;
  width: 0.06rem; }
footer .ftop .fop .for .searm .stn span img {
  width: 100%;
  display: block; }
footer .ftop .fop .for .searm .stn .scc {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }
footer .ftop .fop .for .codmc {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem; }
footer .ftop .fop .for .codmc .citm {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
footer .ftop .fop .for .codmc .citm .cm {
  width: 0.85rem;
  height: 0.85rem;
  display: block; }
footer .ftop .fop .for .codmc .citm .cm img {
  width: 100%;
  display: blockx; }
footer .ftop .fop .for .codmc .citm .xc {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem; }
footer .ftop .fob {
  width: 100%;
  font-size: 0;
  padding: 0.3rem 0; }
footer .ftop .fob .fod {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
footer .ftop .fob .fbl {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
footer .ftop .fob .fbl .fv {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
footer .ftop .fob .fbl .phone {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin: 0.1rem 0; }
footer .ftop .fob .fbl .cim {
  width: 100%;
  color: #999;
  line-height: 1.5; }
footer .ftop .fob .fbr {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
footer .ftop .fob .fbr .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0; }
footer .ftop .fob .fbr .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  position: relative;
}
footer .ftop .fob .fbr .share .am a, footer .ftop .fob .fbr .share .am img {
  width: 100%;
  display: block; }
footer .ftop .fob .fbr .share .am .codem {
  position: absolute;
  right: 0%;
  transform: translateX(0%);
  bottom: calc(100% + 0.15rem);
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  padding: 0.1rem;
  border-radius: 5px;
  display: none; }
footer .ftop .fob .fbr .share .am .codem:after{
  content: ' ';
  position: absolute;
  top: 100%;
  right: 0.15rem;
  width: 0;
  height: 0;
  border: solid 0.1rem;
  border-color: #fff transparent transparent transparent;
}
footer .ftop .fob .fbr .share .am + .am {
  margin-left: 0.17rem; }
footer .ftop .fob .fbr .share .am:hover .codem {
  display: block; }
footer .ftop .fob .fbr .share .am:hover{
  background-color: #e5e5e5;
}
footer .ftop .fob .codmc {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
  display: none; }
footer .ftop .fob .codmc .citm {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
footer .ftop .fob .codmc .citm .cm {
  width: 0.85rem;
  height: 0.85rem;
  display: block; }
footer .ftop .fob .codmc .citm .cm img {
  width: 100%;
  display: blockx; }
footer .ftop .fob .codmc .citm .xc {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem; }
footer .fbot {
  width: 100%;
  border-top: solid 1px rgba(255, 255, 255, 0.1); }
footer .fbot .fot {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0; }
footer .fbot .fot .fm {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5; }

@media (max-width: 800px) {
  footer .ftop .fop {
    padding: 0rem 0 0; }
  footer .ftop .fop .fol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.3rem; }
  footer .ftop .fop .fol .flist {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 0; }
  footer .ftop .fop .fol .flist .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.3rem 0;
    display: inline-block;
    vertical-align: top; }
  footer .ftop .fop .fol .flist .lx {
    display: none; }
  footer .ftop .fop .fol .flist .ful {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.15rem;
    display: none; }
  footer .ftop .fop .fol .flist .ful a {
    line-height: 2; }
  footer .ftop .fop .fol .flist.has-ful:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 6px;
    background-image: url("../images/x.svg");
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    right: 0.2rem;
    left: auto;
    transform: translateX(0) rotate(0deg);
    top: 0.5rem;
    color: #333;
    border: none;
    transition: all ease 0.5s; }
  footer .ftop .fop .fol .flist.has-ful.show:after {
    content: " ";
    transform: translateX(0) rotate(180deg); }
  footer .ftop .fop .for {
    width: 100%;
    padding-bottom: 0; }
  footer .ftop .fop .for .ferm {
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
  footer .ftop .fop .for .codmc {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    display: none; }
  footer .ftop .fop .for .codmc .citm .cm {
    width: 1.8rem;
    height: 1.8rem; }
  footer .ftop .fob .fbl {
    width: 100%;
    margin-bottom: 0.2rem; }
  footer .ftop .fob .fbr {
    width: 100%; }
  footer .ftop .fob .fbr .share .am {
    width: 0.8rem;
    height: 0.8rem; }
  footer .ftop .fob .fod {
    width: calc(100% - 2.4rem);
    padding-right: 0.1rem;
    display: inline-block;
    vertical-align: middle; }
  footer .ftop .fob .codmc {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem; }
  footer .ftop .fob .codmc .citm .cm {
    width: 2.1rem;
    height: 2.1rem; } }
.nanner {
  width: 100%;
  position: relative; }
.nanner .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.nanner .imgs .img {
  width: 100%;
  height: 3.5rem; }
.nanner .nox {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  left: calc((100% - 12rem) / 2); }
.nanner .nox .nit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5; }

@media (max-width: 1220px) {
  .nanner .nox {
    left: 5%; } }
@media (max-width: 800px) {
  .nanner{
    margin-top: 1.4rem;
  }
  .nanner .nox {
    left: 3%; }
  .nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .nanner .imgs .img {
    width: 100%;
    height: auto;
    padding-top: 75%; } }
.modular {
  width: 100%; }
.modular .mitop {
  width: 100%;
  margin-bottom: 0.4rem; }
.modular .mitop .mit {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.modular .mitop .mit span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.modular .mitop .mit a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5; }
.modular .mitop .mit a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem;
  position: relative;
  top: -0.01rem; }
.modular .mitop .mit a span img {
  width: 100%;
  display: block; }
.modular .mitop .mit a span img:first-child {
  display: block; }
.modular .mitop .mit a span img:last-child {
  display: none; }
.modular .mitop .mit a:hover {
  color: #ff0000; }
.modular .mitop .mit a:hover span img:first-child {
  display: none; }
.modular .mitop .mit a:hover span img:last-child {
  display: block; }
.modular .mitop .mit a.on {
  color: #ff0000; }
.modular .mitop .mit a.on span img:first-child {
  display: none; }
.modular .mitop .mit a.on span img:last-child {
  display: block; }
.modular .mitop .mit .rem {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.modular .mitop .mit .rem .rid {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-left: 0.3rem;
  cursor: pointer; }
.modular .mitop .mit .rem .rid.on {
  color: #ff0000;
  font-weight: bold; }
.modular .mitop .dx {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.04rem; }
.modular .mitop .mlx {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #ececec;
  margin-top: 0.18rem;
  z-index: 1; }
.modular .mitop .mlx span {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 3px;
  background-color: #ff0000; }

.modular.grays {
  background-color: #f5f5f5; }

.channels {
  width: 100%;
  font-size: 0;
  padding: 0.8rem 0 0.5rem; }
.channels .channlis {
  width: 100%;
  font-size: 0; }
.channels .channlis .chans {
  display: inline-block;
  vertical-align: top;
  width: calc(380 / 1200 * 100%);
  margin-right: calc(29 / 1200 * 100%);
  margin-bottom: 0.3rem;
  background-color: #fff; }
.channels .channlis .chans a {
  width: 100%;
  display: block;
  padding: 0.6rem 0.3rem 0.4rem; }
.channels .channlis .chans .cic {
  display: block;
  margin: 0 auto 0.3rem;
  width: 1.4rem;
  height: 1.4rem; }
.channels .channlis .chans .cic img {
  width: 100%;
  display: block; }
.channels .channlis .chans .cim {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
  height: 3em; }
.channels .channlis .chans:nth-child(3n) {
  margin-right: 0; }

.downers {
  width: 100%;
  padding: 0.8rem 0; }
.downers .downem {
  width: 100%; }
.downers .downem .dit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.3rem; }
.downers .downem .dit h3 {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.3; }
.downers .downem .dit i {
  display: inline-block;
  vertical-align: middle;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.14rem; }
.downers .downem .dit i img {
  width: 100%;
  display: block; }
.downers .downem .picimglis {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.3rem; }
.downers .downem .picimglis .pcimg {
  display: inline-block;
  vertical-align: top;
  width: calc(585 / 1200 * 100%);
  margin-right: calc(29 / 1200 * 100%);
  margin-bottom: 0.2rem; }
.downers .downem .picimglis .pcimg a {
  width: 100%;
  display: block; }
.downers .downem .picimglis .pcimg .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.downers .downem .picimglis .pcimg .imgs .img {
  width: 100%;
  padding-top: 61.53%;
  transition: all ease 0.5s; }
.downers .downem .picimglis .pcimg .eod {
  width: 100%;
  background-color: #000;
  padding: 0.15rem 0.3rem;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.downers .downem .picimglis .pcimg .eod .mm {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding-right: 0.2rem;
  color: #fff; }
.downers .downem .picimglis .pcimg .eod .dn {
  display: inline-block;
  vertical-align: middle;
  width: 0.22rem; }
.downers .downem .picimglis .pcimg .eod .dn img {
  width: 100%;
  display: block; }
.downers .downem .picimglis .pcimg:nth-child(2n) {
  margin-right: 0; }
.downers .downem .picimglis .pcimg:hover .imgs .img {
  transform: scale(1.1); }
.downers .downem .dowonlis {
  width: 100%;
  overflow: hidden; }
.downers .downem .dowonlis .dlis {
  width: 100%;
  border-top: solid 2px #f5f5f5; }
.downers .downem .dowonlis .ditem {
  width: 100%;
  font-size: 0;
  padding: 0.15rem 0;
  transition: all ease 0.5s; }
.downers .downem .dowonlis .ditem .dame {
  display: inline-block;
  vertical-align: top;
  width: 120px; }
.downers .downem .dowonlis .ditem .dame .em {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.downers .downem .dowonlis .ditem .decrm {
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: top; }
.downers .downem .dowonlis .ditem .decrm .emtop {
  width: 100%;
  font-size: 0; }
.downers .downem .dowonlis .ditem .decrm .emtop .emc {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  width: auto;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0.4rem;
  margin-bottom: 0.1rem; }
.downers .downem .dowonlis .ditem .decrm .emtop .emc.on, .downers .downem .dowonlis .ditem .decrm .emtop .emc:hover {
  color: #ff0000; }
.downers .downem .dowonlis .ditem .decrm .embot {
  width: 100%;
  font-size: 0; }
.downers .downem .dowonlis .ditem .decrm .embot .eomd {
  width: 100%;
  display: none;
  font-size: 0; }
.downers .downem .dowonlis .ditem .decrm .embot .eomd a {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.35rem;
  margin-bottom: 0.2rem; }
.downers .downem .dowonlis .ditem .decrm .embot .eomd a:hover {
  color: #ff0000; }
.downers .downem .dowonlis .ditem .decrm .embot .eomd a.on {
  color: #ff0000; }
.downers .downem .dowonlis .ditem .decrm .embot .eomd.on {
  display: block; }
.downers .downem .dowonlis .ditem.show {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); }
.downers .downem .dowonlis .beacont {
  width: 100%;
  border-top: solid 2px #f5f5f5;
  display: none; }
.downers .downem .dowonlis .beacont .pittm {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0 0.1rem;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); }
.downers .downem .dowonlis .beacont .dels {
  display: inline-block;
  vertical-align: top;
  width: 120px; }
.downers .downem .dowonlis .beacont .ders {
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: top; }
.downers .downem .dowonlis .beacont .ders .econts {
  width: 100%; }
.downers .downem .dowonlis .beacont .ders .econts .econ {
  width: 100%;
  display: none; }
.downers .downem .dowonlis .beacont .ders .econts .econ.on {
  display: block; }
.downers .downem .dowonlis .beacont .ders .pdflist {
  width: 100%;
  font-size: 0; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm {
  display: inline-block;
  vertical-align: top;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 0.15rem;
  background-color: #f8f8f8;
  padding: 0.3rem 0.2rem;
  border: solid 1px #e1e1e1; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm a {
  width: 100%;
  display: block; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm .pic {
  display: block;
  margin: 0 auto 0.1rem;
  width: 1rem;
  height: 1rem;
  position: relative; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm .pic .a1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 0.48rem;
  height: 0.48rem;
  display: block; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm .pic .a2 {
  position: absolute;
  right: 0.09rem;
  bottom: 0.26rem;
  z-index: 2;
  width: 0.2rem;
  height: 0.2rem;
  display: block; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm .pim {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm:nth-child(4n) {
  margin-right: 0; }
.downers .downem .dowonlis .beacont .ders .pdflist .pdfm:hover .pim {
  color: #ff0000; }
.downers .downem .dowonlis .beacont .ders .videclis {
  width: 100%;
  font-size: 0; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom {
  display: inline-block;
  vertical-align: top;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 0.15rem;
  background-color: #f8f8f8;
  border: solid 1px #e1e1e1; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom a {
  width: 100%;
  display: block; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .imgs .img {
  width: 100%;
  padding-top: 64%;
  transition: all ease 0.5s; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .nom {
  width: 100%;
  padding: 0.05rem 0.1rem; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .nom .nim {
  width: 100%;
  color: #333;
  line-height: 2;
  text-align: center; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .pox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .pox .play {
  width: 0.45rem;
  height: 0.45rem;
  cursor: pointer;
  display: block;
  margin: 0 auto; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom .pox .play img {
  width: 100%;
  display: block; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom:nth-child(4n) {
  margin-right: 0; }
.downers .downem .dowonlis .beacont .ders .videclis .vicom:hover .nom .nim {
  color: #ff0000; }
.downers .downem .dowonlis .beacont .vittm {
  font-size: 0;
  padding: 0.2rem 0 0.1rem; }
.downers .downem .dowonlis .dlis:last-child {
  border-bottom: solid 2px #f5f5f5; }

@media (max-width: 800px) {
  .channels .channlis .chans{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  .downers .downem .picimglis .pcimg {
    width: 100%;
    margin-right: 0; }
  .downers .downem .picimglis .pcimg .imgs .img {
    padding-top: 45%; } }

.videos {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f5f5; }
.videos .videom {
  width: 100%;
  font-size: 0; }
.videos .videom .vems {
  width: 100%;
  position: relative;
  margin-bottom: 0.2rem; }
.videos .videom .vems .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.videos .videom .vems .imgs .img {
  width: 100%;
  padding-top: 40%;
  transition: all ease 0.5s; }
.videos .videom .vems .pox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer; }
.videos .videom .vems .pox .ic {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  margin: 0 auto 0.1rem; }
.videos .videom .vems .pox .ic img {
  width: 100%;
  display: block; }
.videos .videom .vems .pox .em {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  text-align: center; }
.videos .videom .vemlis {
  width: 100%;
  font-size: 0; }
.videos .videom .vemlis .swiper-slide {
  width: 100%; }
.videos .videom .vemlis .vtom {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative; }
.videos .videom .vemlis .vtom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.videos .videom .vemlis .vtom .imgs .img {
  width: 100%;
  padding-top: 57.14%;
  transition: all ease 0.5s; }
.videos .videom .vemlis .vtom .pox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer; }
.videos .videom .vemlis .vtom .pox .ic {
  width: 0.3rem;
  height: 0.3rem;
  display: block;
  margin: 0 auto 0.1rem; }
.videos .videom .vemlis .vtom .pox .ic img {
  width: 100%;
  display: block; }
.videos .videom .vemlis .vtom .pox .em {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  text-align: center; }
.videos .videom .vemlis .vtom:nth-child(3n) {
  margin-right: 0; }

.assessd {
  width: 100%;
  padding: 0.8rem 0; }
.assessd .asks {
  width: 100%; }
.assessd .asks .aimp {
  width: 100%; }
.assessd .asks .aimp .at {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.02rem; }
.assessd .asks .aimp .ap {
  width: 100%;
  color: #666;
  line-height: 1.5; }
.assessd .asks .aimp + .aimp {
  margin-top: 0.24rem; }
.assessd .arom {
  width: 100%;
  margin-top: 0.3rem;
  border-top: solid 2px #f5f5f5;
  padding-top: 0.35rem; }
.assessd .arom form {
  width: 100%;
  display: block; }
.assessd .arom .fitc {
  width: 100%;
  display: block;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.25rem; }
.assessd .arom .item {
  width: 100%; }
.assessd .arom .item .tme {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.05rem; }
.assessd .arom .item .tme span {
  color: #ff0000; }
.assessd .arom .item .int {
  width: 100%; }
.assessd .arom .item .int .sin {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  color: #333; }
.assessd .arom .item .int .area {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0.15rem 0.2rem;
  line-height: 1.5;
  color: #333; }
.assessd .arom .item .int .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  width: 2.6rem;
  width: 100%; }
.assessd .arom .item .int .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0; }
.assessd .arom .item .int .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.5em;
  height: 3.5em;
  color: #666;
  padding: 0 .2rem;
  background-color: #fff;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5; }
.assessd .arom .item .int .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0; }
.assessd .arom .item .int .select .select-con select option {
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  background: #fff; }
.assessd .arom .item .int .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  box-sizing: border-box;
  text-align: left;
  background-color: #fff;
  z-index: 123;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/ }
.assessd .arom .item .int .select .select-con .seluls .option {
  width: 100%;
  color: #666;
  line-height: 2.5;
  background: #fff;
  cursor: pointer;
  padding: 0 0.15rem; }
.assessd .arom .item .int .select .select-con .seluls .option:hover {
  background-color: #ff0000;
  color: #fff; }
.assessd .arom .item .int .select .select-con .seluls .option + .option {
  border-top: solid 1px #ddd; }
.assessd .arom .item .int .select .select-con .seluls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.assessd .arom .item .int .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);
  background: rgba(255, 0, 0, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.assessd .arom .item .int .select .select-con .seluls::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1); }
.assessd .arom .item .int .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 12px;
  height: 7px;
  background-image: url("../images/xx.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
.assessd .arom .item.up .int {
  position: relative; }
.assessd .arom .item.up .int .inm {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  color: #333; }
.assessd .arom .item.up .int .sin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
  opacity: 0; }
.assessd .arom .item.up .int .rc {
  position: absolute;
  z-index: 2;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.24rem;
  height: 0.24rem; }
.assessd .arom .item.up .int .rc img {
  width: 100%;
  display: block; }
.assessd .arom .item + .item {
  margin-top: 0.25rem; }
.assessd .arom .fob {
  width: 100%;
  margin-top: 0.3rem;
  font-size: 0; }
.assessd .arom .fob .sub {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  color: #fff;
  line-height: 3.5;
  height: 3.5em;
  text-align: center;
  width: auto;
  cursor: pointer;
  padding: 0 0.45rem;
  border-radius: 5px;
  border: none; }
.assessd .arom.no {
  border: none;
  padding-top: 0; }

.feekbacks {
  width: 100%;
  padding: 0.8rem 0; }
.feekbacks .arom {
  width: 100%; }
.feekbacks .arom form {
  width: 100%;
  display: block; }
.feekbacks .arom .item {
  width: 100%; }
.feekbacks .arom .item .tme {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem; }
.feekbacks .arom .item .tme span {
  color: #ff0000; }
.feekbacks .arom .item .int {
  width: 100%;
  font-size: 0; }
.feekbacks .arom .item .int .sinc {
  width: 2.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15rem;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  font-size: 0;
  padding: 0 0.15rem; }
.feekbacks .arom .item .int .sinc .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem; }
.feekbacks .arom .item .int .sinc .ic img {
  width: 100%;
  display: block; }
.feekbacks .arom .item .int .sinc .sin {
  width: calc(100% - 0.24rem - 0.1rem);
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  line-height: 3.5;
  height: 3.5em;
  color: #333; }
.feekbacks .arom .item .int .area {
  width: 100%;
  height: 1.5rem;
  display: block;
  border: none;
  background-color: #fcfcfc;
  padding: 0.1rem;
  color: #333;
  line-height: 1.5;
}
.feekbacks .arom .item .int .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  margin-right: 0.15rem;
  width: 2.6rem; }
.feekbacks .arom .item .int .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0; }
.feekbacks .arom .item .int .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.5em;
  height: 3.5em;
  color: #666;
  padding: 0 .2rem;
  background-color: #fcfcfc;
  cursor: pointer; }
.feekbacks .arom .item .int .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0; }
.feekbacks .arom .item .int .select .select-con select option {
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  background: #fff; }
.feekbacks .arom .item .int .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: left;
  background-color: #fff;
  z-index: 123;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/ }
.feekbacks .arom .item .int .select .select-con .seluls .option {
  width: 100%;
  color: #666;
  line-height: 2.5;
  background: #fff;
  cursor: pointer;
  padding: 0 0.15rem; }
.feekbacks .arom .item .int .select .select-con .seluls .option:hover {
  background-color: #ff0000;
  color: #fff; }
.feekbacks .arom .item .int .select .select-con .seluls .option + .option {
  border-top: solid 1px #ddd; }
.feekbacks .arom .item .int .select .select-con .seluls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.feekbacks .arom .item .int .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);
  background: rgba(255, 0, 0, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.feekbacks .arom .item .int .select .select-con .seluls::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1); }
.feekbacks .arom .item .int .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 12px;
  height: 7px;
  background-image: url("../images/xx.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
.feekbacks .arom .item + .item {
  margin-top: 0.25rem; }
.feekbacks .arom .fob {
  width: 100%;
  margin-top: 0.3rem;
  font-size: 0; }
.feekbacks .arom .fob .sub {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  color: #fff;
  line-height: 3.5;
  height: 3.5em;
  text-align: center;
  width: auto;
  cursor: pointer;
  padding: 0 0.45rem;
  border-radius: 5px;
  border: none; }

@media (max-width: 800px) {
  .feekbacks .arom .item .int .select .seluls .option {
    font-size: 16px; } }
.messages {
  width: 100%;
  padding: 1.2rem 0;
  overflow: hidden; }
.messages .mesom {
  display: flex;
  width: 100%;
  font-size: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.messages .mesom .mel {
  display: inline-block;
  vertical-align: middle;
  width: calc(370 / 1060 * 100%); }
.messages .mesom .mel .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.messages .mesom .mel .imgs .img {
  width: 100%;
  padding-top: 105%; }
.messages .mesom .mel .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 0.38rem;
  height: 0.38rem;
  width: 38px;
  height: 38px;
  transition: all ease 0.5s;
  cursor: pointer; }
.messages .mesom .mel .play img {
  width: 100%;
  display: block; }
.messages .mesom .mel .play:hover {
  transform: translate(-50%, -50%) scale(1.1); }
.messages .mesom .mer {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1060 * 100%); }
.messages .mesom .mer .mitop .mlx {
  margin-top: 0.25rem;
  background-color: transparent; }
.messages .mesom .mer .minp {
  width: 100%;
  color: #666;
  line-height: 2; }
.messages .mesom .mer .minp p {
  color: #666;
  line-height: 2; }

.works {
  width: 100%;
  padding: 0.8rem 0; }
.works .worklis {
  width: 100%;
  font-size: 0; }
.works .worklis .worm {
  display: inline-block;
  vertical-align: top;
  width: calc(580 / 1200 * 100%);
  margin-right: calc(39 / 1200 * 100%);
  margin-bottom: 0.2rem; }
.works .worklis .worm a {
  width: 100%;
  display: block; }
.works .worklis .worm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.works .worklis .worm .imgs .img {
  width: 100%;
  padding-top: 55.17%;
  transition: all ease 0.5s; }
.works .worklis .worm .wim {
  width: 100%;
  padding-top: 0.1rem;
  color: #000;
  line-height: 1.5; }
.works .worklis .worm:nth-child(2n) {
  margin-right: 0; }
.works .worklis .worm:hover .imgs .img {
  transform: scale(1.1); }
.works .worklis.td3 .worm {
  width: calc(380 / 1200 * 100%);
  margin-right: calc(29 / 1200 * 100%); }
.works .worklis.td3 .worm:nth-child(2n) {
  margin-right: calc(29 / 1200 * 100%); }
.works .worklis.td3 .worm:nth-child(3n) {
  margin-right: 0; }
.works .mores {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.3rem;
  display: none; }
.works .mores .mtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.5rem;
  background-color: #ff0000;
  cursor: pointer;
  border-radius: 0.05rem; }

@media (max-width: 800px) {
  .works {
    padding: 0.4rem 0 0.2rem; }
  .works .worklis .worm, .works .worklis.td3 .worm {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }
  .works .worklis .worm .wim, .works .worklis.td3 .worm .wim {
    line-height: 2;
    text-align: center; }
  .works .worklis .worm + .worm, .works .worklis.td3 .worm + .worm {
    margin-top: 0.25rem; } }
.Exhibitions {
  width: 100%;
  padding: 0.8rem 0; }
.Exhibitions .exhim {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.Exhibitions .exhim .exl {
  display: inline-block;
  vertical-align: middle;
  width: calc(790 / 1200 * 100%);
  position: relative; }
.Exhibitions .exhim .exl .swiper-slide {
  width: 100%;
  position: relative; }
.Exhibitions .exhim .exl .swiper-slide a {
  width: 100%;
  display: block; }
.Exhibitions .exhim .exl .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.Exhibitions .exhim .exl .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 69.62%;
  transition: all ease 0.5s; }
.Exhibitions .exhim .exl .swiper-slide .mox {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  line-height: 1.6; }
.Exhibitions .exhim .exl .swiper-slide .mox .mix {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.6; }
.Exhibitions .exhim .exl .swiper-pagination {
  bottom: 0.3rem; }
.Exhibitions .exhim .exl .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 2px;
  margin: 0 0.05rem;
  cursor: pointer;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden; }
.Exhibitions .exhim .exl .swiper-pagination-bullet-active {
  background-color: #ff0000; }
.Exhibitions .exhim .exr {
  display: inline-block;
  vertical-align: middle;
  width: calc(380 / 1200 * 100%); }
.Exhibitions .exhim .exr .exrom {
  width: 100%;
  position: relative;
  margin-bottom: 0.3rem; }
.Exhibitions .exhim .exr .exrom a {
  width: 100%;
  display: block; }
.Exhibitions .exhim .exr .exrom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.Exhibitions .exhim .exr .exrom .imgs .img {
  width: 100%;
  padding-top: 68.42%;
  transition: all ease 0.5s; }
.Exhibitions .exhim .exr .exrom .mox {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  line-height: 1.6; }
.Exhibitions .exhim .exr .exrom .mox .mix {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.6; }
.Exhibitions .exhim .exr .exrom:nth-child(2n) {
  margin-bottom: 0rem; }
.Exhibitions .exhim .exr .exrom:hover .imgs .img {
  transform: scale(1.1); }

.information {
  width: 100%;
  padding: 0.8rem 0; }
.information .informs {
  width: 100%; }
.information .informs .iform {
  width: 100%;
  display: none; }
.information .informs .iform.on {
  display: block; }
.information .informs .informlis {
  width: 100%;
  font-size: 0; }
.information .informs .informlis .iteam {
  display: inline-block;
  vertical-align: middle;
  width: calc(380 / 1200 * 100%);
  margin-right: calc(29 / 1200 * 100%);
  overflow: hidden;
  position: relative;
  margin-bottom: 0.3rem; }
.information .informs .informlis .iteam a {
  width: 100%;
  display: block; }
.information .informs .informlis .iteam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.information .informs .informlis .iteam .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.information .informs .informlis .iteam .tox {
  width: 100%;
  background-color: #fff;
  transition: all ease 0.5s;
  padding: 0.2rem 0.25rem;
  height: 5.5em;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0; }
.information .informs .informlis .iteam .tox .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.05rem; }
.information .informs .informlis .iteam .tox .pim {
  width: 100%;
  color: #000;
  line-height: 1.5;
  height: 1.5em;
  overflow: hidden; }
.information .informs .informlis .iteam .tox .eim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.4rem; }
.information .informs .informlis .iteam .tox .eim p {
  color: #666;
  line-height: 1.5; }
.information .informs .informlis .iteam .tox .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem; }
.information .informs .informlis .iteam .tox .more .xm {
  display: inline-block;
  vertical-align: middle;
  color: #ff0000;
  line-height: 1.5; }
.information .informs .informlis .iteam .tox .more .xm span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  position: relative;
  margin-left: 0.1rem;
  top: -0.01rem; }
.information .informs .informlis .iteam .tox .more .xm span img {
  width: 100%;
  display: block; }
.information .informs .informlis .iteam:hover .imgs .img {
  transform: scale(1.05); }
.information .informs .informlis .iteam:hover .tox {
  height: 55%;
  background-color: rgba(255, 255, 255, 0.8); }
.information .informs .informlis .iteam:hover .tox .pim {
  margin-top: 0.1rem;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
.information .informs .informlis .iteam:hover .tox .eim {
  margin-top: 0.1rem; }
.information .informs .informlis .iteam:nth-child(3n) {
  margin-right: 0; }
.information .informs .mores {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.3rem;
  display: none; }
.information .informs .mores .mtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.5rem;
  background-color: #ff0000;
  cursor: pointer;
  border-radius: 0.05rem; }

@media (max-width: 800px) {
  .information .informs .informlis .iteam {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }
  .information .informs .informlis .iteam .imgs {
    padding-bottom: 0em; }
  /* .information .informs .informlis .iteam .imgs .img {
        padding-top: 79.62%; } */
  .information .informs .informlis .iteam .tox {
    position: relative;
    height: 4.5em; }
  .information .informs .informlis .iteam:hover .tox {
    height: 4.5em !important; }
  .information .informs .informlis .iteam + .iteam {
    margin-top: 0.3rem; } }
.recruits {
  width: 100%;
  padding: 0.8rem 0; }
.recruits .recom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.recruits .recom .rel {
  display: inline-block;
  vertical-align: middle;
  width: calc(380 / 1200 * 100%);
  padding: 0.35rem 0.25rem;
  border: solid 1px #f5f5f5; }
.recruits .recom .rer {
  display: inline-block;
  vertical-align: middle;
  width: calc(790 / 1200 * 100%);
  padding: 0.35rem 0.3rem;
  border: solid 1px #f5f5f5; }
.recruits .recom .rit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.1rem; }
.recruits .recom .rinp {
  width: 100%;
  color: #666;
  line-height: 1.5; }
.recruits .recom .rinp p {
  color: #666;
  line-height: 1.5; }

.contacp {
  width: 100%;
  padding: 0.8rem 0; }
.contacp .contaclis {
  width: 100%;
  font-size: 0; }
.contacp .contaclis .citom {
  display: inline-block;
  vertical-align: top;
  width: calc(385 / 1200 * 100%);
  margin-right: calc(22 / 1200 * 100%);
  background-color: #fff;
  padding: 0.3rem;
  margin-bottom: 0.2rem; }
.contacp .contaclis .citom .ic {
  display: block;
  width: 0.4rem;
  height: 0.4rem; }
.contacp .contaclis .citom .ic.code {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
}
.contacp .contaclis .citom .ic img {
  width: 100%;
  display: block; }
.contacp .contaclis .citom .xim {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.1rem 0 0.05rem; }
.contacp .contaclis .citom .eim {
  width: 100%;
  line-height: 1.5;
  color: #999;
  word-wrap: break-word; }
.contacp .contaclis .citom:nth-child(3n) {
  margin-right: 0; }

@media (max-width: 800px) {
  .contacp .contaclis .citom {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 0.65rem 0.2rem; }
  .contacp .contaclis .citom .ic {
    margin: 0 auto;
    width: 0.6rem;
    height: 0.6rem; }
  .contacp .contaclis .citom .ic.code {
    width: 1.4rem;
    height: 1.4rem; }
}
.informationd {
  width: 100%;
  padding: 0.8rem 0; }
.informationd .infolist {
  width: 100%;
  font-size: 0; }
.informationd .infolist .infom {
  display: inline-block;
  vertical-align: top;
  width: calc(460 / 1460 * 100%);
  margin-right: calc(39 / 1460 * 100%);
  margin-bottom: 0.2rem; }
.informationd .infolist .infom a {
  width: 100%;
  display: block; }
.informationd .infolist .infom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.informationd .infolist .infom .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.informationd .infolist .infom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.informationd .infolist .infom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  height: 3em; }
.informationd .infolist .infom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.informationd .infolist .infom:nth-child(3n) {
  margin-right: 0; }
.informationd .infolist .infom:hover .imgs .img {
  transform: scale(1.1); }
.informationd .infolist .infom:hover .pom .pit {
  color: #ff0000; }

@media (max-width: 800px) {
  .informationd .infolist .swiper-wrapper {
    flex-wrap: wrap; }
  .informationd .infolist .infom {
    width: 100%;
    margin-right: 0; }
  .informationd .infolist .infom + .infom {
    margin-top: 0.25rem; } }
.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center; }
.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 2.8em;
  line-height: 2.8;
  text-align: center;
  color: #999;
  border-radius: 1.4em;
  font-family: 'HarmonyOS_Sans_Regular';
  background-color: #f9f9f9;
  margin: 0 0.05rem 0.1rem; }
.pages .page.on {
  background-color: #ff0000;
  color: #fff; }
.pages .page.auto {
  width: auto;
  padding: 0 0.24rem; }
.pages .page:hover {
  background-color: #ff0000;
  color: #fff; }

@media (max-width: 900px) {
  .pages .page {
    width: 0.65rem;
    height: 0.65rem;
    line-height: 0.65rem; } }
.details {
  width: 100%;
  padding: 0;
  padding-bottom: 0.5rem;
  background-color: #f5f5f5; }
.details .crumbs {
  width: 100%;
  background-color: transparent !important; }
.details .crumbs .colum {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.details .crumbs .colum .home {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 0.2rem;
  position: relative;
  top: -0.02rem; }
.details .crumbs .colum .home img {
  width: 100%;
  display: block; }
.details .crumbs .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 3.5;
  font-size: 15px;
  max-width: 4.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.details .crumbs .colum a span {
  display: inline-block;
  color: #999;
  margin: 0 0.12rem 0 0.12rem;
  line-height: 3.5;
  font-size: 15px;
  position: relative;
  top: -0.01rem; }
.details .crumbs .colum a span img {
  width: 100%;
  display: block; }
.details .crumbs .colum a:last-child {
  color: #333; }
.details .crumbs .colum a:last-child span {
  display: none; }
.details .crumbs .colum a:hover {
  color: #ff0000; }
.details .detom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative; }
.details .detom .del {
  display: inline-block;
  vertical-align: top;
  width: calc(720 / 1200 * 100%); }
.details .detom .del .deom {
  width: 100%;
  background-color: #fff;
  padding: 0.2rem; }
.details .detom .del .deom .dit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3; }
.details .detom .del .deom .dim {
  width: 100%;
  font-size: 0;
  margin-top: 0.05rem; }
.details .detom .del .deom .dim .dli {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 2;
  margin-bottom: 0.1rem; }
.details .detom .del .deom .dim .dli span {
  color: #999;
  line-height: 2;
  margin: 0 0.2rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem; }
.details .detom .del .deom .dim .dli:last-child span {
  display: none; }
.details .detom .del .deom .dinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: justify; }
.details .detom .del .deom .videoc {
  width: 100%;
  height: 5rem;
  display: block;
  position: relative; }
.details .detom .del .deom .videoc .vic {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 3; }
.details .detom .del .deom .videoc .vic .vc {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 auto 0.15rem; }
.details .detom .del .deom .videoc .vic .vc img {
  width: 100%;
  display: block; }
.details .detom .del .deom .videoc .vic .vd {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.details .detom .del .deom .videoc .vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }
.details .detom .del .deom .dinp p {
  color: #666;
  line-height: 1.5; }
.details .detom .del .dot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0; }
.details .detom .del .dot .dam {
  display: inline-block;
  vertical-align: middle; }
.details .detom .del .dot .dam a {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5; }
.details .detom .del .dot .dam a:hover {
  color: #ff0000; }
.details .detom .der {
  display: inline-block;
  vertical-align: top;
  width: calc(400 / 1200 * 100%); }
.details .detom .der .derim {
  width: 100%; }
.details .detom .der .derim .dit {
  width: 100%;
  color: #000;
  font-weight: bold;
  padding-bottom: 0.14rem;
  border-bottom: solid 1px #e7e7e7;
  margin-bottom: 0.2rem; }
.details .detom .der .derim .duls {
  width: 100%; }
.details .detom .der .derim .duls .dli {
  width: 100%;
  font-size: 0;
  padding: 0.04rem 0;
  display: block; }
.details .detom .der .derim .duls .dli .nu {
  display: inline-block;
  vertical-align: middle;
  background-color: #000;
  color: #fff;
  line-height: 1.8;
  width: 0.54rem;
  border-radius: 0.9em;
  margin-right: 0.18rem;
  text-align: center;
  font-style: italic; }
.details .detom .der .derim .duls .dli .pm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.54rem - 0.18rem);
  color: #666;
  line-height: 1.5; }
.details .detom .der .derim .duls .dli:hover .pm {
  color: #ff0000; }
.details .detom .der .derim .duls .dli:nth-child(1) .nu, .details .detom .der .derim .duls .dli:nth-child(2) .nu, .details .detom .der .derim .duls .dli:nth-child(3) .nu {
  background-color: #ff0000; }
.details .detom .der .derim .dulis {
  width: 100%; }
.details .detom .der .derim .dulis .duam {
  width: 100%;
  display: block; }
.details .detom .der .derim .dulis .duam a {
  width: 100%;
  display: block; }
.details .detom .der .derim .dulis .duam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.details .detom .der .derim .dulis .duam .imgs .img {
  width: 100%;
  position: relative;
  padding-top: 100%; }
.details .detom .der .derim .dulis .duam .imgs .sim {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  padding: 0.2rem; }
.details .detom .der .derim .lablis {
  width: 100%;
  font-size: 0; }
.details .detom .der .derim .lablis .labam {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 0.2rem) / 2);
  margin-right: 0.2rem;
  margin-bottom: 0.2rem; }
.details .detom .der .derim .lablis .labam a {
  width: 100%;
  display: block;
  border: solid 1px #dcdcdc;
  line-height: 2.8;
  border-radius: 1.4em;
  color: #999;
  text-align: center; }
.details .detom .der .derim .lablis .labam a:hover {
  background-color: #ff0000;
  border: solid 1px #ff0000;
  color: #fff; }
.details .detom .der .derim .lablis .labam:nth-child(2n) {
  margin-right: 0; }
.details .detom .der .derim + .derim {
  margin-top: 0.4rem; }
.details .detom .der.fixed {
  width: calc(400 / 1920 * 100%);
  position: fixed;
  right: 50%;
  margin-right: -6rem;
  top: 0.9rem; }
.details .detom .der.bot {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  top: auto;
  width: calc(400 / 1200 * 100%); }

@media (max-width: 1720px) {
  .details .detom .del .deom .dit {
    font-size: 20px; }
  .details .detom .del .deom .dim {
    margin: 0.15rem 0; }
  .details .detom .del .deom .dim .dli {
    font-size: 15px; }
  .details .detom .del .deom .dinp {
    font-size: 15px;
    line-height: 1.75; }
  .details .detom .del .deom .dinp p {
    line-height: 1.75; }
  .details .detom .del .dot .dam a {
    font-size: 15px;
    line-height: 2; }
  .details .detom .der.fixed {
    width: 4rem;
    position: fixed;
    right: 50%;
    margin-right: -6rem;
    top: 0.9rem; }
  .details .detom .der.bot {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    top: auto; } }
@media (max-width: 1220px) {
  .details .detom .der.fixed {
    width: calc(400 / 1200 * 100% * 0.9);
    position: fixed;
    right: 50%;
    margin-right: -7.2rem;
    top: 0.9rem; }
  .details .detom .der.bot {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    top: auto;
    width: calc(400 / 1200 * 100%); } }
.crumbs {
  width: 100%; }
.crumbs .colum {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.crumbs .colum .home {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 0.2rem;
  position: relative;
  top: -0.02rem; }
.crumbs .colum .home img {
  width: 100%;
  display: block; }
.crumbs .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  font-size: 15px;
  line-height: 3.5;
  max-width: 4.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.crumbs .colum a span {
  display: inline-block;
  color: #999;
  margin: 0 0.12rem 0 0.12rem;
  font-size: 15px;
  line-height: 3.5;
  position: relative;
  top: -0.01rem; }
.crumbs .colum a span img {
  width: 100%;
  display: block; }
.crumbs .colum a:last-child {
  color: #333; }
.crumbs .colum a:last-child span {
  display: none; }
.crumbs .colum a:hover {
  color: #ff0000; }

@media (max-width: 800px) {
  .crumbs {
    background-color: #f1f1f1; } }

.newcens {
  width: 100%; }
.newcens .nowne {
  width: 100%;
  padding: 0.4rem 0; }
.newcens .nowne .infolist {
  width: 100%;
  font-size: 0; }
.newcens .nowne .infolist .infom {
  width: 100%;
  display: inline-block;
  vertical-align: top; }
.newcens .nowne .infolist .infom a {
  width: 100%;
  display: block; }
.newcens .nowne .infolist .infom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .nowne .infolist .infom .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.newcens .nowne .infolist .infom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.newcens .nowne .infolist .infom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  height: 3em; }
.newcens .nowne .infolist .infom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.newcens .nowne .infolist .infom:nth-child(3n) {
  margin-right: 0; }
.newcens .nowne .infolist .infom:hover .imgs .img {
  transform: scale(1.1); }
.newcens .nowne .infolist .infom:hover .pom .pit {
  color: #ff0000; }
.newcens .trends {
  width: 100%;
  padding: 0.4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.newcens .trends .trl {
  display: inline-block;
  vertical-align: middle;
  width: calc(920 / 1460 * 100%); }
.newcens .trends .trl .trlpers {
  width: 100%; }
.newcens .trends .trl .trlpers .swiper-slide {
  width: 100%;
  position: relative; }
.newcens .trends .trl .trlpers .swiper-slide a {
  width: 100%;
  display: block; }
.newcens .trends .trl .trlpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .trends .trl .trlpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 58.69%;
  transition: all ease 0.5s; }
.newcens .trends .trl .trlpers .swiper-slide .vom {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0.2rem;
  z-index: 3;
  bottom: 0; }
.newcens .trends .trl .trlpers .swiper-slide .vom .st {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5; }
.newcens .trends .trl .trlpers .swiper-slide .vom .sm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.05rem; }
.newcens .trends .trl .trlpers .btns {
  width: 100%;
  position: relative;
  margin-top: 0.3rem;
  font-size: 0; }
.newcens .trends .trl .trlpers .btns .btn {
  width: 0.45rem;
  height: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  background-color: transparent;
  cursor: pointer; }
.newcens .trends .trl .trlpers .btns .btn img {
  width: 100%;
  display: block; }
.newcens .trends .trl .trlpers .btns .btn img:first-child {
  display: block; }
.newcens .trends .trl .trlpers .btns .btn img:last-child {
  display: none; }
.newcens .trends .trl .trlpers .btns .btn:hover {
  border: solid 1px #ff0000;
  background-color: #ff0000; }
.newcens .trends .trl .trlpers .btns .btn:hover img:first-child {
  display: none; }
.newcens .trends .trl .trlpers .btns .btn:hover img:last-child {
  display: block; }
.newcens .trends .trl .trlpers .btns .btn + .btn {
  margin-left: 0.15rem; }
.newcens .trends .trl .trlpers .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }
.newcens .trends .trr {
  display: inline-block;
  vertical-align: middle;
  width: calc(440 / 1460 * 100%);
  text-align: center; }
.newcens .trends .trr .tir {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.newcens .trends .trr .xm, .newcens .trends .trr .ec {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin: 0.05rem 0; }
.newcens .trends .trr .lx {
  width: 0.4rem;
  display: block;
  margin: 0.25rem auto 0.25rem;
  background-color: #ff0000;
  height: 3px; }
.newcens .trends .trr .dm {
  width: 100%;
  color: #000;
  line-height: 1.4; }
.newcens .trends .trr .inpoem {
  width: 100%;
  font-size: 0;
  display: flex;
  margin: 0.2rem 0; }
.newcens .trends .trr .inpoem .sin {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  background-color: #ffffff;
  border: solid 1px #f5f5f5;
  border-right: none;
  padding: 0 0.2rem;
  color: #000;
  line-height: 3.1;
  height: 3.1em; }
.newcens .trends .trr .inpoem .stn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #ff0000;
  color: #fff;
  position: relative;
  padding: 0 0.2rem;
  line-height: 3.1; }
.newcens .trends .trr .inpoem .stn span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  top: -0.02rem; }
.newcens .trends .trr .inpoem .stn .sub {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  opacity: 0; }
.newcens .trends .trr .ic {
  display: block;
  margin: 0.2rem auto;
  width: 0.9rem; }
.newcens .trends .trr .ic img {
  width: 100%;
  display: block; }
.newcens .trends .trr .comd {
  width: 100%;
  text-align: center; }
.newcens .trends .trr .comd .cm {
  display: block;
  margin: 0.1rem auto;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0.1rem;
  border: solid 1px #f5f5f5; }
.newcens .trends .trr .comd .cm img {
  width: 100%;
  display: block; }
.newcens .trends .trr .comd .mc {
  width: 100%;
  text-align: center;
  color: #999;
  line-height: 1.5; }
.newcens .proenc {
  width: 100%;
  padding: 0.4rem 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.newcens .proenc .prl {
  display: inline-block;
  vertical-align: middle;
  width: calc(920 / 1460 * 100%); }
.newcens .proenc .prl .eoncm {
  width: 100%; }
.newcens .proenc .prl .eoncm .enpom {
  width: 100%; }
.newcens .proenc .prl .eoncm .enpom a {
  width: 100%;
  display: block; }
.newcens .proenc .prl .eoncm .enpom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .proenc .prl .eoncm .enpom .imgs .img {
  width: 100%;
  padding-top: 54.34%;
  transition: all ease 0.5s; }
.newcens .proenc .prl .eoncm .enpom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.newcens .proenc .prl .eoncm .enpom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.newcens .proenc .prl .eoncm .enpom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.newcens .proenc .prl .eoncm .enpom:hover .imgs .img {
  transform: scale(1.1); }
.newcens .proenc .prl .eoncm .enpom:hover .pom .pit {
  color: #ff0000; }
.newcens .proenc .prl .eoncper {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0; }
.newcens .proenc .prl .eoncper .eacom {
  display: inline-block;
  vertical-align: top;
  width: calc(450 / 920 * 100%);
  margin-right: calc(19 / 920 * 100%);
  margin-bottom: 0.2rem; }
.newcens .proenc .prl .eoncper .eacom a {
  width: 100%;
  display: block; }
.newcens .proenc .prl .eoncper .eacom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .proenc .prl .eoncper .eacom .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.newcens .proenc .prl .eoncper .eacom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.newcens .proenc .prl .eoncper .eacom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  height: 3em; }
.newcens .proenc .prl .eoncper .eacom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.newcens .proenc .prl .eoncper .eacom:nth-child(2n) {
  margin-right: 0; }
.newcens .proenc .prl .eoncper .eacom:hover .imgs .img {
  transform: scale(1.1); }
.newcens .proenc .prl .eoncper .eacom:hover .pom .pit {
  color: #ff0000; }
.newcens .proenc .prl .eoncper .btns {
  width: 100%;
  position: relative;
  margin-top: 0.1rem;
  font-size: 0; }
.newcens .proenc .prl .eoncper .btns .btn {
  width: 0.45rem;
  height: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  background-color: transparent;
  cursor: pointer; }
.newcens .proenc .prl .eoncper .btns .btn img {
  width: 100%;
  display: block; }
.newcens .proenc .prl .eoncper .btns .btn img:first-child {
  display: block; }
.newcens .proenc .prl .eoncper .btns .btn img:last-child {
  display: none; }
.newcens .proenc .prl .eoncper .btns .btn:hover {
  border: solid 1px #ff0000;
  background-color: #ff0000; }
.newcens .proenc .prl .eoncper .btns .btn:hover img:first-child {
  display: none; }
.newcens .proenc .prl .eoncper .btns .btn:hover img:last-child {
  display: block; }
.newcens .proenc .prl .eoncper .btns .btn + .btn {
  margin-left: 0.15rem; }
.newcens .proenc .prr {
  display: inline-block;
  vertical-align: middle;
  width: calc(440 / 1460 * 100%); }
.newcens .proenc .prr .videolis {
  width: 100%;
  font-size: 0; }
.newcens .proenc .prr .videolis .videm {
  width: 100%;
  margin-bottom: 0.2rem; }
.newcens .proenc .prr .videolis .videm a {
  width: 100%;
  display: block; }
.newcens .proenc .prr .videolis .videm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .proenc .prr .videolis .videm .imgs .img {
  width: 100%;
  position: relative;
  padding-top: 72.91%;
  transition: all ease 0.5s; }
.newcens .proenc .prr .videolis .videm .imgs .play {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
.newcens .proenc .prr .videolis .videm .imgs .play img {
  width: 100%;
  display: block; }
.newcens .proenc .prr .videolis .videm .vim {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.6;
  margin-top: 0.06rem; }
.newcens .proenc .prr .videolis .videm + .videm {
  margin-top: 0.24rem; }
.newcens .proenc .prr .videolis .videm:hover .imgs .img {
  transform: scale(1.1); }
.newcens .proenc .prr .videolis .videm:hover .vim {
  color: #ff0000; }
.newcens .Exhibiti {
  width: 100%;
  padding: 0.8rem 0; }
.newcens .Exhibiti .exhspers {
  width: 100%; }
.newcens .Exhibiti .exhspers .exhom {
  display: inline-block;
  vertical-align: top;
  width: calc(460 / 1460 * 100%);
  margin-right: calc(39 / 1460 * 100%);
  margin-bottom: 0.3rem; }
.newcens .Exhibiti .exhspers .exhom a {
  width: 100%;
  display: block; }
.newcens .Exhibiti .exhspers .exhom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.newcens .Exhibiti .exhspers .exhom .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.newcens .Exhibiti .exhspers .exhom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.newcens .Exhibiti .exhspers .exhom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  height: 3em; }
.newcens .Exhibiti .exhspers .exhom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.newcens .Exhibiti .exhspers .exhom:hover .imgs .img {
  transform: scale(1.1); }
.newcens .Exhibiti .exhspers .exhom:hover .pom .pit {
  color: #333; }
.newcens .Exhibiti .exhspers .exhom:nth-child(3n) {
  margin-right: 0; }
.newcens .Exhibiti .exhspers .btns {
  width: 100%;
  position: relative;
  margin-top: 0.1rem;
  font-size: 0; }
.newcens .Exhibiti .exhspers .btns .btn {
  width: 0.45rem;
  height: 0.45rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  background-color: transparent;
  cursor: pointer; }
.newcens .Exhibiti .exhspers .btns .btn img {
  width: 100%;
  display: block; }
.newcens .Exhibiti .exhspers .btns .btn img:first-child {
  display: block; }
.newcens .Exhibiti .exhspers .btns .btn img:last-child {
  display: none; }
.newcens .Exhibiti .exhspers .btns .btn:hover {
  border: solid 1px #ff0000;
  background-color: #ff0000; }
.newcens .Exhibiti .exhspers .btns .btn:hover img:first-child {
  display: none; }
.newcens .Exhibiti .exhspers .btns .btn:hover img:last-child {
  display: block; }
.newcens .Exhibiti .exhspers .btns .btn + .btn {
  margin-left: 0.15rem; }
.newcens .mores {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.3rem;
  display: none; }
.newcens .mores .mtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  padding: 0 0.5rem;
  background-color: #ff0000;
  cursor: pointer;
  border-radius: 0.05rem; }

@media (max-width: 800px) {
  .newcens .nowne .infolist .swiper-wrapper {
    flex-wrap: wrap; }
  .newcens .nowne .infolist .infom {
    width: 100%;
    margin-right: 0; }
  .newcens .nowne .infolist .infom + .infom {
    margin-top: 0.25rem; }
  .newcens .nowne .infolist .swiper-slide + .swiper-slide {
    margin-top: 0.25rem; }
  .newcens .proenc .prl .eoncper .swiper-wrapper {
    flex-wrap: wrap; }
  .newcens .proenc .prl .eoncper .eacom {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }
  .newcens .proenc .prl .eoncper .eacom + .eacom {
    margin-top: 0.3rem; }
  .newcens .proenc .prr .videolis .videm {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }
  .newcens .proenc .prr .videolis .videm + .videm {
    margin-top: 0.3rem; }
  .newcens .Exhibiti {
    padding: 0.5rem 0; }
  .newcens .Exhibiti .exhspers .swiper-wrapper {
    flex-wrap: wrap; }
  .newcens .Exhibiti .exhspers .exhom {
    width: 100%;
    margin-right: 0; }
  .newcens .Exhibiti .exhspers .exhom + .exhom {
    margin-top: 0.25rem; }
  .newcens .trends .trl .btns .btn {
    width: 35px;
    height: 35px; }
  .newcens .trends .trr .ic {
    width: 1.4rem;
    margin: 0.4rem auto 0.24rem; }
  .newcens .trends .trr .comd .cm {
    width: 1.8rem;
    height: 1.8rem; } }
.prodent {
  width: 100%;
  padding: 0.8rem 0; }
.prodent .pits {
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.5rem; }
.prodent .propers {
  width: 100%;
  position: relative; }
.prodent .propers .swiper-slide {
  width: 100%; }
.prodent .propers .swiper-slide a {
  width: 100%;
  display: block; }
.prodent .propers .swiper-slide .imgs {
  width: 180px;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto 0.1rem;
  max-width: 100%;
  padding: 0.3rem; }
.prodent .propers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.prodent .propers .swiper-slide .vim {
  width: 100%;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  text-align: center; }
.prodent .propers .swiper-slide .more {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.prodent .propers .swiper-slide .more span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
  width: 6px;
  margin-left: 0.1rem; }
.prodent .propers .swiper-slide .more span img {
  width: 100%;
  display: block; }
.prodent .propers .swiper-slide .more span img:first-child {
  display: block; }
.prodent .propers .swiper-slide .more span img:last-child {
  display: none; }
.prodent .propers .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }
.prodent .propers .swiper-slide:hover .vim {
  color: #ff0000; }
.prodent .propers .swiper-slide:hover .more {
  color: #ff0000; }
.prodent .propers .swiper-slide:hover .more span img:first-child {
  display: none; }
.prodent .propers .swiper-slide:hover .more span img:last-child {
  display: block; }
.prodent .propers .btn {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  width: 0.45rem;
  height: 0.45rem;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #eee;
  border-radius: 5px; }
.prodent .propers .btn img {
  width: 100%;
  display: block; }
.prodent .propers .btn:hover {
  background-color: #ff0000;
  border: solid 1px #ff0000; }
.prodent .propers .btn:hover img {
  filter: grayscale(200%) brightness(1000%); }
.prodent .propers .bl {
  left: 0rem; }
.prodent .propers .br {
  right: 0rem; }
.prodent .properlis {
  width: 100%;
  font-size: 0;
  display: none; }
.prodent .properlis .perom {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.15rem; }
.prodent .properlis .perom a {
  width: 100%;
  display: block; }
.prodent .properlis .perom .imgs {
  width: 180px;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto 0.1rem;
  max-width: 100%;
  padding: 0.3rem; }
.prodent .properlis .perom .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s; }
.prodent .properlis .perom .vim {
  width: 100%;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  text-align: center; }
.prodent .properlis .perom .more {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.prodent .properlis .perom .more span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
  width: 6px;
  margin-left: 0.1rem; }
.prodent .properlis .perom .more span img {
  width: 100%;
  display: block; }
.prodent .properlis .perom .more span img:first-child {
  display: block; }
.prodent .properlis .perom .more span img:last-child {
  display: none; }
.prodent .properlis .perom:hover .imgs .img {
  transform: scale(1.1); }
.prodent .properlis .perom:hover .vim {
  color: #ff0000; }
.prodent .properlis .perom:hover .more {
  color: #ff0000; }
.prodent .properlis .perom:hover .more span img:first-child {
  display: none; }
.prodent .properlis .perom:hover .more span img:last-child {
  display: block; }
.prodent .properlis .perom:nth-child(2n) {
  margin-right: 0; }
.prodent .classifys {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
  position: relative; }
.prodent .classifys .swiper-container {
  height: calc(4rem + 4rem + 0.2rem); }
.prodent .classifys .clotm {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(590 / 1200 * 100%);
  margin-right: calc(19 / 1200 * 100%);
  margin-bottom: 0.2rem; }
.prodent .classifys .clotm a {
  width: 100%;
  display: block; }
.prodent .classifys .clotm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.prodent .classifys .clotm .imgs .img {
  width: 100%;
  height: 4rem;
  transition: all ease 0.5s; }
.prodent .classifys .clotm .vomd {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0.2rem 0.2rem 0.5rem; }
.prodent .classifys .clotm .vomd .bct {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.15rem; }
.prodent .classifys .clotm .vomd .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem; }
.prodent .classifys .clotm .vomd .more .mtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
  border-radius: 5px;
  padding: 0 0.4rem;
  line-height: 3.1; }
.prodent .classifys .clotm .vomd .more .mtn span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  position: relative;
  margin-left: 0.1rem;
  top: -0.01rem; }
.prodent .classifys .clotm .vomd .more .mtn span img {
  width: 100%;
  display: block; }
.prodent .classifys .clotm:nth-child(2n) {
  margin-right: 0; }
.prodent .classifys .clotm:hover .imgs .img {
  transform: scale(1.1); }
.prodent .classifys .clotm:hover .vomd .more .mtn {
  background-color: #ff0000;
  color: #fff;
  border: solid 2px #ff0000; }
.prodent .claslist {
  width: 100%;
  font-size: 0;
  display: none;
  margin-top: 0.3rem; }
.prodent .claslist .clasm {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 0.2rem;
  position: relative; }
.prodent .claslist .clasm a {
  width: 100%;
  display: block; }
.prodent .claslist .clasm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.prodent .claslist .clasm .imgs .img {
  width: 100%;
  height: 4rem;
  transition: all ease 0.5s; }
.prodent .claslist .clasm .vomd {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0.2rem 0.2rem 0.5rem; }
.prodent .claslist .clasm .vomd .bct {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.15rem; }
.prodent .claslist .clasm .vomd .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem; }
.prodent .claslist .clasm .vomd .more .mtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
  border-radius: 5px;
  padding: 0 0.4rem;
  line-height: 3.1; }
.prodent .claslist .clasm .vomd .more .mtn span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  position: relative;
  margin-left: 0.1rem;
  top: -0.01rem; }
.prodent .claslist .clasm .vomd .more .mtn span img {
  width: 100%;
  display: block; }
.prodent .claslist .clasm:hover .imgs .img {
  transform: scale(1.1); }
.prodent .claslist .clasm:hover .vomd .more .mtn {
  background-color: #ff0000;
  color: #fff;
  border: solid 2px #ff0000; }
.prodent .claslist .clasm:nth-child(2n) {
  margin-right: 0; }

@media (max-width: 800px) {
  .prodent .propers {
    display: none; }
  .prodent .properlis {
    display: block;
    margin-bottom: 25px; }
  .prodent .classifys {
    display: none; }
  .prodent .classifys .clotm {
    width: 100%;
    margin-right: 0; }
  .prodent .classifys .swiper-container {
    height: calc(4rem); }
  .prodent .claslist {
    display: block; } }
.services {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fafafa; }
.services .servper {
  width: 100%; }
.services .servper .swiper-slide {
  width: 100%;
  text-align: center; }
.services .servper .swiper-slide a {
  width: 100%;
  display: block; }
.services .servper .swiper-slide .pic {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto 0.15rem; }
.services .servper .swiper-slide .tm {
  width: 100%;
  color: #000;
  line-height: 1.6; }
.services .servper .swiper-slide .pim {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin: 0.04rem 0; }
.services .servper .swiper-slide .more {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.15rem; }
.services .servper .swiper-slide .more span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 6px;
  margin-left: 0.1rem; }
.services .servper .swiper-slide .more span img {
  width: 100%;
  display: block; }
.services .servper .swiper-slide .more span img:first-child {
  display: block; }
.services .servper .swiper-slide .more span img:last-child {
  display: none; }
.services .servper .swiper-slide:hover .pic {
  background-color: #ff0000;
  transition: all ease 0.5s; }
.services .servper .swiper-slide:hover .pic img {
  filter: grayscale(100%) brightness(1000%); }
.services .servper .swiper-slide:hover .tm {
  color: #ff0000; }
.services .servper .swiper-slide:hover .more {
  color: #ff0000; }
.services .servper .swiper-slide:hover .more span img:first-child {
  display: none; }
.services .servper .swiper-slide:hover .more span img:last-child {
  display: block; }

@media (max-width: 800px) {
  .services {
    padding-bottom: 0; }
  .services .servper .swiper-wrapper {
    flex-wrap: wrap; }
  .services .servper .swiper-slide {
    background-color: #efefef;
    padding: 0.3rem 0.2rem; }
  .services .servper .swiper-slide .pic {
    width: 2rem;
    height: 2rem; }
  .services .servper .swiper-slide .tm {
    font-size: 16px; } }
.briefs {
  width: 100%;
  padding: 0.5rem 0;
  position: relative; }
.briefs .imglist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1; }
.briefs .imglist .items {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: all ease 0.5s; }
.briefs .imglist .items .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: block; }
.briefs .imglist .items .imgs .img {
  width: 100%;
  height: 100%;
  display: block; }
.briefs .imglist .items.on {
  width: 100%;
  opacity: 1;
  z-index: 3; }
.briefs .w1200 {
  z-index: 2;
  position: relative; }
.briefs .mescon {
  width: 100%; }
.briefs .mescon .miotm {
  width: 100%;
  display: none;
  height: 5.1rem; }
.briefs .mescon .heiom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 100%; }
.briefs .mescon .heiom .hit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.briefs .mescon .heiom .hit p {
  color: #fff;
  font-weight: bold;
  line-height: 1.25; }
.briefs .mescon .heiom .xid {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.05rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.briefs .mescon .heiom .xid p {
  color: #fff;
  line-height: 1.5; }
.briefs .mescon .heiom .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.35rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.briefs .mescon .heiom .more a {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  color: #fff;
  line-height: 3.5;
  border-radius: 5px;
  padding: 0 0.4rem; }
.briefs .mescon .heiom .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem;
  position: relative;
  top: -0.01rem;
  position: relative; }
.briefs .mescon .heiom .more a span img {
  width: 100%;
  display: block; }
.briefs .mescon .miotm.on {
  display: block; }
.briefs .mescon .miotm.on .heiom .hit, .briefs .mescon .miotm.on .heiom .xid, .briefs .mescon .miotm.on .heiom .more {
  opacity: 1;
  transform: translate3d(0, 0, 0); }
.briefs .briesper {
  width: 100%;
  margin-top: 0.3rem; }
.briefs .briesper .swiper-slide {
  width: 100%;
  position: relative;
  cursor: pointer; }
.briefs .briesper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.briefs .briesper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 73.68%;
  transition: all ease 0.5s; }
.briefs .briesper .swiper-slide .itm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.15rem;
  align-content: space-between; }
.briefs .briesper .swiper-slide .itm .num {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.briefs .briesper .swiper-slide .itm .xim {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.briefs .briesper .swiper-slide:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: solid 2px #ff0000;
  cursor: pointer;
  opacity: 0;
  transition: all ease 0.5s;
  box-sizing: border-box; }
.briefs .briesper .swiper-slide.on:after {
  opacity: 1; }
.briefs .briesper .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }

.briefs.cont .w1460 {
  z-index: 2;
  position: relative; }
.briefs.cont .mescon .heiom .xid {
  margin-top: 0.15rem; }
.briefs.cont .briesper {
  width: 100%; }
.briefs.cont .briesper .swiper-slide:after {
  display: none; }
.briefs.cont .briesper .swiper-slide .cms {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem; }
.briefs .bic{
  width: 100%;
  margin-top: 0.2rem;
}
.briefs .bic .bim{
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
}

@media (max-width: 800px) {
  .briefs {
    min-height: 12rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    padding-top: 1.5rem; }
  .briefs .briesper {
    margin-top: 2rem; } }
.business {
  width: 100%;
  padding: 0.8rem 0; }
.business .bit {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem; }
.business .bit .bt {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.25; }
.business .imconx {
  width: 100%; }
.business .imconx .imcox {
  width: 100%;
  position: relative;
  display: none; }
.business .imconx .imcox.on {
  display: block; }
.business .imconx .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.business .imconx .imgs .img {
  width: 100%;
  padding-top: 40.83%; }
.business .imconx .pcm {
  display: block; }
.business .imconx .phm {
  display: none; }
.business .imconx .phm .img {
  width: 100%;
  padding-top: 107.24%; }
.business .businper {
  width: 100%;
  position: relative;
  top: -0.2rem; }
.business .businper .swiper-wrapper {
  align-items: center;
  height: 1.7rem; }
.business .businper .swiper-slide {
  width: 100%;
  position: relative;
  cursor: pointer;
  transition: all ease 0.5s;
  z-index: 1;
  height: 1.3rem; }
.business .businper .swiper-slide:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.04rem;
  background-color: #ff0000;
  opacity: 0;
  z-index: 3;
  transition: all ease 0.5s; }
.business .businper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%; }
.business .businper .swiper-slide .imgs .img {
  width: 100%;
  height: 100%;
  transition: all ease 0.5s; }
.business .businper .swiper-slide .itm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.15rem;
  align-content: center; }
.business .businper .swiper-slide .itm .num {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.05rem; }
.business .businper .swiper-slide .itm .xim {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.business .businper .swiper-slide.on {
  z-index: 3;
  height: 1.7rem; }
.business .businper .swiper-slide.on:after {
  opacity: 1; }
.business .spamer {
  width: 100%;
  position: relative; }
.business .spamer .swiper-slide {
  width: 100%;
  position: relative; }
.business .spamer .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.business .spamer .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 42.25%; }
.business .spamer .swiper-slide .pem {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1.5;
  padding: 0.18rem 0.2rem;
  z-index: 3;
  text-align: center; }
.business .spamer .swiper-slide .imgs.phm .img {
  padding-top: 100%; }
.business .spamer .swiper-pagination {
  bottom: 1rem;
  font-size: 0;
  z-index: 2;
  width: 100%;
  left: 0;
  text-align: center; }
.business .spamer .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 3px;
  margin: 0 0.05rem;
  cursor: pointer;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden; }
.business .spamer .swiper-pagination-bullet-active {
  background-color: #fff; }

@media (max-width: 800px) {
  .business .imconx .pcm {
    display: none; }
  .business .imconx .phm {
    display: block; }
  .business .businper {
    top: -0.3rem; }
  .business .businper .swiper-wrapper {
    height: 2rem; }
  .business .businper .swiper-slide {
    height: 1.6rem; }
  .business .businper .swiper-slide .itm .num, .business .businper .swiper-slide .itm .xim {
    font-size: 12px; }
  .business .businper .swiper-slide.on {
    height: 2rem; }
  .business .spamer .swiper-slide .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .business .spamer .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 104.225%; }
  .business .spamer .swiper-slide .pem {
    padding: 0.24rem; }
  .business .spamer .swiper-pagination {
    bottom: 1.2rem; } }
.procens {
  width: 100%;
  position: inherit;
  padding: 0.5rem 0; }
.procens .w1460 {
  position: inherit; }
.procens .procen {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.procens .procen .prl {
  display: inline-block;
  vertical-align: top;
  width: calc(280 / 1460 * 100%); }
.procens .procen .prl .closc {
  display: none; }
.procens .procen .prl .prlist {
  width: 100%; }
.procens .procen .prl .prlist .pli {
  width: 100%;
  padding: 0.15rem 0;
  border-bottom: solid 1px #f2f2f2; }
.procens .procen .prl .prlist .pli .ns {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
.procens .procen .prl .prlist .pli .ns .am {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 2; }
.procens .procen .prl .prlist .pli .ns .rc {
  display: inline-block;
  vertical-align: middle; }
.procens .procen .prl .prlist .pli .ns .rc span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  transition: all ease 0.5s;
  transform: rotate(0); }
.procens .procen .prl .prlist .pli .ns .rc span img {
  width: 100%;
  display: block; }
.procens .procen .prl .prlist .pli .puls {
  width: 100%;
  margin-top: 0.15rem;
  display: none; }
.procens .procen .prl .prlist .pli .labels {
  width: 100%;
  font-size: 0; }
.procens .procen .prl .prlist .pli .labels .label {
  width: 100%;
  position: relative;
  display: block; }
.procens .procen .prl .prlist .pli .labels .label .ic {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem; }
.procens .procen .prl .prlist .pli .labels .label .ic img {
  width: 100%;
  display: block; }
.procens .procen .prl .prlist .pli .labels .label .ic img:first-child {
  display: block; }
.procens .procen .prl .prlist .pli .labels .label .ic img:last-child {
  display: none; }
.procens .procen .prl .prlist .pli .labels .label .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 12px - 0.1rem);
  color: #666;
  line-height: 2.5; }
.procens .procen .prl .prlist .pli .labels .label .svm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  opacity: 0; }
.procens .procen .prl .prlist .pli .labels .label.selected .ic img:first-child {
  display: none; }
.procens .procen .prl .prlist .pli .labels .label.selected .ic img:last-child {
  display: block; }
.procens .procen .prl .prlist .pli .inputs {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem; }
.procens .procen .prl .prlist .pli .inputs .intem {
  display: inline-block;
  vertical-align: middle;
  width: calc((100% - 2em) / 2); }
.procens .procen .prl .prlist .pli .inputs .intem input {
  width: 100%;
  display: block;
  border: solid 1px #f5f5f5;
  background-color: transparent;
  color: #333;
  line-height: 2.5;
  height: 2.5em;
  padding: 0 0.2rem; }
.procens .procen .prl .prlist .pli .inputs .mid {
  display: inline-block;
  vertical-align: middle;
  color: #dfdfe1;
  line-height: 2.5;
  width: 2em;
  text-align: center; }
.procens .procen .prl .prlist .pli .range {
  width: 100%;
  padding: 20px;
  padding: 20px 2.5em 20px 7px;
  position: relative;
  margin-bottom: 0.3rem; }
.procens .procen .prl .prlist .pli .range .z-num {
  color: #999;
  width: 6em;
  position: absolute;
  left: 50%;
  margin-left: -3em;
  top: 1.43em;
  text-align: center; }
.procens .procen .prl .prlist .pli .range .unit {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 2;
  position: absolute;
  right: 0;
  top: calc(20px - 0.7em); }
.procens .procen .prl .prlist .pli .ui-widget-header {
  background-color: #ff0000; }
.procens .procen .prl .prlist .pli .ui-slider .ui-slider-handle {
  border: solid 1px #ff0000;
  background-color: #ff0000; }
/* .procens .procen .prl .prlist .pli:first-child {
            border-top: solid 1px #f2f2f2; } */
.procens .procen .prl .prlist .pli.has-puls.show .ns .rc span {
  transform: rotate(180deg); }
.procens .procen .prr {
  display: inline-block;
  vertical-align: top;
  width: calc(1120 / 1460 * 100%); }
.procens .procen .prr .prtop {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 4;
  margin-bottom: 0.3rem; }
.procens .procen .prr .prtop .ptl {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }
.procens .procen .prr .prtop .ptl .mit {
  width: 100%;
  font-size: 0; }
.procens .procen .prr .prtop .ptl .mit h2 {
  display: inline-block;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.procens .procen .prr .prtop .ptl .mit span {
  display: inline-block;
  color: #333;
  line-height: 1.5;
  margin-left: 0.1rem; }
.procens .procen .prr .prtop .ptl .fen {
  display: none; }
.procens .procen .prr .prtop .ptr {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  z-index: 2; }
.procens .procen .prr .prtop .ptr .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  background-color: #fcfcfc;
  width: 2.6rem; }
.procens .procen .prr .prtop .ptr .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0; }
.procens .procen .prr .prtop .ptr .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.1em;
  height: 3.1em;
  color: #666;
  padding: 0 .2rem; }
.procens .procen .prr .prtop .ptr .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0; }
.procens .procen .prr .prtop .ptr .select .select-con select option {
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  background: #fff; }
.procens .procen .prr .prtop .ptr .select .select-con select .option:hover {
  background-color: #ff0000; }
.procens .procen .prr .prtop .ptr .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: left;
  background-color: #fff;
  z-index: 123;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/ }
.procens .procen .prr .prtop .ptr .select .select-con .seluls .option {
  width: 100%;
  color: #666;
  line-height: 2.5;
  background: #fff;
  cursor: pointer;
  padding: 0 0.15rem; }
.procens .procen .prr .prtop .ptr .select .select-con .seluls .option:hover {
  background-color: #ff0000;
  color: #fff; }
.procens .procen .prr .prtop .ptr .select .select-con .seluls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.procens .procen .prr .prtop .ptr .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);
  background: rgba(255, 0, 0, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.procens .procen .prr .prtop .ptr .select .select-con .seluls::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1); }
.procens .procen .prr .prtop .ptr .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 12px;
  height: 7px;
  background-image: url("../images/xx.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
.procens .procen .prr .prtop .ptr .searchm {
  display: inline-block;
  vertical-align: middle;
  width: 2.6rem;
  font-size: 0;
  background-color: #fcfcfc;
  padding-right: 0.15rem;
  margin-left: 0.2rem; }
.procens .procen .prr .prtop .ptr .searchm .sin {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  width: calc(100% - 15px - 0.1rem);
  line-height: 3.1;
  height: 3.1em;
  color: #333;
  border: none;
  background-color: transparent; }
.procens .procen .prr .prtop .ptr .searchm .stn {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-left: 0.1rem;
  position: relative;
  cursor: pointer; }
.procens .procen .prr .prtop .ptr .searchm .stn img {
  width: 100%;
  display: block; }
.procens .procen .prr .prtop .ptr .searchm .stn input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 3; }
.procens .procen .prr .prtop .mlx {
  width: 100%;
  height: 2px;
  position: relative;
  background-color: #ececec;
  margin-top: 0.18rem;
  z-index: 1; }
.procens .procen .prr .prtop .mlx span {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 3px;
  background-color: #ff0000; }
.procens .procen .prr .proclis {
  width: 100%;
  font-size: 0; }
.procens .procen .prr .proclis .prcom {
  display: inline-block;
  vertical-align: top;
  width: calc(355 / 1120 * 100%);
  margin-right: calc(27 / 1120 * 100%);
  margin-bottom: 0.27rem;
  border: solid 1px #f5f5f5;
  padding: 0.2rem;
  position: relative; }
.procens .procen .prr .proclis .prcom .ric {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff0000;
  color: #fff;
  padding: 0 0.1rem;
  line-height: 3;
  z-index: 2; }
.procens .procen .prr .proclis .prcom .imgpers {
  width: 100%; }
.procens .procen .prr .proclis .prcom .imgpers .swiper-slide {
  width: 100%; }
.procens .procen .prr .proclis .prcom .imgpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.procens .procen .prr .proclis .prcom .imgpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.procens .procen .prr .proclis .prcom .imgpers .ptmgs {
  width: 100%;
  display: none; }
.procens .procen .prr .proclis .prcom .imgpers .ptmgs .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  max-width: 90%; }
.procens .procen .prr .proclis .prcom .imgpers .ptmgs .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.procens .procen .prr .proclis .prcom .imgpers .ptmgs.on {
  display: block; }
.procens .procen .prr .proclis .prcom .smgpers {
  width: 100%;
  margin-top: 0.1rem; }
.procens .procen .prr .proclis .prcom .smgpers .swiper-slide {
  width: 100%;
  border: solid 1px #e5e5e5;
  cursor: pointer; }
.procens .procen .prr .proclis .prcom .smgpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.procens .procen .prr .proclis .prcom .smgpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.procens .procen .prr .proclis .prcom .smgpers .swiper-slide.on {
  border: solid 1px #ff0000; }
.procens .procen .prr .proclis .prcom .xit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  height: 3em;
  display: block;
  margin: 0.1rem 0 0.05rem; }
.procens .procen .prr .proclis .prcom .pob {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.procens .procen .prr .proclis .prcom .pob .price {
  display: inline-block;
  vertical-align: middle;
  color: #0b0b23;
  font-weight: bold;
  line-height: 1.5; }
.procens .procen .prr .proclis .prcom .pob .kfn {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  line-height: 1.9em;
  border-radius: 0.95em;
  position: relative;
  height: 1.9em;
  padding: 0 20px; }
.procens .procen .prr .proclis .prcom .pob .kfn img {
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer; }
.procens .procen .prr .proclis .prcom:nth-child(3n) {
  margin-right: 0; }

@media (max-width: 800px) {
  .procens {
    overflow: hidden; }
  .procens .procen .prl {
    width: 80%;
    position: fixed;
    top: 0;
    left: -200%;
    height: calc(100vh);
    background-color: #fff;
    overflow: auto;
    z-index: 500;
    transition: all ease .6s;
    padding-left: 0.1rem;
    padding: 0.1rem 0.2rem;
    display: block;
    text-align: left;
    border-top: solid 1px #e5e5e5;
    padding: 0.9rem 0.3rem 0.3rem; }
  .procens .procen .prl .closc {
    position: absolute;
    right: 0.25rem;
    top: 0.15rem;
    color: #333;
    font-weight: bold;
    line-height: 2;
    z-index: 3;
    display: block; }
  .procens .procen .blacd {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    z-index: -99;
    background-color: rgba(0, 0, 0, 0.5); }
  .procens .procen .prl.show {
    left: 0; }
  .procens .procen .blacd.show {
    opacity: 1;
    z-index: 100; }
  .procens .procen .prr {
    position: relative;
    z-index: 2; }
  .procens .procen .prr .prtop .ptl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  .procens .procen .prr .prtop .ptl .fen {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 2;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.1rem 0.2rem;
    background-color: #fcfcfc;
    position: relative; }
  .procens .procen .prr .prtop .ptl .fen:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 12px;
    height: 7px;
    background-image: url("../images/xx.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .procens .procen .prr .prtop .ptr {
    width: 100%;
    position: relative;
    top: 0;
    transform: translateY(0);
    margin-top: 0.2rem; }
  .procens .procen .prr .prtop .ptr .select {
    width: 48%;
    margin-right: 4%; }
  .procens .procen .prr .prtop .ptr .searchm {
    width: 48%;
    margin-left: 0; }
  .procens .procen .prr .proclis .prcom {
    width: 48%;
    margin-right: 4%; }
  .procens .procen .prr .proclis .prcom .ric {
    line-height: 2;
    font-size: 12px; }
  .procens .procen .prr .proclis .prcom .pob .kfn {
    height: 1.7em;
    line-height: 1.7em;
    padding: 0 14px; }
  .procens .procen .prr .proclis .prcom .pob .kfn .img {
    width: 15px;
    height: 15px; }
  .procens .procen .prr .proclis .prcom:nth-child(3n) {
    margin-right: 4%; }
  .procens .procen .prr .proclis .prcom:nth-child(2n) {
    margin-right: 0%; } }
.historys {
  width: 100%;
  padding: 0.8rem 0;
  overflow: hidden; }
.historys .yearper {
  width: 100%;
  position: relative; }
.historys .yearper .swiper-container {
  width: calc(100% - 40px);
  margin: 0 auto; }
.historys .yearper .btn {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
.historys .yearper .btn img {
  width: 100%;
  display: block; }
.historys .yearper .btn img:first-child {
  display: block; }
.historys .yearper .btn img:last-child {
  display: none; }
.historys .yearper .bl {
  left: 0; }
.historys .yearper .br {
  right: 0; }
.historys .yearper .btn:hover img:first-child {
  display: none; }
.historys .yearper .btn:hover img:last-child {
  display: block; }
.historys .yearper .swiper-slide {
  width: 100%;
  text-align: center;
  color: #999;
  font-weight: bold;
  line-height: 2;
  transition: all ease 0.5s;
  cursor: pointer; }
.historys .yearper .swiper-slide.on, .historys .yearper .swiper-slide:hover {
  color: #000; }
.historys .contper {
  width: 100%;
  margin-top: 0.5rem; }
.historys .contper .swiper-slide {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.historys .contper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(580 / 1200 * 100%);
  position: relative;
  overflow: hidden; }
.historys .contper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 60.34%;
  transition: all ease 0.5s; }
.historys .contper .swiper-slide .rom {
  display: inline-block;
  vertical-align: middle;
  width: calc(570 / 1200 * 100%); }
.historys .contper .swiper-slide .rom .cip {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3; }
.historys .contper .swiper-slide .rom .cinp {
  width: 100%;
  color: #666;
  line-height: 2;
  margin-top: 0.15rem; }
.historys .contper .swiper-slide .rom .cinp p {
  color: #666;
  line-height: 2; }

.honors {
  width: 100%;
  padding: 0.8rem 0; }
.honors .honrpers {
  width: 100%;
  position: relative; }
.honors .honrpers .lxx {
  position: absolute;
  z-index: 1;
  top: 0.4rem;
  left: 0;
  width: 100%;
  overflow: hidden; }
.honors .honrpers .lxx .img {
  width: 100%;
  padding-top: 16.8%; }
.honors .honrpers .swiper-container {
  position: relative;
  z-index: 2; }
.honors .honrpers .swiper-slide {
  width: 100%;
  padding-top: 2.9rem;
  transition: all ease 0.5s; }
.honors .honrpers .swiper-slide a {
  width: 100%;
  display: block; }
.honors .honrpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 2.7rem; }
.honors .honrpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 62.96%;
  transition: all ease 0.5s; }
.honors .honrpers .swiper-slide .vit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 2.7rem; }
.honors .honrpers .swiper-slide .vim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.04rem;
  max-width: 2.7rem; }
.honors .honrpers .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }
.honors .honrpers .swiper-slide:hover .vit {
  color: #ff0000; }
.honors .honrpers .swiper-slide-active {
  padding-top: 2.9rem; }
.honors .honrpers .swiper-slide-active + .swiper-slide {
  padding-top: 1.8rem; }
.honors .honrpers .swiper-slide-active + .swiper-slide + .swiper-slide {
  padding-top: 1.3rem; }
.honors .honrpers .btn {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  width: 0.45rem;
  height: 0.45rem;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #eee;
  border-radius: 5px; }
.honors .honrpers .btn img {
  width: 100%;
  display: block; }
.honors .honrpers .btn:hover {
  background-color: #ff0000;
  border: solid 1px #ff0000; }
.honors .honrpers .btn:hover img {
  filter: grayscale(200%) brightness(1000%); }
.honors .honrpers .bl {
  left: -0.55rem; }
.honors .honrpers .br {
  right: -0.55rem; }
.honors .honrpers .hobs {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 0.3rem; }
.honors .honrpers .hobs .hiam {
  display: inline-block;
  vertical-align: middle; }
.honors .honrpers .hobs .hiam .sm {
  width: 18px;
  display: block;
  margin: 0 auto; }
.honors .honrpers .hobs .hiam .sm img {
  width: 100%;
  display: block; }
.honors .honrpers .hobs .hiam .sp {
  width: 100%;
  color: rgba(51, 51, 51, 0.5);
  line-height: 1.5;
  margin-top: 0.06rem; }

@media (max-width: 800px) {
  .honors .honrpers {
    padding-bottom: 40px; }
  .honors .honrpers .lxx .img {
    width: 100%;
    padding-top: 22.8%; }
  .honors .honrpers .btn {
    width: 35px;
    height: 35px;
    bottom: 0;
    top: auto;
    transform: translateY(0); }
  .honors .honrpers .bl {
    left: calc(50% - 40px); }
  .honors .honrpers .br {
    right: calc(50% - 40px); } }
.shomd {
  width: 100%; }
.shomd .crumbs {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.shomd .crumbs .colum {
  display: inline-block;
  vertical-align: middle; }
.shomd .crumbs .colum {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.shomd .crumbs .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 3.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.shomd .crumbs .colum a span {
  display: inline-block;
  color: #999;
  margin: 0 0.09rem 0 0.09rem;
  line-height: 3.2;
  position: relative;
  top: -0.01rem; }
.shomd .crumbs .colum a span img {
  width: 100%;
  display: block; }
.shomd .crumbs .colum a:hover {
  color: #333; }
.shomd .crumbs .colum a:last-child {
  color: #333; }
.shomd .crumbs .colum a:last-child span {
  display: none; }
.shomd .crumbs .ream {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  text-align: right; }
.shomd .crumbs .ream .sn {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 2;
  margin-right: 0.1rem; }
.shomd .crumbs .ream .am {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: 0 0.08rem;
  position: relative; }
.shomd .crumbs .ream .am a, .shomd .crumbs .ream .am img {
  width: 100%;
  display: block; }
.shomd .crumbs .ream .am .codm {
  position: absolute;
  top: calc(100% + 0.1rem);
  left: 50%;
  transform: translateX(-50%);
  width: 1.3rem;
  height: 1.3rem;
  background-color: #fff;
  display: none; }
.shomd .crumbs .ream .am .codm img {
  width: 100%;
  display: block; }
.shomd .crumbs .ream .am:hover .codm {
  display: block; }
.shomd .petails {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.2rem 0 0.5rem;
  overflow: hidden; }
.shomd .petails .pel {
  display: inline-block;
  vertical-align: top;
  width: calc(650 / 1460 * 100%); }
.shomd .petails .pel .petop {
  width: 100%;
  position: relative; }
.shomd .petails .pel .petop .swiper-container {
  width: calc(100% - 0.6rem);
  display: block;
  margin: 0 auto; }
.shomd .petails .pel .petop img {
  max-width: none !important;
  position: relative;
  z-index: 1000; }
.shomd .petails .pel .petop .MagicBoxShadow {
  background-color: #fff; }
.shomd .petails .pel .petop .MagicZoomPlusHint {
  display: none !important;
  opacity: 0 !important; }
.shomd .petails .pel .petop .swiper-slide {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  border: solid 1px #e5e5e5; }
.shomd .petails .pel .petop .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.shomd .petails .pel .petop .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.shomd .petails .pel .petop .swiper-slide .mg {
  width: 100%;
  height: 100%;
  display: block; }
.shomd .petails .pel .petop .videoc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all ease 0.5s;
  z-index: -1; }
.shomd .petails .pel .petop .videoc .vic {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 3; }
.shomd .petails .pel .petop .videoc .vic .vc {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 auto 0.15rem; }
.shomd .petails .pel .petop .videoc .vic .vc img {
  width: 100%;
  display: block; }
.shomd .petails .pel .petop .videoc .vic .vd {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.shomd .petails .pel .petop .videoc .vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }
.shomd .petails .pel .petop .videoc.on {
  opacity: 1;
  z-index: 4; }
.shomd .petails .pel .petop .swiper-pagination {
  z-index: 100;
  font-size: 14px; }
.shomd .petails .pel .petop .swiper-pagination span {
  font-size: 14px; }
.shomd .petails .pel .petop:hover .swiper-container {
  overflow: visible !important; }
.shomd .petails .pel .petop:hover .swiper-slide {
  opacity: 0; }
.shomd .petails .pel .petop:hover .swiper-slide .MagicZoomPlusHint {
  visibility: hidden !important; }
.shomd .petails .pel .petop:hover .swiper-slide-active {
  opacity: 1; }
.shomd .petails .pel .petop:hover .swiper-slide-active .MagicZoomPlusHint {
  visibility: visible !important; }
.shomd .petails .pel .pebot {
  width: 100%;
  position: relative;
  text-align: center; }
.shomd .petails .pel .pebot .ptem {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: calc(100% - 0.6rem);
  max-width: 5.3rem; }
.shomd .petails .pel .pebot .swiper-container {
  width: 100%;
  display: block;
  margin: 0.1rem auto; }
.shomd .petails .pel .pebot .swiper-slide {
  width: 100%;
  border: solid 1px #ddd; }
.shomd .petails .pel .pebot .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all ease 0.5s;
  opacity: 0.6; }
.shomd .petails .pel .pebot .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.shomd .petails .pel .pebot .swiper-slide:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  z-index: 3;
  height: 0.03rem;
  background-color: #ff0000;
  width: 100%;
  left: 0;
  right: 0;
  display: none; }
.shomd .petails .pel .pebot .swiper-slide.on .imgs {
  opacity: 1; }
.shomd .petails .pel .pebot .swiper-slide.on:after {
  display: block; }
.shomd .petails .pel .pebot .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  cursor: pointer; }
.shomd .petails .pel .pebot .btn img {
  width: 100%;
  display: block; }
.shomd .petails .pel .pebot .btn img:first-child {
  display: block; }
.shomd .petails .pel .pebot .btn img:last-child {
  display: none; }
.shomd .petails .pel .pebot .bl {
  left: -0.3rem; }
.shomd .petails .pel .pebot .br {
  right: -0.3rem; }
.shomd .petails .pel .pebot .btn:hover img:first-child {
  display: none; }
.shomd .petails .pel .pebot .btn:hover img:last-child {
  display: block; }
.shomd .petails .pel .change {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.1rem; }
.shomd .petails .pel .change .ctns {
  display: inline-block;
  vertical-align: middle;
  background-color: #efefef;
  line-height: 2.5;
  border-radius: 1.25em;
  padding: 0 0.2rem;
  color: #666;
  cursor: pointer; }
.shomd .petails .pel .change .ctns .sc {
  display: inline-block;
  vertical-align: middle;
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.05rem;
  position: relative; }
.shomd .petails .pel .change .ctns .sc img {
  width: 100%;
  display: block; }
.shomd .petails .pel .change .ctns .sc img:first-child {
  display: block; }
.shomd .petails .pel .change .ctns .sc img:last-child {
  display: none; }
.shomd .petails .pel .change .ctns:hover, .shomd .petails .pel .change .ctns.on {
  background-color: #ff0000;
  color: #fff; }
.shomd .petails .pel .change .ctns:hover .sc, .shomd .petails .pel .change .ctns.on .sc {
  filter: grayscale(100%) brightness(400%); }
.shomd .petails .pel .change .ctns + .ctns {
  margin-left: 0.2rem; }
@media (max-width: 800px) {
  .shomd .petails .pel .change .ctns:hover{
    background-color: #efefef;
    color: #666;
  }
  .shomd .petails .pel .change .ctns.on {
    background-color: #ff0000;
    color: #fff; }
  .shomd .petails .pel .change .ctns:hover .sc {
    filter: grayscale(0%) brightness(0%); }
  .shomd .petails .pel .change .ctns.on .sc {
    filter: grayscale(100%) brightness(400%); }
}
.shomd .petails .per {
  display: inline-block;
  vertical-align: top;
  width: calc(735 / 1460 * 100%); }
.shomd .petails .per .piv {
  width: 100%;
  color: #000;
  line-height: 1.3; }
.shomd .petails .per .vm {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin: 0.05rem 0 0.15rem; }
.shomd .petails .per .prc {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.shomd .petails .per .vomg {
  width: 100%;
  padding: 0.24rem 0;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  margin: 0.18rem 0; }
.shomd .petails .per .pinps {
  width: 100%;
  color: #666;
  line-height: 2; }
.shomd .petails .per .pinps p {
  color: #666;
  line-height: 2; }
.shomd .petails .per .colorsd {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.14rem; }
.shomd .petails .per .colorsd .sm {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5; }
.shomd .petails .per .colorsd .rpmd {
  display: inline-block;
  vertical-align: middle; }
.shomd .petails .per .colorsd .rpmd .em {
  display: none;
  vertical-align: middle;
  color: #666;
  line-height: 1.5; }
.shomd .petails .per .colorsd .rpmd .em.on {
  display: inline-block; }
.shomd .petails .per .colorlis {
  width: 100%;
  font-size: 0; }
.shomd .petails .per .colorlis .clim {
  display: inline-block;
  vertical-align: top;
  width: 0.65rem;
  position: relative;
  overflow: hidden;
  border: solid 1px #ddd;
  opacity: 0.6;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  cursor: pointer; }
.shomd .petails .per .colorlis .clim .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.shomd .petails .per .colorlis .clim.on {
  opacity: 1;
  border: solid 1px #ff0000; }
.shomd .petails .per .btnc {
  width: 100%;
  padding-top: 0.2rem;
  font-size: 0; }
.shomd .petails .per .btnc .atn {
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
  position: relative;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem; }
.shomd .petails .per .btnc .atn .em {
  width: 100%;
  display: block;
  border: solid 1px #ddd;
  border-radius: 5px;
  cursor: pointer;
  color: #666;
  line-height: 3.4;
  text-align: center; }
.shomd .petails .per .btnc .atn .atuls {
  position: absolute;
  width: 2.2rem;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 0rem);
  background-color: #fff;
  padding: 0 0.2rem;
  z-index: 2;
  box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05);
  display: none; }
.shomd .petails .per .btnc .atn .atuls:after {
  content: ' ';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: 100%;
  border: solid 0.1rem;
  display: none;
  border-color: transparent transparent #fff transparent; }
.shomd .petails .per .btnc .atn .atuls .alis {
  width: 100%;
  font-size: 0; }
.shomd .petails .per .btnc .atn .atuls .alis a {
  width: 100%;
  display: block;
  padding: 0.2rem 0; }
.shomd .petails .per .btnc .atn .atuls .alis .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.1rem; }
.shomd .petails .per .btnc .atn .atuls .alis .ac img {
  width: 100%;
  display: block; }
.shomd .petails .per .btnc .atn .atuls .alis .cm {
  width: calc(100%  - 0.37rem);
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5; }
.shomd .petails .per .btnc .atn .atuls .alis + .alis {
  border-top: solid 1px #ebebeb; }
.shomd .petails .per .btnc .atn.on .em {
  background-color: #ff0000;
  border: solid 1px #ff0000;
  color: #fff; }
.shomd .petails .per .btnc .atn.on .em span {
  filter: grayscale(100%) brightness(300%); }
.shomd .petails .per .btnc .atn.on .atuls {
  display: block; }

@media (max-width: 800px) {
  .shomd .petails .pel .petop .swiper-slide {
    border: none; }
  .shomd .petails .pel .petop .swiper-pagination {
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: auto;
    background-color: #dfdfdf;
    color: #fff;
    line-height: 2.2;
    padding: 0 0.2rem;
    border-radius: 1.1em;
    right: 0.15rem;
    top: 0.15rem;
    left: auto;
    bottom: auto; }
  .shomd .petails .per .btnc .atn .atuls {
    top: auto;
    bottom: calc(100% + 0.1rem);
    width: 3rem; }
  .shomd .petails .per .btnc .atn .atuls:after {
    content: ' ';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    bottom: auto;
    top: 100%;
    border: solid 0.1rem;
    border-color: #fff transparent transparent transparent; }
  .shomd .petails .per .pinps {
    font-size: 16px; }
  .shomd .petails .per .pinps p {
    font-size: 16px; }
  .shomd .petails .per .colorsd .sm {
    font-size: 16px; }
  .shomd .petails .per .colorsd .rpmd .em {
    font-size: 16px; }
  .shomd .petails .per .colorlis .clim {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 0.2rem; }
  .shomd .petails .per .colorlis .clim:nth-child(4n) {
    margin-right: 0; }
  .shomd .petails .pel .petop .swiper-container {
    width: calc(100%); }
  .shomd .petails .pel .petop .MagicZoomPup, .shomd .petails .pel .petop .MagicZoomPlusHint, .shomd .petails .pel .petop .MagicZoomBigImageCont {
    display: none !important; } }
.shnavs {
  width: 100%; }
.shnavs .shcoms {
  background-color: #000;
  transition: all ease 0.5s; }
.shnavs .shcom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.shnavs .shcom .lpm {
  display: inline-block;
  vertical-align: middle; }
.shnavs .shcom .lpm .team {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-weight: bold; }
.shnavs .shcom .lpm .team span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.08rem;
  background-color: #fff;
  line-height: 1.8;
  border-radius: 0.9em;
  padding: 0 0.1rem;
  color: #000; }
.shnavs .shcom .shnav {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  width: auto; }
.shnavs .shcom .shnav .swiper-wrapper {
  justify-content: flex-end; }
.shnavs .shcom .shnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  margin-left: 0.5rem; }
.shnavs .shcom .shnav .swiper-slide:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #ff0000;
  opacity: 0;
  transition: all ease 0.5s; }
.shnavs .shcom .shnav .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 4; }
.shnavs .shcom .shnav .swiper-slide.on:after {
  opacity: 1; }
.shnavs .shcom .rpm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-left: 0.3rem; }
.shnavs .shcom .rpm a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 4; }
.shnavs .shcom .rpm a span {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  margin-left: 0.05rem;
  position: relative;
  top: -0.01rem; }
.shnavs .shcom .rpm a span img {
  width: 100%;
  display: block; }
.shnavs .shcoms.fixed {
  position: fixed;
  z-index: 30;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05); }
.shnavs .shcoms.fixed .shcom .lpm .team {
  color: #000; }
.shnavs .shcoms.fixed .shcom .lpm .team span {
  background-color: #000;
  color: #fff; }
.shnavs .shcoms.fixed .shcom .shnav .swiper-slide a {
  color: #000; }

@media (max-width: 800px) {
  .shnavs .shcoms .shcom .lpm {
    width: 100%;
    padding: 10px 0; }
  .shnavs .shcoms .shcom .shnav .swiper-wrapper {
    justify-content: flex-start; }
  .shnavs .shcoms .shcom .shnav .swiper-slide:first-child {
    margin-left: 0; } }
.standards {
  width: 100%;
  padding: 0.5rem 0 0.5rem;
  position: relative; }
.standards .md {
  position: absolute;
  top: -3.8em; }
.standards .standard {
  width: 100%; }
.standards .standlis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap; }
.standards .standlis .sli {
  width: 25%;
  padding: 0.2rem 0.2rem 0.2rem 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06); }
.standards .standlis .sli .somd {
  width: 100%;
  display: flex; }
.standards .standlis .sli .sme {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-weight: bold;
  color: #000;
  line-height: 1.6;
  white-space: nowrap; }
.standards .standlis .sli .pme {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.6;
  flex: 1;
  word-break: break-all; }

@media (max-width: 800px) {
  .standards .md {
    position: absolute;
    top: -96px; } }
.xetails {
  width: 100%;
  padding: 0.5rem 0;
  position: relative; }
.xetails .md {
  position: absolute;
  top: -3.8em; }
.xetails .imgtext {
  width: 100%;
  position: relative; }
.xetails .imgtext .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.xetails .imgtext .imgs .img {
  width: 100%;
  padding-top: 44.27%; }
.xetails .imgtext .teom {
  position: absolute;
  left: calc((100% - 14.6rem) / 2);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  max-width: 7rem; }
.xetails .imgtext .teom .tim {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold; }
.xetails .imgtext .teom .tim p {
  color: #fff;
  line-height: 1.3; }
.xetails .imgtext .pmgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(520 / 1920 * 100%);
  position: absolute;
  right: calc(470 / 1920 * 100%);
  overflow: hidden;
  z-index: 3;
  top: 54.5%;
  transform: translateY(-50%); }
.xetails .imgtext .pmgs .img {
  width: 100%;
  padding-top: 100%; }
.xetails .xinps {
  width: 100%;
  color: #333;
  line-height: 1.8; }
.xetails .xinps p {
  color: #333;
  line-height: 1.8; }
.xetails .xinps img {
  width: 100%;
  display: block;
  max-width: 100%; }
.xetails .xinps.m12s {
  max-width: 12rem;
  margin: 0 auto 0;
  display: block; }
.xetails .xinps.m9s {
  max-width: 9rem;
  margin: 0 auto 0;
  display: block; }
.xetails .xinps.hide {
  display: none; }
.xetails .bic{
  left: calc((100% - 14.6rem) / 2);
  position: absolute;
  bottom: 0.3rem;
  z-index: 3;
  max-width: 7rem;
}
.xetails .bic .bim{
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.6;
}

@media (max-width: 1480px) {
  .xetails .bic{
    left: 5%;
  }
  .xetails .imgtext .teom {
    left: 5%; } }
@media (max-width: 800px) {
  .xetails .md {
    position: absolute;
    top: -4em; }
  .xetails .xinps.hide {
    display: block; } }
.features {
  width: 100%;
  padding: 0.8rem 0; }
.features .featlis {
  width: 100%;
  font-size: 0; }
.features .featlis .feam {
  display: inline-block;
  vertical-align: top;
  width: calc(400 / 1200 * 100%);
  padding: 0.2rem;
  text-align: center;
  margin-bottom: 0.2rem;
  /*cursor: pointer;*/ }
.features .featlis .feam .ic {
  display: block;
  margin: 0 auto 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  transition: all ease 0.8s;
  border: solid 1px #ebebeb; }
.features .featlis .feam .ic img {
  width: 100%;
  display: block; }
.features .featlis .feam .ic img:first-child {
  display: block; }
.features .featlis .feam .ic img:last-child {
  display: none; }
.features .featlis .feam .cm {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.6;
  height: 3.2em; }
.features .featlis .feam:hover .ic {
  transform: rotateY(360deg);
  border: solid 1px #ff0000;
  background-color: #ff0000; }
.features .featlis .feam:hover .ic img:first-child {
  display: none; }
.features .featlis .feam:hover .ic img:last-child {
  display: block; }

.imgemc {
  width: 100%;
  position: relative; }
.imgemc .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.imgemc .imgs .img {
  width: 100%;
  padding-top: 44.27%; }
.imgemc .teom {
  position: absolute;
  left: calc((100% - 14.6rem) / 2);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  max-width: 7rem; }
.imgemc .teom .tim {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold; }
.imgemc .teom .tim p {
  color: #fff;
  line-height: 1.3; }
.imgemc .teom .cim {
  width: 100%;
  color: #fff;
  line-height: 1.8; }
.imgemc .teom .cim p {
  color: #fff;
  line-height: 1.8; }
.imgemc .bic {
  left: calc((100% - 14.6rem) / 2);
  position: absolute;
  bottom: 0.3rem;
  z-index: 3;
  max-width: 7rem; }
.imgemc .bic .bim {
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.6; }
.imgemc .bic .bim p {
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.6; }

@media (max-width: 1480px) {
  .imgemc .teom, .imgemc .bic {
    left: 5%; } }
.accessorys {
  width: 100%;
  padding: 0.5rem 0;
  position: relative; }
.accessorys .md {
  position: absolute;
  top: -3.8em; }
.accessorys .accesper {
  width: 100%;
  position: relative; }
.accessorys .accesper .btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.34rem;
  height: 0.34rem;
  cursor: pointer;
  border: solid 1px #ebebeb; }
.accessorys .accesper .btn img {
  width: 0.13rem;
  height: 0.21rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
.accessorys .accesper .btn img:first-child {
  display: block; }
.accessorys .accesper .btn img:last-child {
  display: none; }
.accessorys .accesper .btn:hover img:first-child {
  display: none; }
.accessorys .accesper .btn:hover img:last-child {
  display: block; }
.accessorys .accesper .bl {
  left: -0.4rem; }
.accessorys .accesper .br {
  right: -0.4rem; }
.accessorys .accesper .swiper-slide {
  width: 100%; }
.accessorys .accesper .swiper-slide a {
  width: 100%;
  display: block; }
.accessorys .accesper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
  max-width: 100%;
  margin: 0 auto;
  display: block; }
.accessorys .accesper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.accessorys .accesper .swiper-slide .int {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin: 0.05rem 0 0.02rem; }
.accessorys .accesper .swiper-slide .lim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
  height: 3em; }
.accessorys .accesper .swiper-slide .price {
  width: 100%;
  color: #ff0000;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.1rem; }
.accessorys .accesper .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }

@media (max-width: 1480px) {
  .accessorys .accesper .bl {
    left: -0.2rem; }
  .accessorys .accesper .br {
    right: -0.2rem; } }
@media (max-width: 800px) {
  .accessorys .md {
    position: absolute;
    top: -96px; }
  .accessorys .accesper .swiper-wrapper {
    flex-wrap: wrap; }
  .accessorys .accesper .btn {
    width: 35px;
    height: 35px;
    top: auto;
    bottom: 0;
    display: none;
    transform: translateY(0); } }
.contacts {
  width: 100%;
  padding: 0.5rem 0;
  position: relative; }
.contacts .md {
  position: absolute;
  top: -3.8em; }
.contacts .conpent {
  width: 100%; }
.contacts .arom {
  width: 100%;
  margin-top: 0.3rem;
  border-top: solid 2px #f5f5f5;
  padding-top: 0.35rem; }
.contacts .arom form {
  width: 100%;
  display: block; }
.contacts .arom .fitc {
  width: 100%;
  display: block;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.25rem; }
.contacts .arom .item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 0.3rem) / 2);
  margin-bottom: 0.2rem;
  margin-right: 0.3rem; }
.contacts .arom .item .tme {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.05rem; }
.contacts .arom .item .tme span {
  color: #ff0000; }
.contacts .arom .item .int {
  width: 100%; }
.contacts .arom .item .int .sin {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  color: #333; }
.contacts .arom .item .int .area {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0.15rem 0.2rem;
  line-height: 1.5;
  color: #333; }
.contacts .arom .item .int .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  width: 2.6rem;
  width: 100%; }
.contacts .arom .item .int .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0; }
.contacts .arom .item .int .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3.5em;
  height: 3.5em;
  color: #666;
  padding: 0 .2rem;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0 0.2rem; }
.contacts .arom .item .int .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0; }
.contacts .arom .item .int .select .select-con select option {
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  background: #fff; }
.contacts .arom .item .int .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: left;
  background-color: #fff;
  z-index: 123;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/ }
.contacts .arom .item .int .select .select-con .seluls .option {
  width: 100%;
  color: #666;
  line-height: 2.5;
  background: #fff;
  cursor: pointer;
  padding: 0 0.15rem; }
.contacts .arom .item .int .select .select-con .seluls .option:hover {
  background-color: #ff0000;
  color: #fff; }
.contacts .arom .item .int .select .select-con .seluls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.contacts .arom .item .int .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.3);
  background: rgba(255, 0, 0, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
.contacts .arom .item .int .select .select-con .seluls::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1); }
.contacts .arom .item .int .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 12px;
  height: 7px;
  background-image: url("../images/xx.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
.contacts .arom .item.up .int {
  position: relative; }
.contacts .arom .item.up .int .inm {
  width: 100%;
  display: block;
  background-color: #fcfcfc;
  border: solid 1px #f5f5f5;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  color: #333; }
.contacts .arom .item.up .int .sin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
  opacity: 0; }
.contacts .arom .item.up .int .rc {
  position: absolute;
  z-index: 2;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.24rem;
  height: 0.24rem; }
.contacts .arom .item.up .int .rc img {
  width: 100%;
  display: block; }
.contacts .arom .item:nth-child(2n) {
  margin-right: 0; }
.contacts .arom .fob {
  width: 100%;
  margin-top: 0.3rem;
  font-size: 0; }
.contacts .arom .fob .sub {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff0000;
  color: #fff;
  line-height: 3.5;
  height: 3.5em;
  text-align: center;
  width: auto;
  cursor: pointer;
  padding: 0 0.45rem;
  border-radius: 5px;
  border: none; }
.contacts .arom.no {
  border: none;
  padding-top: 0; }

@media (max-width: 800px) {
  .contacts .md {
    position: absolute;
    top: -96px; } }
.vombot {
  width: 100%;
  border-top: solid 1px #ebebeb;
  padding: 0.22rem 0;
  position: fixed;
  transition: all ease 1s;
  z-index: 10;
  left: 0;
  right: 0;
  background-color: #fff;
  bottom: -100%;
  display: none; }
.vombot .vobm {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.vombot .vobm .vbl {
  display: inline-block;
  vertical-align: middle; }
.vombot .vobm .vbl .xm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5; }
.vombot .vobm .vbl .dm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5; }
.vombot .vobm .vbr {
  display: inline-block;
  vertical-align: middle; }
.vombot .vobm .vbr .pum {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5; }
.vombot .vobm .vbr .atn {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #f5f5f5;
  line-height: 2.6;
  color: #666;
  margin-left: 0.2rem;
  padding: 0 0.5rem; }
.vombot .vobm .vbr .atn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  margin-right: 0.06rem; }
.vombot .vobm .vbr .atn span img {
  width: 100%;
  display: block; }
.vombot .vobm .vbr .atn:hover {
  background-color: #ff0000;
  border: solid 1px #ff0000;
  color: #fff; }
.vombot .vobm .vbr .atn:hover span img {
  filter: grayscale(100%) brightness(400%); }
.vombot .vobm .vbr .atn.on {
  background-color: #ff0000;
  border: solid 1px #ff0000;
  color: #fff; }
.vombot .vobm .vbr .atn.on span img {
  filter: grayscale(100%) brightness(400%); }

.vombot.show {
  bottom: 0; }

.specifics {
  width: 100%;
  padding: 0.4rem 0;
  background-color: #f5f5f5; }
.specifics .sperciom {
  width: 100%;
  padding: 0.4rem 0; }
.specifics .sperciom .sipts {
  width: 100%;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0rem; }
.specifics .sperciom .seop{
  width: 100%;
  margin-bottom: 0.4rem;
}
.specifics .sperciom .sim{
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.06rem;
  font-size: 0.20rem;
}
.specifics .sperciom .sipters {
  width: 100%; }
.specifics .sperciom .sipters .swiper-slide {
  width: 100%;
  position: relative; }
.specifics .sperciom .sipters .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.specifics .sperciom .sipters .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.specifics .sperciom .sipters .swiper-slide .vit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.specifics .sperciom .sipters .swiper-slide .vin {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
  margin-top: 0.05rem; }
.specifics .function {
  width: 100%;
  padding: 0.4rem 0; }
.specifics .function .fit {
  width: 100%;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0rem; }
.specifics .function .feop{
  width: 100%;
  margin-bottom: 0.4rem;
}
.specifics .function .sim{
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.06rem;
  font-size: 0.20rem;
}
.specifics .function .fmgs {
  width: 100%; }
.specifics .function .fmgs .img {
  width: 100%; }
.specifics .function .fmgs .img img {
  width: 100%;
  display: block; }
.specifics .function .functper {
  width: 100%;
  visibility: visible; }
.specifics .function .functper .vtomsd {
  width: 100%;
  height: 6.5rem;
  position: relative;
  max-width: 11.85rem;
  display: block;
  margin: 0 auto;
  margin-left: 2.0625rem; }
.specifics .function .functper .vtomsd .vtom {
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.5s linear;
  opacity: 0;
  cursor: default; }
.specifics .function .functper .vtomsd .vtom .imgs {
  position: relative;
  width: auto;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden; }
.specifics .function .functper .vtomsd .vtom .imgs .img {
  width: 100%;
  height: 100%;
  display: block; }
.specifics .function .functper .vtomsd .vtom .vob {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.25rem 0.4rem;
  z-index: 3; }
.specifics .function .functper .vtomsd .vtom .vob .vix {
  width: 100%;
  color: #fff;
  line-height: 1.4; }
.specifics .function .functper .vtomsd .vtom:nth-child(1) {
  height: 7.8rem;
  right: 3.15rem;
  opacity: 0;
  z-index: 14; }
.specifics .function .functper .vtomsd .vtom:nth-child(2) {
  height: 7.7rem;
  right: 2.7rem;
  opacity: 0;
  z-index: 13; }
.specifics .function .functper .vtomsd .vtom:nth-child(3) {
  height: 7.5rem;
  right: 2.25rem;
  opacity: 0;
  z-index: 12; }
.specifics .function .functper .vtomsd .vtom:nth-child(4) {
  height: 7.1rem;
  right: 1.8rem;
  opacity: 0;
  z-index: 11; }
.specifics .function .functper .vtomsd .vtom:nth-child(5) {
  height: 6rem;
  right: 1.35rem;
  opacity: 1;
  z-index: 10;
  cursor: pointer; }
.specifics .function .functper .vtomsd .vtom:nth-child(6) {
  height: 5.62rem;
  right: 0.9rem;
  opacity: 1;
  z-index: 8;
  cursor: pointer; }
.specifics .function .functper .vtomsd .vtom:nth-child(7) {
  height: 4.9rem;
  right: 0.45rem;
  opacity: 1;
  z-index: 6;
  cursor: pointer; }
.specifics .function .functper .vtomsd .vtom:nth-child(8) {
  height: 4.1rem;
  right: 0rem;
  opacity: 1;
  z-index: 4;
  cursor: pointer; }
.specifics .function .functper .vtomsd .vtom:nth-child(9) {
  height: 3.3rem;
  right: -2rem;
  opacity: 0;
  z-index: 3; }
.specifics .function .functper .vtomsd .vtom:nth-child(10) {
  height: 2.5rem;
  right: -4rem;
  opacity: 0;
  z-index: 2; }
.specifics .function .functper .vtomsd .vtom:nth-child(11) {
  height: 1.7rem;
  right: -6rem;
  opacity: 0;
  z-index: 1; }
.specifics .function .functper .vtomsd .vtom:nth-child(12) {
  height: 0.9rem;
  right: -8rem;
  opacity: 0;
  z-index: 0; }
.specifics .function .functper .vtomsd .sItem:nth-child(-n+5), .specifics .function .functper .vtomsd .sItem:nth-child(n+9) {
  opacity: 0; }

.colotom {
  width: 100%;
  padding: 0.8rem 0; }
.colotom .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem; }
.colotom .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.colotom .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8; }
.colotom .coloper {
  width: 100%;
  position: relative; }
.colotom .coloper .swiper-slide {
  width: 100%;
  position: relative;
  overflow: hidden; }
.colotom .coloper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.colotom .coloper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 46.42%; }
.colotom .coloper .swiper-slide .imgs .aic {
  position: absolute;
  left: 0.3rem;
  z-index: 3;
  bottom: 0.3rem;
  max-width: 3.6rem;
  color: #999;
  line-height: 1.6; }
.colotom .coloper .swiper-slide .imgs .aic p {
  color: #999;
  line-height: 1.6; }
.colotom .coloper .swiper-slide .imgs .vomt {
  width: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.15rem;
  z-index: 3;
  top: 0rem; }
.colotom .coloper .swiper-slide .imgs .vomt .xt {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.colotom .coloper .swiper-slide .imgs .vomt .em {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.6; }
.colotom .coloper .swiper-slide .sim {
  width: 100%;
  color: #000;
  line-height: 1.8;
  text-align: center;
  margin-top: 0.15rem; }
.colotom .coloper .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 21px;
  cursor: pointer;
  z-index: 4;
  transition: all ease 0.5s;
  opacity: 0.6; }
.colotom .coloper .btn img {
  width: 100%;
  height: 100%;
  display: block;
  filter: grayscale(200%) brightness(400%); }
.colotom .coloper .btn:hover {
  opacity: 1; }
.colotom .coloper .bl {
  left: calc((100% - 80px) / 5.6); }
.colotom .coloper .br {
  right: calc((100% - 80px) / 5.6); }
.colotom .pteomd {
  width: 100%;
  background-color: #f5f5f5;
  padding: 0.5rem; }
.colotom .pteomd .ptodm {
  width: 100%; }
.colotom .pteomd .ptodm .epomd {
  width: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  z-index: 1;
  position: absolute; }
.colotom .pteomd .ptodm .epomd .imgs {
  width: 100%;
  max-width: 4.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto; }
.colotom .pteomd .ptodm .epomd .imgs .img {
  width: 100%;
  padding-top: 100%; }
.colotom .pteomd .ptodm .epomd.on {
  opacity: 1;
  z-index: 4; }
.colotom .pteomd .ptodm .epoms {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
.colotom .pteomd .ptodm .heigh {
  width: 100%;
  max-width: 4.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto; }
.colotom .pteomd .ptodm .heigh .hix {
  width: 100%;
  padding-top: 100%; }
.colotom .pteomd .ptnavs {
  width: 100%;
  margin-top: 0.2rem; }
.colotom .pteomd .ptnavs .swiper-wrapper.center {
  justify-content: center; }
.colotom .pteomd .ptnavs .swiper-slide {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem 0.2rem;
  cursor: pointer; }
.colotom .pteomd .ptnavs .swiper-slide .ric {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 0 auto 0.1rem; }
.colotom .pteomd .ptnavs .swiper-slide .ric .bg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block; }
.colotom .pteomd .ptnavs .swiper-slide .ric .ic {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: all ease 0.5s;
  z-index: 3; }
.colotom .pteomd .ptnavs .swiper-slide .cim {
  width: 100%;
  color: #333;
  line-height: 1.8;
  text-align: center; }
.colotom .pteomd .ptnavs .swiper-slide.on .ric .ic {
  opacity: 1; }
.colotom .bic{
  width: 100%;
  display: block;
  margin-top: 0.2rem;
}

.canners {
  width: 100%;
  position: relative; }
.canners .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.canners .imgs .img {
  width: 100%;
  padding-top: 44.27%; }
.canners .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.8rem;
  z-index: 3; }
.canners .citop .cit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5; }
.canners .citop .cim {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin-top: 0.1rem; }
.canners .bic{
  left: calc((100% - 14.6rem) / 2);
  position: absolute;
  bottom: 0.3rem;
  z-index: 3;
  max-width: 7rem;
}
.canners .bic .bim{
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.6;
}
@media (max-width: 1480px){
  .canners .bic{
    left: 5%;
  }
}

.endurance {
  width: 100%;
  padding: 0.8rem 0; }
.endurance .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.endurance .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.endurance .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.endurance .fmgs {
  width: 100%; }
.endurance .fmgs .img {
  width: 100%; }
.endurance .fmgs .img img {
  width: 100%;
  display: block; }
.endurance .fmgs .bic{
  width: 100%;
  margin-top: 0.15rem;
}
.endurance .fmgs .bic .bim{
  width: 100%;
  color: #333;
  line-height: 1.5;
}


.bright {
  width: 100%;
  padding: 0.8rem 0; }
.bright .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.bright .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.bright .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.bright .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.bright .citop .cim p {
  color: #666;
  line-height: 1.8; }
.bright .brighper {
  width: 100%;
  position: relative; }
.bright .brighper .swiper-slide {
  width: calc(275 / 1460 * 100%);
  margin-right: calc(19 / 1460 * 100%);
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.5s;
  position: relative;
  cursor: pointer; }
.bright .brighper .swiper-slide .sotem {
  width: 100%;
  display: block; }
.bright .brighper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.bright .brighper .swiper-slide .imgs .img {
  width: 100%;
  height: 4.5rem; }
.bright .brighper .swiper-slide .imgs .img img {
  width: 100%;
  display: block; }
.bright .brighper .swiper-slide.on {
  width: calc(575 / 1460 * 100%); }
.bright .brighper .swiper-slide:last-child {
  margin-right: 0; }
.bright .brighper .btn {
  position: absolute;
  z-index: 3;
  width: 13px;
  height: 21px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: all ease 0.5s; }
.bright .brighper .btn img {
  width: 100%;
  height: 100%;
  display: block;
  filter: grayscale(400%) brightness(1000%); }
.bright .brighper .btn:hover {
  opacity: 1; }
.bright .brighper .bl {
  left: 0.2rem; }
.bright .brighper .br {
  right: 0.2rem; }
.bright .brighper .swiper-slide .tom{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.2rem;
  text-align: center;
}
.bright .brighper .swiper-slide .tom .ti1,.bright .brighper .swiper-slide .tom .ti2{
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.bright .brighper .swiper-slide .tom .ti2{
  margin-top: 0.06rem;
}

.endurance {
  width: 100%;
  padding: 0.8rem 0; }
.endurance .endurm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.endurance .endurm .enl {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1460 * 100%);
  position: relative; }
.endurance .endurm .enl a {
  width: 100%;
  display: block; }
.endurance .endurm .enl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.endurance .endurm .enl .imgs .img {
  width: 100%;
  padding-top: 95.83%; }
.endurance .endurm .enl .pomd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  height: 100%;
  padding: 0.3rem 0.4rem; }
.endurance .endurm .enl .pomd .piv {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enl .pomd .pinp {
  width: 100%;
  margin-top: 0.1rem;
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enl .pomd .pinp p {
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enr {
  width: calc(720 / 1460 * 100%);
  display: inline-block;
  vertical-align: middle; }
.endurance .endurm .enr .enrom {
  width: 100%;
  position: relative; }
.endurance .endurm .enr .enrom .swiper-slide {
  width: 100%;
  position: relative; }
.endurance .endurm .enr .enrom .swiper-slide a {
  width: 100%;
  display: block; }
.endurance .endurm .enr .enrom .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.endurance .endurm .enr .enrom .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 46.52%; }
.endurance .endurm .enr .enrom .swiper-slide .pomd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  height: 100%;
  padding: 0.3rem 0.4rem; }
.endurance .endurm .enr .enrom .swiper-slide .pomd .piv {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enr .enrom .swiper-slide .pomd .pinp {
  width: 100%;
  margin-top: 0.1rem;
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enr .enrom .swiper-slide .pomd .pinp p {
  color: #fff;
  line-height: 1.5; }
.endurance .endurm .enr .enrom .swiper-pagination {
  position: absolute;
  left: 0.4rem;
  bottom: 0.3rem;
  width: auto; }
.endurance .endurm .enr .enrom .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 0.32rem;
  height: 2px;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.2); }
.endurance .endurm .enr .enrom .swiper-pagination-bullet-active {
  background-color: #fff; }
.endurance .endurm .enr .enrom + .enrom {
  margin-top: 0.2rem; }

.endurance.gray {
  background-color: #f5f5f5; }

.lights {
  width: 100%;
  padding: 0.8rem 0; }
.lights .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.lights .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.lights .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.lights .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.lights .citop .cim p {
  color: #666;
  line-height: 1.8; }
.lights .lighper {
  width: 100%; }
.lights .lighper .swiper-slide {
  width: 100%;
  position: relative; }
.lights .lighper .swiper-slide a {
  width: 100%;
  display: block; }
.lights .lighper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.lights .lighper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 178.08%;
  transition: all ease 0.5s; }
.lights .lighper .swiper-slide .vbom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  width: 100%;
  padding: 0 0.15rem 0.5rem;
  text-align: center; }
.lights .lighper .swiper-slide .vbom .amm {
  background-color: #000;
  display: inline-block;
  vertical-align: middle;
  line-height: 2.8;
  color: #ffff;
  padding: 0 0.3rem;
  border-radius: 1.4em; }
.lights .lighper .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }

.adjusts {
  width: 100%;
  padding: 0.8rem 0; }
.adjusts .adjust {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.adjusts .adjust .adl {
  display: inline-block;
  vertical-align: middle;
  width: calc(700 / 1460 * 100%); }
.adjusts .adjust .adl .citop {
  width: 100%; }
.adjusts .adjust .adl .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3; }
.adjusts .adjust .adl .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.3; }
.adjusts .adjust .adl .citop .cim {
  width: 100%;
  margin-top: 0.1rem;
  color: #666;
  line-height: 1.6; }
.adjusts .adjust .adl .citop .cim p {
  color: #666;
  line-height: 1.6; }
.adjusts .adjust .adl .lxc {
  width: 1.4rem;
  height: 2px;
  background-color: #e8e8e8;
  position: relative;
  margin-top: 1rem; }
.adjusts .adjust .adl .lxc span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.22rem;
  height: 2px;
  background-color: #ff0000;
  z-index: 2;
  display: inline-block;
  vertical-align: middle; }
.adjusts .adjust .adr {
  display: inline-block;
  vertical-align: middle;
  width: calc(700 / 1460 * 100%);
  position: relative; }
.adjusts .adjust .adr .btn {
  position: absolute;
  z-index: 3;
  width: 13px;
  height: 21px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: all ease 0.5s; }
.adjusts .adjust .adr .btn img {
  width: 100%;
  height: 100%;
  display: block;
  filter: grayscale(400%) brightness(1000%); }
.adjusts .adjust .adr .btn:hover {
  opacity: 1; }
.adjusts .adjust .adr .bl {
  left: 0.2rem; }
.adjusts .adjust .adr .br {
  right: 0.2rem; }
.adjusts .adjust .adr .swiper-slide {
  width: 100%;
  position: relative;
  display: block; }
.adjusts .adjust .adr .imgs {
  width: 100%;
  overflow: hidden;
  position: relative; }
.adjusts .adjust .adr .imgs .img {
  width: 100%;
  padding-top: 57.14%; }
.adjusts .adjust .adr .tom{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.2rem;
  text-align: center;
}
.adjusts .adjust .adr .tom .ti1, .adjusts .adjust .adr .tom .ti2{
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.adjusts .adjust .adr .tom .ti2{
  margin-top: 0.06rem;
}


.charges {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f5f5; }
.charges .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.charges .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.charges .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.charges .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.charges .citop .cim p {
  color: #666;
  line-height: 1.8; }
.charges .cmgsont {
  width: 100%; }
.charges .cmgsont .icom {
  width: 100%;
  display: none; }
.charges .cmgsont .icom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.charges .cmgsont .icom .imgs .img {
  width: 100%;
  padding-top: 41.095%; }
.charges .cmgsont .icom.on {
  display: block; }
.charges .cmgsont .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.charges .cmgsont .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.charges .cmgsont .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.charges .cmgsont .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.charges .cmgsont .citop .cim p {
  color: #666;
  line-height: 1.8; }
.charges .vmgnavs {
  width: 100%;
  margin-top: 0.25rem; }
.charges .vmgnavs .swiper-wrapper.center {
  justify-content: center; }
.charges .vmgnavs .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 2.5;
  width: auto;
  padding: 0 0.2rem;
  position: relative;
  cursor: pointer;
  border-bottom: solid  2px #dfdfdf; }
.charges .vmgnavs .swiper-slide.on {
  color: #000;
  font-weight: bold;
  border-bottom: solid  2px #000; }

.helpers {
  width: 100%;
  padding: 0.8rem 0; }
.helpers .citop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  z-index: 3; }
.helpers .citop .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.helpers .citop .cit p {
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.helpers .citop .cim {
  width: 100%;
  color: #666;
  line-height: 1.8;
  margin-top: 0.1rem; }
.helpers .citop .cim p {
  color: #666;
  line-height: 1.8; }
.helpers .heiper {
  width: 100%;
  position: relative; }
.helpers .heiper .btn {
  position: absolute;
  z-index: 3;
  width: 13px;
  height: 21px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: all ease 0.5s; }
.helpers .heiper .btn img {
  width: 100%;
  height: 100%;
  display: block;
  filter: grayscale(400%) brightness(1000%); }
.helpers .heiper .btn:hover {
  opacity: 1; }
.helpers .heiper .bl {
  left: 0.2rem; }
.helpers .heiper .br {
  right: 0.2rem; }
.helpers .heiper .swiper-slide {
  width: 100%; }
.helpers .heiper .swiper-slide a {
  width: 100%;
  display: block; }
.helpers .heiper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.helpers .heiper .swiper-slide .imgs .img {
  width: 100%;
  position: relative;
  padding-top: 157.14%;
  transition: all ease 0.5s; }
.helpers .heiper .swiper-slide .homd {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.2rem 0.3rem;
  right: 0; }
.helpers .heiper .swiper-slide .homd .hts {
  width: 100%;
  color: #fff;
  line-height: 1.5; }
.helpers .heiper .swiper-slide .homd .him {
  width: 100%;
  color: #fff;
  line-height: 2;
  margin-top: 0.05rem; }
.helpers .heiper .swiper-slide:hover .imgs .img {
  transform: scale(1.1); }
.helpers .pic {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem; }
.helpers .pic span {
  color: #ff0000; }

.main {
  width: 100%;
  overflow: hidden; }

.podemg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
.podemg .poc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 6rem;
  max-width: 90%;
  padding: 0.8rem 0.6rem; }
.podemg .poc .close {
  position: absolute;
  color: #fff;
  right: 0.2rem;
  top: 0.2rem;
  z-index: 3;
  cursor: pointer; }
.podemg .poc .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.5); }
.podemg .poc .vom {
  width: 100%;
  margin: 0.3rem 0;
  position: relative;
  z-index: 2; }
.podemg .poc .logm {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 2; }
.podemg .poc .logm .logo {
  display: inline-block;
  vertical-align: middle;
  width: 0.9rem; }
.podemg .poc .logm .logo img {
  width: 100%;
  display: block; }
.podemg .poc .cit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  text-align: center; }
.podemg .poc .lx {
  width: 0.4rem;
  display: block;
  margin: 0.25rem auto;
  height: 0.03rem;
  background-color: #ff0000; }
.podemg .poc .pim {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5; }
.podemg .poc .etom {
  width: 100%;
  margin-top: 0.4rem;
  position: relative;
  z-index: 2; }
.podemg .poc .etom form {
  width: 100%;
  display: block; }
.podemg .poc .etom .input {
  width: 100%; }
.podemg .poc .etom .input .sin {
  width: 100%;
  display: block;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3;
  height: 3em;
  border: none; }
.podemg .poc .etom .sub {
  width: 100%;
  margin-top: 0.1rem; }
.podemg .poc .etom .sub .stn {
  width: 100%;
  background-color: #ff0000;
  display: block;
  border: none;
  color: #fff;
  cursor: pointer;
  line-height: 3;
  height: 3em; }
.podemg .poc .etom .eim {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 1.5;
  margin-top: 0.15rem; }
.podemg .poc .etom .eim span {
  color: #ff0000; }

@media (max-width: 800px) {
  .podemg .poc {
    width: 90%;
    height: 70vh;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0.8rem 0.5rem; }
  .podemg .poc .logm {
    margin-bottom: 0.1rem; }
  .podemg .poc .logm .logo {
    width: 1.5rem; }
  .podemg .poc .vom {
    margin: 0.1rem 0 0.35rem; }
  .podemg .poc .vom .cit {
    font-size: 26px; }
  .podemg .poc .vom .lx {
    display: none; }
  .podemg .poc .vom .pim {
    font-size: 16px;
    margin-top: 0.1rem; }
  .podemg .poc .etom .input .sin {
    text-align: center; }
  .podemg .poc .etom .eim {
    font-size: 12px;
    margin-top: 0.65rem; }
  .podemg .poc .etom .sub {
    margin-top: 0.25rem; } }
.videsom {
  width: 100%;
  padding: 0.5rem 0; }
.videsom .dowonlis {
  width: 100%; }
.videsom .dowonlis .ditem {
  width: 100%;
  font-size: 0;
  border-top: solid 2px #f5f5f5;
  padding: 0.15rem 0; }
.videsom .dowonlis .ditem .dame {
  display: inline-block;
  vertical-align: top;
  width: 120px; }
.videsom .dowonlis .ditem .dame .em {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  line-height: 1.5; }
.videsom .dowonlis .ditem .decrm {
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: top; }
.videsom .dowonlis .ditem .decrm .emtop {
  width: 100%;
  font-size: 0; }
.videsom .dowonlis .ditem .decrm .emtop .emc {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  width: auto;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0.4rem;
  margin-bottom: 0.05rem; }
.videsom .dowonlis .ditem .decrm .emtop .emc.on, .videsom .dowonlis .ditem .decrm .emtop .emc:hover {
  color: #ff0000; }
.videsom .dowonlis .ditem .decrm .embot {
  width: 100%;
  font-size: 0; }
.videsom .dowonlis .ditem .decrm .embot .eomd {
  width: 100%;
  display: none;
  font-size: 0; }
.videsom .dowonlis .ditem .decrm .embot .eomd a {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.35rem;
  margin-bottom: 0.05rem; }
.videsom .dowonlis .ditem .decrm .embot .eomd a:hover {
  color: #ff0000; }
.videsom .dowonlis .ditem .decrm .embot .eomd a.on {
  color: #ff0000; }
.videsom .dowonlis .ditem .decrm .embot .eomd.on {
  display: block; }
.videsom .dowonlis .ditem:last-child {
  border-bottom: solid 2px #f5f5f5; }
.videsom .videlis {
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0; }
.videsom .videlis .vaotm {
  display: inline-block;
  vertical-align: middle;
  width: calc(380 / 1200 * 100%);
  margin-right: calc(29 / 1200 * 100%);
  overflow: hidden;
  position: relative;
  margin-bottom: 0.3rem; }
.videsom .videlis .vaotm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.videsom .videlis .vaotm .imgs .img {
  width: 100%;
  padding-top: 64%;
  transition: all ease 0.5s; }
.videsom .videlis .vaotm .nom {
  width: 100%;
  padding: 0.1rem 0; }
.videsom .videlis .vaotm .nom .nim {
  width: 100%;
  color: #333;
  line-height: 2; }
.videsom .videlis .vaotm .pox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
.videsom .videlis .vaotm .pox .play {
  width: 0.45rem;
  height: 0.45rem;
  cursor: pointer;
  display: block;
  margin: 0 auto; }
.videsom .videlis .vaotm .pox .play img {
  width: 100%;
  display: block; }
.videsom .videlis .vaotm:hover .imgs .img {
  transform: scale(1.1); }
.videsom .videlis .vaotm:hover .nom .nim {
  color: #ff0000; }
.videsom .videlis .vaotm:nth-child(3n) {
  margin-right: 0; }

.bain {
  width: 100%; }
.bain .baitm {
  background-color: #fff; }
.bain .baitm:nth-child(2n) {
  background-color: #f8f8f8; }

.bottomg {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff;
  padding: 0.14rem 3%;
  display: none;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.27); }
.bottomg .btnc {
  width: 100%;
  font-size: 0; }
.bottomg .btnc .atn {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  position: relative;
  margin-right: 2%;
  margin-bottom: 0.1rem; }
.bottomg .btnc .atn .em {
  width: 100%;
  display: block;
  border: solid 1px #ddd;
  border-radius: 5px;
  cursor: pointer;
  color: #666;
  line-height: 3.4;
  text-align: center; }
.bottomg .btnc .atn .atuls {
  position: absolute;
  width: 3rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.1rem);
  background-color: #fff;
  padding: 0 0.2rem;
  z-index: 2;
  box-shadow: 0px 1px 40px 3px rgba(29, 0, 0, 0.05);
  display: none; }
.bottomg .btnc .atn .atuls:after {
  content: ' ';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  bottom: 100%;
  border: solid 0.1rem;
  border-color: transparent transparent #fff transparent; }
.bottomg .btnc .atn .atuls .alis {
  width: 100%;
  font-size: 0; }
.bottomg .btnc .atn .atuls .alis a {
  width: 100%;
  display: block;
  padding: 0.2rem 0; }
.bottomg .btnc .atn .atuls .alis .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.27rem;
  height: 0.27rem;
  margin-right: 0.1rem; }
.bottomg .btnc .atn .atuls .alis .ac img {
  width: 100%;
  display: block; }
.bottomg .btnc .atn .atuls .alis .cm {
  width: calc(100%  - 0.37rem);
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5; }
.bottomg .btnc .atn .atuls .alis + .alis {
  border-top: solid 1px #ebebeb; }
.bottomg .btnc .atn.on .em {
  background-color: #ff0000;
  border: solid 1px #ff0000;
  color: #fff; }
.bottomg .btnc .atn.on .em span {
  filter: grayscale(100%) brightness(300%); }
.bottomg .btnc .atn.on .atuls {
  display: block; }
.bottomg .btnc .atn:nth-child(2n) {
  margin-right: 0; }


.bripner {
  width: 100%;
  position: relative; }
.bripner .swiper-slide {
  width: 100%; }
.bripner .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.bripner .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 40%; }
.bripner .swiper-slide .box {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  z-index: 3;
  width: 7rem;
  max-width: 90%;
  text-align: center; }
.bripner .swiper-slide .box:after {
  content: ' ';
  position: absolute;
  height: 2rem;
  width: 1px;
  background-color: #fff;
  left: -0.05rem;
  top: -0.3rem;
  z-index: 3;
  transform: rotate(20deg);
  display: none; }
.bripner .swiper-slide .box .bix {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.bripner .swiper-slide .box .bix p {
  color: #fff;
  line-height: 1.3; }
.bripner .swiper-slide .box .bim {
  width: 100%;
  margin: 0.1rem 0 0.1rem;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.bripner .swiper-slide .box .bim p {
  color: #fff;
  line-height: 1.3;
  font-weight: bold; }
.bripner .swiper-slide .box .bip {
  width: 100%;
  color: #fff;
  line-height: 1.8;
  margin-top: 0.1rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.bripner .swiper-slide .box .bip p {
  color: #fff;
  line-height: 1.8; }
.bripner .swiper-slide .box .biv {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0.2rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.bripner .swiper-slide .box .biv p {
  color: #fff;
  line-height: 1.3; }
.bripner .swiper-slide .box .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.3rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
.bripner .swiper-slide .box .more a {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.1;
  border-radius: 5px;
  padding: 0 0.4rem;
  color: #fff;
  background-color: #ff0000; }
.bripner .swiper-slide .box .more a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  margin-left: 0.1rem;
  position: relative;
  z-index: 2;
  top: -0.02rem; }
.bripner .swiper-slide .box .more a span img {
  width: 100%;
  display: block; }
.bripner .swiper-slide .pcm {
  display: block; }
.bripner .swiper-slide-active .box .bim, .bripner .swiper-slide-active .box .bix, .bripner .swiper-slide-active .box .bip, .bripner .swiper-slide-active .box .biv, .bripner .swiper-slide-active .box .more {
  opacity: 1;
  transform: translate3d(0, 0, 0); }
.bripner .swiper-pagination {
  bottom: 0.5rem;
  font-size: 0;
  z-index: 2;
  width: 100%;
  left: 0;
  text-align: center; }
.bripner .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 3px;
  margin: 0 0.05rem;
  cursor: pointer;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden; }
.bripner .swiper-pagination-bullet-active {
  background-color: #fff; }

@media (max-width: 1220px) {
  .bripner .swiper-pagination {
    left: 0%; }
  .bripner .btns {
    right: 5%; } }
@media (max-width: 800px) {
  .bripner {
    padding: 0 3%; }
  .bripner .swiper-slide .box {
    width: calc(94%); }
  .bripner .swiper-slide .imgs .img {
    padding-top: 130%; }
  .bripner .swiper-slide .pcm {
    display: none; }
  .bripner .swiper-slide .phm {
    display: block; }
  .bripner .btns {
    right: 3%; }
  .bripner .btns .btn {
    width: 35px;
    height: 35px;
    background-color: rgba(34, 107, 113, 0.8); } }


.cetaild {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #f1f1f1; }
.cetaild .vomde {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem; }
.cetaild .vomde .civt {
  width: 100%;
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.4rem; }
.cetaild .vomde .videoc {
  width: 100%;
  height: 5rem;
  display: block;
  position: relative; }
.cetaild .vomde .videoc .vic {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 3; }
.cetaild .vomde .videoc .vic .vc {
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 auto 0.15rem; }
.cetaild .vomde .videoc .vic .vc img {
  width: 100%;
  display: block; }
.cetaild .vomde .videoc .vic .vd {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.1rem; }
.cetaild .vomde .videoc .vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }


.rightop {
  position: fixed;
  right: 0.1rem;
  bottom: 30%;
  z-index: 3; }
.rightop .riem {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.27);
  position: relative; }
.rightop .riem img {
  width: 0.22rem;
  /* height: 0.21rem; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rightop .riem:hover {
  background-color: #ff0000; }
.rightop .riem:hover img {
  filter: grayscale(100%) brightness(2000%); }



.searpom {
  width: 100%;
  padding: 0.3rem 0 0.6rem;
  background-color: #f1f1f1; }
.searpom .tip {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0;
  margin-bottom: 0.2rem; }
.searpom .tip .xm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 0.1rem; }
.searpom .tip .rom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0; }
.searpom .tip .rom .rms {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 0.24rem; }
.searpom .tip .rom .rms .dd {
  color: #ff0000;
  display: inline-block;
  padding: 0 0.02rem;
  margin-left: 0.04rem;
  font-weight: bold; }
.searpom .sepom {
  width: 100%;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.2rem; }
.searpom .sepom .setim {
  width: 100%; }
.searpom .sepom .setim .sit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.15rem; }
.searpom .sepom .setim .sit span {
  color: #ff0000;
  display: inline-block;
  padding: 0 0.02rem; }
.searpom .sepom .setim .sepuls {
  width: 100%;
  font-size: 0; }
.searpom .sepom .setim .sepuls .sli {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.1rem; }
.searpom .sepom .setim .sepuls .sli a {
  width: 100%;
  position: relative;
  padding-left: 0.2rem;
  color: #222;
  line-height: 1.5;
  display: block; }
.searpom .sepom .setim .sepuls .sli a span {
  color: #ff0000; }
.searpom .sepom .setim .sepuls .sli a:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 49%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff0000; }
.searpom .sepom .setim .sepuls .sli:nth-child(2n) {
  margin-right: 0; }
.searpom .sepom .setim + .setim {
  margin-top: 0.3rem; }
.searpom .sepom .acetlist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap; }
.searpom .sepom .acetlist .acrem {
  display: inline-block;
  vertical-align: top;
  width: calc(216 / 1160 * 100%);
  margin-right: calc(19 / 1160 * 100%);
  margin-bottom: 0.2rem; }
.searpom .sepom .acetlist .acrem a {
  width: 100%;
  display: block; }
.searpom .sepom .acetlist .acrem .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
  max-width: 80%;
  margin: 0 auto;
  display: block; }
.searpom .sepom .acetlist .acrem .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s; }
.searpom .sepom .acetlist .acrem .int {
  width: 100%;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.05rem 0 0.02rem; }
.searpom .sepom .acetlist .acrem .lim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em; }
.searpom .sepom .acetlist .acrem .price {
  width: 100%;
  color: #ff0000;
  line-height: 1.5;
  margin-top: 0.1rem; }
.searpom .sepom .acetlist .acrem:hover .imgs .img {
  transform: scale(1.1); }
.searpom .sepom .acetlist .acrem:nth-child(5n) {
  margin-right: 0; }
.searpom .sepom .infolist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap; }
.searpom .sepom .infolist .infom {
  display: inline-block;
  vertical-align: top;
  width: calc(460 / 1460 * 100%);
  margin-right: calc(39 / 1460 * 100%);
  margin-bottom: 0.2rem; }
.searpom .sepom .infolist .infom a {
  width: 100%;
  display: block; }
.searpom .sepom .infolist .infom .imgs {
  width: 100%;
  position: relative;
  overflow: hidden; }
.searpom .sepom .infolist .infom .imgs .img {
  width: 100%;
  padding-top: 69.56%;
  transition: all ease 0.5s; }
.searpom .sepom .infolist .infom .pom {
  width: 100%;
  padding: 0.15rem;
  text-align: center; }
.searpom .sepom .infolist .infom .pom .pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  height: 3em; }
.searpom .sepom .infolist .infom .pom .xm {
  width: 100%;
  text-align: center;
  margin-top: 0.1rem;
  color: #333; }
.searpom .sepom .infolist .infom:nth-child(3n) {
  margin-right: 0; }
.searpom .sepom .infolist .infom:hover .imgs .img {
  transform: scale(1.1); }
.searpom .sepom .infolist .infom:hover .pom .pit {
  color: #ff0000; }

@media (max-width: 800px) {
  .mdss{
    top: -1.4rem !important;
  }
  .rightop .riem img{width: 14px;}
}
@media (max-width: 800px) {
  .numbers{
    width: 100%;
  }
  .numbers .sinc{
    width: 100% !important;
    margin-right: 0 !important;
  }
}

@media(max-width: 1920px){
  header .rav .languages .lauges .lashow{padding-right: 10px;}
  header .rav .languages .lauges .lashow:after{
    border-width: 3px;
  }
}

.MagicZoomHeader{
  font-size: 0 !important;
  padding: 0 !important;
  display: none !important;
}