@charset "UTF-8";

/*$reds:#c70e2e;*/

img {
  display: inline-block;
  max-width: 100%;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
body {
  color: #222222;
}

@font-face {
  font-family: "OPPOSans-M";
  src: url("./fonts/OPPOSans-M.woff2") format("woff2"),
    url("./fonts/OPPOSans-M.woff") format("woff"),
    url("./fonts/OPPOSans-M.ttf") format("truetype"),
    url("./fonts/OPPOSans-M.eot") format("embedded-opentype"),
    url("./fonts/OPPOSans-M.svg") format("svg");
}

.opm {
  font-family: "OPPOSans-M";
}

@font-face {
  font-family: "OPPOSans-R";
  src: url("./fonts/OPPOSans-R.woff2") format("woff2"),
    url("./fonts/OPPOSans-R.woff") format("woff"),
    url("./fonts/OPPOSans-R.ttf") format("truetype"),
    url("./fonts/OPPOSans-R.eot") format("embedded-opentype"),
    url("./fonts/OPPOSans-R.svg") format("svg");
}

.opr {
  font-family: "OPPOSans-R";
}

body,
html,
button,
input,
select,
textarea {
  font-family: "OPPOSans-R", "Microsoft Yahei", "Source Han Sans CN",
    "Microsoft YaHei Light", "Noto Sans S Chinese Light", "Pingfang sc regular",
    "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

.w1280 {
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

.w1760 {
  width: 91.66%;
  margin-left: auto;
  margin-right: auto;
}

.w1600 {
  width: 83.33%;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #666;
}

a:hover {
  color: #666;
}

.cursor-dot {
  position: fixed;
  top: 50%;
  left: 50%;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-color: #00f299;
  z-index: 999;
}

.medium {
  font-weight: 500;
}

.knums {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.knums.animate {
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.secwen {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.secwen.animate {
  opacity: 1;
  transform: translateY(0);
  transition: 0.8s cubic-bezier(0.3, 0, 0.24, 1);
}

.secwen.add1 {
  transition-delay: 0.15s;
}

.secwen.add2 {
  transition-delay: 0.25s;
}

.secwen.add3 {
  transition-delay: 0.35s;
}

.secwen.add4 {
  transition-delay: 0.45s;
}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/imgbox/tishi.jpg) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.bold {
  font-weight: bold;
}

.textupper {
  text-transform: uppercase;
}

.arial {
  font-family: Arial;
}

.wow {
  opacity: 0;
}

.con-flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}

.zicolor {
  color: #00f299;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.pc767 {
  display: block;
}

.m767 {
  display: none;
}

@media (max-width: 1024px) {
  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }
}

@media (max-width: 768px) {
  .pc767 {
    display: none;
  }

  .m767 {
    display: block;
  }
}

:root {
  --logoColor: #e60517;
  --ease: cubic-bezier(0.3, 0, 0.24, 1);
}

.futures-titles .li {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.futures-titles .li.active {
  color: #e60012;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.futures-titles {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.futures-titles.bgfff {
  background: #fff;
}

.futures-titles .li {
  line-height: 1.25rem;
  height: 1.25rem;
  padding: 0 0.45rem;
  position: relative;
}

.futures-titles .li:before {
  position: absolute;
  width: 0.3rem;
  height: 0.2rem;
  content: "";
  left: -0.15rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/108.png) no-repeat center;
  background-size: 100%;
}

.futures-titles .li.home {
  padding-left: 0.75rem;
}

.futures-titles .li.home:before {
  width: 0.475rem;
  height: 0.425rem;
  content: "";
  background: url(../img/109.png) no-repeat center;
  background-size: 100%;
}

.interinfo-box {
  padding-top: 2.05rem;
  padding-bottom: 2.425rem;
}

.interinfo-words {
  line-height: 1.6;
  color: #222222;
  padding-top: 1.375rem;
  padding-bottom: 2.05rem;
}

.interinfo-titles {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #eeeeee;
}

.interinfo-titles .interinfo-txts {
  margin-top: 0.25rem;
  color: #999999;
  line-height: 1.73;
}

.interinfo-titles .interinfo-txts a {
  color: #999;
}

.interinfo-titles .interinfo-txts span.a {
  margin: 0 0.35rem;
}

.interinfo-titles .interinfo-txts .time {
  margin-left: 1.05rem;
}

.interinfo-titles .interinfo-tits {
  line-height: 1.44;
  color: #222222;
}

.interinfo-bots {
  padding-top: 0.9rem;
  border-top: 1px solid #eeeeee;
  align-items: center;
  justify-content: space-between;
}

.interinfo-bots .btns {
  width: calc(100% - 150px);
}

.interinfo-bots .btns .a {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 2.25em;
  line-height: 2.25em;
  color: #222;
}

.interinfo-bots .back {
  display: block;
  background-color: #e60012;
  color: #fff;
  padding-left: 0.8rem;
  padding-right: 0.875rem;
  border-radius: 2px;
  overflow: hidden;
}

.interinfo-bots .back span {
  position: relative;
  padding-left: 0.65rem;
  display: block;
  height: 1.125rem;
  line-height: 1.125rem;
}

.interinfo-bots .back span:before {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/901.png) no-repeat center;
  background-size: 100%;
}

.con-header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2000;
  color: #fff;
}

.con-header a {
  color: #fff;
}

.con-header .nav-bots {
  display: none;
}

.con-header .nav-bots .li {
  display: block;
}

.con-header .langs-bots {
  display: none;
}

.h90 {
  line-height: 2.25rem;
  height: 2.25rem;
}

.con-footer .con-footer-tops .lefts {
  width: 31.64%;
  color: rgba(255, 255, 255, 0.5);
}

.con-footer .con-footer-tops .rights {
  width: 68.36%;
  justify-content: space-between;
}

.con-footer .con-footer-tops .rights a {
  display: block;
}

.con-footer .con-footer-tops .rights .nav-tops {
  line-height: 1;
}

.con-footer .con-footer-tops .rights .nav-bots {
  margin-top: 0.5rem;
}

.con-footer .con-footer-tops .rights .nav-bots .li {
  color: #fff;
  line-height: 1.67;
}

.con-footer .con-footer-bots {
  padding-top: 0.3rem;
  padding-bottom: 1.1rem;
  color: rgba(255, 255, 255, 0.3);
  border-top: 1px solid #323232;
  justify-content: space-between;
}

.con-footer .con-footer-bots a {
  color: rgba(255, 255, 255, 0.3);
}

.con-footer .con-footer-bots .lefts {
  width: calc(100% - 100px);
  line-height: 2.46;
}

.con-footer .con-footer-bots .rights {
  max-width: 100px;
}

.con-footer .con-footer-bots .rights .links {
  padding-left: 0.5rem;
  position: relative;
  padding-left: 0.55rem;
}

.con-footer .con-footer-bots .rights .links:before {
  position: absolute;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/h.png) no-repeat center;
  background-size: 100%;
}

.con-footer-tops {
  padding-top: 2.3rem;
  padding-bottom: 3.95rem;
}

.bocweb-header .pc-box {
  justify-content: space-between;
}

.bocweb-header .bocweb-logo {
  /* display: block; */
  /* width: 6.05rem; */
  width: 6.5rem;
  display: flex;
  align-items: center;
}

.bocweb-header .bocweb-logo img {
  transform: translateY(-10%);
  width: 100%;
}

.bocweb-header .boxs {
  padding-left: 3.75rem;
}

.bocweb-header .nav-tops {
  display: block;
  padding: 0 0.5rem;
}

.bocweb-header .bocweb-header-right {
  align-items: stretch;
}

.bocweb-header .bocweb-header-right .link {
  position: relative;
  width: 17px;
  height: 17px;
}

.bocweb-header .bocweb-header-right .link img {
  display: block;
}

.bocweb-header .bocweb-header-right .link .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.bocweb-header .bocweb-header-right .langs {
  cursor: pointer;
  position: relative;
}

.bocweb-header .bocweb-header-right .langs-tops {
  padding-right: 17px;
  position: relative;
}

.bocweb-header .bocweb-header-right .langs-tops:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/51.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .bocweb-header-right .langs-bots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.25rem;
  background: #fff;
  line-height: 1.5;
  width: 100px;
}

.bocweb-header .bocweb-header-right .langs-bots .i {
  display: block;
  padding: 5px;
  text-align: center;
  color: #333;
}

.bocweb-header .bocweb-header-right .dianpu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.6rem;
  margin-left: 0.5rem;
  position: relative;
}

.bocweb-header .bocweb-header-right .dianpu:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 0.4rem;
  background-color: #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.con-header.fixed .m-header,
.con-header.fixed .bocweb-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.con-header .bocweb-header,
.con-header .bocweb-header a {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

/*.con-header.headerhover .m-header,*/
.con-header.headerhover .bocweb-header,
.con-header.headeractive .m-header,
.con-header.headeractive .bocweb-header {
  background: #fff;
  color: #000;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.con-header.headerhover .m-header a,
.con-header.headerhover .bocweb-header a,
.con-header.headeractive .m-header a,
.con-header.headeractive .bocweb-header a {
  color: #000000;
}

.con-header.headerhover .m-header .nav-btn .line,
.con-header.headeractive .m-header .nav-btn .line {
  background-color: #c6042a;
}

.con-header.headerhover .bocweb-header .bocweb-header-right .langs-tops:before,
.con-header.headeractive
  .bocweb-header
  .bocweb-header-right
  .langs-tops:before {
  background: url(../img/50.png) no-repeat center;
  background-size: 100%;
}

.con-header.headerhover .bocweb-header .bocweb-header-right .link .i1,
.con-header.headeractive .bocweb-header .bocweb-header-right .link .i1 {
  opacity: 1;
}

.con-header.headerhover .bocweb-header .bocweb-header-right .link .i0,
.con-header.headeractive .bocweb-header .bocweb-header-right .link .i0 {
  opacity: 0;
}

.bodyinfo .con-header .m-header,
.bodyinfo .con-header .bocweb-header {
  background: #fff;
  color: #000;
}

.bodyinfo .con-header .m-header a,
.bodyinfo .con-header .bocweb-header a {
  color: #000000;
}

.bodyinfo .con-header .m-header .nav-btn .line {
  background-color: #c6042a;
}

.bodyinfo .con-header .bocweb-header .bocweb-header-right .langs-tops:before {
  background: url(../img/50.png) no-repeat center;
  background-size: 100%;
}

.bodyinfo .con-header .bocweb-header .bocweb-header-right .link .i1 {
  opacity: 1;
}

.bodyinfo .con-header .bocweb-header .bocweb-header-right .link .i0 {
  opacity: 0;
}

.bocweb-header .boxs .nav-tops {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.bocweb-header .boxs .nav-tops:hover,
.bocweb-header .boxs .nav-tops.active {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  color: #c6042a !important;
}

.bocweb-header .boxs .nav {
  position: relative;
}

.bocweb-header .boxs .nav-bots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.25rem;
  background: #fff;
  line-height: 1.5;
  width: 120%;
}

.bocweb-header .boxs .nav-bots .li {
  display: block;
  padding: 10px 5px;
  text-align: center;
  color: #333;
}

.con-footer-tops .logos {
  width: 6.05rem;
}

.con-footer-tops .logos img {
  display: block;
}

.con-footer-tops .lists {
  margin-top: 1.3rem;
  margin-bottom: 0.8rem;
}

.con-footer-tops .lists .li {
  width: 0.6rem;
  height: 0.6rem;
}
.con-footer-tops .lists .li:nth-child(3) {
  width: 0.7rem;
  height: 0.7rem;
}
.con-footer-tops .lists .li-tops {
  opacity: 0.5;
}

.con-footer-tops .lists .li-bots {
  position: absolute;
  width: 130px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.con-footer-tops .lists .ul:nth-child(n + 2) {
  margin-top: 0.7rem;
}

.con-footer-tops .lists .ul .li:nth-child(n + 2) {
  margin-left: 0.8rem;
}

.con-footer-tops .words .tits,
.con-footer-tops .words .txts {
  line-height: 1;
}

.con-footer-tops .words .tits {
  color: rgba(255, 255, 255, 0.4);
}

.con-footer-tops .words .txts {
  margin-top: 0.125rem;
}

.bocweb-header .boxs .nav.cur {
  position: static;
}

.m-header,
.m-header a {
  color: #000;
}

.m-header .bocweb-menu-con {
  width: 92%;
  margin: 0 auto;
}

.m-header .bocweb-menu-con .nav-bots {
  display: none;
  padding: 0.35rem 0;
  position: static;
}

.m-header .bocweb-menu-con .nav-bots a {
  display: block;
  color: #333;
  line-height: 1.5;
  padding: 0.2rem 0.75rem;
}
.m-header .bocweb-menu-con .nav-bots .subnav-tops {
  line-height: 2.4 !important;
}
.m-header .bocweb-menu-con .nav-bots .subnav-tops:before {
  transform: rotate(90deg);
}
.m-header .bocweb-menu-con .nav-bots .xli {
  width: 48%;
  margin-bottom: 4%;
}
.m-header .bocweb-menu-con .nav-bots .xli .imgs {
  width: 100%;
  height: 5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.m-header .bocweb-menu-con .nav-bots .xli img {
  max-height: 100%;
}
.m-header .bocweb-menu-con .nav-bots .libox {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.m-header .bocweb-menu-con .nav-bots .xli .b {
  text-align: center;
}

.m-header .bocweb-menu-con .nav-top,
.m-header .bocweb-menu-con .nav-tops {
  height: 3.67em;
  line-height: 3.67em;
  position: relative;
  color: #333;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

.m-header .bocweb-menu-con .nav-tops:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 11px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/3011.png) no-repeat center;
  background-size: 100%;
}

.m-header .bocweb-menu-con .nav-tops .icons {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.6rem;
}

.m-header .bocweb-menu-con .nav-tops:before {
  opacity: 0;
}

.m-header .bocweb-menu-con .nav.oncur .nav-tops:before {
  opacity: 1;
}

.bocweb-header .boxs .nav .wraps-right {
  position: relative;
}

.bocweb-header .boxs .nav .nav-pro-box {
  position: absolute;
  width: 100%;
  left: 0;
  transform: none;
  background-color: #fff;
  box-shadow: 0 0.4rem 0.4rem 0.1rem rgba(0, 0, 0, 0.1) inset;
  color: #040000;
}

.bocweb-header .boxs .nav .nav-pro-box a {
  color: #040000;
}

.bocweb-header .boxs .nav .cbtns {
  position: absolute;
  left: 0;
  bottom: -2rem;
  display: flex;
}

.bocweb-header .boxs .nav .swiper-button-prev,
.bocweb-header .boxs .nav .swiper-button-next {
  position: static;
  margin: 0;
  display: block;
  width: 1.5rem;
  background-repeat: no-repeat;
  height: 1.5rem;
  background-position: center;
  background-color: #fff;
  background-size: 0.6rem 0.65rem;
}

.bocweb-header .boxs .nav .swiper-button-prev {
  background-image: url(../img/311.png);
}

.bocweb-header .boxs .nav .swiper-button-next {
  background-image: url(../img/312.png);
}

.bocweb-header .boxs .nav .wraps {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.bocweb-header .boxs .nav .wraps .li-a {
  width: 25.5%;
  margin-left: 11.75%;
  text-align: center;
}

.bocweb-header .boxs .nav .wraps .li-a:nth-child(3n + 1) {
  margin-left: 0;
}

.bocweb-header .boxs .nav .wraps .li-a:nth-child(n + 4) {
  margin-top: 1.2rem;
}

.bocweb-header .boxs .nav .wraps .li-a .b {
  margin-top: 0.125rem;
  line-height: 1;
  padding: 0.45rem 0;
}

.bocweb-header .boxs .nav .swiper-pagination {
  width: 100%;
  bottom: -1rem;
}

.bocweb-header .boxs .nav .wraps-left {
  width: 25%;
  padding-top: 0.9rem;
}

.bocweb-header .boxs .nav .wraps-left .c-tits {
  line-height: 1;
}

.bocweb-header .boxs .nav .wraps-left .uls {
  margin-top: 0.9rem;
  margin-bottom: 1.95rem;
}

.bocweb-header .boxs .nav .wraps-left .uls .lis {
  line-height: 2;
  padding: 0.3rem 0;
  color: #040000;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.bocweb-header .boxs .nav .wraps-left .uls .lis.active,
.bocweb-header .boxs .nav .wraps-left .uls .lis:hover {
  color: #c6042a;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.bocweb-header .boxs .nav .wraps-right {
  width: 75%;
}

.bocweb-header .boxs .nav .duibi {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.55rem;
  background-color: #c6042a;
  color: #fff;
}

.bocweb-header .boxs .nav .duibi .span {
  position: relative;
  color: #fff;
  line-height: 1.2rem;
  height: 1.2rem;
  padding-left: 0.8rem;
}

.bocweb-header .boxs .nav .duibi .span:before {
  position: absolute;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  background: url(../img/306.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.fixed-right {
  position: fixed;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
}

.fixed-right .items-tops {
  background: #c0c0c0;
  width: 70px;
  height: 70px;
  display: block;
  position: relative;
}

.fixed-right .items-tops .icons {
  margin: 0 auto;
  width: 1.1rem;
  height: 1.1rem;
}

.fixed-right .items-tops .icons img {
  display: block;
}

.fixed-right .items-tops .wraps {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.fixed-right .items-tops .txts {
  text-align: center;
  line-height: 1;
  margin-top: 0.15rem;
}

.fixed-right .items:nth-child(n + 2) {
  margin-top: 0.2rem;
}

.fixed-right .items:last-child {
  display: none;
}

.bgcover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg141414 {
  background-color: #141414;
}

.w1280 {
  width: 66.666%;
  margin: 0 auto;
}

.w1800 {
  width: 93.75%;
  margin: 0 auto;
}

.w1400 {
  width: 73%;
  margin: 0 auto;
}

.medium {
  font-weight: 600;
}

.opm {
  font-weight: 600;
}

.proinfobodys {
  background: #161616;
}

.banner {
  position: relative;
}

.banner .imgs {
  padding-top: 54%;
}

.banner .more-span {
  position: absolute;
  bottom: 4.9rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.banner .more-span .span {
  line-height: 1.875;
  position: relative;
  padding-left: 1rem;
}

.banner .more-span .icon {
  position: absolute;
  content: "";
  width: 0.525rem;
  height: 0.75rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /* background: url(../img/btns.png) no-repeat center; */
  /* background-size: 100%; */
}

.banner .more-span .icon svg {
  height: 0.75rem;
}

.tit-286 {
  font-size: 7.15rem;
  line-height: 1;
}

.img-h {
  padding-top: 50%;
  overflow: hidden;
  position: relative;
}

.img-h .w100 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.pro-list-01 {
  padding-bottom: 2.9rem;
  padding-top: 3.05rem;
}

.pro-list-01 .tits {
  color: #fff;
  margin-top: 0.75rem;
  margin-bottom: 0.3rem;
  line-height: 1.5;
}

.pro-list-01 .txts {
  color: #888888;
  line-height: 1.5;
}

.pro-list-01 .wraps {
  justify-content: space-between;
}

.pro-list-01 .li {
  text-align: center;
  max-width: 23%;
}

.pro-list-01 .icons {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
}

.pro-list-01 .icons img {
  display: block;
}

.pro-list-02 {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

.pro-list-02 .dians {
  position: absolute;
  left: 0;
  top: 50%;
  width: 26.825rem;
  height: 33rem;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%);
  background: url(../img/i7.png) no-repeat center;
  background-size: 100%;
  opacity: 0.1;
}

.pro-list-02 .numbers {
  margin-top: 3rem;
}

.pro-list-02 .numbers .imgs {
  position: relative;
  z-index: 3;
  width: 86%;
  margin: 0 auto;
}

.pro-list-02 .numbers .imgs .i-span {
  /* padding-top: 76.93%; */
}

.pro-list-02 .numbers .nums {
  justify-content: center;
  align-items: flex-end;
  color: #d2d2d2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.pro-list-02 .tit-bots {
  margin-top: -1.55rem;
  position: relative;
  z-index: 5;
}

.pro-list-02 .tit-bots .tit-bots-01 {
  line-height: 1.75;
  letter-spacing: 0.25rem;
}

.pro-list-02 .tit-bots-list {
  justify-content: center;
  margin-top: 1.15rem;
}

.pro-list-02 .tit-bots-list .li {
  justify-content: center;
  width: 50%;
  align-items: center;
}

.pro-list-02 .tit-bots-list .li .icons {
  width: 2.75rem;
  height: 2.75rem;
  background: url(../img/bg.png) no-repeat center;
  background-size: 100%;
}

.pro-list-02 .tit-bots-list .li .texts {
  padding-left: 1rem;
}

.pro-list-02 .tit-bots-list .li .texts .ctits,
.pro-list-02 .tit-bots-list .li .texts .ctxts,
.pro-list-02 .tit-bots-list .li .texts .ctexts {
  line-height: 1;
}

.pro-list-02 .tit-bots-list .li .texts .ctexts {
  color: #888888;
}

.pro-list-02 .tit-bots-list .li .texts .ctxts {
  margin-top: 0.3rem;
  margin-bottom: 0.25rem;
}

.pro-list-02 .tit-bots-list .li .texts .ctxts span {
  background: -webkit-linear-gradient(right, #00a8fc, #00eaa4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pro-list-03 {
  padding-top: 3.75rem;
}

.pro-titles .tits,
.pro-titles .txts,
.pro-titles .text {
  line-height: 1;
}

.pro-titles.on .tits,
.pro-titles.on .txts {
  justify-content: center;
}

.pro-titles.on .tits .span,
.pro-titles.on .txts .span {
  background: -webkit-linear-gradient(right, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pro-titles .tits .span,
.pro-titles .txts .span {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pro-titles .txts {
  margin-top: 0.2rem;
  margin-bottom: 0.9rem;
}

.pro-titles .texts {
  line-height: 1.5;
}

.pro-list-03 .images {
  width: 53.125%;
  position: relative;
  padding-bottom: 4.65rem;
}

.pro-list-03 .images .i-imgs {
  margin-left: -1rem;
}

.pro-list-03 .images .img {
  position: relative;
  z-index: 4;
}

.pro-list-03 .images .bg {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.pro-list-03 .images .bg img {
  max-width: none;
}

.pro-list-03 .images .bg .brf {
  content: "";
  z-index: 2;
  position: absolute;
  width: 31.875rem;
  height: 34.05rem;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  background: url(../img/i10.png) no-repeat center;
  background-size: 100%;
}

.pro-list-03 .images .i1 {
  position: absolute;
  width: 24.125rem;
  height: 13.15rem;
  left: 50%;
  bottom: -7%;
  transform: translateX(-50%);
}

.pro-list-03 .words {
  width: 46.875%;
  justify-content: flex-end;
  padding-top: 2.1rem;
}

.pro-list-03 .uls {
  margin-top: 2.35rem;
  padding-right: 1.05rem;
  justify-content: space-between;
  text-align: center;
}

.pro-list-03 .uls .icons {
  width: 1.75rem;
  height: 1rem;
  margin: 0 auto;
}

.pro-list-03 .uls .wens {
  margin-top: 0.375rem;
  line-height: 1.333;
}

.pro-list-04 .uls .wraps .words .tits .span {
  line-height: 1.1;
}

.pro-list-04 .uls {
  position: relative;
}

.pro-list-04 .uls .bg {
  padding-top: 51%;
}

.pro-list-04 .uls .imgs {
  position: absolute;
  right: 0;
  bottom: 0;
}

.pro-list-04 .uls .wraps {
  position: absolute;
  left: 50%;
  top: 0;
  padding-top: 6.3rem;
  transform: translateX(-50%);
}

.pro-list-04 .uls .wraps .words .span {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.pro-list-04 .uls .wraps .words .txts {
  ackground: -webkit-linear-gradient(left, #00eaa4, #00eaa4, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pro-list-04 .uls .wraps .texts span {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.pro-list-04 .uls .wraps .li2 {
  margin-top: 0.25rem;
  letter-spacing: 0.25rem;
}

.pro-list-04 .uls .wraps .txts {
  margin-top: 0.2rem;
  margin-top: 2rem;
  margin-bottom: 0.37rem;
}

.pro-list-03 .pro-titles .tits .span,
.pro-list-03 .pro-titles .txts .span {
  width: 100%;
}

.pro-list-04 .uls .wraps .li1,
.pro-list-04 .uls .wraps .li2 {
  line-height: 1;
}

.pro-list-04 .uls2 .icons {
  position: relative;
  z-index: 3;
}

.pro-list-04 .uls2 .imgs .bef {
  position: absolute;
  content: "";
  width: 29.15rem;
  height: 31.2rem;
  bottom: -26%;
  left: -38%;
  background: url(../img/i13.png) no-repeat center;
  background-size: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}

.pro-list-04 .uls .imgs {
  height: 100%;
}

.pro-list-04 .uls .imgs img {
  max-height: 100%;
}

.tc {
  text-align: center;
}

.pro-list-05 {
  padding-top: 3rem;
  padding-bottom: 2.875rem;
}

.pro-list-05 .icos {
  position: relative;
  width: 57%;
  margin: 0 auto;
  margin-top: 0.8rem;
}

.pro-list-05 .icos img {
  display: block;
  margin: 0 auto;
}

.pro-list-05 .icos .i2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  right: 0;
  margin: auto;
}

.pro-list-05 .images {
  margin-top: -3rem;
  position: relative;
  z-index: 1;
}

.pro-list-05 .images .icos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pro-list-05 .uls {
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  z-index: 3;
  margin-top: 1.25rem;
  padding-left: 5%;
  padding-right: 5%;
}

.pro-list-05 .uls .icons {
  width: 2.5rem;
  height: 1.75rem;
  margin: 0 auto;
}

.pro-list-05 .uls .txts {
  line-height: 1;
  margin-top: 0.25rem;
  flex-wrap: wrap;
  align-items: center;
}

.pro-list-05 .uls .txts span {
  margin-left: 0.2rem;
}

.pro-list-04 .uls2 .icons {
  max-height: 100%;
}

.pro-list-04 .uls1 .imgs .icons {
  height: 100%;
}

.pro-list-04 .uls1 .imgs .icons img {
  height: 100%;
}

.pro-list-04 .uls2 .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}

.pro-list-04 .uls2 .imgs .icons {
  height: 68.87%;
}

.pro-list-04 .uls2 .imgs .icons img {
  height: 100%;
}

.protits .tits {
  line-height: 1;
}

.protits .tits .span {
  line-height: 1.28;
}

.protits .span span {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.protits .txts {
  margin-top: 0.85rem;
}

.zilecolor {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.pro-list-06 {
  padding-top: 2.75rem;
}

.pro-list-06 .uls {
  width: 61%;
  margin: 0 auto;
  margin-top: 0.9rem;
  justify-content: space-between;
}

.pro-list-06 .icons {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  margin: 0 auto;
}

.pro-list-06 .images {
  width: 93.75%;
  margin: 0 auto;
}

.pro-list-05 .uls .txts {
  justify-content: center;
}

.pro-list-07 .uls.uls1 .imgs .icons {
  right: 0;
  top: 1.25rem;
  width: 46.25%;
}

.pro-list-07 .uls.uls2 .imgs .icons {
  right: 0;
  top: 2.75rem;
  width: 44.11%;
  z-index: 1;
}

.pro-list-07 .uls.uls2 .words {
  padding-top: 4rem;
}

.pro-list-07 .uls.uls2 .bgs {
  position: absolute;
  width: 72.395%;
  right: 0;
  bottom: -9.2rem;
  z-index: 0;
  pointer-events: none;
}

.pro-list-07 .uls.uls3 .imgs .icons {
  left: 0;
  bottom: 0;
  width: 61.5%;
}

.pro-list-07 .uls.uls3 .words {
  padding-top: 6.2rem;
}

.pro-list-07 .uls.uls3 .wraps {
  justify-content: flex-end;
}

.pro-list-07 .uls {
  position: relative;
}

.pro-list-07 .uls .imgs {
  padding-top: 47.816%;
  pointer-events: none;
}

.pro-list-07 .uls .imgs .icons {
  position: absolute;
}

.pro-list-07 .uls .wraps {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.pro-list-07 .uls .words {
  padding-top: 4.25rem;
}

.pro-list-07 .uls .words .tits {
  line-height: 1;
}

.pro-list-07 .uls .tit-txts {
  margin-top: 0.8rem;
  line-height: 1.44;
}

.pro-list-07 .uls .tit-txts span.i0 {
  color: #00f299;
}

.pro-list-07 .uls .tit-txts span.i1 {
  color: #00a6fd;
}

.pro-list-07 .uls .li {
  text-align: center;
  margin-top: 2.4rem;
}

.pro-list-07 .uls .li .i:nth-child(n + 2) {
  margin-left: 2.7rem;
}

.pro-list-07 .uls .li .icons {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}

.pro-list-07 .uls .li .icons img {
  width: 100%;
}

.pro-list-07 .uls .li .txts {
  margin-top: 0.4rem;
  line-height: 1.333;
}

.pro-list-07 .uls .words .tits.lin13 .span {
  line-height: 1.3;
}

.con-flex.on01 {
  flex-direction: column;
}

.zilecolor.lin13 {
  line-height: 1.3;
}

.w100 {
  width: 100%;
}

.pro-list-08 .imgh-list {
  overflow: hidden;
  padding-top: 52%;
}

.pro-list-08 .imgh-list .bgh {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.pro-list-08 .uls1 .words {
  padding-top: 5rem;
}

.pro-list-08 .uls1 .words .tit-txts {
  margin-bottom: 4.2rem;
}

.pro-list-08 .uls2 .words {
  z-index: 2;
  padding-top: 1.25rem;
}

.pro-list-08 .uls2 .words .con-flex {
  justify-content: center;
}

.pro-list-08 .uls2 .words .tits {
  justify-content: center;
  align-items: center;
}

.pro-list-08 .uls2 .words .tit-txts {
  margin-bottom: 0;
}

.pro-list-08 .uls3 .wraps {
  padding-top: 3.1rem;
}

.pro-list-08 .uls3 .images {
  width: 60%;
}

.pro-list-08 .uls3 .images .icons {
  width: 23.7rem;
  margin-left: -5.55rem;
}

.pro-list-08 .uls3 .words {
  width: 40%;
  flex-direction: column;
  align-items: flex-end;
}

.pro-list-08 .uls3 .wraps-list {
  align-items: center;
}

.pro-list-08 .uls {
  position: relative;
}

.pro-list-08 .uls .wraps {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.pro-list-08 .uls .icons-imgs {
  position: absolute;
  right: -5.1rem;
  top: 5.9rem;
  width: 56.875%;
  z-index: 0;
}

.pro-list-08 .uls .words {
  position: relative;
  z-index: 2;
}

.pro-list-08 .uls .words .tit-txts {
  margin-top: 0.45rem;
}

.pro-list-08 .uls .words .li {
  width: 15rem;
  justify-content: space-between;
  /*.i{
  					width: 33.33%;
  					position: relative;
  
  					&:nth-child(3n+1){
  						text-align:left;
  					}
  					&:nth-child(3n+2){
  						text-align: center;
  					}
  					&:nth-child(3n+3){
  						text-align: right;
  					}
  				}*/
}

.pro-list-08 .uls .words .li .tits {
  line-height: 1.25;
}

.pro-list-08 .uls .words .li .txts {
  line-height: 1;
  margin-top: 0.2rem;
  color: #888888;
}

.pro-list-08 .uls .words .li .k {
  width: 0;
  position: relative;
}

.pro-list-08 .uls .words .li .k:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.5rem;
  border-left: 2px dashed rgba(55, 55, 55, 0.5);
  left: 0;
  top: 0;
}

.pro-list-02 .tit-bots-list .li {
  position: relative;
}

.pro-list-02 .tit-bots-list .li:nth-child(1):before {
  display: none;
}

.pro-list-02 .tit-bots-list .li:before {
  position: absolute;
  height: 100%;
  content: "";
  width: 1px;
  border-left: 2px dashed rgba(55, 55, 55, 0.5);
  left: 0;
  top: 0;
}

.pro-list-01 .wraps {
  align-items: stretch;
}

.pro-list-01 .wraps .k:before {
  height: 100% !important;
}

.pro-list-01 .wraps .k,
.pro-list-05 .uls .k,
.pro-list-06 .uls .k {
  width: 0;
  position: relative;
}

.pro-list-01 .wraps .k:before,
.pro-list-05 .uls .k:before,
.pro-list-06 .uls .k:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.5rem;
  border-left: 2px dashed rgba(55, 55, 55, 0.5);
  left: 0;
  top: 0;
}

.pro-list-09 {
  padding-top: 3.2rem;
  padding-bottom: 1.9rem;
}

.pro-list-09 .pro09-list {
  margin-top: 1.5rem;
}

.pro09-titles .tits {
  letter-spacing: 0.2rem;
  color: #373737;
}

.pro09-titles .txts,
.pro09-titles .tits,
.pro09-titles .texts,
.pro09-titles .wens {
  line-height: 1;
}

.pro09-titles .txts {
  justify-content: center;
  margin-top: 0.45rem;
  margin-bottom: 1.05rem;
}

.pro09-titles .wens {
  margin-top: 0.4rem;
}

.pro09-list {
  position: relative;
}

.pro09-list .uls {
  align-items: stretch;
}

.pro09-list .icos {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4.35rem;
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.pro09-list .lis {
  background: #1c1d1d;
  width: 48.4375%;
  margin-left: 3.125%;
  margin-bottom: 1rem;
  padding: 1.1rem 1rem;
}

.pro09-list .lis:nth-child(2n + 1) {
  margin-left: 0;
}

.pro09-list .lis:nth-child(2n + 2) {
  text-align: right;
}

.pro09-list .lis .txts {
  margin-top: 0.45rem;
  font-weight: normal;
  color: #888;
  line-height: 1.333;
}

.pro09-list .lis .tits {
  line-height: 1;
}

.pro-list-10 {
  position: relative;
  overflow: hidden;
}

.pro-list-10 .bgs {
  /* padding-top: 52%; */
}

.pro-list-10 .svgtexts {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}

.pro-list-11 {
  /* padding-top: 4.375rem; */
  padding-bottom: 4.25rem;
}

.pro-list-11 .swiper-container {
  padding-bottom: 2rem;
  overflow: visible;
}

.pro-list-11 .swiper-container .swiper-scrollbar {
  width: 17rem;
  margin: 0 auto;
  height: 0.2rem;
  border-radius: 0.2rem;
  background-color: #1c1d1d;
  left: 0;
  right: 0;
  margin: auto;
}

.pro-list-11 .swiper-container .swiper-scrollbar-drag {
  background: linear-gradient(to right, #04c1a6, #01b7d4);
}

.pro-list-11 .items {
  width: 46.875%;
  margin-right: 6.25%;
}

.pro-list-11 .items .imgs {
  overflow: hidden;
}

.pro-list-11 .items .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-11 .items .words {
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
}

.pro-list-11 .items .words .tits,
.pro-list-11 .items .words .txts {
  line-height: 1;
}

.pro-list-11 .items .words .txts {
  margin-top: 0.15rem;
}

.pro-list-08-01 {
  position: relative;
  padding-top: 1.55rem;
  padding-bottom: 1.25rem;
}

.pro-list-08-01 .pro801-imgs {
  width: 52.76%;
  margin: 0 auto;
  margin-top: -1.7rem;
  pointer-events: none;
}

.pro-list-08-01 .pro0801-list {
  margin-top: 1.5rem;
}

.pro-list-08-01 .words .tits {
  align-items: center;
}

.pro0801-list {
  justify-content: space-around;
}

.pro0801-list .icons {
  width: 1.75rem;
  height: 1.4rem;
  margin: 0 auto;
}

.pro0801-list .spans {
  line-height: 1;
  margin-top: 0.5rem;
}

.h120 {
  height: 3rem;
}

.pro-list-13 {
  background: #141414;
  position: relative;
}
.pro-list-13 .w1280 {
  background: #1c1d1d;
}

.pro-list-13 .lis {
  width: 20%;
  min-height: 4.5rem;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.pro-list-13 .lis:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 2.75rem;
}

.pro-list-12 {
  position: relative;
}

.pro-list-12 .pro-li-list {
  position: absolute;
  width: 42.135%;
  top: 18.75%;
  left: 50%;
  height: 56.45%;
  transform: translateX(-50%);
}

.pro-list-12 .pro-li-list .icons {
  position: absolute;
  left: 0;
  top: 0;
}

.pro-list-12 .pro-btn-list {
  position: absolute;
  top: 50%;
  left: 1.75rem;
  transform: translateY(-50%);
}

.pro-list-12 .pro-btn-list .icons {
  position: relative;
  width: 1.325rem;
  height: 1.225rem;
  cursor: pointer;
}

.pro-list-12 .pro-btn-list .icons:nth-child(n + 2) {
  margin-top: 0.5rem;
}

.pro-list-12 .pro-btn-list .icons:before {
  position: absolute;
  content: "";
  background: url(../img/i22.png) no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-12 .pro-btn-list .icons.active:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-12 .pro-btn-list .icons img {
  width: 0.875rem;
  height: 0.825rem;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.pro-list-10 svg {
  width: 100%;
}

.pro-list-12 .pro-li-list .icons {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-12 .pro-li-list .icons.active {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-12 .pro-btn-list .icons.active .spanbtns {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.pro-list-12 .pro-btn-list .icons {
  color: #fff;
}

.pro-list-12 .pro-btn-list .icons .spanbtns {
  position: absolute;
  pointer-events: none;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  width: 5.5rem;
  left: 2rem;
  top: 50%;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(-50%);
}

.pro-list-04 .uls1 .imgs {
  width: 56.979%;
}

.pro-list-05 .images .icos img {
  width: 53%;
  transform: scale(0.5);
}

.pro-list-13 .lis {
  position: relative;
  font-weight: normal;
}

.pro-list-13 .lis:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 2.75rem;
  border-left: 2px dashed rgba(55, 55, 55, 0.5);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pro-list-13 .lis:nth-child(5n + 1) {
  margin-left: 0;
}

.pro-list-13 .lis .tits {
  line-height: 1;
}

.pro-list-13 .lis .txts {
  margin-top: 0.45rem;
  line-height: 1.33;
  color: #888;
}

.pro-list-02 .numbers .imgs .i-span img {
  /* position: absolute; */
  width: 100%;
  left: 0;
  bottom: 0;
  max-width: none;
}

.pro-list-02 .pro-titles .tits {
  opacity: 1;
}

.pro-list-02 .numbers .imgs .i-span img,
.pro-list-02 .numbers .nums {
  transform-origin: bottom;
}

.pro-list-10 {
  pointer-events: none;
}

.pro-svg-list {
  position: relative;
}

.pro-svg-list .pro-svg-h {
  /*min-height: 220vh;*/
  /*padding-top: (130%);*/
  /* padding-top: 107.6%; */
  opacity: 0;
}

.pro-svg-list .pro-list-10 {
  z-index: 2;
}

.pro-svg-list .pro-list-11 {
  transform: translateX(0);
  z-index: 0;
}

.pro-svg-list .pro-list-11,
.pro-svg-list .pro-list-10 {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
}

.pro-svg-list.active .pro-list-11,
.pro-svg-list.active .pro-list-10 {
  /* position: fixed; */
}

.pro-svg-list.active .pro-list-11 {
  top: auto;
  transform: translateX(0);
  bottom: 0;
  width: 100vw;
  overflow: hidden;
}

.pro-svg-list.on .pro-list-11,
.pro-svg-list.on .pro-list-10 {
  position: absolute;
}

.pro-svg-list .pro-list-10 {
  /* height: 100%; */
}

.pro-list-04 .uls.uls2 .words .tits {
  opacity: 0;
  visibility: hidden;
}

.pro-list-04box.active .vhg {
  padding-top: 153%;
}

.pro-list-04box.active .pro-list-04 {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.pro-list-04box.active .uls {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.pro-list-04box.active .uls2 {
  top: 100vh;
  z-index: 2;
}

.pro-list-04 .uls2 .imgs {
  transform: translate(100vw, 100vh);
}

.services {
  position: relative;
}

.services .bgh {
  padding-top: 17.18%;
}

.services .services-box {
  position: absolute;
  left: 50%;
  top: 0;
  /*padding-top: (220rem/40);*/
  transform: translateX(-50%);
  height: 100%;
}

.services .ser-right-box {
  width: 39%;
  padding-bottom: 3.9rem;
}

.services .ser-right-box .ctits {
  color: #222222;
}

.services .inputsbox {
  margin-top: 1.2rem;
}

.services .ser-right {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1.375rem;
  padding-bottom: 1.5rem;
}

.services .yzm {
  position: relative;
}

.services .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0.9rem;
  display: block;
}

.services .inputsbox .li {
  position: relative;
}

.services .inputsbox .li:nth-child(n + 2) {
  margin-top: 0.5rem;
}

.services .inputsbox .li .span {
  position: absolute;
  height: 1.5rem;
  line-height: 1.5rem;
  left: 1.5em;
  top: 0;
}

.services .inputsbox .li .span span {
  width: 4em;
  text-align-last: justify;
  display: block;
}

.services .inputsbox .inputs input {
  border-radius: 2px;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
  display: block;
  width: 100%;
  padding-left: 6em;
}

.services .text {
  position: relative;
  color: #666666;
  padding-left: 2em;
  line-height: 1.3;
  margin-top: 0.6rem;
}

.services .text input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.3em;
  height: 1.3em;
}

.services .text input,
.services .text label {
  cursor: pointer;
  display: inline-block;
}

.services .submit {
  margin-top: 1.45rem;
}

.services .submit input {
  display: block;
  background-color: #c6042a;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
}

.services .icons {
  /*width: (795rem/40);*/
  /*height: (704rem/40);*/
  width: 102%;
}

.services .fl-imgs {
  width: 61%;
  position: relative;
  height: 1px;
}

.services .fl-imgs .h {
  padding-top: 4.6%;
}

.services .fl-imgs .icons {
  left: -5.1rem;
  position: absolute;
}

.services .inputsbox .li .span span {
  white-space: nowrap;
}

.cons-baner {
  position: relative;
}

.cons-baner .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 1.05rem;
  color: #fff;
  text-align: center;
}

.joins-list-01 {
  padding-top: 2.8rem;
  padding-bottom: 2.2rem;
}

.joins-list-01 .joins-texts {
  margin-top: 0.7rem;
  margin-bottom: 1.5rem;
}

.joins-texts {
  line-height: 1.5;
  color: #666666;
}

.joins01-swiper .swiper-pagination {
  margin-top: 1.7rem;
}

.joins01-swiper .swiper-container {
  overflow: visible;
}

.joins01-swiper .imgs,
.joins01-swiper .words {
  width: 50%;
}

.joins01-swiper .swiper-pagination {
  position: static;
  width: 100%;
}

.joins01-swiper .items {
  background-color: #f6f6f6;
  margin-right: 1.1rem;
  align-items: center;
}

.joins01-swiper .imgs {
  overflow: hidden;
}

.joins01-swiper .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.joins01-swiper .words {
  padding: 0 1.625rem;
}

.joins01-swiper .words .tits,
.joins01-swiper .words .txts,
.joins01-swiper .words .texts {
  padding-right: 0.25rem;
}

.joins01-swiper .words .tits {
  line-height: 1;
  color: #c6042a;
}

.joins01-swiper .words .txts {
  margin-top: 0.45rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
  color: #222222;
}

.joins01-swiper .words .texts {
  color: #666666;
  line-height: 1.875;
  overflow-y: auto;
  max-height: 9.375em;
}

.joins-titles {
  color: #000000;
}

.c-swiper .swiper-pagination,
.c-swiper .swiper-pagination-bullet {
  line-height: 1;
}

.c-swiper .swiper-pagination-bullet {
  margin: 0 0.125rem;
  height: 0.1rem;
  width: 0.75rem;
  border-radius: 0.1rem;
  opacity: 1;
  background-color: #e5e5e5;
  position: relative;
}

.c-swiper .swiper-pagination-bullet:before {
  position: absolute;
  width: 0;
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  background-color: #c6042a;
  transition: none;
}

.c-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 100%;
  transition: 3s cubic-bezier(0.3, 0, 0.24, 1);
}

.joins-list-02 {
  background-color: #f6f6f6;
  padding-top: 2.65rem;
  padding-bottom: 3.15rem;
}

.joins-list-02 .swiper-container {
  padding-bottom: 1.8rem;
}

.joins-list-02 .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.joins-list-02 .swiper-scrollbar {
  height: 4px;
  line-height: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.joins-list-02 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #c6042a;
}

.joins-list-02 .joins-texts {
  margin-top: 0.75rem;
  margin-bottom: 1.75rem;
}

.joins02-swiper .items {
  width: 28.33%;
  margin-right: 0.6rem;
  background-color: #ffffff;
}

.joins02-swiper .items:last-child {
  margin-right: 0;
}

.joins02-swiper .items .imgs {
  overflow: hidden;
}

.joins02-swiper .items .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.joins02-swiper .swiper-container {
  overflow: visible;
}

.joins02-swiper .words {
  padding: 1.25rem 0.75rem;
  padding-bottom: 0.75rem;
}

.joins02-swiper .words .tits {
  line-height: 1.416;
  color: #333;
  transition: all 0.6s;
}
.joins02-swiper .items:hover .words .tits {
  color: #c6042a;
}
.xtran-middle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.joins02-swiper .words .txts {
  margin-top: 0.35rem;
  color: #999999;
  padding-right: 0.3rem;
  overflow: hidden;
  overflow-y: auto;
  line-height: 1.66;
  height: 6.64em;
}

.joins03-list .lis-bots .words {
  position: absolute;
  left: 0;
  top: 0;
}

.joins-list-03 {
  min-height: 24rem;
  padding-top: 3.05rem;
  padding-bottom: 3.75rem;
}

.joins-list-03 .joins-texts {
  margin-top: 0.6rem;
  margin-bottom: 1.9rem;
}

.joins-list-03 .joins-titles,
.joins-list-03 .joins-texts {
  color: #fff;
}

.joins-list-03 .lis {
  position: relative;
  background-color: #fff;
}

.joins-list-03 .lis .lis-bots {
  opacity: 0;
  visibility: hidden;
  background-color: #000000;
}

.joins-list-03 .joins03-right {
  width: 24%;
  margin-left: 0.5rem;
}

.joins-list-03 .joins03-left {
  width: calc(76% - 0.5rem);
}

.joins-list-03 .joins03-left .icons {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}

.joins-list-03 .joins03-left .icons img {
  width: 100%;
}

.joins-list-03 .joins03-left .lis {
  width: calc((100% - 1rem) / 3);
  margin-left: 0.5rem;
}

.joins-list-03 .joins03-left .lis:nth-child(3n + 1) {
  margin-left: 0;
}

.joins-list-03 .joins03-left .lis:nth-child(n + 4) {
  margin-top: 0.5rem;
}

.joins-list-03 .joins03-left .texts {
  margin-top: 0.5rem;
  line-height: 1.33;
}

.joins-list-03 .joins03-right .bgs {
  /*padding-top: calc(114.94% + .5rem);*/
  padding-top: 120.9%;
}

.joins-list-03 .joins03-left .bgs {
  padding-top: 57.47%;
}

.joins-list-03 .joins03-right .icons {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
}

.joins-list-03 .joins03-right .icons img {
  width: 100%;
  height: 100%;
}

.joins-list-03 .joins03-right .texts {
  margin-top: 0.75rem;
  line-height: 1.33;
}

.joins-list-03 .lis-tops,
.joins-list-03 .lis-bots {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.joins-list-03 .lis-tops .box {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  width: 98%;
  transform: translate(-50%, -50%);
}

.joins-list-03 .lis-bots .words {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.joins-list-03 .lis-bots .ctits {
  line-height: 1;
}

.joins-list-03 .lis-bots .ctxts {
  margin-top: 0.6rem;
  line-height: 1.33;
  max-height: 5.32em;
  overflow-y: auto;
}

.joins-list-04 {
  padding-top: 3.25rem;
  padding-bottom: 0.4rem;
}

.joins-list-04 .joins-texts {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
}

.joins04list {
  position: relative;
}

.joins04list .icons {
  width: 2.625rem;
  height: 2.625rem;
  background-color: #c6042a;
}

.joins04list .li {
  height: 7.375rem;
}

.joins04list .before {
  width: 3.75rem;
  height: 7.5rem;
  position: absolute;
  right: -9%;
  top: 1.2rem;
  overflow: hidden;
  pointer-events: none;
}

.joins04list .before:before,
.joins04list .before:after {
  position: absolute;
  content: "";
}

.joins04list .before:before {
  width: 7.5rem;
  height: 7.5rem;
  border: 1px solid #cccccc;
  border-radius: 50%;
  right: 0;
  top: 0;
}

.joins04list .items2 {
  position: relative;
}

.joins04list .items {
  position: relative;
  justify-content: space-between;
}

.joins04list .items .li {
  position: relative;
}

.joins04list .items .tits {
  line-height: 0.8rem;
  height: 0.8rem;
  overflow: hidden;
  color: #999999;
}

.joins04list .items .txts {
  line-height: 1.33;
  color: #666666;
  margin-top: 0.1rem;
}

.joins04list .items .c {
  position: absolute;
  width: 5rem;
  left: 50%;
  top: 3.2rem;
  text-align: center;
  transform: translateX(-50%);
}

.joins04list .items .icons {
  width: 2.625rem;
  height: 2.625rem;
  margin: 0 auto;
}

.joins04list .items:after {
  position: absolute;
  background-color: #cccccc;
  content: "";
  width: 100%;
  height: 1px;
  top: 1.2rem;
  left: 0;
  z-index: 0;
}

.joins04list .items .li {
  position: relative;
  z-index: 3;
}

.joins04list .items .li.active .tits span {
  font-size: inherit;
  color: #c6042a;
}

.joins04list .after {
  position: absolute;
  background-color: #cccccc;
  content: "";
  width: 100%;
  height: 1px;
  top: 1.2rem;
  right: 100%;
  z-index: 2;
  pointer-events: none;
}

.joins04list .after .span {
  position: absolute;
  right: 2.75rem;
  top: 0;
}

.joins04list .after .nums {
  position: absolute;
  line-height: 1;
  top: -1.75rem;
  color: #c6042a;
  left: 50%;
  transform: translateX(-50%);
}

.joins04list .after .ico {
  width: 1.15rem;
  height: 1.15rem;
  position: absolute;
  top: -0.55rem;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.joins04list .after .ico:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 0.8rem;
  left: 50%;
  top: -0.2rem;
  background: url(../img/45.png) no-repeat center;
  background-size: 100%;
  transform: translateX(-50%);
  z-index: 1;
}

.joins04list .after .ico img {
  position: relative;
  background-color: #c6042a;
  border-radius: 50%;
  z-index: 3;
  display: block;
}

.joins04list .items2 {
  flex-direction: row-reverse;
}

.joins04list .items .li.active .tits span {
  font-weight: 600;
}

.contacts-lists {
  padding-bottom: 0.95rem;
  padding-top: 1.55rem;
}

@keyframes myfirst {
  from {
    transform: translate(-50%, -50%) scale3d(0, 0, 1);
  }

  to {
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}

.contacts-maps {
  position: relative;
}

.contacts-maps .link {
  position: absolute;
  left: 50%;
  top: 50%;
}

.contacts-maps .link .dians {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contacts-maps .link .maps-texts {
  position: absolute;
  left: 0;
  bottom: 0.8rem;
}

.contacts-maps .dians {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #c6042a;
  border-radius: 50%;
}

.contacts-maps .dians span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  animation: myfirst 3s ease 0.2s infinite;
}

.contacts-maps .dians .i0 {
  width: 0.75rem;
  height: 0.75rem;
}

.contacts-maps .dians .i1 {
  width: 1.5rem;
  height: 1.5rem;
}

.maps-texts {
  background-color: #fff;
  width: 9.125rem;
  position: relative;
}

.maps-texts .texts {
  padding: 0 0.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.6rem;
}

.maps-texts:before {
  position: absolute;
  content: "";
  border: 0.35rem solid #fff;
  border-color: #fff transparent transparent #fff;
  left: 0;
  top: 95%;
}

.maps-texts .span {
  line-height: 1;
  position: relative;
  display: inline-block;
  color: #c6042a;
  padding-right: 0.55rem;
}

.maps-texts .span:before {
  position: absolute;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/46.png) no-repeat center;
  background-size: 100%;
}

.maps-texts .tits {
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.375;
}

.maps-texts .txts {
  margin-top: 0.3rem;
}

.maps-texts .icons {
  overflow: hidden;
}

.maps-texts .icons img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.contacts-bots-list {
  padding-bottom: 2.5rem;
  padding-top: 3.1rem;
}

.contacts-bots-list .li {
  width: 50%;
  position: relative;
}

.contacts-bots-list .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #e5e5e5;
}

.contacts-bots-list .li:nth-child(1):before {
  display: none;
}

.contacts-bots-list .text {
  padding-left: 2.3rem;
  padding-right: 3.2rem;
}

.contacts-bots-list .text .icons {
  background-color: #c6042a;
  width: 1.5rem;
  height: 1.5rem;
}

.contacts-bots-list .text .txts {
  width: calc(100% - 1.5rem);
}

.contacts-bots-list .text .txts {
  border: 1px solid #e8e8e8;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
}

.contacts-bots-list .text .btn:nth-child(n + 2) {
  margin-top: 0.5rem;
}

.contacts-bots-list .imgs {
  padding-left: 2.9rem;
  padding-right: 2.4rem;
  justify-content: space-between;
}

.contacts-bots-list .imgs .i {
  text-align: center;
  width: 4.75rem;
}

.contacts-bots-list .imgs .i .texts {
  line-height: 1;
  margin-top: 0.5rem;
}

.con-header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2000;
}
footer {
  position: relative;
  z-index: 3;
}
.con-footer .con-footer-bots .i {
  margin-left: 0.5rem;
}

.con-footer .con-footer-bots .rights .links:before {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  opacity: 0.3;
}

.con-footer-tops .lists .li {
  position: relative;
}

.con-footer-tops .lists .li .li-bots {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background: #fff;
}
.con-footer-tops .lists .li .li-bots img {
  width: 100px;
}

.con-footer-tops .lists .li:hover .li-bots {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.joins02-swiper .items img {
  width: 100%;
}

.joins01-swiper .words {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.joins03-swiper .lis {
  padding: 1rem 0.5rem;
}
.joins03-swiper .swiper-wrapper {
  align-items: stretch;
}
.joins03-swiper .lis {
  height: auto;
}

.joins03-swiper .lis .icons {
  width: 1.5rem;
  height: 1.5rem;
}

.joins03-swiper .lis .icons img {
  width: 100%;
}

.joins03-swiper .swiper-pagination {
  width: 100%;
  position: static;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.joins03-swiper .swiper-pagination-bullet {
  display: inline-block;
  line-height: 1;
}

.joins03-swiper .texts {
  line-height: 1.25;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
}

.joins03-swiper .ctxts {
  line-height: 1.5;
}

.bocweb-header .boxs .nav-bots .li.active {
  color: #fff;
  background-color: #c6042a;
}

.guides-li-01 {
  padding-top: 3.55rem;
  padding-bottom: 4.1rem;
}

.guides-li-01 .guides01-ul {
  margin-top: 1.5rem;
}

.guides-li-01 .lis {
  width: 23%;
  margin-left: 2.6%;
  position: relative;
  background-color: #f6f6f6;
}

.guides-li-01 .lis .lis-tops,
.guides-li-01 .lis .lis-bots {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.guides-li-01 .lis .lis-bots {
  background-color: #000;
  opacity: 0;
  visibility: hidden;
}

.guides-li-01 .lis .lis-bots .ibgs {
  opacity: 0.4;
}

.guides-li-01 .lis .lis-bots .ctits {
  line-height: 1.5;
}

.guides-li-01 .lis .lis-bots .ctxts {
  padding: 0 0.25rem;
  margin-top: 0.4rem;
  line-height: 1.5625;
  color: rgba(255, 255, 255, 0.8);
}

.guides-li-01 .lis .box,
.guides-li-01 .lis .words {
  position: absolute;
  width: 100%;
  top: 50%;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.guides-li-01 .lis .box {
  color: #000000;
}

.guides-li-01 .lis .box .icons {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}

.guides-li-01 .lis .box .texts {
  margin-top: 1.1rem;
  line-height: 1.33;
}

.guides-li-01 .lis:nth-child(4n + 1) {
  margin-left: 0;
}

.guides-li-01 .lis .bgs {
  padding-top: 119.04%;
}

.w1490 {
  width: 78%;
  margin: 0 auto;
}

.guides-li-02 {
  background-color: #f6f6f6;
  padding-top: 3.05rem;
  padding-bottom: 4rem;
}

.guides-li-02 .guides02-bots .items {
  padding-top: 2.9rem;
}

.guides-li-02 .guides02-tops {
  margin-top: 1.75rem;
}

.guides02-tops .items {
  background-color: #fff;
  padding: 1.9rem 0.9rem 1.7rem 1.625rem;
  align-items: center;
}
.guides02-tops .swiper-wrapper {
  align-items: stretch;
}
.guides02-tops .swiper-slide {
  height: auto;
}
.guides02-tops .tits {
  width: 4.75rem;
  padding-right: 0.2rem;
  /*padding-top: .65rem;*/
  line-height: 1.285;
}

.guides02-tops .txts {
  width: calc(100% - 4.75rem);
  max-height: 8em;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 0.6rem;
}

.yk ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.yk ::-webkit-scrollbar-thumb {
  background: #c6042a;
}

.yk ::-webkit-scrollbar-thumb:window-inactive {
  background: #c6042a;
}

.yk ::-webkit-scrollbar-thumb:vertical:hover {
  background: #c6042a;
}
.joins01-swiper .words ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.joins01-swiper .words ::-webkit-scrollbar-thumb {
  background: #c6042a;
}

.joins01-swiper .words ::-webkit-scrollbar-thumb:window-inactive {
  background: #c6042a;
}

.joins01-swiper .words ::-webkit-scrollbar-thumb:vertical:hover {
  background: #c6042a;
}
.guides02-bots {
  position: relative;
}

.guides02-bots .items {
  padding-bottom: 0.6rem;
  width: 20%;
  text-align: center;
  line-height: 1;
  position: relative;
}

.guides02-bots .items:before {
  position: absolute;
  content: "";
  width: 1.125rem;
  height: 1rem;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: url(../img/sj.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides02-bots .items .nums {
  position: relative;
  padding-top: 2.25rem;
  cursor: pointer;
}

.guides02-bots .items .nums span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0.8rem;
}

.guides02-bots .items.cur:before,
.guides02-bots .items.active:before {
  opacity: 1;
}

.guides02-bots .items.cur .after,
.guides02-bots .items.active .after {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  opacity: 1;
}

.guides02-bots .items.cur .nums span,
.guides02-bots .items.active .nums span {
  color: #c6042a;
  top: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  font-weight: 600;
}

.guides02-bots .items .after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides02-bots .items .after .ico {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  top: -0.575rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.guides02-bots .items .after .ico img {
  position: relative;
  background-color: #c6042a;
  border-radius: 50%;
  z-index: 3;
}

.guides02-bots .items .after .ico:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 0.8rem;
  left: 50%;
  top: -0.2rem;
  background: url(../img/45.png) no-repeat center;
  background-size: 100%;
  transform: translateX(-50%);
  z-index: 1;
}

.guides02-bots:before {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  background-color: rgba(0, 0, 0, 0.15);
  left: 0;
  bottom: 0.6rem;
}

.guides-li-03 {
  padding-top: 3.25rem;
  padding-bottom: 3.9rem;
}

.guides-li-03 .guides03-tops {
  margin-top: 1.625rem;
  margin-bottom: 1.8rem;
}

.guides03-tops {
  background-color: #f6f6f6;
  padding-top: 1.875rem;
  padding-bottom: 2rem;
}

.guides03-tops .tops-tits {
  padding: 0 2rem;
  line-height: 1.38;
  color: #c6042a;
}

.guides03-tops .li {
  padding-left: 2rem;
  padding-right: 2.1rem;
  position: relative;
}

.guides03-tops .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #d1d1d1;
}

.guides03-tops .li .txts {
  padding-right: 1.1rem;
  margin-top: 0.25rem;
  line-height: 1.875;
  color: #666666;
}

.guides03-tops .li .tits {
  line-height: 1.5;
  color: #000;
}

.guides03-tops .li:nth-child(1):before {
  display: none;
}

.guides03-tops .guides03-texts {
  margin-top: 0.65rem;
}

.guides03-tops .li1 {
  width: 49.5%;
}

.guides03-tops .li2 {
  width: 50.5%;
}

.guides03-bots .images {
  width: 16.125rem;
}

.guides03-bots .lis-bots {
  /*padding-bottom: .95rem;*/
  margin-bottom: 0.95rem;
  padding-top: 0.1rem;
  color: #666666;
  max-height: 7.5rem;
  overflow-y: auto;
  padding-right: 15px;
}

.guides03-bots .words {
  width: calc(100% - 16.125rem);
  padding-left: 1.55rem;
  padding-top: 1.1rem;
}

.guides03-bots .words .uls {
  margin-top: 0.4rem;
}

.guides03-bots .words .lis {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}

.guides03-bots .words .lis.active .lis-tops {
  color: #000;
}

.guides03-bots .words .lis.active .lis-tops:before {
  transform: rotate(180deg);
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides03-bots .words .lis-tops {
  position: relative;
  padding-right: 0.4rem;
  color: #666;
}

.guides03-bots .words .lis-tops:before {
  position: absolute;
  content: "";
  width: 0.325rem;
  height: 0.2rem;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/1001.png) no-repeat center;
  background-size: 100%;
  margin: auto;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides03-bots .words .tits {
  color: #c6042a;
}

.guides03-bots .words .lis-bots {
  display: none;
  line-height: 2;
}

.guides03-bots .words .lis-tops {
  line-height: 2rem;
  height: 2rem;
  overflow: hidden;
}

.guides-li-04 {
  align-items: stretch;
  background: #f6f6f6;
}

.guides-li-04 input:-moz-placeholder,
.guides-li-04 textarea:-moz-placeholder {
  color: rgba(51, 51, 51, 0.4);
}

.guides-li-04 input::-moz-placeholder,
.guides-li-04 textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.4);
}

.guides-li-04 input:-ms-input-placeholder,
.guides-li-04 textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
}

.guides-li-04 input::-webkit-input-placeholder,
.guides-li-04 textarea::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.4);
}

.guides-li-04 .w50s {
  width: 50%;
}

.guides-li-04 .ulbox {
  margin: 0.9rem auto 0;
  /*width:15rem;*/
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.guides-li-04 .ulbox .lis {
  width: 32%;
}
.guides-li-04 .wraps {
  width: 1280px;
  max-width: 75%;
  margin: 0 auto;
  padding-top: 1.75rem;
  padding-bottom: 2.25rem;
}

.guides-li-04 .wraps .txts {
  text-align: center;
}

.guides-li-04 .wraps .tits {
  line-height: 1;
}

.guides-li-04 .wraps .txts {
  margin-top: 0.4rem;
  line-height: 1.5625;
  margin-bottom: 1.2rem;
}

.guides-li-04 .wraps .texts {
  text-align: center;
  line-height: 1.33;
}

/*.guides-li-04 .wraps .lis:nth-child(n+2) {
  margin-top: .6125rem;
}*/

.guides-li-04 .ulbox .span,
.guides-li-04 .ulbox .nums {
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 0 0.25em;
}

.guides-li-04 .ulbox .nums {
  border: 1px solid #838383;
  position: relative;
  border-left: none;
  width: calc(100% - 4rem);
}

.guides-li-04 .ulbox .span {
  color: #fff;
  width: 4rem;
  background: #c6042a;
}

.guides-li-04 .forms {
  padding-top: 1.75rem;
  padding-bottom: 2rem;
}

.guides-li-04 .forms-uls {
  margin-top: 1rem;
  margin-bottom: 0.7rem;
}

.guides-li-04 .forms-uls .ul {
  color: #333333;
  justify-content: center;
}

.guides-li-04 .forms-uls .ul .li {
  padding-left: 0.6125rem;
  position: relative;
  line-height: 1;
  cursor: pointer;
}

.guides-li-04 .forms-uls .ul .li:nth-child(n + 2) {
  margin-left: 1.05rem;
}

.guides-li-04 .forms-uls .ul .li span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  border: 1px solid #c6c6c6;
}

.guides-li-04 .forms-uls .ul .li span:before {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  content: "";
  border-radius: 50%;
  background-color: #c6042a;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides-li-04 .forms-uls .ul .li.active span:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.guides-li-04 .yzm {
  margin-top: 0.45rem;
}

.guides-li-04 .yzm .submit {
  width: 4rem;
}

.guides-li-04 .yzm .submit input {
  height: 1.35rem;
  line-height: 1.35rem;
  background-color: #c6042a;
  width: 100%;
  color: #fff;
}

.guides-li-04 .yzm .inputs {
  width: calc(100% - 4rem);
  padding-right: 0.45rem;
  position: relative;
  flex-wrap: nowrap;
}

.guides-li-04 .yzm .inputs input {
  height: 1.35rem;
  line-height: 1.35rem;
  padding-left: 1.75rem;
  width: 100%;
}

.guides-li-04 .yzm .inputs img {
  position: absolute;
  width: 3.95rem;
  right: 0.45rem;
  top: 0;
  height: 1.35rem;
  border-left: 0.15rem solid #f6f6f6;
}

.guides-li-04 .yzm .inputs .spans {
  position: absolute;
  left: 0.45rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.5rem;
  height: 0.625rem;
}

.guides-li-04 .yzm .inputs .spans:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 0.5rem;
  background-color: #e5e5e5;
  top: 50%;
  transform: translateY(-50%);
  right: -0.5rem;
}

.guides-li-04 .yzm .inputs .spans img {
  width: 100%;
  display: block;
  position: relative;
  width: auto;
  right: auto;
  top: auto;
  height: auto;
  border-left: none;
}

.guides-li-04 .forms-inputs textarea,
.guides-li-04 .forms-inputs input {
  resize: none;
  width: 100%;
  padding: 0 0.75rem;
}

.guides-li-04 .forms-inputs textarea {
  padding-top: 0.45rem;
  line-height: 1.5;
  height: 6.25rem;
  display: block;
}

.guides-li-04 .forms-inputs .i input {
  height: 1.5rem;
  line-height: 1.5rem;
}

.guides-li-04 .forms-inputs .i:nth-child(n + 2) {
  margin-top: 0.5rem;
}

.ab-words {
  color: #333;
}

.ab-words .txts {
  color: #666666;
  margin-top: 0.8rem;
  line-height: 1.8125;
}

.abouts-list-01 {
  padding-bottom: 1.5rem;
  padding-top: 1.875rem;
}

.abouts-list-01 .ab-words {
  padding-bottom: 2.75rem;
}

.ab01-uls {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ab01-uls .lis {
  width: 25%;
  height: 6.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
}

.ab01-uls .lis .after,
.ab01-uls .lis .before {
  position: absolute;
  left: 0;
}

.ab01-uls .lis:nth-child(2) .before,
.ab01-uls .lis:nth-child(3) .before,
.ab01-uls .lis:nth-child(4) .before {
  height: 100%;
  width: 3px;
  background-image: linear-gradient(135deg, #fff, transparent, transparent);
  z-index: 2;
  left: -1px;
}

.ab01-uls .lis:nth-child(6) .before,
.ab01-uls .lis:nth-child(7) .before,
.ab01-uls .lis:nth-child(8) .before {
  height: 100%;
  width: 3px;
  background-image: linear-gradient(75deg, #fff, transparent, transparent);
  z-index: 2;
  left: -1px;
}

.ab01-uls .lis:nth-child(1) .before {
  width: 100%;
  height: 3px;
  background-image: linear-gradient(45deg, #fff, transparent);
  bottom: -1px;
}

.ab01-uls .lis:nth-child(4) .after {
  width: 100%;
  height: 3px;
  background-image: linear-gradient(275deg, #fff, transparent);
  bottom: -1px;
}

.ab01-uls .lis:before,
.ab01-uls .lis:after {
  content: "";
  position: absolute;
  background-color: rgba(7, 7, 7, 0.1);
}

.ab01-uls .lis:nth-child(4n + 1):after {
  display: none;
}

.ab01-uls .lis:nth-child(n + 5):before {
  display: none;
}

.ab01-uls .lis:before {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
}

.ab01-uls .lis:after {
  height: 100%;
  width: 1px;
  left: 0;
  top: 0;
}

.ab01-uls .icons {
  width: 1.75rem;
  height: 1.75rem;
}

.ab01-uls .spans {
  text-align: center;
  color: #333333;
  margin-top: 0.55rem;
}

.ab-videos {
  cursor: pointer;
}

.ab-videos .images {
  position: relative;
  padding-top: 50%;
}

.ab-videos .images img,
.ab-videos .images video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}

/*.ab-videos .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/videos.png) no-repeat center;
  background-size: 1.75rem 1.75rem;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  left: 0;
  top: 0;
}*/

.ab-videos.vide .images:before {
  opacity: 1;
}

.ab-videos.vide .images.active:before {
  opacity: 0;
}

.abouts-list-03 {
  padding-top: 4.25rem;
  padding-bottom: 3rem;
}

.abouts-list-03 .abouts03-list {
  margin-top: 1.75rem;
}

.abouts03-list .li {
  position: relative;
}

.abouts03-list .li .words {
  position: absolute;
  color: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.8rem 1.125rem;
}

.abouts03-list .li .words .tits {
  line-height: 1;
}

.abouts03-list .li .words .txts {
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.75;
}

.abouts03-list .lefts {
  width: 31.6%;
}

.abouts03-list .lefts .imgs {
  padding-top: 157.89%;
}

.abouts03-list .imgs {
  overflow: hidden;
  position: relative;
}

.abouts03-list .imgs img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.abouts03-list .rights {
  width: calc(68.4% - 1.125rem);
  margin-left: 1.125rem;
}

.abouts03-list .rights .imgs {
  padding-top: 75.438%;
}

.abouts03-list .rights .li {
  width: calc((100% - 1.25rem) / 2);
  margin-left: 1.25rem;
}

.abouts03-list .rights .li:nth-child(2n + 1) {
  margin-left: 0;
}

.abouts03-list .rights .li:nth-child(n + 3) {
  margin-top: 1.05rem;
}

.abouts-list-04 {
  position: relative;
}

.abouts-list-04 .ab-words {
  position: absolute;
  left: 50%;
  top: 2.25rem;
  transform: translateX(-50%);
}

.abouts-list-05 {
  padding-top: 3rem;
  padding-bottom: 2.9rem;
}

.abouts-list-05 .abouts05-swiper {
  margin-top: 2rem;
}

.abouts05-swiper {
  position: relative;
}

.abouts05-swiper .items {
  width: 21.875%;
  padding-bottom: 2.15rem;
  height: auto;
  position: relative;
}

.abouts05-swiper .items:before {
  position: absolute;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background-color: #e2e2e2;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.abouts05-swiper .words {
  background-color: #f6f6f6;
  padding: 0 0.75rem;
  padding-top: 1.15rem;
  padding-bottom: 0.75rem;
  color: #222;
  text-align: center;
}

.abouts05-swiper .words .tits {
  line-height: 1;
}

.abouts05-swiper .words .txts {
  color: #666666;
  margin-top: 0.4rem;
  line-height: 1.625;
  height: 6.5em;
  overflow: hidden;
  overflow-y: auto;
}

.abouts05-swiper .btns {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 0.45rem;
}

.abouts05-swiper .btns:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.abouts05-swiper .btns .swiper-button-prev,
.abouts05-swiper .btns .swiper-button-next {
  width: 0.3rem;
  z-index: 3;
  height: 0.45rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: 0;
  top: 0;
}

.abouts05-swiper .btns .swiper-button-prev {
  background-image: url(../img/prev.png);
  left: 3.125%;
}

.abouts05-swiper .btns .swiper-button-next {
  background-image: url(../img/next.png);
  right: 3.125%;
}

.abouts-list-06 {
  position: relative;
}

.abouts-list-06 .ab-words {
  position: absolute;
  left: 50%;
  top: 2.625rem;
  transform: translateX(-50%);
  color: #fff;
  z-index: 4;
  pointer-events: none;
}

.abouts-list-06 .abouts06-swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

/*.abouts-list-06 .abouts06-swiper .texts,
.abouts-list-06 .abouts06-swiper .btns:before {
  visibility: hidden;
  opacity: 0;
}*/

/*.abouts-list-06 .abouts06-swiper .texts {
  width: 6.5rem;
  background: url(../img/png.png) repeat left top;
  border-radius: .25rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 1.7rem;
  top: 50%;
  transform: translateY(-50%);
  padding-top: .35rem;
  padding-bottom: .25rem;
  text-align: center;
  z-index: 333;
}*/

.abouts-list-06 .abouts06-swiper .li .icons {
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.abouts-list-06 .abouts06-swiper .li .icons img {
  max-width: 100%;
  max-height: 100%;
}
.abouts-list-06 .abouts06-swiper .texts {
  position: relative;
  margin-top: 0.75rem;
  opacity: 1;
}

.abouts-list-06 .abouts06-swiper .texts .tits {
  line-height: 1;
  color: #222;
  text-align: center;
  text-shadow: 2px 2px 10px rgba(2, 2, 10, 0.2);
}

.abouts-list-06 .abouts06-swiper .texts .txts {
  margin-top: 0.15rem;
  line-height: 1.625;
  color: #222;
  text-align: center;
  text-shadow: 2px 2px 10px rgba(2, 2, 10, 0.2);
}

.abouts-list-06 .abouts06-swiper .btns {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  display: none;
}

.abouts-list-06 .abouts06-swiper .btns:before {
  position: absolute;
  content: "";
  width: 1.7rem;
  height: 1px;
  left: 0.4rem;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}

.abouts-list-06 .abouts06-swiper .btns span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.abouts-list-06 .abouts06-swiper .btns .i0 {
  background-color: #fff;
  z-index: 2;
}

.abouts-list-06 .abouts06-swiper .btns .i1 {
  z-index: 0;
  transform: scale3d(4, 4, 1);
  background-color: rgba(255, 255, 255, 0.4);
}

/*.abouts-list-06 .abouts06-swiper .li {
  position: absolute;
}*/
.abouts-list-06 .abouts06-swiper .li {
  width: 23%;
}
.abouts-list-06 .abouts06-swiper .li .box {
  left: 0;
  bottom: 0;
}

/*.abouts-list-06 .abouts06-swiper .li .words {
  position: absolute;
}*/

/*.abouts-list-06 .abouts06-swiper .li1 {
  left: 18.23%;
  bottom: 13%;
  width: 16.98%;
}

.abouts-list-06 .abouts06-swiper .li1 .words {
  left: 100%;
  bottom: 3.875rem;
}

.abouts-list-06 .abouts06-swiper .li2 {
  left: 40.1%;
  bottom: 37.55%;
  width: 15.57%;
}

.abouts-list-06 .abouts06-swiper .li2 .words {
  left: 100%;
  bottom: 5.625rem;
}

.abouts-list-06 .abouts06-swiper .li3 {
  left: 60.04%;
  bottom: 19%;
  width: 21.355%;
}

.abouts-list-06 .abouts06-swiper .li3 .btns:before {
  left: auto;
  right: .4rem;
}

.abouts-list-06 .abouts06-swiper .li3 .words {
  right: 100%;
  bottom: 2.375rem;
}

.abouts-list-06 .abouts06-swiper .li3 .words .texts {
  left: auto;
  right: 1.7rem;
}
*/
.abjoins-box {
  padding-top: 1.75rem;
  padding-bottom: 1.625rem;
}

.joins-tops .li {
  width: 49.5%;
  margin-left: 1%;
  position: relative;
}

.joins-tops .li .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 0.25rem;
  padding-top: 2.5rem;
  color: #000;
}

.joins-tops .li .words .txts {
  line-height: 1.5625;
  margin-top: 0.55rem;
  opacity: 0.6;
}

.joins-tops .li:nth-child(2n + 1) {
  margin-left: 0;
}

.joins-tops .li.li2 .words {
  color: #fff;
}

.joins-bots {
  padding-top: 3rem;
  padding-bottom: 1.625rem;
}

.joins-bots .joins-inputbox {
  margin-top: 1.5rem;
}

.joins-bots .joins-forms {
  margin-top: 0.65rem;
}

.joins-inputbox input:-moz-placeholder,
.joins-inputbox textarea:-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.joins-inputbox input::-moz-placeholder,
.joins-inputbox textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.joins-inputbox input:-ms-input-placeholder,
.joins-inputbox textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.joins-inputbox input::-webkit-input-placeholder,
.joins-inputbox textarea::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.joins-inputbox .li {
  width: 22%;
  margin-left: 0.5rem;
  position: relative;
}

.joins-inputbox .li .li-bots {
  display: none;
  position: absolute;
  width: 100%;
  top: 1.3rem;
  width: 100%;
  background-color: #fff;
  left: 0;
}

.joins-inputbox .li .li-bots .i {
  line-height: 1.5;
  padding: 5px 0.25rem;
  cursor: pointer;
}

.joins-inputbox .li:nth-child(1) {
  margin-left: 0;
}

.joins-inputbox .li.inputs {
  width: calc(34% - 1.5rem);
  position: relative;
}

.joins-inputbox .li.inputs input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.7959183673rem;
  height: 1.3rem;
  background: url(../img/k12.png) #c6042a no-repeat center;
  background-size: 0.4rem 0.4rem;
}

.joins-inputbox .li input[type="text"],
.joins-inputbox .li .li-tops {
  width: 100%;
  height: 1.3rem;
  line-height: 1.3rem;
  border: 1px solid #e2e2e2;
  padding: 0 0.55rem;
  padding-right: 0.75rem;
}

.joins-inputbox .li .li-tops {
  cursor: pointer;
  position: relative;
}

.joins-inputbox .li .li-tops:before {
  position: absolute;
  content: "";
  width: 0.25rem;
  height: 0.125rem;
  position: absolute;
  right: 0.45rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/k11.png) no-repeat center;
  background-size: 100%;
}

.joins-forms .forms-tops .td,
.joins-forms .tr-tops .td {
  overflow: hidden;
}

.joins-forms .forms-tops .td1,
.joins-forms .tr-tops .td1 {
  width: 36.6%;
}

.joins-forms .forms-tops .td2,
.joins-forms .tr-tops .td2 {
  width: 27%;
}

.joins-forms .forms-tops .td3,
.joins-forms .tr-tops .td3 {
  width: calc(36.4% - 4rem);
}

.joins-forms .forms-tops .td4,
.joins-forms .tr-tops .td4 {
  width: 4rem;
}

.joins-forms .forms-tops,
.joins-forms .forms-bots .tr-tops,
.joins-forms .forms-bots .tr-bots {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.joins-forms .tr-bots {
  display: none;
}

.joins-forms .forms-tops {
  background-color: #c6042a;
  color: #fff;
}

.joins-forms .forms-tops .td {
  height: 1.2rem;
  line-height: 1.2rem;
}

.joins-forms .forms-bots .tr:nth-child(2n + 2) {
  background-color: #f6f6f6;
}

.joins-forms .forms-bots .tr.active .tr-tops .td {
  color: #c6042a;
}

.joins-forms .forms-bots .tr-tops .td {
  line-height: 1.5rem;
  height: 1.5rem;
}

.joins-forms .forms-bots .tr-bots {
  background-color: #fff;
  padding-bottom: 1.5rem;
}

.joins-forms .forms-bots .apply {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #1e1e1e;
  padding: 0 0.85rem;
  color: #000000;
  margin-top: 1.15rem;
}

.joins-forms .forms-bots .tits {
  line-height: 1;
}

.joins-forms .forms-bots .texts {
  margin-top: 0.2rem;
  line-height: 2.13;
  color: #666666;
}

.joins-forms .forms-bots .ul-bots {
  margin-top: 0.75rem;
}

.joins-forms .forms-bots .ul-tops {
  padding-top: 0.85rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #ececec;
  padding-right: 1.2rem;
}

.joins-forms .forms-bots .ul-tops .li {
  width: 25%;
  line-height: 1.6875;
  color: #999;
}

.joins-forms .forms-bots .ul-tops .li span {
  color: #666;
}

.joins-forms .forms-bots .ul-tops .li.on {
  display: none;
}

.joins-bots .joins-inputbox {
  position: relative;
  z-index: 2;
}

.joins-inputbox .li.active {
  z-index: 5;
}

.ab-news-box {
  padding-top: 2.375rem;
  padding-bottom: 2.35rem;
}

.ab-news-tops {
  justify-content: space-between;
}

.ab-news-tops input:-moz-placeholder,
.ab-news-tops textarea:-moz-placeholder {
  color: #bdbdbd;
}

.ab-news-tops input::-moz-placeholder,
.ab-news-tops textarea::-moz-placeholder {
  color: #bdbdbd;
}

.ab-news-tops input:-ms-input-placeholder,
.ab-news-tops textarea:-ms-input-placeholder {
  color: #bdbdbd;
}

.ab-news-tops input::-webkit-input-placeholder,
.ab-news-tops textarea::-webkit-input-placeholder {
  color: #bdbdbd;
}

.ab-news-tops .inputs {
  width: 10rem;
  position: relative;
}

.ab-news-tops .inputs input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/ser.png) #c6042a no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.ab-news-tops .inputs input {
  height: 1.25rem;
  line-height: 1.25rem;
  border: 1px solid #e5e5e5;
}

.ab-news-tops .inputs input[type="text"] {
  width: 100%;
  padding: 0 0.55rem;
  padding-right: 1.35rem;
}

.ab-news-tops .tits-titles {
  padding-top: 2px;
}

.ab-news-tops .tits-titles .i {
  height: 1.05rem;
  line-height: 1.05rem;
  cursor: pointer;
  color: #444444;
  position: relative;
}

.ab-news-tops .tits-titles .i:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #c6042a;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-news-tops .tits-titles .i.active {
  color: #000;
  font-family: "OPPOSans-M";
  font-weight: 600;
}

.ab-news-tops .tits-titles .i.active:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-news-tops .tits-titles .i:nth-child(n + 2) {
  margin-left: 0.95rem;
}

.ab-news-tops .tits-titles .i:hover {
  color: #000;
  font-family: "OPPOSans-M";
  font-weight: 600;
}

.ab-news-tops .tits-titles .i:hover:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-news-list {
  margin-top: 1.375rem;
}

.ab-news-list .newslist-bots {
  margin-top: 1.15rem;
}

.ajaxmores {
  line-height: 1;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.6rem;
  color: #c6042a;
}

.ajaxmores:before {
  position: absolute;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/k13.png) no-repeat center;
  background-size: 100%;
}

.newslist-bots .page-btns {
  margin-top: 1.85rem;
}

.newslist-bots .i {
  align-items: stretch;
}

.newslist-bots .i:nth-child(n + 2) {
  margin-top: 2rem;
}

.newslist-bots .i .imgs {
  width: 44.44%;
  overflow: hidden;
}

.newslist-bots .i .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.newslist-bots .i .words {
  width: 55.56%;
  border: 1px solid #e2e2e2;
  align-items: center;
}

.newslist-bots .i .wraps {
  padding: 0 2.5rem;
  padding-right: 3.5rem;
  padding-top: 0.5rem;
}

.newslist-bots .i .tit-span .spans,
.newslist-bots .i .tit-span .times {
  height: 0.65rem;
  line-height: 0.65rem;
}

.newslist-bots .i .tit-span .spans {
  background: #222222;
  padding: 0 0.25rem;
  color: #fff;
}

.newslist-bots .i .tit-span .times {
  margin-left: 0.5rem;
  color: #666666;
}

.newslist-bots .i .ajaxmoresbox {
  margin-top: 2rem;
  line-height: 1;
}

.newslist-bots .i .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1.54em;
  height: 1.54em;
  color: #000000;
  margin-top: 0.45rem;
  margin-bottom: 0.5rem;
}

.newslist-bots .i .texts {
  line-height: 0.7rem;
  height: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.page-btns {
  line-height: 1;
  text-align: center;
}

.page-btns .ajaxmores {
  cursor: pointer;
}

.page-btns .ajaxmores:before {
  transform: translateY(-50%) rotate(90deg);
}

.newslist-tops .items {
  width: 48.6%;
  margin-left: 2.8%;
}

.newslist-tops .items:nth-child(2n + 1) {
  margin-left: 0;
}

.newslist-tops .items .words {
  padding-bottom: 1rem;
  padding-top: 0.9rem;
}

.newslist-tops .items .txts {
  margin-top: 0.3rem;
  margin-bottom: 0.9rem;
  padding-right: 2.8rem;
}

.newslist-tops .items .tits {
  line-height: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 1rem;
  color: #000;
}

.newslist-tops .items .txts {
  line-height: 0.7rem;
  height: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.6);
}

.kimgpre {
  overflow: hidden;
  position: relative;
  padding-top: 50%;
}

.kimgpre img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.newslist-tops .items .imgs {
  padding-top: 57.14%;
}

.newslist-bots .i .imgs .kimgpre {
  padding-top: 56.25%;
}

.welcome-bottoms {
  padding: 0.5rem;
}

.welcome-bottoms .lis {
  margin-left: 0.5rem;
  width: calc((100% - 0.5rem) / 2);
  position: relative;
  color: #333;
}

.welcome-bottoms .lis:nth-child(2n + 1) {
  margin-left: 0;
}

.welcome-bottoms .lis .tits {
  line-height: 1.3;
}

.welcome-bottoms .lis .txts {
  line-height: 1.7em;
  max-height: 3.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.welcome-bottoms .lis .kimgpre {
  padding-top: 93.97590361445783%;
}

.welcome-bottoms .lis .words {
  position: absolute;
  padding: 0.25rem;
  padding-top: 2.55rem;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
}

.welcome-bottoms .lis .txts {
  margin-top: 0.25rem;
  margin-bottom: 1.1rem;
}

.welcome-bottoms .lis .mores {
  line-height: 1;
}

.welcome-bottoms .lis2 {
  color: #fff;
}

.welcome-bottoms .lis2 .txts {
  opacity: 0.6;
}

.welcome-bottoms .lis2 .ajaxmores {
  color: #fff;
}

.welcome-bottoms .lis2 .ajaxmores:before {
  background-image: url(../img/k14.png);
}

.ajaxmores.cur {
  color: #fff;
}

.ajaxmores.cur:before {
  background-image: url(../img/k14.png);
}

.welcome-videos {
  position: relative;
}

.welcome-videos .words {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 3;
  color: #fff;
  text-align: center;
  padding-bottom: 2.5rem;
}

.welcome-videos .words .tits {
  line-height: 1.36;
}

.welcome-videos .words .txts {
  margin-top: 0.25rem;
  margin-bottom: 1.05rem;
  line-height: 1.66;
}

.mt20 {
  margin-top: 0.5rem;
}

.welcome-products .hide {
  display: none;
}

.welcome-products .btnbox {
  background: transparent;
  width: auto;
  height: auto;
}

.welcome-products {
  position: relative;
}

.welcome-products .wel-pro-words {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding-top: 3.35rem;
}
.welcome-products .wel-pro-words .tits {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.welcome-products .wel-pro-words .txts {
  text-shadow: 12px 5px 12px rgba(0, 0, 0, 0.5);
}

.welcome-products .wel-pro-words .txts {
  margin-top: 0.45rem;
}

.welcome-products-swiper {
  position: relative;
}

.welcome-products-swiper .btnbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}

.welcome-products-swiper .btnbox .btns:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.welcome-products-swiper .btnbox .btns {
  width: 1.9rem;
  height: 3.5rem;
  position: relative;
}

.welcome-products-swiper .btnbox .antext {
  height: 3.5rem;
  line-height: 3.5rem;
  color: #fff;
  padding: 0 0.65rem;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.welcome-products-swiper .btnbox .antext span {
  display: block;
  overflow: hidden;
  max-width: 6em;
  line-height: 1.5;
}

.welcome-products-swiper .swiper-button-prev2 {
  left: 0;
}

.welcome-products-swiper .swiper-button-prev2 .btns {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.welcome-products-swiper .swiper-button-prev2 .btns:before {
  background: url(../img/201.png) no-repeat center;
  background-size: 100%;
}

.welcome-products-swiper .swiper-button-next2 {
  right: 0;
  flex-direction: row-reverse;
}

.welcome-products-swiper .swiper-button-next2 .btns {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}

.welcome-products-swiper .swiper-button-next2 .btns:before {
  background: url(../img/202.png) no-repeat center;
  background-size: 100%;
}

.banner-swiper {
  position: relative;
}

.banner-swiper .swiper-container {
  z-index: 3;
}

.banner-swiper .swiper-pagination {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  bottom: 1rem;
  z-index: 12;
  width: 100%;
  height: 6px;
  text-align: center;
}

.welcome-pro-list-tops {
  padding-top: 1.5rem;
  padding-bottom: 1.2rem;
}

.welcome-pro-list-tops .welpro-swiper {
  margin-top: 0.9rem;
}

.welpro-swiper {
  position: relative;
}

.welpro-swiper .items {
  width: 13%;
  position: relative;
  margin-right: 8.8%;
  padding-bottom: 0.2rem;
}

.welpro-swiper .items .icons {
  position: absolute;
  width: 0.9rem;
  height: 1rem;
  left: 0;
  top: 0;
}

.welpro-swiper .items .imgs {
  opacity: 0.5;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.welpro-swiper .items .tits {
  line-height: 0.7rem;
  height: 0.7rem;
  text-align: center;
  overflow: hidden;
  color: #040000;
}

.welpro-swiper .btn-swiper {
  position: absolute;
  height: 3.55rem;
  width: 1.5rem;
  background: transparent;
  margin: 0;
  transform: translateY(-50%);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.6rem 0.65rem;
  max-width: 3.125%;
}

.welpro-swiper .swiper-button-next {
  border-left: 2px solid #dddddd;
  right: 0;
  background-image: url(../img/312.png);
}

.welpro-swiper .swiper-button-prev {
  left: 0;
  border-right: 2px solid #dddddd;
  background-image: url(../img/311.png);
}

.contacts-maps .imgs {
  padding-top: 33.33%;
}

.abouts-left-btns {
  position: fixed;
  z-index: 1000;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.abouts-left-btns .li {
  cursor: pointer;
  padding-left: 0.625rem;
  position: relative;
  height: 0.35rem;
}

.abouts-left-btns .li span {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: #c6042a;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.abouts-left-btns .li:before {
  position: absolute;
  content: "";
  width: 0.25rem;
  height: 3px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  background-color: #c2c2c2;
}

.abouts-left-btns .li.active:before {
  width: 0.625rem;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  background-color: #c6042a;
}

.abouts-left-btns .li.active span {
  opacity: 1;
}

.abouts-left-btns .li:nth-child(n + 2) {
  margin-top: 0.4rem;
}
.abouts-list-06 .kimgpre {
  padding-top: 0;
}
.abouts-list-06 .abouts06-swiper .uls {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.abouts-list-06 .abouts06-swiper .swiper-container {
  width: 80%;
  margin-top: 7.25rem;
}
/*.abouts-list-06 .kimgpre {
  padding-top: 53.125%;
}*/

.abouts-list-06 .swiper-button-prev,
.abouts-list-06 .swiper-button-next {
  width: 0.5rem;
  height: 0.5rem;
  z-index: 5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.abouts-list-06 .swiper-button-prev:hvoer,
.abouts-list-06 .swiper-button-next:hvoer {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.abouts-list-06 .swiper-button-prev {
  left: 1.5rem;
  background-image: url(../img/k15.png);
}

.abouts-list-06 .swiper-button-next {
  right: 1.52rem;
  background-image: url(../img/k16.png);
}

.ab06-mswiper {
  width: 92%;
  margin: 0 auto;
}

.ab06-mswiper .items {
  width: 49%;
  margin-right: 2%;
}

.ab06-mswiper .texts {
  margin-top: 1rem;
}

.ab06-mswiper .tits {
  line-height: 1;
}

.ab06-mswiper .txts {
  line-height: 1.25;
  margin-top: 0.2rem;
}

.abouts-list-06 {
  /* padding-bottom: 2.25rem; */
}

.welcome-products-swiper .btnbox.swiper-button-disabled {
  display: none;
}

.clist-ch02 .li .texts,
.clist-ch02 .li .images {
  width: 50%;
  color: #fff;
}

.clist-ch02 .li .texts {
  padding: 1.875rem;
}

.clist-ch02 .li:nth-child(2n + 2) {
  flex-direction: row-reverse;
}

.clist-ch02 .li .span {
  line-height: 1;
}

.clist-ch02 .li .span span {
  background: -webkit-linear-gradient(right, #00a8fc, #00eaa4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.clist-ch02 .li .txts {
  margin-top: 1rem;
  line-height: 1.166;
}

.pro-list-11 {
  /* padding-bottom: 1.25rem; */
}

.pro-svg-list.active .pro-list-11 {
  /*overflow: visible;*/
}

@media (max-width: 1024px) {
  body {
    /*display: none;*/
  }
}

.clist-ch03 .uls2 {
  padding-top: 3.9rem;
}

.clist-ch03 .uls2 .uls-tops {
  line-height: 1;
  padding-bottom: 1.35rem;
  border-bottom: 2px solid #333333;
}

.clist-ch03 .uls2 .uls-bots {
  align-items: stretch;
}

.clist-ch03 .uls2 .uls-bots .lis {
  width: 50%;
  font-weight: normal;
  border-bottom: 1px solid #464646;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.clist-ch03 .uls2 .uls-bots .lis.on {
  border-bottom: none;
}

.clist-ch03 .uls2 .uls-bots .txts {
  margin-top: 0.25rem;
  line-height: 1.5625;
  color: #333333;
}

.clist-ch03 .uls2 .uls-bots .txts br {
  display: none;
}

.clist-ch03 .uls2 .uls-bots .tits {
  line-height: 1;
  color: #ababab;
}

.clist-ch03 .uls3 .uls-tops {
  padding-top: 0.8rem;
  padding-bottom: 1rem;
}

.clist-ch03 .uls3 .uls-bots {
  font-weight: normal;
}

.clist-ch03 .uls3 .uls-bots .span {
  color: #333333;
  padding-left: 1.25em;
  position: relative;
}

.clist-ch03 .uls3 .uls-bots .span span {
  position: absolute;
  left: 0;
  top: 0;
  color: #969697;
}

.clist-ch03 .uls3 .uls-bots .texts {
  color: #969697;
  padding-left: 1.25em;
  line-height: 1.7;
  padding-top: 0.35rem;
  padding-bottom: 1.85rem;
}

.clist-08 {
  width: 90%;
  margin: 0 auto;
  padding-top: 2.7rem;
  padding-bottom: 3.5rem;
}

.clist-08 .pro09-titles .tits {
  color: #fff;
  font-size: 0.45rem;
  font-weight: normal;
  letter-spacing: 0.1rem;
}

.pro-svg-list .pro-list-11 {
  /*position: relative;*/
  background: url(../img/lm.png) no-repeat right center;
  background-size: 34.75rem 28.075rem;
}

.abouts-list {
  position: relative;
}

.abouts-list .list {
  position: relative;
}

.abouts-list .list .aboutk {
  position: absolute;
  top: -2.25rem;
  left: 0;
}

.fixed-right .items-tops .txts {
  margin-top: 0;
}

img.w100 {
  width: 100%;
}

.tc {
  text-align: center;
}

.lin1 {
  line-height: 1;
}

.bgcenter {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*页码*/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pagination {
  text-align: center;
  color: #999999;
}

.pagination .pagecenter span {
  color: #c6042a;
}

.pagination .prev,
.pagination [rel="prev"],
.pagination .next,
.pagination [rel="next"] {
  overflow: hidden;
  background-color: transparent;
}

.pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  box-sizing: content-box;
  transition: 0.5s ease-in-out;
  color: #444;
  box-sizing: content-box;
  margin: 0 0.2rem;
}

.pagination a.active {
  background: #c6042a;
  color: #fff;
  transition: 0.5s ease-in-out;
}

.pagination a.prev,
.pagination a[rel="prev"],
.pagination a.next,
.pagination a[rel="next"] {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background: transparent;
  border: none;
  background-color: transparent;
}

.pagination a.prev,
.pagination a[rel="prev"] {
  overflow: hidden;
  background: url(../img/p.png) no-repeat center;
  background-size: 100%;
}

.pagination a.next,
.pagination a[rel="next"] {
  overflow: hidden;
  background: url(../img/r.png) no-repeat center;
  background-size: 100%;
}

@media (min-width: 1025px) {
  .pagination a:hover {
    background-color: #c6042a;
    color: #fff;
    transition: 0.5s ease-in-out;
  }

  .pagination a.prev:hover,
  .pagination a[rel="prev"]:hover {
    color: #fff;
    background: url(../img/p1.png) no-repeat center;
    background-size: 100%;
  }

  .pagination a.next:hover,
  .pagination a[rel="next"]:hover {
    color: #fff;
    background: url(../img/r1.png) no-repeat center;
    background-size: 100%;
  }
}

@media (max-width: 1025px) {
  .pagination a {
    /*width: 24px;*/
    /*height: 24px;*/
    /*line-height: 24px;*/
    text-align: center;
  }

  .pagination {
    /*font-size: 12px;*/
  }

  .pagination a {
    margin: 0 0.1rem;
  }
}

@media (max-width: 1024px) {
  .pagination a {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
  }

  .pagination a.next,
  .pagination a[rel="next"] {
    padding-right: 0.35rem;
    padding-left: 0.35rem;
  }

  .pagination a.prev,
  .pagination a[rel="prev"] {
    padding-right: 0.35rem;
    padding-left: 0.35rem;
  }

  .pagination a.next:before,
  .pagination a[rel="next"]:before,
  .pagination a.prev:before,
  .pagination a[rel="prev"]:before {
    display: none;
  }
}

/*页码结束*/
/*video 弹框*/
.video-fixed {
  z-index: 5000 !important;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/imgbox/close-vid2.png) #000 no-repeat center/80% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 230;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  transition: 0.8s ease-in-out;
}

.video-fixed .imghide {
  display: none;
}

.video-fixed .videoboxs .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-fixed.ons {
  transition: 0.8s ease-in-out;
}

.video-fixed .videoboxs .box {
  /*height: 100%;*/
}

.video-fixed .videoboxs {
  width: 80%;
  /*height: 80%;*/
  position: absolute;
  background: #000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  /*width: 84.8vw;*/
  /*height: 48vw;*/
  width: 80%;
}

.video-fixed .videoboxs .box {
  padding-top: 56.25%;
  position: relative;
}

.video-fixed .videoboxs .box video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.video-fixed .videoboxs video {
  object-fit: cover;
}

@media screen and (max-width: 1024px) {
  .video-fixed .videoboxs {
    width: 90%;
    /*height: 90%;*/
  }
}

@media screen and (max-width: 768px) {
  .video-fixed .videoboxs {
    width: 100%;
    /*height: 80%;*/
    /*bottom: 0;*/
    margin: auto;
  }

  .video-fixed .cha {
    right: 0.2rem;
    top: -1.2rem;
    width: 1rem;
    height: 1rem;
  }
}

/**/
.m-header .welcome-a img {
  height: 26px;
  /* height: 32px; */
  display: inline-block;
  vertical-align: middle;
}

.m-searchs {
  margin-left: 0.5rem;
  margin-right: 0.35rem;
}

.m-searchs .span {
  width: 40px;
  height: 50px;
  background: url(../img/imgbox/sear2.png) no-repeat center;
  background-size: 50%;
}

.m-header {
  height: 50px;
  width: 100%;
  position: relative;
  width: 100%;
  background: #fff;
}

.m-header .w-header {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 24;
  height: 50px;
  padding-left: 2%;
  transition: 0.5s ease-in-out;
  z-index: 300;
  background: #fff;
}

.uiobox {
  width: 50px;
  height: 50px;
  position: relative;
}

body.ovh .m-header .welcome-a .i1,
html.ovh .m-header .welcome-a .i1 {
  opacity: 0;
}

body.ovh .m-header .welcome-a .i0,
html.ovh .m-header .welcome-a .i0 {
  opacity: 1;
}

body.ovh .m-searchs span .i1,
html.ovh .m-searchs span .i1 {
  opacity: 0;
}

body.ovh .m-searchs span .i0,
html.ovh .m-searchs span .i0 {
  opacity: 1;
}

body.ovh .m-header .nav-btn.hover .line,
html.ovh .m-header .nav-btn.hover .line {
  background-color: #c6042a;
}

.m-searchs img {
  width: 100%;
}

.m-header .welcome-a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.m-header .w-header .nav-btn .hover .line2 {
  display: none;
}

.m-header .w-header.fixed .nav-btn .line {
  background: #333;
  transition: 0.5s ease-in-out;
}

.m-header .w-header.fixed {
  background: #fff;
}

.m-header .w-header.fixed .welcome-a .i0 {
  opacity: 0;
}

.m-header .w-header.fixed .welcome-a .i1 {
  opacity: 1;
}

.m-header .w-header.fixed .welcome-a img {
  transition: 0.5s ease-in-out;
}

.m-header .w-header.fixed .nav-sousuo svg path {
  fill: #333;
  transition: 0.5s ease-in-out;
}

.m-header .welcome-a {
  display: block;
  height: 100%;
  line-height: 50px;
  position: relative;
  display: flex;
  align-items: center;
}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .nav-sousuo {
  margin-right: 28px;
  margin-left: 25px;
  font-size: 0;
  color: #fff;
  line-height: 50px;
  height: 50px;
  background-size: 100%;
  width: 40px;
  transition: 0.5s ease-in-out;
  background: url(../img/imgbox/search.png) no-repeat center;
  background-size: 70%;
}

.m-header .nav-sousuo svg {
  height: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}

.m-header .nav-sousuo svg path {
  fill: #333;
  transition: 0.5s ease-in-out;
}

.m-header .nav-sousuo a {
  color: #666666;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px;
}

.m-header .nav-sousuo a.active {
  color: #f3980f;
}

.m-header .uio {
  height: 20px;
  width: 22px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}

.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.footerlangs a {
  color: #333333;
  font-size: 16px;
}

.m-header .nav-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  border-radius: 2px;
}

.m-header .nav-btn .line1 {
  width: 100%;
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 9px;
}

.m-header .nav-btn .line3 {
  width: 100%;
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 0;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 60px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 15;
  overflow-y: auto;
  z-index: 200;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
  box-sizing: border-box;
  position: relative;
  line-height: 3em;
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.m-header .sub-menu li:nth-child(n + 2) {
  margin-top: 10px;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #333333;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}

.m-header .sub-menu .tit a {
  color: #666;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: inherit;
  height: inherit;
  color: #333333;
  position: relative;
  font-size: 15px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on .btn-v {
  background: url(../img/imgbox/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: 15px;
  width: 15px;
  float: right;
  margin-top: 0;
  background: url(../img/imgbox/img5.png) center center no-repeat;
  background-size: 100%;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 3%;
  background: #fff;
  z-index: 5;
}

.m-header .sub-menu .tit {
  text-transform: capitalize;
}

.m-header .sub-menu .sec-list a {
  font-size: 13px;
  line-height: 2.5;
  height: 2.5em;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list .uls a {
  border: none;
}

.m-header .sub-menu .sec-list {
  font-size: 15px;
  display: none;
}

.m-header .sub-menu .sec-list .lis-tops {
  font-size: 15px;
  line-height: 3em;
  height: 3em;
  position: relative;
}

.m-header .sub-menu .sec-list .lis-tops:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/img5.png) no-repeat center;
  background-size: 100%;
}

.m-header .sub-menu .sec-list .lis {
  border-bottom: 1px solid #e6e6e6;
}

.m-header .sub-menu .sec-list .lis:nth-child(n + 2) {
  margin-top: 1.2em;
}

.m-header .sub-menu .sec-list .lis-bots {
  display: none;
  padding-bottom: 16px;
  line-height: 1.7;
}

.m-header .sub-menu .sec-list .lis-bots a {
  line-height: 1.7;
  height: auto;
  font-size: 13px;
}

.m-header .sub-menu .sec-list .lis-bots a:nth-child(n + 2) {
  margin-top: 10px;
}

.m-header .sub-menu .sec-list a {
  color: #333;
  display: block;
  position: relative;
}

.m-header .sub-menu .sec-list a:before {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #c6042a;
  border-radius: 50%;
}

.m-header .w-header .inj {
  line-height: 25px;
  height: 25px;
  margin-top: 10px;
  color: #ffffff;
}

.m-header .w-header .inj a {
  color: #ffffff;
  font-size: 14px;
}

.m-header .w-header .inj.en {
  margin-left: 25px;
}

.m-header .w-header .ser {
  width: 25px;
  height: 25px;
  background: url(../img/imgbox/search.png) no-repeat center;
  background-size: 100%;
}

.m-header .sub-menu li.active .sub-tit {
  /*background: $reds;*/
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  color: #333;
}

.m-header .sub-menu li.active .sec-list {
  background-color: #c6042a;
  color: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.m-header .sub-menu li.active .sec-list a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 1.75rem;
  position: relative;
}

.m-header .sub-menu li.active .sec-list a:before {
  position: absolute;
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  left: 0.75rem;
  border-radius: 50%;
  background-color: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li.active .sec-list a {
  color: #fff;
}

.m-header .sub-menu li.active .tit {
  color: #fff;
}

body {
  overflow: hidden;
}

.arialbold {
  font-weight: bold;
}

@media (max-width: 1024px) {
  .m-header .nav-btn .line {
    transition: 0.5s ease-in-out;
  }

  .m-header .nav-btn.hover .line {
    transition: 0.5s ease-in-out;
    left: 5px;
  }

  .m-header .nav-btn.hover .line1 {
    transform: rotate(45deg);
    width: 100%;
  }

  .m-header .nav-btn.hover .line2 {
    opacity: 0;
  }

  .m-header .nav-btn.hover .line3 {
    width: 100%;
    bottom: 3px;
    transform: rotate(-45deg);
  }
}

/*pc*/
.m-header {
  position: relative;
  left: 0;
  top: 0;
  background: transparent;
}

.m-header .w-header {
  background: transparent;
}

.m-header .w-header .con-searchs {
  width: 0.8rem;
  height: 50px;
  margin-left: 0.5rem;
}

.m-header .w-header .con-searchs img {
  display: block;
}

.m-header .w-header .langs-a {
  width: 0.75rem;
  display: block;
  height: 50px;
}

.m-header .w-header .langs-a img {
  display: block;
}

.m-header .w-header .con-searchs,
.m-header .w-header .langs-a {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) {
  .bocweb-header .bocweb-header-right .langs-bots .i {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .bocweb-header .bocweb-header-right .langs-bots .i:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #c6042a;
  }

  .bocweb-header .boxs .nav-bots .li:hover {
    color: #fff;
    background-color: #c6042a;
  }

  .fixed-right .items-tops {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .fixed-right .items-tops:hover {
    background: #c6042a !important;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .pro-list-11 .items .words {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .pro-list-11 .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .pro-list-11 .items:hover .words {
    /*background: url(../img/4.jpg) no-repeat center;*/
    background: linear-gradient(45deg, #04c1a6, #01b7d4);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-size: cover;
  }

  .pro-list-11 .items:hover .words .tits,
  .pro-list-11 .items:hover .words .txts {
    color: #fff;
  }

  .pro-list-11 .items:hover .words .zilecolor {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
  }

  .pro-list-12 .pro-btn-list .icons:hover:before {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .bocweb-header .boxs .nav .duibi:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: translateY(-5px);
  }

  .bocweb-header .boxs .nav .wraps .li-a .b {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .bocweb-header .boxs .nav .wraps .li-a:hover .b {
    color: #c6042a;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .abouts-list-06 .swiper-button-prev:hover {
    background-image: url(../img/k17.png);
  }

  .abouts-list-06 .swiper-button-next:hover {
    background-image: url(../img/k18.png);
  }
}

@media (max-width: 1681px) {
  .pro-list-11 {
    padding-bottom: 2.25rem;
  }

  .services .bgh {
    padding-top: 16%;
  }

  .services .inputsbox {
    margin-top: 1rem;
  }

  .services .submit {
    margin-top: 1.25rem;
  }

  .services .inputsbox .inputs input {
    padding-left: 6.5em;
  }
}

@media (max-width: 1481px) {
  .w1280 {
    width: 75%;
  }
}
.joins-list-03 .lis .lis-bots img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .abouts05-swiper .btns .swiper-button-prev:hover {
    background: url(../img/prev1.png) no-repeat center;
    background-size: 100%;
  }

  .abouts05-swiper .btns .swiper-button-next:hover {
    background: url(../img/next1.png) no-repeat center;
    background-size: 100%;
  }

  .joins-forms .forms-bots .apply {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joins-forms .forms-bots .apply:hover {
    background: #c6042a;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
    border-color: #c6042a;
  }

  .abouts-list-06 .abouts06-swiper .li .icons {
    overflow: hidden;
  }

  .abouts-list-06 .abouts06-swiper .li img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .abouts-list-06 .abouts06-swiper .li:hover .texts,
  .abouts-list-06 .abouts06-swiper .li:hover .btns:before,
  .abouts-list-06 .abouts06-swiper .li .texts,
  .abouts-list-06 .abouts06-swiper .li .btns:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .abouts-list-06 .abouts06-swiper .li:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .abouts-list-06 .abouts06-swiper .li:hover .btns:before,
  .abouts-list-06 .abouts06-swiper .li:hover .texts {
    opacity: 1;
    visibility: visible;
  }

  .abouts05-swiper .items .imgs {
    overflow: hidden;
  }

  .abouts05-swiper .items .words,
  .abouts05-swiper .items .words .txts,
  .abouts05-swiper .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .abouts05-swiper .items:hover:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background: #c6042a;
  }

  .abouts05-swiper .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .abouts05-swiper .items:hover .words {
    background-color: #c6042a;
    color: #fff;
  }

  .abouts05-swiper .items:hover .words .txts {
    color: rgba(255, 255, 255, 0.6);
  }

  .abouts03-list .li:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .con-footer-tops .lists .li {
    cursor: pointer;
  }

  .con-footer-tops .lists .li .li-tops {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer-tops .lists .li:hover .li-tops {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer .con-footer-bots .rights .links:hover:before {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer .con-footer-bots a:hover {
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer .con-footer-tops .rights a {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer .con-footer-tops .rights:hover a,
  .con-footer .con-footer-tops .rights:hover a.li {
    color: rgba(255, 255, 255, 0.4);
  }
  .con-footer .con-footer-tops .rights:hover .por-nav-bots .nav-tops {
    opacity: 0.4;
  }
  .con-footer .con-footer-tops .rights .por-nav-bots .nav-tops:hover {
    opacity: 1;
  }

  .con-footer .con-footer-tops .rights:hover a:hover,
  .con-footer .con-footer-tops .rights:hover a.li:hover {
    color: #fff;
  }

  .contacts-maps .link .maps-texts .span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .contacts-maps .link .maps-texts:hover .span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: translate(5px, -50%);
  }

  .joins04list .items .li:hover .tits span {
    font-weight: 600;
  }

  .joins04list .items .li:hover .tits span,
  .joins04list .items .li .tits span {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joins04list .items .li:hover .tits span {
    font-size: inherit;
    color: #c6042a;
  }

  .joins-list-03 .lis:hover .lis-tops,
  .joins-list-03 .lis .lis-tops .joins-list-03 .lis:hover .lis-bots,
  .joins-list-03 .lis .lis-bots {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joins-list-03 .lis:hover .lis-tops img,
  .joins-list-03 .lis .lis-tops .joins-list-03 .lis:hover .lis-bots img,
  .joins-list-03 .lis .lis-bots img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joins-list-03 .lis:hover .lis-tops {
    opacity: 0;
  }

  .joins-list-03 .lis:hover .lis-bots {
    opacity: 1;
    visibility: visible;
  }

  .joins-list-03 .lis:hover .lis-bots img {
    opacity: 0.35;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joins01-swiper .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .joins02-swiper .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .guides-li-01 .lis .lis-bots,
  .guides-li-01 .lis:hover .lis-bots {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .guides-li-01 .lis:hover .lis-bots {
    opacity: 1;
    visibility: visible;
  }

  .newslist-tops .items img,
  .newslist-bots .i img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .newslist-tops .items:hover .imgs img,
  .newslist-bots .i:hover .imgs img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .page-btns .ajaxmores {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .page-btns .ajaxmores:hover {
    transform: translateY(-5px);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .welpro-swiper .items .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .welpro-swiper .items:hover .imgs {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .welpro-swiper .items:hover .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: translateY(0.15rem);
  }
}
@media (max-width: 1400px) {
  .abouts-list-06 .abouts06-swiper .swiper-container {
    margin-top: 5rem;
  }
}
@media (max-width: 1024px) {
  .pro-list-02 .tit-bots .tit-bots-01 br {
    display: none;
  }

  .pro-list-02 {
    padding-top: 3.4rem;
  }

  .pro-list-01 {
    padding-top: 0;
    padding-bottom: 1.7rem;
  }

  .pro-list-01 .wraps {
    width: 67.6%;
  }

  .pro-list-01 .li {
    padding: 1.25rem 0.5rem;
    width: 50%;
    max-width: 50%;
    position: relative;
  }
  .pro-list-01 .li br {
    display: none;
  }

  .pro-list-01 .li:nth-child(1),
  .pro-list-01 .li:nth-child(2) {
    padding-top: 0.8rem;
  }

  .pro-list-01 .li:nth-child(3),
  .pro-list-01 .li:nth-child(4) {
    padding-bottom: 0;
  }

  .pro-list-01 .li:before,
  .pro-list-01 .li:after {
    position: absolute;
    content: "";
    background-color: rgba(79, 79, 79, 0.51);
  }

  .pro-list-01 .li:after {
    height: 0.125rem;
    width: calc(100% - 0.3rem);
    bottom: 0;
  }

  .pro-list-01 .li:before {
    width: 0.125rem;
    height: calc(100% - 0.3rem);
    left: 0;
    top: 0;
  }

  .pro-list-01 .li:nth-child(2n + 1):after {
    left: 0;
  }

  .pro-list-01 .li:nth-child(2n + 2):after {
    right: 0;
  }

  .pro-list-01 .li:nth-child(n + 3):after,
  .pro-list-01 .li:nth-child(2n + 1):before {
    display: none;
  }

  .pro-list-03 .wraps {
    width: 71.3%;
  }

  .pro-list-03 .wraps {
    flex-direction: column-reverse;
  }

  .pro-list-03 .uls .wens {
    margin-top: 0;
  }

  .pro-list-03 .uls .wens br {
    display: none;
  }

  .pro-list-03 .images {
    width: 100%;
    margin-top: 3.7rem;
  }

  .pro-list-03 .images img {
    width: 100%;
  }

  .pro-list-03 .images .i-imgs {
    margin-left: 0;
  }

  .pro-list-03 .words {
    width: 100%;
    padding-left: 0;
  }

  .pro-list-03 .words .box {
    width: 100%;
    text-align: center;
  }

  .pro-list-03 .uls {
    display: block;
  }

  .pro-list-03 .uls .lis {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  .pro-list-03 .uls .lis:nth-child(n + 2) {
    margin-top: 0.45rem;
  }

  .pro-list-03 .uls .lis .icons {
    /* width: 1rem; */
    width: auto;
    height: auto;
    margin-right: 0.5rem;
  }

  .pro-list-03 .uls .icons {
    margin: 0;
  }

  .pro-list-04 .uls .imgs {
    position: static;
  }

  .pro-list-04 .uls1 .imgs {
    width: 100%;
  }

  .pro-list-04 .uls .wraps {
    position: static;
    left: auto;
    transform: none;
  }

  .pro-list-04 .uls.uls2 .words .tits {
    /*opacity: 1;*/
    /*visibility: visible;*/
  }

  .pro-list-04 .uls .wraps .words .tits .span {
    text-align: center;
  }

  .pro-list-04 .uls .wraps .words .tits .span br {
    display: none;
  }

  .pro-list-04 .uls .wraps .tits,
  .pro-list-04 .uls .wraps .txts {
    justify-content: center;
  }

  .pro-list-04 .uls .wraps .texts {
    text-align: center;
  }

  .pro-list-04 .uls .bg {
    display: none;
  }

  .pro-list-04 .uls2 .imgs {
    transform: none;
  }

  .pro-list-05 .icos .i2 {
    opacity: 1;
  }

  .pro-list-07 .uls .wraps,
  .pro-list-07 .uls .imgs .icons {
    position: static;
    width: 100%;
    top: auto;
    right: auto;
    left: auto;
    transform: none;
  }
  .pro-list-07 .uls .wraps {
    width: 92%;
  }
  .pro-list-07 .uls .imgs {
    padding-top: 0;
  }

  .pro-list-07 .uls .words {
    text-align: center;
  }

  .pro-list-07 .uls .words .con-flex {
    justify-content: center;
  }

  .pro-list-07 .uls.uls3 .wraps {
    justify-content: center;
  }

  .pro-list-08 .uls .wraps {
    position: static;
    transform: none;
  }

  .pro-list-08 .uls .wraps,
  .pro-list-07 .uls .imgs .icons {
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  .pro-list-08 .uls .wraps img,
  .pro-list-07 .uls .imgs .icons img {
    width: 100%;
  }

  .pro-list-07 .uls.uls3 .words {
    padding-top: 0;
  }

  .pro-list-08 .uls1 .words {
    padding-top: 0;
  }

  .pro-list-08 .uls .icons-imgs {
    position: static;
    width: 100%;
    right: auto;
    top: auto;
  }

  .pro-list-08 .uls .icons-imgs img {
    width: 100%;
  }

  .pro-list-08 .imgh-list {
    padding-top: 0;
  }

  .pro-list-08 .uls .words {
    width: 76%;
    margin: 0 auto;
  }

  .pro-list-08 .uls3 .images .icons,
  .pro-list-08 .uls3 .images {
    width: 100%;
    margin-left: 0;
  }

  .pro-list-08 .imgh-list .bgh {
    position: static;
    pointer-events: auto;
  }

  .pro-list-08 .uls3 .wraps-list {
    flex-direction: column-reverse;
  }

  .pro-svg-list .pro-svg-h {
    padding-top: 0;
    display: none;
  }

  .pro-svg-list .pro-list-11,
  .pro-svg-list .pro-list-10 {
    position: static;
  }

  .pro-list-10 .bgs {
    /* padding-top: 37%; */
  }

  .pro-svg-list .pro-list-10 {
    position: relative;
  }
}

@media (max-width: 1024px) {
  .pro-list-08-01 .pro801-imgs {
    width: 100%;
    margin: 0 auto;
  }

  .banner .more-span {
    display: none;
  }

  .banner .imgs {
    padding-top: 176.48%;
  }

  .services .yzm img {
    height: 1.5rem;
  }

  .welcome-bottoms .lis {
    width: 100%;
    margin-left: 0;
  }

  .welcome-bottoms .lis:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .welpro-swiper .items {
    width: 20%;
    margin-right: 5%;
  }

  .newslist-tops .items {
    width: 100%;
    margin-left: 0;
  }

  .newslist-bots .i .wraps {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .newslist-bots .i .imgs,
  .newslist-bots .i .words {
    width: 100%;
  }

  .newslist-bots .i .words {
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }

  .newslist-bots .i .tit-span .spans,
  .newslist-bots .i .tit-span .times {
    line-height: 2em;
    height: 2em;
  }

  .joins-tops .li {
    width: 100%;
    margin-left: 0;
  }

  .joins-tops .li:nth-child(n + 2) {
    margin-top: 2%;
  }

  .joins-forms .forms-tops .td1,
  .joins-forms .tr-tops .td1 {
    width: calc(100% - 4rem);
  }

  .joins-forms .forms-tops .td3,
  .joins-forms .tr-tops .td3,
  .joins-forms .forms-tops .td2,
  .joins-forms .tr-tops .td2 {
    display: none;
  }

  .joins-forms .forms-bots .ul-tops .li.on {
    display: block;
  }

  .services .services-box {
    width: 75%;
  }

  .services .imgbg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  .services .services-box {
    position: relative;
    z-index: 2;
    left: auto;
    transform: none;
  }

  .services .fl-imgs {
    width: 50%;
  }

  .services .ser-right-box {
    width: 50%;
  }

  .services .fl-imgs .icons {
    width: 150%;
    left: -45%;
  }

  .services .ser-right-box {
    position: relative;
    z-index: 5;
  }

  .services .fl-imgs .icons {
    display: none;
  }

  .services .ser-right-box {
    width: 100%;
  }

  .con-footer .con-footer-tops .rights {
    display: none;
  }

  .con-footer .con-footer-tops .lefts {
    width: 100%;
  }

  /*.con-footer-tops .lists {
    display: none;
  }*/
  .con-footer-tops .lists .con-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }
  .con-footer-tops .lists .li {
    width: 0.8rem;
    height: 0.8rem;
  }
  .con-footer-tops .lists {
    margin: 0.75rem 0;
  }

  .con-footer-tops {
    padding-top: 1.75rem;
    padding-bottom: 2rem;
  }

  .con-footer-tops .words {
    padding-top: 1rem;
    text-align: center;
  }

  .con-footer-tops .logos {
    margin: 0 auto;
  }

  .con-footer .con-footer-bots a.i {
    display: none;
  }

  .con-footer .con-footer-bots .lefts {
    line-height: 1.5;
  }

  .joins04list .items:after {
    display: none;
  }

  .joins04list .items .li {
    width: 20%;
  }

  .joins04list .items .c {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    top: auto;
  }

  .joins04list .li {
    height: auto;
  }

  .joins04list .items .c {
    padding-top: 0.6rem;
    padding-bottom: 0.75rem;
  }

  .joins02-swiper .items {
    width: 45%;
  }

  .joins-list-03 {
    min-height: auto;
    padding-bottom: 2.25rem;
  }

  .joins-list-03 .joins-texts {
    margin-bottom: 1.5rem;
  }

  .ajaxmores:before {
    width: 0.5rem;
    height: 0.5rem;
  }

  .ab-videos .images {
    padding-top: 100%;
  }

  .w1400 {
    width: 92%;
  }

  .abouts-left-btns {
    display: none;
  }

  .clist-ch03 {
    background-color: #fff;
    padding-top: 2.2rem;
    padding-bottom: 1.875rem;
  }

  .clist-ch03 .uls {
    width: 84%;
    margin: 0 auto;
    color: #333333;
  }

  .clist-ch03 .uls .uls-tops {
    line-height: 1;
  }

  .clist-ch03 .uls.uls1 .uls-tops {
    padding-bottom: 1rem;
    border-bottom: 1px solid #333333;
  }

  .clist-ch03 .uls.uls1 .uls-bots {
    margin-top: 2.6rem;
  }

  .clist-ch03 .uls.uls1 .lis {
    justify-content: flex-end;
    position: relative;
    background-color: #ededed;
    min-height: 2.65rem;
    margin-top: 5rem;
  }

  .clist-ch03 .uls.uls1 .icons {
    width: 44%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .clist-ch03 .uls.uls1 .texts {
    width: 56%;
    padding-left: 1.1rem;
  }

  .clist-ch03 .uls.uls1 .lis {
    align-items: center;
  }

  .clist-ch03 .uls.uls1 .lis .spans {
    width: 0.875rem;
    height: 0.825rem;
  }

  .clist-ch03 .uls.uls1 .lis .spans img {
    display: block;
  }

  .clist-ch03 .uls.uls1 .lis .i {
    width: calc(100% - 0.9rem);
    padding-left: 0.65rem;
    line-height: 1.2;
  }

  .clist-ch03 .uls.uls1 .texts {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .pro09-list .icos {
    display: none;
  }
  .w1280 {
    width: 92%;
  }
}

@media (max-width: 767px) {
  .pro-list-08 .imgh-list {
    margin-top: 2rem;
  }

  .pro-list-08 .uls3 .words {
    align-items: center;
  }

  .pro-list-08 .uls2 .words {
    padding-top: 2.5rem;
  }

  .pro-list-08 .uls .icons-imgs {
    margin-top: 1.25rem;
  }

  .pro-list-08 .uls .words .li .k:before {
    border-left: 2px solid #fff;
  }

  .pro-list-08 .uls .words .li .k {
    margin: 0 0.25rem;
  }

  .pro-list-08 .uls .words .li {
    width: 100%;
    justify-content: flex-start;
  }

  .pro-list-08 .uls .words {
    width: 88%;
  }

  .pro-list-07 .uls.uls3 .imgs {
    margin-top: -3rem;
  }

  .pro-list-07 .uls .li {
    margin-top: 0.75rem;
  }

  .pro-list-07 .uls.uls2 .imgs .icons {
    z-index: 5;
  }

  .pro-list-07 .uls.uls2 .bgs {
    width: 100%;
    bottom: 0;
  }

  .pro-list-07 .uls.uls2 .bgs img {
    height: 50vh;
  }

  .pro-list-07 .uls .words {
    padding-top: 2.25rem;
  }

  .pro-list-06 .images {
    width: 100%;
  }

  .pro-list-05 .images {
    margin: 0 auto;
    margin-top: 2rem;
  }

  .pro-list-05 .icos {
    width: 100%;
    margin: 0;
  }

  .pro-list-06 .images {
    margin-top: 2.95rem;
  }

  .pro-list-06 .uls {
    width: 100%;
  }

  .pro-list-06 .uls {
    justify-content: center;
  }

  .pro-list-06 .uls .lis {
    margin: 0 2%;
    font-weight: normal;
  }

  .pro-list-05 .uls {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-list-05 .uls .lis {
    margin: 0 4%;
  }

  .pro-list-05 .uls .k:before {
    border-left: 2px solid #fff;
  }

  .pro-list-04 .uls2 .imgs:before {
    bottom: -50%;
    left: -72%;
  }

  .pro-list-05 .uls .txts {
    font-size: 12px;
  }

  .pro-list-05 .uls .txts span {
    font-size: 14px;
  }

  .clist-ch03 .uls.uls1 .icons {
    width: 38%;
  }

  .clist-ch03 .uls.uls1 .texts {
    width: 62%;
  }

  .clist-ch03 .uls.uls1 .lis .i {
    width: calc(100% - 16px);
    padding-left: 5px;
  }

  .clist-ch03 .uls.uls1 .lis .spans {
    width: 16px;
    height: 16px;
  }

  .clist-ch03 .uls.uls1 .lis {
    min-height: 1rem;
    margin-top: 2rem;
  }

  .pro-list-01 .wraps {
    width: 92%;
  }

  .pro-list-01 .txts {
    font-size: 12px;
    line-height: 1.35;
  }

  .tit-286 {
    font-size: 5.5rem;
  }

  .pro-list-02 .tit-bots {
    margin-top: 2.25rem;
  }

  .pro-list-02 .tit-bots-list .li .texts {
    padding-left: 0.75rem;
  }

  .pro-list-02 .tit-bots-list .li:before {
    display: none;
  }

  .pro-list-02 .tit-bots-list .li .icons {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.5rem;
  }

  .pro-titles .texts {
    font-weight: normal;
  }

  .pro-list-04 .uls .wraps {
    padding-top: 1.25rem;
  }

  .pro-list-04 .uls1 .imgs .icons {
    margin-top: -1rem;
  }

  .clist-ch02 .li .texts {
    padding: 0.5rem 0.35rem;
  }

  .clist-ch02 .li {
    align-items: center;
  }

  .clist-ch02 .li .txts {
    margin-top: 0.35rem;
    font-size: 0.7rem;
  }

  .clist-ch02 .li .span {
    font-size: 0.65rem;
  }

  .clist-ch03 .uls3 .uls-bots .texts,
  .clist-ch03 .uls2 .uls-bots .txts {
    font-size: 0.7rem;
  }

  .clist-ch03 .uls3 .uls-bots .texts {
    line-height: 1.5;
  }

  .clist-ch03 .uls2 .uls-bots .lis {
    padding-right: 0.25em;
  }
}

@media (max-width: 767px) {
  .pro-list-08 .uls3 .images .icons .qp2 {
    left: 60%;
  }
  .fixed-right {
    right: 0.25rem;
  }

  .clist-ch03 .uls.uls1 .texts {
    font-size: 12px;
  }

  .fixed-right .items-tops .icons {
    width: 20px;
    height: 20px;
  }

  .fixed-right .items-tops {
    width: 60px;
    height: 60px;
  }

  .fixed-right .items-tops .txts {
    font-size: 12px;
  }

  .interinfo-bots .back span:before {
    width: 0.5rem;
    height: 0.5rem;
  }

  .interinfo-bots .back span {
    height: 1.5rem;
    line-height: 1.5rem;
  }

  .ab-news-tops .inputs input[type="submit"] {
    width: 1.65rem;
    height: 1.65rem;
  }

  .ab-news-tops .inputs input {
    height: 1.65rem;
    line-height: 1.65rem;
  }

  .abouts-list-06 .swiper-button-prev {
    background-image: url(../img/k17.png);
  }

  .abouts-list-06 .swiper-button-next {
    background-image: url(../img/k18.png);
  }

  .abouts03-list .li .words .txts {
    line-height: 1.25;
  }

  .abouts-list-01 .ab-words {
    padding-bottom: 2.25rem;
  }

  .abouts-list-05 .abouts05-swiper {
    margin-top: 1.75rem;
  }

  .abouts03-list .li .words {
    padding: 0.52rem;
  }

  .abouts-list-03 {
    padding-top: 3.25rem;
    padding-bottom: 2.25rem;
  }

  .abouts03-list .lefts {
    margin-top: 2%;
  }

  .abouts03-list .rights .li:nth-child(n + 3) {
    margin-top: 2%;
  }

  .abouts03-list .rights .li {
    width: 49%;
    margin-left: 2%;
  }

  .ab01-uls .lis:before {
    display: block !important;
  }

  .ab01-uls .lis:nth-last-child(2):before,
  .ab01-uls .lis:nth-last-child(1):before {
    display: none !important;
  }

  .ab01-uls .lis:nth-child(2n + 1):after {
    display: none;
  }

  .ab01-uls .lis .after,
  .ab01-uls .lis .before {
    display: none;
  }

  .abouts-list-04 .ab-words {
    position: static;
    transform: none;
    padding-bottom: 1.25rem;
  }

  .abouts05-swiper .items {
    width: 80%;
  }

  .ab01-uls .lis {
    width: 50%;
  }

  .abouts-list-06 .ab-words {
    position: static;
    color: #000;
    text-align: center;
    transform: none;
    padding-bottom: 0.75rem;
  }

  .abouts-list-03 .abouts03-list {
    flex-direction: column-reverse;
  }

  .abouts03-list .lefts {
    width: 100%;
  }

  .abouts03-list .lefts .imgs {
    padding-top: 37.719%;
  }

  .abouts03-list .rights {
    width: 100%;
    margin-left: 0;
  }

  .maps-texts {
    width: 7.5rem;
  }

  .contacts-maps .imgs {
    padding-top: 100%;
  }

  .contacts-bots-list .text .txts {
    height: 2rem;
    line-height: 2rem;
    width: calc(100% - 2rem);
  }

  .contacts-bots-list .text .icons {
    width: 2rem;
    height: 2rem;
  }

  .contacts-bots-list .imgs .i {
    width: 45%;
  }

  .contacts-bots-list .imgs .i img {
    width: 100%;
  }

  .contacts-bots-list .li {
    width: 100%;
  }

  .contacts-bots-list .imgs {
    margin-top: 1.5rem;
    padding: 0;
  }

  .contacts-bots-list .text {
    padding: 0;
  }

  .contacts-bots-list .li:before {
    display: none;
  }

  .guides-li-01 {
    padding-top: 2.25rem;
    padding-bottom: 2.75rem;
  }

  .guides-li-04 .wraps {
    padding-bottom: 3.75rem;
  }

  .guides-li-04 .forms-uls {
    margin-top: 1.25rem;
  }

  .guides-li-04 .forms {
    padding-left: 0;
    padding-right: 0;
  }

  .guides-li-04 .forms form {
    display: block;
    width: 92%;
    margin: 0 auto;
  }

  .guides-li-04 .wraps .txts {
    margin-bottom: 1.75rem;
  }

  .guides-li-04 .ulbox .span,
  .guides-li-04 .ulbox .nums {
    line-height: 1.75rem;
    height: 1.75rem;
  }

  .guides-li-04 .wraps {
    width: 92%;
  }

  .guides-li-04 .w50s {
    width: 100%;
  }

  .guides03-bots .words {
    width: 100%;
    padding-left: 0;
  }

  .guides03-bots .images {
    width: 100%;
  }

  .guides03-bots .images img {
    width: 100%;
  }

  .w1490 {
    width: 92%;
  }

  .guides02-tops .tits {
    padding-top: 0;
    width: 100%;
  }

  .guides02-tops .tits br {
    display: none;
  }

  .guides02-bots .items {
    width: 25%;
  }

  .guides03-tops .tops-tits {
    padding: 0 1rem;
  }

  .guides03-tops .li:before {
    display: none;
  }

  .guides03-tops .li {
    width: 100%;
    padding: 0 1rem;
  }

  .guides03-tops .li:nth-child(n + 2) {
    margin-top: 1rem;
  }

  .guides-li-01 .lis {
    width: 49%;
    margin-left: 2%;
  }

  .guides-li-01 .lis:nth-child(4n + 1) {
    margin-left: 2%;
  }

  .guides-li-01 .lis:nth-child(2n + 1) {
    margin-left: 0;
  }

  .guides-li-01 .lis:nth-child(n + 3) {
    margin-top: 2%;
  }

  .guides02-tops .txts {
    width: 100%;
    margin-top: 1rem;
  }

  .joins-list-04 {
    padding-bottom: 2.35rem;
  }

  .joins-list-04 .joins-texts {
    margin-bottom: 1.25rem;
  }

  .joins-texts {
    line-height: 1.66;
  }

  .services .bgh {
    padding-top: 25%;
  }

  .con-footer .con-footer-bots .lefts {
    width: 100%;
  }

  .con-footer .con-footer-bots .rights {
    max-width: 100%;
    margin-top: 0.25rem;
  }

  .con-footer .con-footer-bots {
    padding-top: 1rem;
  }

  .con-footer-tops {
    padding-top: 1.65rem;
    padding-bottom: 1rem;
  }

  .welpro-swiper .btn-swiper {
    max-width: 5%;
  }

  .welcome-products-swiper .btnbox .antext {
    display: none;
  }

  .welpro-swiper .items {
    width: 49%;
    margin-right: 2%;
  }

  .welcome-bottoms .lis .words {
    padding-top: 1.5rem;
  }

  .welcome-bottoms .lis {
    width: 100%;
    margin-left: 0;
  }

  .welcome-bottoms .lis:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .ab-videos .images {
    padding-top: 177.86%;
  }

  .ab-news-tops .tits-titles {
    width: 100%;
  }

  .ab-news-tops .inputs {
    width: 100%;
    margin-top: 1.25rem;
  }

  .newslist-bots .i .ajaxmoresbox {
    margin-top: 1.5rem;
  }

  .newslist-bots .i .texts,
  .newslist-tops .items .txts {
    line-height: 1rem;
    height: 2rem;
    padding-right: 0;
  }

  .newslist-tops .items .tits {
    height: 1.45rem;
    line-height: 1.45rem;
  }

  .newslist-bots .i .wraps {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }

  .joins01-swiper .words {
    padding: 0 0.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .joins01-swiper .imgs,
  .joins01-swiper .words {
    width: 100%;
  }

  .joins02-swiper .items {
    width: 95%;
  }

  .joins04list .items .li {
    width: 50%;
  }

  .services .services-box {
    width: 92%;
  }

  .con-footer .con-footer-bots .rights .links:before {
    width: 0.45rem;
    height: 0.45rem;
  }

  .joins-tops .li .words {
    padding-top: 1.75rem;
  }

  .joins-inputbox .li.inputs,
  .joins-inputbox .li {
    width: 49%;
    margin-left: 2%;
  }

  .joins-inputbox .li {
    margin-top: 2%;
  }

  .joins-inputbox .li:nth-child(2n + 1) {
    margin-left: 0;
  }

  .joins-forms .forms-bots .ul-tops .li {
    width: 50%;
  }

  .joins-inputbox .li.inputs input[type="submit"],
  .joins-inputbox .li input[type="text"],
  .joins-inputbox .li .li-tops,
  .joins-forms .forms-tops .td,
  .joins-forms .forms-bots .tr-tops .td {
    height: 1.75rem;
    line-height: 1.75rem;
  }

  .joins-forms .forms-tops,
  .joins-forms .forms-bots .tr-tops,
  .joins-forms .forms-bots .tr-bots {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.video-fixed {
  z-index: 9999 !important;
}

/*# sourceMappingURL=style.css.map */
.remov {
  animation: mous 700ms infinite linear;
}

@keyframes mous {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10%);
  }

  100% {
    transform: translateY(0);
  }
}

.banner .imgs .t1 {
  position: absolute;
  top: 7.5rem;
  left: 0;
  width: 100%;
  z-index: 3;
}
.banner .imgs .t1 img {
  display: block;
}
.banner .imgs .t1 img:nth-child(2) {
  margin-top: 1rem;
  margin-left: 1rem;
}

.pro-list-01 .li:hover .icons img {
  animation: sca 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) infinite;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

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

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
/* .pro-list-04 .uls2 .imgs.active .bef{
  opacity: 1;
  transition: all 0.3s;
} */

.pro-list-08-01 .pro801-imgs {
  position: relative;
}
.pro-list-08-01 .pro801-imgs .qp {
  position: absolute;
  top: 18%;
  left: 24%;
  z-index: 3;
  animation: spin2 8s linear infinite;
  transform-origin: 50% 57%;
}

.pro-list-08-01 .pro801-imgs .sj {
  position: absolute;
  bottom: 9%;
  right: 15%;
  z-index: 3;
  width: 6.575rem;
}
.pro-list-08-01 .pro801-imgs .qp img {
  animation: spin-reverse2 8s linear infinite;
}

.crice {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #00eaa4;
}

.crice1 {
  left: 21.51%;
  bottom: 63%;
  animation: cFly1 5s ease-in infinite;
  border-radius: 50%;
}
.crice2 {
  left: 43.28%;
  bottom: 22%;
  animation: cFly2 6s ease-in infinite;
}
.crice3 {
  width: 0.5rem;
  height: 0.5rem;
  right: 23.91%;
  bottom: 30%;
  animation: cFly3 9s ease-in infinite;
}
.crice4 {
  right: 25%;
  animation: cFly4 10s ease-in infinite;
}

@keyframes cFly1 {
  0% {
    bottom: 0;
    opacity: 0;
  }
  50% {
    transform: translateX(100px);
    opacity: 1;
  }
  to {
    bottom: 63%;
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes cFly2 {
  0% {
    bottom: 0;
    opacity: 0;
  }
  50% {
    transform: translateX(-50px);
    opacity: 1;
  }
  to {
    bottom: 22%;
    transform: translateX(0);
    opacity: 0.7;
  }
}
@keyframes cFly3 {
  0% {
    bottom: 0;
    opacity: 0;
    right: 18%;
  }
  50% {
    transform: translateX(100px);
    opacity: 1;
  }
  to {
    bottom: 30%;
    right: 23.91%;
    transform: translateX(0);
    opacity: 0.7;
  }
}
@keyframes cFly4 {
  0% {
    bottom: 0;
    opacity: 0;
    right: 18%;
  }
  50% {
    transform: translateX(100px);
    opacity: 1;
  }
  to {
    bottom: 100%;
    right: 25%;
    transform: translateX(0);
    opacity: 0.7;
  }
}

.productlist {
  background-color: #141414;
}
.h120 {
  background-color: #141414;
  position: relative;
  z-index: 3;
}
.pro-list-10 .svgtexts {
  position: relative;
  left: 0;
  width: 100%;
  height: 100vh;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #141414;
  font-size: 1.4rem;
  text-align: center;
  transform: scale(3);
}
.pro-list-10 .svgtexts span {
  background: -webkit-linear-gradient(left, #00eaa4, #00a8fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .banner .imgs .t1 {
    display: none;
  }
  .pro-list-08-01 .pro801-imgs .sj {
    width: 5rem;
  }
  .pro-list-08-01 .pro801-imgs .qp {
    width: 3rem;
  }
}
@media (max-width: 767px) {
  .welpro-swiper .items .imgs {
    opacity: 1;
  }
  .welcome-bottoms .lis:nth-child(2) .kimgpre {
    padding-top: 120%;
  }
  .welcome-bottoms .lis .txts {
    margin-bottom: 0.8rem;
  }
  .pro-list-04 .uls1 .imgs .icons img,
  .pro-list-04 .uls2 .imgs .icons img {
    height: auto;
    width: 100%;
  }
  .csy-list2 .contentbox2 .warp .line {
    display: none;
  }

  .csy-list2 .contentbox3 .text {
    padding: 0 6%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .csy-list2 .contentbox3 .text .tit5,
  .csy-list2 .contentbox3 .text .tit3 {
    text-align: center !important;
  }
  .csy-list2 .contentbox3 .text .tip {
    right: 2rem !important;
  }
  .mia-list2 .contentbox7 .ul .li {
    height: 15.5rem !important;
  }
  .joins-tops .li .imgs {
    height: 100%;
  }
  .joins-tops .li .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .joins-tops .li {
    height: 15rem;
  }
  .joins-tops .li .words {
    padding-top: 1.35rem;
  }
  .joins01-swiper .words .texts {
    max-height: none !important;
  }
  .joins04list .items .icons img {
    width: 1.35rem;
    height: auto;
  }
  .ab06-mswiper {
    padding-bottom: 2.5rem;
  }

  .con-footer .con-footer-bots .i {
    margin-left: 0;
  }
}
.con-header.headeractive .bocweb-header-right .dianpu:before {
  background: #333;
}

/*.abouts-list-06 .abouts06-swiper .li1.h{
  width: 21.35%;
}
.abouts-list-06 .abouts06-swiper .li2.h{
  width: 21.35%;
}
.abouts-list-06 .abouts06-swiper .li3.h{
  width: 21.35%;
}
.abouts-list-06 .abouts06-swiper .li1.s{
  width: 17.0%;
}
.abouts-list-06 .abouts06-swiper .li2.s{
  width: 17.0%;
}
.abouts-list-06 .abouts06-swiper .li3.s{
  width: 17.0%;
}
*/

@media (min-width: 1025px) {
  footer .rights .nav-tops:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 11px;
    right: -0.5rem;
    top: -4px;
    bottom: 0;
    margin: auto;
    background: url(../img/3011-1.png) no-repeat center;
    background-size: 100%;
    transform: rotate(90deg);
  }

  footer .rights .nav-tops .icons {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.6rem;
  }
  .con-footer .con-footer-tops .por-nav-bots .nav-bots {
    display: none;
  }
  footer .rights .xli {
    padding-left: 10px;
  }
  footer .rights .xli .b {
    color: #fff;
    opacity: 0.6;
    margin-top: 0.35rem;
    transition: all 0.6s;
  }
  footer .rights .xli .b:hover {
    opacity: 1;
  }
  .con-footer .con-footer-tops .rights .nav-bots .nav-bots {
    padding: 5px 0 10px;
  }
  .con-footer .con-footer-tops .rights .nav-bots .nav-bots a {
    font-size: 14px;
  }
  /*.con-footer .con-footer-tops .rights .nav-bots .nav-bots{
    padding:0 3%;
  }*/
  .con-footer .con-footer-tops .rights .nav-bots .li {
    width: 100%;
  }
  footer .rights .xli {
    margin-bottom: 0;
  }
  footer .rights .xli .b {
    text-align: left;
    margin-top: 5px;
  }
  footer .rights .xli .imgs {
    display: none;
  }
  .con-footer .con-footer-tops .rights .por-nav-bots .nav-tops {
    line-height: 1.67;
    color: #fff;
    position: relative;
    display: inline-block;
  }
  .con-footer .con-footer-tops .por-nav-bots .nav-bots {
    margin-top: 0;
  }
  /*.con-footer .con-footer-tops .rights .nav-bots .li{

  }*/
}

@media (max-width: 1024px) {
  .con-footer .con-footer-tops .rights {
    width: 100%;
  }
  .m-block {
    display: block;
  }
  .pc-block {
    display: none;
  }
  .con-footer .con-footer-tops .rights {
    display: block;
  }
  footer .rights {
    width: 92%;
    margin: 1rem auto 0;
  }

  footer .rights a {
    display: block;
    color: #333;
    line-height: 1.5;
    padding: 0.25rem 0.35rem;
  }
  footer .rights .subnav-tops {
    line-height: 2.4 !important;
  }
  footer .rights .subnav-tops:before {
    transform: rotate(90deg);
  }
  footer .rights .xli {
    width: 49%;
    margin-bottom: 2%;
  }
  footer .rights .xli .imgs {
    width: 100%;
    height: 5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  footer .rights .xli img {
    max-height: 100%;
  }
  footer .rights .libox {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  footer .rights .xli .b {
    text-align: center;
  }

  footer .rights .nav {
    margin-bottom: 10px;
  }

  footer .rights .nav-top,
  footer .rights .nav-tops {
    height: 3.67em;
    line-height: 2.4 !important;
    position: relative;
    color: #fff;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
  }
  footer .rights .nav:last-child .nav-tops {
    border-bottom: none;
  }
  footer .rights .nav .por-nav-bots .nav-tops {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  footer .rights .nav-tops:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 11px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/3011-1.png) no-repeat center;
    background-size: 100%;
  }

  footer .rights .nav-tops .icons {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.6rem;
  }
  .con-footer .con-footer-tops .rights .nav-bots {
    display: none;
  }
  footer .rights .xli .b {
    color: #fff;
    margin-top: 0.35rem;
  }
  .con-footer .con-footer-tops .rights .nav-bots .nav {
    padding: 0 3%;
  }
  .con-footer .con-footer-tops .rights .nav-bots .nav-bots {
    padding: 0 3%;
  }
  .con-footer .con-footer-tops .rights .nav-bots .li {
    width: 100%;
  }
  footer .rights .xli {
    margin-bottom: 0;
  }
  footer .rights .xli .b {
    text-align: left;
  }
  footer .rights .xli .imgs {
    display: none;
  }
}

@media (max-width: 767px) {
  .con-footer-tops .words {
    padding-top: 0.5rem;
  }
  .con-footer-tops .words .tits,
  .con-footer-tops .words .txts {
    line-height: 1.2;
  }
  .con-footer .con-footer-tops .rights {
    width: 100%;
  }
  .guides-li-04 .ulbox .lis {
    width: 100%;
    margin-top: 0.5rem;
  }
}

.banner-swiper .con-videos {
  position: relative;
}
.banner-swiper .con-videos:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/videos.png) no-repeat center;
  background-size: 1.75rem 1.75rem;
  z-index: 2;
  pointer-events: none;
  left: 0;
  top: 0;
}

.abouts03-list .li .lis-bots {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  padding: 0 6%;
  visibility: hidden;
  transition: all 0.6s;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.abouts03-list .li:hover .lis-bots {
  opacity: 1;
  visibility: visible;
}
.abouts03-list .li:hover .words {
  opacity: 0;
}

.guides-li-04 .forms-inputs {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.guides-li-04 .forms-inputs .i {
  width: 49%;
}
.guides-li-04 .w50s {
  width: 100%;
}
.guides-li-04 .forms-inputs .i:nth-child(2) {
  margin-top: 0;
}
.guides-li-04 .forms-inputs .i:nth-child(3) {
  width: 100%;
}
.guides-li-04 .forms {
  width: 1280px;
  margin: 0 auto;
  max-width: 75%;
}
@media (max-width: 1024px) {
  .guides-li-04 .forms {
    max-width: 92%;
  }
}
@media (max-width: 767px) {
  .abouts03-list .li .lis-bots .tit5 {
    line-height: 1.4;
  }
  .joins03-swiper .lis {
    padding: 1rem;
  }
  .pro-list-05 .uls {
    flex-wrap: nowrap;
  }
  .pro-list-05 .uls .lis {
    width: calc((100% - 8%) / 3);
  }
  .pro-list-05 .uls .lis:nth-child(3) {
    margin-right: 0;
  }

  .pro-list-07 .uls .li .i:nth-child(n + 2) {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .pro-list-08-01 .lis {
    margin-bottom: 0.5rem;
  }
}

.bocweb-header .boxs .nav .wraps .li-a .imgs {
  height: 4rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.bocweb-header .boxs .nav .wraps .li-a .imgs img {
  max-height: 100%;
}

@media (max-width: 1024px) {
  .guides-li-01 .lis .lis-bots,
  .guides-li-01 .lis:hover .lis-bots {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .guides-li-01 .lis:hover .lis-bots {
    opacity: 1;
    visibility: visible;
  }
}

.footerfix {
  position: fixed;
  right: 2%;
  bottom: 20%;
  width: 70px;
  z-index: 9;
}
.footerfix .li {
  width: 70px;
  height: 70px;
  font-size: 12px;
  margin-bottom: 10px;
  background: #000;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
.footerfix .li .img2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.6s;
}
.footerfix .li .img1 {
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.6s;
}

.footerfix .li:hover .img2 {
  opacity: 1;
  transition: all 0.6s;
}
.footerfix .li:hover .img1 {
  opacity: 0;
  transition: all 0.6s;
}
.footerfix .li:hover {
  color: #fff;
}
.footerfix .li .icon {
  width: 25px;
  height: 25px;
  margin-bottom: 3px;
}
.footerfix .li .icon svg {
  width: 25px;
  height: 25px;
  fill: #fff;
}

.molly-b .list .li .mc {
  text-align: center;
}
.molly-c .txt .t2,
.molly-e .box .txt .t1,
.molly-e .box .txt .t2,
.molly-f.molly-c .txt .t2,
.molly-g .box .t2,
.pro-list-11 .items .words .tits,
.pro-list-11 .items .words .txts,
.molly-e .box .txt .t2 {
  line-height: 1.3 !important;
}
.pro-titles .tits .span,
.pro-titles .txts .span,
.pro-list-04 .uls .wraps .words .tits .span,
.pro-list-04 .uls .wraps .li1,
.pro-list-04 .uls .wraps .li2,
.protits .txts,
.pro09-titles .txts .spans,
.pro09-titles .txts,
.pro-list-10 .svgtexts,
.pro-titles .tits,
.pro-titles .txts,
.pro-titles .text,
.pro-list-03 .pro-titles .tits .span,
.pro-list-08 .uls .words .tit-txts,
.pro-list-08 .uls .words .li .tits,
.pro-list-08-01 .words .tits .span,
.pro-list-08-01 .words .tits,
.pro-list-11 .items .words .tits .span {
  line-height: 1.3 !important;
}
.pro-titles .txts,
.pro-list-02 .pro-titles .tits,
.pro-list-02 .pro-titles .tits .span,
.pro-list-07 .uls .words .tits,
.pro-list-07 .uls .words .tits .span,
.pro-titles .tits span {
  line-height: normal !important;
}

.pro-list-08 .uls .words .li .i:nth-child(5) {
  margin-top: 0.5rem;
}
.pro-list-08 .uls3 .words {
  align-items: flex-start;
}
.pro-list-10 .svgtexts {
  font-size: 0.9rem;
}

@media (max-width: 767px) {
  .lightning-8 .contentbox .uls .lis {
    width: 100%;
  }
  .molly-g .box .t2,
  .molly-g .box .t3 {
    text-align: center;
  }
  .molly-g .box .t2 {
    padding: 0 4%;
  }
  .pro-list-02 .tit-bots-list .li .texts .ctits,
  .pro-list-02 .tit-bots-list .li .texts .ctxts,
  .pro-list-02 .tit-bots-list .li .texts .ctexts,
  .pro-titles .tits,
  .pro-titles .txts,
  .pro-titles .text,
  .pro-titles .texts,
  .pro-list-04 .uls .wraps .words .tits .span,
  .pro-titles .tits,
  .pro-titles .txts,
  .pro-titles .text,
  .pro-list-07 .uls .words .tits,
  .pro-list-07 .uls .tit-txts,
  .pro-list-07 .uls .li .txts,
  .protits .txts,
  .pro-list-08 .uls .words .tit-txts,
  .pro-list-08 .uls .words .li .txts,
  .pro-list-08-01 .words .tits,
  .pro0801-list .spans,
  .pro09-titles .txts,
  .pro-list-08 .uls .words .li .tits,
  .pro-list-07 .uls .words .tits .span,
  .pro-list-04 .uls .wraps .li1,
  .pro-list-04 .uls .wraps .li2,
  .pro09-titles .txts .zilecolor,
  .pro-list-01 .txts,
  .clist-08.zilecolor,
  .molly-b .list .li .mc,
  .molly-c .txt .t2,
  .molly-d .txt .t2,
  .molly-e .box .txt .t1,
  .molly-e .box .txt .t2,
  .molly-f.molly-c .txt .t2,
  .molly-g .box .t2,
  .molly-g .box .t3,
  .clist-ch02 .li .tit-42,
  .molly-d .txt .t2,
  .clist-ch02 .li .txts {
    line-height: 1.3 !important;
  }
}

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

.home-b {
  background: #eaecef;
  padding-top: 4.075rem;
  padding-bottom: 1.9rem;
}
.text-center {
  text-align: center;
}
.home-b .t1 {
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
.lm-table {
  height: 1.275rem;
  background: #ffffff;
  border-radius: 0.65rem;
  margin-top: 0.75rem;
  display: flex;
  padding: 4px;
  align-items: center;
}
.home-b .fcs {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.lm-table .li {
  padding: 0 1rem;
  height: 100%;
  font-size: 0.45rem;
  border-radius: 0.525rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lm-table .li.on {
  background-color: #c70d2e;
  color: #fff;
}
.honeb-container {
  margin-top: 0.925rem;
  position: absolute;
  top: 0;
}

.honeb-container .swiper-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.honeb-container .swiper-slide .img-box {
  position: relative;
}
.honeb-container .swiper-slide .img-box .img1 {
  width: 30.65rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.honeb-container .swiper-slide .img-box .img2 {
  position: relative;
  z-index: 2;
}
.bglist {
  width: 100%;
  position: relative;
}
.bglist .btn-s {
  display: flex;
  width: 30.65rem;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(0.5rem);
  visibility: hidden;

  margin-top: 3.675rem;
}

.bglist .btn-s .left {
  display: flex;
}
.bglist .btn-s .left .img {
  width: 7.2rem;
  height: 1.2rem;
}
.bglist .btn-s .left .img img {
  max-width: 100%;
  max-height: 100%;
}
.bglist .btn-s .left .more {
  width: 4rem;
  height: 1.275rem;

  border-radius: 0.65rem;
  border: 1px solid #000000;
  font-size: 0.35rem;
  display: flex;

  color: #000;
  align-items: center;
  margin-left: 1.275rem;
  justify-content: center;
}

.bglist .btn-s .list {
  display: flex;
  margin-left: 3.75rem;
}
.bglist .btn-s .list .li {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0.4rem;
  line-height: 1.3;
  font-size: 12px;
}
.bglist .btn-s .list .li:last-child {
  padding-right: 0;
  border-right: 0;
}
.bglist .btn-s .list .li:first-child {
  padding-left: 0;
}
.bglist .ls {
  padding: 4.175rem 0 1.9rem;
}
.bglist .ls {
  opacity: 0;
  visibility: hidden;

  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bglist .ls .img1 {
  opacity: 0;
  transform: translateY(0.6rem);
  visibility: hidden;
}
.bglist .ls.on .img1 {
  transition: all 0.5s;

  opacity: 1;
  transform: translateY(0rem);
  visibility: visible;
}

.bglist .ls:first-child {
  position: relative;
}
.bglist .ls.on {
  opacity: 1;
  visibility: visible;
}
.bglist .ls.on .btn-s {
  transition: all 0.5s;
  transition-delay: 0.2s;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.hb-prev,
.hb-next {
  position: absolute;
  top: 50%;
  z-index: 33;
  transform: translateY(-50%);
  cursor: pointer;
}
.hb-prev {
  left: 2.475rem;
}
.hb-next {
  right: 2.475rem;
}
.bglist .btn-s .left .more:hover {
  background-color: #000;
  color: #fff;
}

.y-about-a {
  padding: 2.125rem 2.25rem;
  background: #f6f6f6;
}
.y-about-a .content {
  width: 100%;
  background-color: #fff;
  padding: 1.15rem;
}
.of {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yab-container {
  width: 100%;
  overflow: hidden;
}
.yab-container .swiper-slide {
  display: flex;
}
.yab-container .swiper-slide .img-box {
  width: 27.85rem;
  height: 13.075rem;
  overflow: hidden;
  position: relative;
}

.yab-container .swiper-slide .txt {
  width: calc(100% - 27.85rem);
  padding: 0.875rem 1.6rem;
}
.yab-container .swiper-slide .txt .t1 {
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
}

.yab-container .swiper-slide .txt .li {
  margin-top: 1.875rem;
}
.yab-container .swiper-slide .txt .li .t2 {
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}

.yab-container .swiper-slide .txt .li .t3 {
  display: flex;
  color: #c70d2e;
  font-weight: 600;
  line-height: 1;
  margin-top: 0.75rem;
  align-items: flex-end;
}
.yab-container .swiper-slide .txt .li .t3 .dw {
  line-height: 2;
  margin-left: 0.5rem;
}
.imglist-container {
  margin-top: 0.925rem;
  width: 27.85rem;
  overflow: hidden;
}
.imglist-container .swiper-slide {
  width: calc((100% - 3.5rem) / 5);
  margin-right: 0.875rem;
}
.imglist-container .swiper-slide:last-child {
  margin-right: 0;
}

.imglist-container .swiper-slide .img-box {
  width: 100%;
  height: 2.7rem;
  overflow: hidden;
}
.imglist-container .swiper-slide .t1 {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin-top: 0.2rem;
}
.imglist-container .swiper-slide.on .t1 {
  color: #c70d2e;
}
.yab-container .swiper-slide {
  opacity: 0 !important;
}
.yab-container .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.yab-prev,
.yab-next {
  position: absolute;

  z-index: 33;
  bottom: 3rem;
  cursor: pointer;
}
.yab-prev {
  right: 4.5rem;
}
.yab-next {
  right: 3rem;
}

.y-about-b {
  padding: 2rem 0;
}
.yac-container {
  width: 100%;
  overflow: hidden;
}
.yac-container .swiper-slide {
  width: 21rem;
  height: 7.7rem;
  padding: 1.15rem;
  background: #f6f6f6;
  display: flex;
  margin: 0 1rem;
}

.yac-container .swiper-slide .img {
  width: 9.35rem;
  height: 5.425rem;
  overflow: hidden;
}
.yac-container .swiper-slide .img img {
  transition: all 0.5s;
}
.yac-container .swiper-slide:hover .img img {
  transform: scale(1.02);
}
.yac-container .swiper-slide .txt {
  width: calc(100% - 9.35rem);
  padding-left: 1.325rem;
}

.yac-container .swiper-slide .txt .t1 {
  font-weight: 700;
  line-height: 1.1;
  color: #000;
}
.yac-container .swiper-slide .txt .t2 {
  margin-top: 0.5rem;
  line-height: 1.5;
}

.ylm-pagination {
  position: relative !important;
  margin-top: 1rem;
  bottom: 0 !important;
  text-align: center;
}
.ylm-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  background: #eaecef;
  opacity: 1;
  margin: 0 15px !important;
  border-radius: 0;
}
.ylm-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c70d2e;
}
.ys-sev .cons-baner .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
}

.ys-sev-a {
  padding: 2.625rem 0;
  display: flex;
  justify-content: center;
}
.ys-sev-a .cont {
  width: 32.3rem;
  background: #f6f6f6;
  padding: 1.275rem 1.7rem;
  display: flex;
}
.ys-sev-a .cont .txt {
  width: 10.2rem;
}
.ys-sev-a .cont .txt .t1 {
  line-height: 1.4;
  margin-bottom: 0.8rem;
  font-weight: 500;
}
.ys-sev-a .cont .txt .t2 {
  line-height: 1.5;
}

.ys-sev-a .cont .rbox {
  width: calc(100% - 10.2rem);
  padding-left: 3.25rem;
}
.ys-sev-a .cont .rbox .pbox {
  margin-top: 0.675rem;
  color: #000;
  opacity: 0.5;
  height: 5rem;
  overflow: auto;
  padding-right: 0.5rem;
  border-top: 1xp solid #000;
}
.ys-sev-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.75rem;
}
.ys-sev-b .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  width: 32.3rem;
}

.ys-sev-b .list .li {
  width: calc(((100% - 2.25rem) / 3));
  margin-right: 1.125rem;
  background: #f6f6f6;
  height: 4.25rem;
  display: flex;
  padding: 0.975rem 1.375rem;
  flex-direction: column;
  align-items: center;
}

.ys-sev-b .list .li:nth-child(3n) {
  margin-right: 0;
}

.ys-sev-b .list .li .icon {
  margin-bottom: 0.4rem;
}
.ys-sev-b .list .li .icon img {
  transition: all 0.5s;
}
.ys-sev-b .list .li:hover .icon img {
  transform: scale(1.05);
}
.ys-sev-b .list .li:hover {
  color: #c70d2e;
}
.lh1 {
  line-height: 1;
}
.ys-sev-c {
  padding: 2rem 0 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ys-sev-c .content {
  margin-top: 2.475rem;
  width: 32.3rem;
}
.ys-sev-c .content .li {
  margin-bottom: 0.5rem;
  width: 100%;
}
.ys-sev-c .content .li .li-top {
  width: 100%;
  height: 1.5rem;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.025rem;
  cursor: pointer;
}
.ys-sev-c .content .li .icon {
  width: 0.625rem;
  height: 0.625rem;
  position: relative;
}
.ys-sev-c .content .li .icon .line1 {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
}
.ys-sev-c .content .li .icon .line2 {
  width: 3px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  transition: all 0.5s;
}
.ys-sev-c .content .li.on .icon .line2 {
  height: 0;
}
.ys-sev-c .content .li .li-hide {
  width: 100%;
  padding: 0 1.025rem 1rem;
  color: #666;
  background: #f6f6f6;
  display: none;
}
.ys-sev-c .content .li .li-hide .tit-16 {
  width: 100%;
  padding-top: 0.9rem;
  border-top: 1px solid #000;
}

.sevy-m {
  padding: 4.4rem 7.875rem 2.95rem;
}

.mbx {
  display: flex;
}

.mbx a {
  color: #333333;
}
.mbx span {
  margin: 0 0.525rem;
}

.sevy-m .t1 {
  color: #c70e2e;
  line-height: 1;
  margin-top: 3.7rem;
  font-weight: 600;
}

.sevy-m .t2 {
  margin-top: 1.75rem;
  line-height: 1.5;
}

.sevy-m .t3 {
  margin-top: 2.5rem;
  display: flex;
  line-height: 1.5;
}
.sevy-m .t3 .c1 {
  color: #c70e2e;
  white-space: nowrap;
  margin-right: 0.24rem;
}
.sevy-m .t4 {
  color: #c70e2e;
  line-height: 1;
  margin-top: 3.7rem;
}

.y-search {
  width: 22.25rem;
  height: 1.25rem;
  border: 1px solid #b4b4b4;
  display: flex;
  margin: 0 auto;
  margin-top: 2rem;
}

.y-search .s {
  width: 2.15rem;
  height: 100%;
  background: #c70e2e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.y-search input {
  width: calc((100% - 2.15rem));
  background-color: transparent;
  padding: 0 0.75rem;
  font-size: 0.4rem;
}
.y-slist {
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  margin-top: 1.7rem;
}
.y-slist .li {
  width: calc((100% - 2.2rem) / 3);
  background: #f6f6f6;
  margin-right: 1.1rem;

  padding: 0.85rem 1.15rem;
  margin-bottom: 1.05rem;
}
.y-slist .li:nth-child(3n) {
  margin-right: 0;
}
.sevy-m.pd {
  padding-left: 0;
  padding-right: 0;
}
.y-slist .li .tt3 {
  line-height: 1.2;
  font-weight: 600;
}
.y-slist .li .tt4 {
  display: flex;
  margin-top: 0.2rem;
  height: 2rem;
}
.y-slist .li .tt4 .tit-16:last-child {
  margin-left: 0.75rem;
}

.y-slist .li .down-y {
  width: 4.05rem;
  height: 1.05rem;
  border: 1px solid #c70e2e;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .425rem;
}
.y-slist .li .down-y img{
  margin-right: 0.5rem;
  transition: all 0.5s;
}
.y-slist .li .down-y:hover img{
  margin-right: 0.1rem;
}

@media (max-width: 768px) {
  .sevy-m {
    padding: 4rem 4% 1.5rem;
  }
  .sevy-m .t1 {
    margin-top: 1rem;
  }
  .sevy-m .t4 {
    margin-top: 1.5rem;
  }
  .ys-sev-a .cont {
    width: 92%;
    display: block;
  }
  .ys-sev-a .cont .txt {
    width: 100%;
  }
  .ys-sev-a .cont .rbox {
    width: 100%;
    margin-top: 1.5rem;
    padding: 0;
  }
  .ys-sev-a .cont .rbox .pbox {
    height: 14rem;
  }
  .ys-sev-b .list {
    display: block;
    width: 100%;
    padding: 0 4%;
    margin-top: 1.5rem;
  }
  .ys-sev-b .list .li {
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
  }
  .ys-sev-c .content {
    width: 100%;
    margin-top: 1.5rem;
    padding: 0 4%;
  }
  .ys-sev-c .content .li .li-top {
    height: 3rem;
  }
  .ys-sev-c .content .li .li-top .lh1 {
    line-height: 1.4;
    width: 70%;
  }
  .y-search{
    width: 100%;
    height: 2rem;
  }
  .y-search input{
    font-size: 15px;
  }
  .y-search .s img{
    width: 1rem;
  }
  .y-slist .li{
    width: 100%;
    margin-right: 0;
  }
  .y-slist .li .down-y{
        width: 6.05rem;
    height: 2.05rem;
  }
}