@charset "UTF-8";

body {
  color: #222222;
}


body,
html,
button,
input,
select,
textarea {
  font-family: "Source Han Sans CN", "Microsoft Yahei", "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: #ff0000;
  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: .15s;
}

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

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

.secwen.add4 {
  transition-delay: .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: #ff0000;
}

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

.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 .45rem;
  position: relative;
}

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

.futures-titles .li.home {
  padding-left: .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: .25rem;
  color: #999999;
  line-height: 1.73;
}

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

.interinfo-titles .interinfo-txts span.a {
  margin: 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: .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: .8rem;
  padding-right: 0.875rem;
  border-radius: 2px;
  overflow: hidden;
}

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

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

@media (max-width: 768px) {
  .interinfo-bots .btns {
    width: 100%;
  }

  .interinfo-bots .back {
    margin-top: 1rem;
  }
}

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

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

.m-header .bocweb-menu-con .nav-bots a {
  display: block;
  color: #333;
  line-height: 1.5;
  padding: .2rem .75rem;
}

.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: .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-right {
  align-items: center;
  color: #fff;
}

.bocweb-header-right .link {
  position: relative;
  width: 1.1rem;
  height: 1.1rem;
}

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

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

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

.bocweb-header-right .langs-tops {
  padding-right: .65rem;
  padding-left: .75rem;
  position: relative;
  line-height: 1.05rem;
  height: 1.05rem;
  border-radius: 1.05rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.bocweb-header-right .langs-tops span {
  position: relative;
  padding-right: 1.1rem;
}

.bocweb-header-right .langs-tops span: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-right .langs-bots {
  position: absolute;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 1.05rem;
  background: #fff;
  line-height: 1.5;
  width: 100px;
}

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

.bocweb-header-right .link {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
}

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

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

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

.con-header.headerhover .bocweb-header .bocweb-header-right,
.con-header.headeractive .bocweb-header .bocweb-header-right {
  color: #000;
}

.con-header.headerhover .bocweb-header .bocweb-header-right .langs-tops span:before,
.con-header.headeractive .bocweb-header .bocweb-header-right .langs-tops span: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;
}

.con-header.headerhover .bocweb-header-right .link,
.con-header.headerhover .bocweb-header-right .langs-tops,
.con-header.headeractive .bocweb-header-right .link,
.con-header.headeractive .bocweb-header-right .langs-tops {
  border-color: rgba(0, 0, 0, 0.25);
}

.con-header.headerhover .m-header .mheaderbtns .link .i1,
.con-header.headeractive .m-header .mheaderbtns .link .i1 {
  opacity: 1;
}

.con-header.headerhover .m-header .mheaderbtns .link .i0,
.con-header.headeractive .m-header .mheaderbtns .link .i0 {
  opacity: 0;
}

.bg000 {
  background-color: #000;
}

.m-header .mheaderbtns .langs-tops {
  color: #fff;
  line-height: 50px;
  font-size: 18px;
}

.m-header .mheaderbtns .dianpu {
  padding-top: 13px;
  margin-left: 10px;
}

.m-header .mheaderbtns .link {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}

.m-header .mheaderbtns .link img {
  display: block;
  width: 100%;
  padding: 4%;
}

.m-header .mheaderbtns .link .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.bodyinfo .con-header .m-header .mheaderbtns .link .i1 {
  opacity: 1;
}

.bodyinfo .con-header .m-header .mheaderbtns .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: #06b0fe;
}

.bodyinfo .con-header .bocweb-header .bocweb-header-right {
  color: #000;
}

.bodyinfo .con-header .bocweb-header .bocweb-header-right .langs-tops span: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;
}

.bodyinfo .con-header .bocweb-header-right .link,
.bodyinfo .con-header .bocweb-header-right .langs-tops {
  border-color: rgba(0, 0, 0, 0.25);
}

.con-banner {
  position: relative;
}

.con-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.con-banner .words .cs-tits {
  line-height: 1;
}

.con-banner .words .cs-tits span {
  display: inline-block;
  vertical-align: top;
  padding-right: 2.25rem;
  position: relative;
}

.con-banner .words .cs-tits span:before {
  position: absolute;
  content: "";
  width: 1.8rem;
  height: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
}

.con-banner .words .cs-txts {
  position: relative;
  line-height: 1.16;
  margin-top: .9rem;
}

.con-banner .words .cs-txts:before {
  position: absolute;
  content: "";
  left: 0;
  top: -.5rem;
  background: url(../img/1-01.png) no-repeat center;
  width: 1.35rem;
  height: 1.35rem;
  background-size: 100%;
}

.con-banner .con-title-btns {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.con-banner .con-title-btns .items {
  width: 20%;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.con-banner .con-title-btns .items:before {
  position: absolute;
  content: "";
  width: .75rem;
  height: 4px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #06b0fe;
  opacity: 0;
}

.con-banner .con-title-btns .items.active {
  color: #06b0fe;
}

.con-banner .con-title-btns .items.active:before {
  opacity: 1;
}

header {
  /*display: none;*/
}

.w1600 {
  width: 83.33%;
  max-width: 1600px;
  margin: 0 auto;
}

.h100 {
  height: 2.5rem;
  line-height: 2.5rem;
}

.w1400 {
  width: 76%;
  max-width: 1400px;
  margin: 0 auto;
}

.titles-swiper.onac .swiper-wrapper {
  justify-content: center;
}

.bg063961 {
  background-color: #063961;
}

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

.con-header .bocweb-logo {
  align-items: center;
}

.bocweb-header {
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.bocweb-header .nav .nav-tops {
  padding: 0 .75rem;
  color: #fff;
}

.bocweb-header .nav .nav-bots {
  position: absolute;
  width: 100%;
  top: 2.5rem;
  left: 0;
  z-index: 5;
  display: none;
  background: #fff;
}

.bocweb-header .nav .nav-bots a {
  display: block;
  padding: 10px 5px;
  text-align: center;
  color: #333;
  line-height: 1.5;
}

.joinsus-list-01.bgcenter {
  background-position: top center;
  background-size: 100%;
}

.joinsus-list-01 {
  padding-top: 3.3rem;
  padding-bottom: 4.625rem;
}

.joinsus-list-01 .itemsbox {
  margin-top: 1rem;
}

.joinsus-list-01 .items {
  position: relative;
}

.joinsus-list-01 .images {
  border-radius: .2rem;
  overflow: hidden;
  border-radius: .2rem;
}

.joinsus-list-01 .items1 {
  padding-bottom: .55rem;
  position: relative;
}

.joinsus-list-01 .items1 .images {
  width: 58.57%;
}

.joinsus-list-01 .items1 .words {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  background-color: #fff;
  border-radius: .2rem;
  padding: 0 2.125rem;
  padding-right: 1rem;
  min-height: 7.5rem;
  align-items: center;
  align-content: center;
}

.joinsus-list-01 .items1 .words .tits {
  line-height: 1.3125;
  color: #333333;
}

.joinsus-list-01 .items1 .words .txts {
  margin-top: .4rem;
  line-height: 1.5625;
  color: rgba(51, 51, 51, 0.5);
}

.joinsus-list-01 .items:nth-child(n+2) {
  margin-top: 3.7rem;
}

.joinsus-list-01 .items2 {
  flex-direction: row-reverse;
  color: #fff;
}

.joinsus-list-01 .items2 .images {
  width: 57.65%;
}

.joinsus-list-01 .items2 .words {
  width: 42.35%;
  margin-top: -0.15rem;
}

.joinsus-list-01 .items2 .words .tits,
.joinsus-list-01 .items2 .words .txts {
  padding-right: .75rem;
}

.joinsus-list-01 .items2 .words .txts {
  line-height: 2;
}

.joinsus-list-01 .items2 .words .tits {
  line-height: 1.5625;
}

.joinsus-list-01 .items2 .words .line {
  margin-top: 1.875rem;
  margin-bottom: 1.1rem;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.h200 {
  padding-top: 10.4%;
}

.joinsus-list-02 {
  padding-top: 1.375rem;
  padding-bottom: 4.125rem;
  position: relative;
}

.joinsus-list-02 .joinsus02-swiper {
  margin-top: 2.5rem;
}

.joinsus-list-02 .wraps {
  position: relative;
  z-index: 5;
}

.joinsus-list-02 .bg-05 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}

.cons-swiper .swiper-pagination {
  position: static;
  width: 100%;
  left: auto;
  line-height: 1;
  margin-top: 1.75rem;
}

.cons-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.125rem;
  border: 1px solid rgba(255, 255, 255, 0.9);
  width: .3rem;
  height: .3rem;
  background: transparent;
  border-radius: .3rem;
}

.cons-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 2rem;
  background-color: #06b0fe;
  border-color: #06b0fe;
}

.joinsus02-swiper .items {
  width: 80%;
  background-color: #fff;
  border-radius: .1rem;
  padding: .9rem .85rem;
  opacity: 0;
}

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

.joinsus02-swiper .items .imgs {
  width: 61.65%;
}

.joinsus02-swiper .items .words {
  width: 38.35%;
}

.joinsus02-swiper .items.swiper-slide-next {
  flex-direction: row-reverse;
}

.joinsus02-swiper .items.swiper-slide-next,
.joinsus02-swiper .items.swiper-slide-prev {
  opacity: .5;
}

.joinsus02-swiper .items.swiper-slide-active {
  opacity: 1;
}

.joinsus02-swiper .items .number {
  align-items: center;
}

.joinsus02-swiper .number {
  line-height: 1;
  color: #cccccc;
}

.joinsus02-swiper .number .span {
  margin-left: .55rem;
  margin-right: .8rem;
}

.joinsus02-swiper .words {
  padding: .75rem 1.75rem;
  padding-right: 0;
}

.joinsus02-swiper .words .wens {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  line-height: 1.5;
  color: #333333;
}

.joinsus02-swiper .words .texts {
  color: #06b0fe;
}

.cons-mores {
  height: 1.3rem;
  line-height: 1.3rem;
  border-radius: 1.3rem;
  border: 1px solid #cccccc;
  color: #333333;
  display: inline-block;
  padding: 0 .75rem;
  padding-left: .8rem;
}

.cons-mores span {
  display: block;
  position: relative;
  padding-right: .65rem;
}

.cons-mores span:before {
  position: absolute;
  content: "";
  width: 0.325rem;
  height: 0.2rem;
  background: url(../img/1-04.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.bg061d3c {
  background-color: #061d3c;
}

.joinsus-list-03 {
  /*background: url(../img/s.png) #061d3c no-repeat bottom center;*/
  /*background: url(../img/1-06.png) no-repeat top center;
  background-size: cover;*/
  padding-top: 3.2rem;
  padding-bottom: 2.75rem;
  /*&:before{
  	position:absolute;
  	content:"";
  	width: 100%;
  	height: 100%;
  	left: 0;
  	bottom: 0;*/
  /*background: url(../img/1-06.png) no-repeat top center;*/
  /*background: url(../img/s.png) #061d3c no-repeat bottom center;
  		background-size: 100%;
  		z-index: 1;
  		opacity: .5;
  		pointer-events:none;
  
  	}*/
}

.joinsus-list-03 .joinsus-tables {
  margin-top: 1.875rem;
}

.joinsus-tables {
  color: #fff;
}

.joinsus-tables .tr-bots {
  display: none;
}

.joinsus-tables .forms {
  margin-top: .5rem;
}

.joinsus-forms-tops {
  position: relative;
  z-index: 5;
}

.joinsus-forms-tops .li {
  width: 20%;
  position: relative;
}

.joinsus-forms-tops .li input:-moz-placeholder,
.joinsus-forms-tops .li textarea:-moz-placeholder {
  color: #06b0fe;
}

.joinsus-forms-tops .li input::-moz-placeholder,
.joinsus-forms-tops .li textarea::-moz-placeholder {
  color: #06b0fe;
}

.joinsus-forms-tops .li input:-ms-input-placeholder,
.joinsus-forms-tops .li textarea:-ms-input-placeholder {
  color: #06b0fe;
}

.joinsus-forms-tops .li input::-webkit-input-placeholder,
.joinsus-forms-tops .li textarea::-webkit-input-placeholder {
  color: #06b0fe;
}

.joinsus-forms-tops .li:nth-child(n+2) {
  margin-left: .4rem;
}

.joinsus-forms-tops .li.inputs {
  width: calc(60% - .8rem);
}

.joinsus-forms-tops .li .li-tops {
  cursor: pointer;
  position: relative;
}

.joinsus-forms-tops .li .li-tops:before {
  position: absolute;
  content: "";
  width: 0.275rem;
  height: 0.15rem;
  right: .55rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/1-07.png) no-repeat center;
  background-size: 100%;
}

.joinsus-forms-tops .li .li-bots {
  position: absolute;
  width: 100%;
  left: 0;
  top: 1.45rem;
  background: #fff;
  z-index: 10;
  max-height: 100px;
  overflow-y: auto;
  display: none;
}

.joinsus-forms-tops .li .li-bots .i {
  cursor: pointer;
  padding: 0 .7rem;
  color: #333;
}

.joinsus-forms-tops .li .li-tops,
.joinsus-forms-tops .li input[type=text] {
  background: transparent;
  border: 1px solid #06b0fe;
  height: 1.45rem;
  line-height: 1.45rem;
  width: 100%;
  padding: 0 .7rem;
  color: #06b0fe;
}

.joinsus-forms-tops .li input[type=submit] {
  position: absolute;
  width: 3.5rem;
  right: 0;
  top: 0;
  color: #fff;
  background: #06b0fe;
  height: 1.45rem;
  line-height: 1.45rem;
}

.ajax-btns {
  text-align: center;
}

.ajax-btns .span {
  line-height: 1;
  color: #06b0fe;
  padding-top: .5rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.ajax-btns .span:before {
  position: absolute;
  content: "";
  width: 0.15rem;
  height: 0.225rem;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/1-08.png) no-repeat center;
  background-size: 100%;
}

.applybox .apply {
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: .1rem;
  background: #06b0fe;
  width: 3.25rem;
  text-align: center;
  color: #fff;
}

.joinsus-list {
  position: relative;
}

.joinsus-list .cbg {
  top: -2.5rem;
  position: absolute;
  left: 0;
}

.applybox .close {
  cursor: pointer;
  line-height: 1;
  padding-top: .2rem;
}

.applybox .close span {
  margin-left: .25rem;
}

.joins-forms .ajax-btns {
  margin-top: 1.1rem;
}

.joins-forms .tr {
  margin-top: .35rem;
}

.joins-forms .forms-tops .td {
  position: relative;
}

.joins-forms .forms-tops .td:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.25);
}

.joins-forms .forms-tops .td.td1:before {
  display: none;
}

.joins-forms .tr-bots {
  padding: .9rem 1rem;
}

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

.joins-forms .tr-bots .texts {
  line-height: 2.14;
  margin-top: .375rem;
}

.joins-forms .tr-bots .ul-bots:nth-child(n+2) {
  margin-top: .655rem;
}

.joins-forms .applybox {
  margin-top: 1.4rem;
  justify-content: space-between;
}

.joins-forms .tr-bots,
.joins-forms .tr-tops {
  background: rgba(6, 31, 63, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.joins-forms .forms-tops,
.joins-forms .tr-tops {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.joins-forms .forms-tops .td,
.joins-forms .tr-tops .td {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.joins-forms .forms-tops .td1,
.joins-forms .tr-tops .td1 {
  width: 59.65%;
  padding: 0 .9rem;
}

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

.joins-forms .forms-tops .td3,
.joins-forms .tr-tops .td3 {
  width: 19.35%;
}

.joins-forms .forms-tops .td2,
.joins-forms .forms-tops .td3,
.joins-forms .tr-tops .td2,
.joins-forms .tr-tops .td3 {
  text-align: center;
}

.joinsus-list-04 {
  padding-top: 3.2rem;
  padding-bottom: 3.625rem;
}

.joinsus-list-04 .forms {
  color: #fff;
  margin-top: 1.25rem;
  width: 21.75rem;
}

.joinsus-list-04 .sel-bots {
  display: none;
}

.joinsus-list-04 .li {
  position: relative;
  width: 49.5%;
  margin-bottom: .35rem;
  margin-left: 1%;
}

.joinsus-list-04 .li input:-moz-placeholder,
.joinsus-list-04 .li textarea:-moz-placeholder {
  color: #fff;
}

.joinsus-list-04 .li input::-moz-placeholder,
.joinsus-list-04 .li textarea::-moz-placeholder {
  color: #fff;
}

.joinsus-list-04 .li input:-ms-input-placeholder,
.joinsus-list-04 .li textarea:-ms-input-placeholder {
  color: #fff;
}

.joinsus-list-04 .li input::-webkit-input-placeholder,
.joinsus-list-04 .li textarea::-webkit-input-placeholder {
  color: #fff;
}

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

.joinsus-list-04 .li.w100 {
  width: 100%;
  margin-left: 0;
}

.joinsus-list-04 .li .btns {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #06b0fe;
  right: .5rem;
}

.joinsus-list-04 .li input[type=text] {
  width: 100%;
}

.joinsus-list-04 .li .sel-tops {
  position: relative;
  cursor: pointer;
  color: #fff;
}

.joinsus-list-04 .li .sel-tops:before {
  position: absolute;
  content: "";
  width: 0.275rem;
  height: 0.15rem;
  right: .55rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/1-07.png) no-repeat center;
  background-size: 100%;
}

.joinsus-list-04 .li .sel-tops,
.joinsus-list-04 .li input[type=text] {
  height: 1.5rem;
  line-height: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 .55rem;
  padding-right: .75rem;
}

.joinsus-list-04 .li textarea {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  padding: 0 .55rem;
  padding-right: .75rem;
  padding-top: .3rem;
  resize: none;
  line-height: 1.875;
}

.joinsus-list-04 .li.yzm {
  margin-left: 0;
}

.joinsus-list-04 .li.yzm img {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 1.5rem;
  left: calc(100% + .3rem);
}

.joinsus-list-04 .li.submit .subs {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.joinsus-list-04 .li.submit .subs input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.joinsus-list-04 .li.submit .subs .spans {
  background: #06b0fe;
  color: #fff;
  line-height: 1.1rem;
  height: 1.1rem;
  padding-left: .8rem;
  padding-right: .75rem;
}

.joinsus-list-04 .li.submit .subs .spans span {
  padding-right: .45rem;
  position: relative;
}

.joinsus-list-04 .li.submit .subs .spans span:before {
  position: absolute;
  content: "";
  background: url(../img/1-09.png) no-repeat center;
  background-size: 100%;
  width: .2rem;
  top: 0;
  bottom: 0;
  height: .2rem;
  margin: auto;
  right: 0;
}

.joinsus-list-04 .li .sel-bots {
  position: absolute;
  left: 0;
  top: 1.5rem;
  background: #fff;
  color: #000;
  z-index: 2;
  width: 100%;
  max-height: 100px;
  overflow: hidden;
  overflow-y: auto;
}

.joinsus-list-04 .li .sel-bots .i {
  line-height: 1.5;
  padding: 5px .5rem;
  cursor: pointer;
}

.con-banner .con-title-btns .items {
  color: #fff;
}

.newsbox {
  padding-top: 1.95rem;
  padding-bottom: 6.95rem;
}

.newsbox .lists {
  margin-top: .9rem;
  padding-bottom: 2.5rem;
}

.newsbox .lists .li {
  border-bottom: 1px solid rgba(204, 204, 204, 0.2);
  padding: 0 .5rem;
  padding-bottom: .55rem;
  padding-top: .8rem;
  color: #fff;
}

.newsbox .lists .imgs {
  width: 35.3%;
}

.newsbox .lists .words {
  width: 64.7%;
  padding-top: .55rem;
  color: #cccccc;
  padding-left: 1.45rem;
}

.newsbox .lists .words .txts {
  margin-top: .3rem;
}

.newsbox .lists .tits {
  color: #fff;
  /*line-height: 1.636;*/
  /*height: 1.636em;*/
  height: .9rem;
  line-height: .9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.newsbox .lists .txts {
  margin-top: .3rem;
  line-height: .6rem;
  height: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsbox .lists .spans {
  margin-top: 1.375rem;
}

.newsbox .lists .spans .i {
  position: relative;
}

.newsbox .lists .spans .btns {
  padding-left: .4rem;
  margin-left: .4rem;
}

.newsbox .lists .spans .btns:before {
  position: absolute;
  content: "";
  width: 1px;
  height: .35rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ccc;
}

.newsbox .inputlist {
  position: relative;
}

.newsbox .inputlist input:-moz-placeholder,
.newsbox .inputlist textarea:-moz-placeholder {
  color: #06b0fe;
}

.newsbox .inputlist input::-moz-placeholder,
.newsbox .inputlist textarea::-moz-placeholder {
  color: #06b0fe;
}

.newsbox .inputlist input:-ms-input-placeholder,
.newsbox .inputlist textarea:-ms-input-placeholder {
  color: #06b0fe;
}

.newsbox .inputlist input::-webkit-input-placeholder,
.newsbox .inputlist textarea::-webkit-input-placeholder {
  color: #06b0fe;
}

.newsbox .inputlist input {
  height: 1.625rem;
  line-height: 1.625rem;
  color: #06b0fe;
}

.newsbox .inputlist input[type=text] {
  width: 100%;
  padding: 0 .8rem;
  background: transparent;
  padding-right: 1rem;
  border: 1px solid #06b0fe;
}

.newsbox .inputlist input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
  width: .5rem;
  height: .5rem;
  right: .8rem;
  background: url(../img/1-11.png) no-repeat center;
  background-size: 100%;
}

.sci-list-01.bgcenter {
  background-position: top center;
}

.sci-list-01 {
  padding-top: 2.875rem;
  padding-bottom: 5rem;
}

.sci-list-01 .sci01-swiper {
  margin-top: 4.5rem;
  z-index: 2;
}

.sri-titles {
  padding-bottom: .9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.sci-list-01-words .li .tits,
.sci-list-01-words .li {
  line-height: 1;
  align-items: flex-end;
  justify-content: space-between;
}

.sci-list-01-words .li .tits span {
  margin-left: .35rem;
}

.sci-list-01-words .li .tits .nums {
  width: 1.25em;
}

.sci-list-01-words .li {
  width: 15.25rem;
  padding-top: .55rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.sci01-swiper {
  position: relative;
}

.sci01-swiper .items {
  width: 39.5%;
  height: auto;
}

.sci01-swiper .items .tits {
  line-height: 1.5;
  padding: 0 .25em;
}

.sci01-swiper .items.swiper-slide-prev {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.sci01-swiper .wraps {
  transform: scale3d(0.7866, 0.7866, 1);
  transform-origin: center bottom;
  /*transform-origin: bottom;*/
  transition: none;
  padding: .75rem .8rem;
  background-color: #fff;
  color: #060f1e;
}

.sci01-swiper .wraps .tits {
  transform: scale3d(1.2712941775, 1.2712941775, 1);
}

.sci01-swiper .wraps .imgs {
  margin-top: .45rem;
}

.sci01-swiper .swiper-slide-next+.items .wraps {
  transform-origin: left bottom;
}

.sci01-swiper .swiper-slide-next,
.sci01-swiper .swiper-slide-next+.items {
  /*width: 31%;*/
}

.sci01-swiper .swiper-slide-active .wraps {
  transition: none;
  transform: scale3d(1, 1, 1);
}

.sci01-swiper .swiper-slide-active .wraps .tits {
  transform: scale3d(1, 1, 1);
}

.sci01-swiper .swiper-button-next {
  width: 31%;
  height: 100%;
  right: 0;
  top: auto;
  bottom: 0;
  z-index: 2;
  background: transparent;
  right: 0;
  margin-top: 0;
  background-image: linear-gradient(to right, rgba(11, 11, 11, 0), #0b0b0b);
  /*rgba(11,11,11,1)*/
  height: 80%;
}

.sci01-swiper .swiper-button-next:before {
  position: absolute;
  content: "";
  width: 1.425rem;
  height: 2.9rem;
  background: url(../img/1-13.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sci-list-01 {
  position: relative;
}

.sci-list-01 .bgqiu {
  position: absolute;
  left: 1rem;
  bottom: 2rem;
  pointer-events: none;
  z-index: 0;
  width: 8.85rem;
  height: 8.85rem;
}

.sci-list-02 {
  position: relative;
}

.sci-list-02 .cons-titles {
  position: absolute;
  left: 50%;
  top: 13.9%;
  transform: translateX(-50%);
  z-index: 3;
}

.sci-list-02 .cons-titles span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.sciplay02 {
  position: relative;
}

.sciplay02 .play-videos {
  width: 52.5%;
  height: 52%;
  left: 23.7%;
  top: 27%;
  position: absolute;
  cursor: pointer;
}

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

.bgbottom,
.bgbottoms {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.con-plays {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.con-plays video {
  width: 100%;
  height: 100%;
  background-color: #000;
  object-fit: cover;
  opacity: 0;
}

.con-plays.active video {
  opacity: 1;
}

.con-plays.active:before {
  opacity: 0;
  pointer-events: none;
}

.con-plays:before {
  position: absolute;
  content: "";
  width: 1.525rem;
  height: 1.525rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/play.png) no-repeat center;
  background-size: 100%;
}

.sci-list-03 {
  padding-top: 5rem;
  padding-bottom: 10.25rem;
}

.sci-list-03 .items:nth-child(n+2) {
  margin-top: 4rem;
}

.sci-list-03 .words {
  text-align: right;
}

.sci-list-03 .words .tits {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 .25rem;
  padding-right: 2.45rem;
  line-height: 1;
  padding-bottom: 1.375rem;
}

.sci-list-03 .imgs {
  position: relative;
}

.sci-list-03 .imgs .i {
  overflow: hidden;
}

.sci-list-03 .imgs .img {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1.95%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sci-list-03 .imgs .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sci-list-03 .items:nth-child(2n+2) {
  flex-direction: row-reverse;
}

.sci-list-03 .imgs .con-plays {
  padding: 1.95%;
}

.sci-list-03 .items1 .imgs {
  width: 62.85%;
}

.sci-list-03 .items1 .words {
  width: 37.15%;
}

.sci-list-03 .items2 .imgs {
  width: 67.85%;
}

.sci-list-03 .items2 .words {
  width: 32.15%;
}

.sis-list-01 {
  min-height: 50.78vw;
  padding-bottom: 1.25rem;
}

.sis-list-01 .wraps {
  padding-top: 4rem;
}

.sis-list-01 .tableslist {
  margin-top: 2rem;
  border-radius: .25rem;
  background: url(../img/1-17.png) no-repeat center;
  background-size: cover;
  width: 50%;
  min-height: 17vw;
  padding: 1.1rem 1.05rem;
  overflow: hidden;
}

.sis-list-01 .tableslist .tits {
  line-height: 1;
}

.sis-list-01 .tableslist .uls {
  margin-top: 1.1rem;
}

.sis-list-01 .tableslist .uls .lis {
  width: 50%;
  padding-left: .5rem;
  position: relative;
  line-height: 1.75;
}

.sis-list-01 .tableslist .uls .lis:before {
  position: absolute;
  content: "";
  width: .5em;
  height: .5em;
  left: 0;
  top: .55em;
  background: #06b0fe;
  border-radius: 50%;
}

.sis-list-01 .tableslist .uls .lis:nth-child(n+3) {
  margin-top: .5rem;
}

.sis-titles .tits {
  line-height: 1.2;
}

.sis-titles .txts {
  line-height: 1.66;
  margin-top: .5rem;
}

.sis-list-02 {
  padding-top: 3.95rem;
  padding-bottom: 5.95rem;
  color: #fff;
}

.sis-list-02 .sis-titles {
  justify-content: flex-end;
  letter-spacing: -.5px;
}

.sis-list-02 .sis-titles .w50 {
  width: 50%;
}

.sis-list-02 .sis02-list {
  margin-top: 4.375rem;
}

.sis02-list .lis {
  width: 50%;
  border-radius: .25rem;
  background: #fff;
  color: #000;
  overflow: hidden;
  align-items: center;
  padding: .7rem .9rem;
}

.sis02-list .lis .imgs {
  overflow: hidden;
  width: 62%;
}

.sis02-list .lis .words {
  width: 38%;
  padding-left: 1rem;
}

.sis02-list .lis .words .span {
  line-height: 1.25;
}

.sis02-list .items:nth-child(2n+1) {
  justify-content: flex-end;
}

.sis02-list .items:nth-child(n+2) {
  margin-top: 1.25rem;
}

.sis-list-03 {
  position: relative;
}

.sis-list-03 .words {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  padding-top: 3.875rem;
  transform: translateX(-50%);
}

.sis-list-03 .span-btns {
  margin-top: .9rem;
  justify-content: center;
}

.sis-list-03 .span-btns .i {
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  margin: 0 0.125rem;
  background-color: #06b0fe;
}

.manu-list-01 {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  min-height: 70.8333333333vw;
}

.manu-list-01 .cons-titles {
  margin-bottom: 1.25rem;
}

.manu-list-01 .manu01-swiper {
  margin-top: 2.2rem;
}

.manu-list-04 {
  padding-top: 3.2rem;
  padding-bottom: 4.125rem;
}

.manu-list-04 .cons-titles {
  margin-bottom: 1.25rem;
}

.manu-list-04 .manu04-swiper {
  margin-top: 2.2rem;
}

.manu-list-02 {
  padding-top: 3.15rem;
  padding-bottom: 3.15rem;
  min-height: 70.8333333333vw;
}

.manu-list-02 .cons-titles {
  margin-bottom: 1.25rem;
}

.manu-list-02 .manu02-swiper {
  margin-top: 2.2rem;
}

.menu-swiper.manu04-swiper .swiper-slide {
  width: 48.5%;
  margin-right: 3%;
}

.menu-swiper.manu04-swiper .items .imgs {
  padding-top: 61.2%;
}

.tables-list {
  border-top: 2px solid #fff;
}

.tables-list .tr {
  align-items: stretch;
  min-height: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.tables-list .tr .td {
  align-items: center;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.tables-list .tr:last-child {
  border-bottom: none;
}

.tables-list .td1 {
  width: 24%;
  line-height: 1;
  text-align: center;
  justify-content: center;
}

.tables-list .td2 {
  width: 76%;
  padding-left: 2rem;
  padding-right: 2rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.7;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

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

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

.c-swiper {
  position: relative;
}

.menu-swiper .swiper-slide {
  width: 30%;
  margin-right: 5%;
  padding: 0 2px;
}

.menu-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.menu-swiper .items {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  padding: .5rem;
}

.menu-swiper .items .tits {
  line-height: 1.36;
  text-align: center;
  margin-bottom: .5rem;
}

.menu-swiper .items .imgs {
  position: relative;
  overflow: hidden;
  padding-top: 67.64%;
}

.c-swiper .swiper-button-disabled {
  display: none !important;
}

.c-swiper .swiper-button-prev,
.c-swiper .swiper-button-next {
  width: 0.8rem;
  height: 1.525rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.c-swiper .swiper-button-prev:hover,
.c-swiper .swiper-button-next:hover {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.c-swiper .swiper-button-prev {
  left: -2.15rem;
  background-image: url(../img/2-03.png);
}

.c-swiper .swiper-button-next {
  right: -2.15rem;
  background-image: url(../img/2-04.png);
}

.manu-list-03 {
  padding-top: 3.25rem;
  padding-bottom: 3.375rem;
  min-height: 23rem;
}

.manu-list-03 .manu03-swiper {
  margin-top: 1.25rem;
}

.manu03-topswiper {
  position: relative;
}

.manu03-topswiper:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 0;
}

.manu03-topswiper .items {
  cursor: pointer;
  width: 50%;
  height: 1.625rem;
  line-height: 1.625rem;
  text-align: center;
  background-color: #063b63;
}

.manu03-topswiper .items.active {
  background-color: #065182;
}

.manu03-botswiper {
  margin-top: .95rem;
}

.manu03-botswiper .images {
  width: 30%;
}

.manu03-botswiper .words {
  width: 70%;
  padding-left: .8rem;
  border-top: none;
}

.manu03-botswiper .images {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  padding: 0.5rem;
  text-align: center;
}

.manu03-botswiper .images .tits {
  line-height: 1.36;
}

.manu03-botswiper .images .imgs {
  padding-top: 98.4%;
  margin-top: .5rem;
}

.newsbox {
  position: relative;
}

.newsbox .wraps {
  position: relative;
  z-index: 2;
}

.newsbox img.ik-01 {
  position: absolute;
  bottom: 8rem;
  left: -4rem;
  width: 9.675rem;
  height: 9.675rem;
  pointer-events: none;
}

.newsbox img.ik-02 {
  pointer-events: none;
  top: 21rem;
  width: 6.275rem;
  height: 6.275rem;
  right: -2.5rem;
  position: absolute;
}

.ab-list-01 {
  min-height: 62.5vw;
  padding-top: 3.5rem;
  padding-bottom: 1rem;
}

.ab-list-01 .titles,
.ab-list-01 .words {
  width: 50%;
}

.ab-list-01 .words .tits {
  line-height: 1;
  color: #06b0fe;
}

.ab-list-01 .words .txts {
  line-height: 1.75;
  color: rgba(204, 204, 204, 0.8);
  margin-top: .9rem;
}

.ab-list-01 .uls {
  margin-top: 1.35rem;
}

.ab-list-01 .uls .lis {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  line-height: 1;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.ab-list-01 .uls .nums {
  align-items: flex-end;
}

.ab-list-01 .uls .b {
  margin-top: .35rem;
  color: rgba(255, 255, 255, 0.25);
}

.ab-list-01 .uls .right {
  opacity: .25;
  width: 1.625rem;
  height: 1.625rem;
}

.ab-list-01 .titles {
  padding-top: 5.8rem;
  position: relative;
}

.ab-list-01 .titles .tits {
  text-align: right;
  line-height: 1.2;
  padding-right: .5rem;
}

.ab-list-01 .titles .i01 {
  width: 9.675rem;
  height: 9.675rem;
  left: 3.625rem;
  top: -2.9rem;
}

.ab-list-01 .titles .i02 {
  left: -4.5rem;
  top: 0;
  position: absolute;
  width: 13.175rem;
  height: 15.35rem;
}

.ab-list-01 .titles .tits {
  position: relative;
}

.ab-list-01 .titles .tits img {
  position: absolute;
  pointer-events: none;
}

.ab-list-02 {
  position: relative;
}

.ab-list-02 .con-plays:before {
  opacity: 0;
  visibility: hidden;
}

.ab-list-02 .images {
  position: relative;
}

.ab-list-02 .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/6-01.png) no-repeat center;
  background-size: cover;
  display: none;
}

.ab-list-02 .words {
  position: absolute;
  left: 50%;
  top: 50%;
  padding-bottom: 1.4rem;
  transform: translate(-50%, -50%);
  color: #fff;
}

.ab-list-02 .words .texts {
  margin-top: .85rem;
}

.ab-list-02 .words .videbtns {
  width: 1.55rem;
  height: 1.55rem;
  margin: 0 auto;
  background: url(../img/vg.png) no-repeat center;
  background-size: 100%;
}

.play-videos {
  cursor: pointer;
}

.ab03-titles {
  color: #06b0fe;
}

.ab-list-03 {
  min-height: 57.2916666667vw;
  padding-top: 3.8rem;
  padding-bottom: 1.5rem;
}

.ab-list-03 .ab03-titbox {
  margin-top: 1rem;
}

.ab03-swiper {
  margin-top: 2.75rem;
}

.ab03-titbox {
  position: relative;
}

.ab03-titbox:before,
.ab03-titbox:after {
  content: "";
  position: absolute;
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(130, 130, 130, 0.5);
  width: 100%;
}

.ab03-titbox:after {
  left: 100%;
}

.ab03-titbox:before {
  left: calc(-100% - 2.5rem);
}

.ab03-titbox .line {
  position: absolute;
  height: 1px;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  margin: auto;
  width: calc(100% - 15.25rem);
  background-color: rgba(130, 130, 130, 0.5);
  padding-left: 2.2rem;
}

.ab03-titbox .line .i {
  width: 14.25%;
  position: relative;
  height: 1px;
}

.ab03-titbox .line .i:before {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  width: .25rem;
  height: .25rem;
  right: -.125rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.ab03-titbox .line .i.active {
  width: 28.75%;
}

.ab03-titbox .line .i.active span {
  position: absolute;
  width: .25rem;
  height: .25rem;
  left: -.125rem;
  top: -.125rem;
  border-radius: 50%;
}

.ab03-titbox .line .i.active span i,
.ab03-titbox .line .i.active span:before,
.ab03-titbox .line .i.active span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ab03-titbox .line .i.active span i {
  background-color: #06b0fe;
  z-index: 2;
}

.ab03-titbox .line .i.active span:before {
  background-color: #fff;
  transform: scale3d(1.7, 1.7, 1);
}

.ab03-titbox .line .i.active span:after {
  background-color: rgba(6, 176, 254, 0.25);
  transform: scale3d(4, 4, 1);
}

.ab03-swiper .swiper-button-next {
  width: 1.425rem;
  height: 2.9rem;
  right: -2.5rem;
}

.ab03-swiper .items {
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.ab03-swiper .items .words {
  border: 1px solid rgba(158, 157, 159, 0.5);
  width: 65.7%;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: .2rem;
  min-height: 9.4rem;
  padding: 1.35rem 1.3rem;
  text-align: left;
}

.ab03-swiper .items .words .li:nth-child(n+2) {
  margin-top: .8rem;
}

.ab03-swiper .items .words .li1 {
  line-height: 1.35;
  width: 1.625rem;
}

.ab03-swiper .items .words .li2 {
  width: calc(100% - 1.625rem);
  line-height: 1.75;
  color: #ccc;
}

.ab03-swiper .items .tit-nums {
  width: 25.7%;
  line-height: 1.2;
}

.ab-list-04 {
  min-height: 72.9166666667vw;
  padding-top: 3.3rem;
  padding-bottom: 4rem;
}

.ab-list-04 .ab04-titles {
  color: #06b0fe;
}

.ab-list-04 .ab04-txts {
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
}

.ab-list-04 .texts {
  width: 50%;
  line-height: 1.875;
}

.ab-list-04 .ab04-list {
  margin-top: 2.45rem;
}

.ab04-list .li {
  width: 22.5%;
  margin-left: 3.33%;
  border-radius: .2rem;
  position: relative;
}

.ab04-list .li:nth-child(1),
.ab04-list .li:nth-child(4) {
  transform: translateY(4.5rem);
}

.ab04-list .li .wraps {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  padding: 1.5rem 1.25rem;
}

.ab04-list .li:nth-child(4n+1) {
  margin-left: 0;
}

.ab04-list .li .tits {
  line-height: 1.2;
}

.ab04-list .li .txts {
  margin-top: 1.05rem;
  margin-top: .2rem;
  /*margin-bottom: .75rem;*/
  /*line-height: 1.54;*/
  line-height: 1.875;
  opacity: .5;
}

.ab04-list .li .text {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
}

.ab04-list .li .text .dian {
  line-height: 1;
  margin-top: .2rem;
  position: absolute;
  left: 0;
  top: -.55rem;
  width: 100%;
}

.ab04-list .li .text .dian:before {
  position: absolute;
  content: "";
  top: 1.75rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.825rem;
  height: 0.4rem;
  background: url(../img/8-01.png) no-repeat center;
  background-size: 100%;
}

.ab04-list .li .text .b {
  margin-top: .55rem;
  opacity: 0;
}

.ab04-list .li.active .icons {
  opacity: .2;
}

.ab04-list .li .icons {
  opacity: .65;
  bottom: -2.1rem;
  width: 68.6%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale3d(0.4, 0.4, 1) translateY(-0.75rem);
  transform-origin: top center;
}

.ab04-list .li .icons img {
  width: 100%;
}

.ab04-list .li.on {
  color: #000000;
}

.ab04-list .li.on .icons {
  opacity: 1;
}

.ab04-list .li.on .text,
.ab04-list .li.on .text .dian {
  color: rgba(0, 0, 0, 0.5);
}

.ab04-list .li.on .text .dian:before {
  background: url(../img/8-02.png) no-repeat center;
  background-size: 100%;
}

.ab04-list .li .bgs {
  padding-top: 144.4%;
}

.ab-list-05 {
  padding-top: 2.5rem;
  padding-bottom: 4.6rem;
  min-height: 78.125vw;
}

.ab-list-05 .ab05-swiper {
  margin-top: 2.25rem;
}

.ab-list-05 .ab05-titles {
  color: #06b0fe;
}

.ab-list-05 .ullist {
  margin-top: 1.1rem;
  width: 10rem;
}

.ab-list-05 .ullist .lis.active .span {
  font-size: inherit;
}

.ab-list-05 .ullist .lis .span {
  line-height: 2.7rem;
  height: 2.7rem;
  position: relative;
}

.ab-list-05 .ullist .lis .span:before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
}

.ab-list-05 .ullist .lis {
  cursor: pointer;
}

.ab-list-05 .ullist .lis.active .span:before {
  height: 2px;
  background: #fff;
}

.ab05-swiper {
  align-items: center;
}

.ab05-swiper .ab05-texts {
  width: 55.36%;
  height: 15rem;
}

.ab05-swiper .ab05-texts .swiper-container-vertical>.swiper-scrollbar {
  background: transparent;
  border: 1px solid rgba(158, 157, 159, 0.5);
  left: 0;
  right: auto;
  width: .25rem;
  border-radius: 0;
}

.ab05-swiper .ab05-texts .swiper-container-vertical>.swiper-scrollbar .swiper-scrollbar-drag {
  background: #06b0fe;
  border-radius: 0;
}

.ab05-swiper .ab05-texts .swiper-container,
.ab05-swiper .ab05-texts .swiper-wrapper {
  height: 100%;
}

.ab05-swiper .ab05-texts .swiper-slide {
  height: auto;
  height: 13%;
  align-items: center;
  padding-left: 2.2rem;
  flex-wrap: nowrap;
  cursor: pointer;
}

.ab05-swiper .ab05-texts .swiper-slide .span {
  white-space: nowrap;
  padding-right: 1rem;
  max-width: 85%;
}

.ab05-swiper .ab05-texts .swiper-slide .line {
  width: calc(100% + 7rem);
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab05-swiper .ab05-texts .swiper-slide .b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  overflow: hidden;
}

.ab05-swiper .ab05-texts .swiper-slide.swiper-slide-active {
  height: 22%;
  color: #06b0fe;
}

.ab05-swiper .ab05-texts .swiper-slide.swiper-slide-active .line {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  opacity: 1;
}

.ab05-swiper .ab05-texts .swiper-slide.swiper-slide-active .span {
  /* font-size: inherit; */
}

.ab05-swiper .ab05-images {
  width: 44.64%;
  padding-right: .55rem;
  position: relative;
}

.ab05-swiper .ab05-images .bgs img {
  position: absolute;
}

.ab05-swiper .ab05-images .bgs .i0 {
  width: 4.05rem;
  height: 4.05rem;
  left: -.4rem;
  top: -1.1rem;
}

.ab05-swiper .ab05-images .bgs .i1 {
  width: 7.95rem;
  height: 7.95rem;
  bottom: 0;
  right: -3rem;
}

.ab05-swiper .ab05-images .k2 {
  position: absolute;
  left: calc(100% + 1.75rem);
  bottom: 0;
  opacity: .2;
  transform: scale3d(0.8, 0.8, 1);
  transform-origin: left bottom;
}

.ab05-images .k1,
.ab05-images .k2 {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab05-images.on .k1 {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab05-images.on .k2 {
  opacity: .1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ab-list-06 {
  min-height: 50.78125vw;
  padding-top: 2.85rem;
  padding-bottom: 1.5rem;
}

.ab-list-06 .ab06-titles {
  color: #06b0fe;
}

.ab-list-06 .ab06-texts {
  margin-top: 0.725rem;
  margin-bottom: 1.625rem;
  line-height: 1.875;
  color: #cccccc;
}

.ab06-list .uls {
  width: 100%;
  /*margin-left: 2%;*/
}
.ab06-list .uls{
  display: flex;
  justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}
/*.ab06-list .uls:nth-child(2n+1) {
  margin-left: 0;
}
*/
.ab06-list .lis-bots {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  padding: .8rem .75rem;
}

.ab06-list .lis-bots .tits,
.ab06-list .lis-bots .txts {
  padding-left: .85rem;
  position: relative;
}

.ab06-list .lis-bots .txts {
  margin-top: .8rem;
  line-height: 2.25;
}

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

.ab06-list .lis-bots .tits:before {
  position: absolute;
  content: "";
  width: .4rem;
  height: .5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/10-02.png) no-repeat center;
  background-size: 100%;
}

.ab06-list .lis-tops {
  /*opacity: 0;*/
  padding: .8rem .75rem;
}

.ab06-list .lis-tops .tits,
.ab06-list .lis-tops .txts {
  padding-left: .85rem;
  position: relative;
}

.ab06-list .lis-tops .txts {
  margin-top: .45rem;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5);
}

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

.ab06-list .lis-tops .tits:before {
  position: absolute;
  content: "";
  width: .4rem;
  height: .5rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/10-01.png) no-repeat center;
  background-size: 100%;
}

.ab06-list .lis {
  width: 49%;
  margin-right: 2%;
  position: relative;
  border: 1px solid rgba(158, 157, 159, 0.25);
  border-radius: .1rem;
  position: relative;
  cursor: pointer;
}
.ab06-list .lis:nth-child(2n){
  margin-right: 0;
}
.ab06-list .lis:nth-child(n+2) {
  /*margin-top: .4rem;*/
}

.ab06-list .lis:before {
  position: absolute;
  content: "";
  width: .75rem;
  height: .75rem;
  right: 0;
  bottom: 0;
  background: url(../img/jia.jpg) no-repeat center;
  background-size: 100%;
  z-index: 2;
}

.ab06-list .lis .lis-tops,
.ab06-list .lis .lis-bots {
  position: absolute;
  left: 0;
  top: 0;
}

.ab06-list .lis .bg {
  padding-top: 26%;
  /*padding-top: 44.8%;*/
}

.ab06-list .lis .bg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.ab-list-02 .words .texts {
  line-height: 1;
}

.con-footer {
  background: #222222;
}

.con-footer .footer-bottoms {
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
  border-top: 1px solid #393939;
  line-height: 2.285;
  color: rgba(255, 255, 255, 0.5);
}

.con-footer .footer-bottoms .wraps {
  justify-content: space-between;
}

.con-footer .footer-bottoms .wraps a {
  color: rgba(255, 255, 255, 0.5);
}

.con-footer .footer-cenetr {
  border-top: 1px solid #393939;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
}

.con-footer .footer-cenetr .wraps {
  justify-content: space-between;
}

.con-footer .footer-cenetr .wraps .lis {
  max-width: 33%;
  padding-left: 1.625rem;
  position: relative;
}

.con-footer .footer-cenetr .wraps .lis .icons {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .85rem;
  height: .85rem;
}

.con-footer .footer-tops {
  padding-top: 2.6rem;
  padding-bottom: 3rem;
}

.con-footer .footer-tops .images {
  width: 45%;
  padding-right: 1rem;
}

.con-footer .footer-tops .images .tits {
  line-height: 1;
}

.con-footer .footer-tops .images .txts {
  margin-top: .3rem;
  margin-bottom: .6rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.6);
}

.con-footer .footer-tops .images .imgs {
  width: 3.125rem;
  height: 3.125rem;
}

.con-footer .footer-tops .nav-list {
  width: 55%;
  justify-content: space-between;
}

.con-footer .footer-tops .nav-list a {
  display: block;
  color: rgba(255, 255, 255, 0.4);
}

.con-footer .footer-tops .nav-list .nav-tops {
  line-height: 1;
  color: #fff;
}

.con-footer .footer-tops .nav-list .li {
  line-height: 2.14;
}

.con-footer .footer-tops .nav-list .nav-bots {
  margin-top: .55rem;
}

.searchs-box .sears-tits {
  line-height: 1;
  padding-bottom: .8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 1.375rem;
  color: #ff0000;
}

.searchs-box .sears-linebox {
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: .65rem;
}

.searchs-box .sears-tits {
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}

.searchs-box {
  padding-top: 2.05rem;
  padding-bottom: 2rem;
}

.searchs-box .sears-tits input {
  background: transparent;
}

.searchs-titbox {
  position: relative;
}

.searchs-titbox:before {
  background: rgba(255, 255, 255, 0.2);
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  position: absolute;
}

.searchs-titbox .items {
  width: auto;
  line-height: 1;
  padding-top: .55rem;
  padding-bottom: .55rem;
  margin-right: 1.5rem;
  cursor: pointer;
  position: relative;
}

.searchs-titbox .items:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  background-color: #e60012;
}

.searchs-titbox .items.active {
  color: #e60012;
}

.searchs-titbox .items.active:before {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.searchs-titbox .items:last-child {
  margin-right: 0;
}

.searchs-titbox .items:before {
  position: absolute;
}

.wow2 {
  opacity: 0;
}

.con-banner {
  position: relative;
}

.con-banner .pro-btns {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.05rem;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
}

.banner-swiper .items {
  display: block;
  position: relative;
}

.banner-swiper .items .words {
  position: absolute;
  top: 6rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.c-swiper .swiper-pagination {
  width: 100%;
}

.c-swiper .swiper-pagination .swiper-pagination-bullet {
  width: .45rem;
  height: .45rem;
  background: white;
  opacity: 1;
  margin: 0 .2rem;
}

.c-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #06b0fe;
}

.banner-swiper {
  position: relative;
}

.banner-swiper .swiper-pagination {
  position: absolute;
  bottom: 1.5rem;
  z-index: 2;
}

.banner-swiper .words .tits {
  line-height: 1.2;
}

.banner-swiper .words .txts {
  margin-top: .3rem;
  line-height: 1.5;
  margin-bottom: 1.05rem;
}

.cs-mores {
  display: inline-block;
  vertical-align: top;
  background: url(../img/anniu.png) no-repeat center;
  background-size: 100% 100%;
  height: 1.3rem;
  line-height: 1.3rem;
  min-width: 5rem;
  padding-left: .9rem;
  padding-right: .75rem;
  color: #06b0fe;
  text-align: left;
}

.cs-mores:hover {
  color: #06b0fe;
}

.cs-mores span {
  display: block;
  position: relative;
}

.cs-mores span:before {
  position: absolute;
  content: "";
  width: .4rem;
  height: .3rem;
  background: url(../img/jt.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.banner-swiper .items .mvideo {
  position: relative;
}

.banner-swiper .items .mvideo:before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/vg.png) no-repeat center;
  background-size: 100%;
}

.home-list-01 {
  position: relative;
  overflow: hidden;
  background-color: #0f2342;
}

.home-list-01 .images {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.home-list-01 .images .k {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.home-list-01 .images .kbox {
  position: relative;
  padding-top: 78.125%;
  width: 100%;
}

.home-list-01 .words {
  min-height: 78.125vw;
  position: relative;
  z-index: 2;
  padding-top: 5.65rem;
  padding-bottom: 4rem;
}

.home-list-01 .texts-list {
  width: 36.125%;
}

.home-list-01 .texts-list .tits {
  line-height: 1.2;
  text-align: right;
}

.home-list-01 .texts-list .imgs {
  margin-top: 1.45rem;
  position: relative;
  cursor: pointer;
}

.home-list-01 .texts-list .imgs img {
  display: block;
  width: 100%;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.home-list-01 .texts-list .imgs:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/k.png) rgba(11, 19, 28, 0.53) no-repeat center;
  background-size: 1.5rem 1.5rem;
  opacity: 0;
  z-index: 2;
}

.home-list-01 .texts-list .imgs.vide:before {
  opacity: 1;
}

.home-list-01 .wens-list {
  width: 39.375%;
  margin-left: 4.375%;
  padding-top: 11.7rem;
}

.home-list-01 .wens-list .tits {
  line-height: 1;
  color: #06b0fe;
}

.home-list-01 .wens-list .txts {
  margin-top: .6rem;
  margin-bottom: 2.25rem;
  color: rgba(255, 255, 255, 0.25);
}

.home-list-01 .wens-list .uls {
  justify-content: space-between;
}

.home-list-01 .wens-list .uls .lis {
  line-height: 1;
}

.home-list-01 .wens-list .uls .nums {
  align-items: flex-end;
}

.home-list-01 .wens-list .uls .span {
  margin-right: .15rem;
}

.home-list-01 .wens-list .uls .txts {
  line-height: 1;
  margin-top: .2rem;
  color: rgba(255, 255, 255, 0.25);
}

.home-list-02 .items {
  position: relative;
}

.home-list-02 .items .words {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 2.9rem;
  color: #fff;
  text-align: center;
}

.home-list-02 .items .words .tits {
  line-height: 1;
}

.home-list-02 .items .words .txts {
  margin-top: .7rem;
  margin-bottom: 1rem;
  line-height: 1.875;
}

.home-list-02 .items .words .mores {
  line-height: 1;
  color: #06b0fe;
  text-align: center;
}

.home-list-02 .items .words .mores span {
  position: relative;
  padding-bottom: 1px;
}

.home-list-02 .items .words .mores span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #06b0fe;
}

.home-list-02 .swiper-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.875rem;
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent !important;
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet b {
  width: 0.85rem;
  height: 0.85rem;
  margin: 0 2px;
  border-radius: 50%;
  display: block;
  transform: scale3d(0.6, 0.6, 1);
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  box-shadow: 0 0 10px #06b0fe;
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  top: 1.05rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet-active b {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  transform: scale3d(1, 1, 1);
}

.home-list-03 {
  overflow: hidden;
  position: relative;
  /* min-height: 88.5416666667vw; */
  background-color: #061d3c;
}

.home-list-03 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.home-list-03 .wraps {
  position: relative;
  z-index: 2;
}

.home-list-03 .words {
  padding-top: 3.6rem;
}

.home-list-03 .words .txts {
  margin-top: .7rem;
  margin-bottom: 1.05rem;
}

.home-list-03 .words .txts {
  line-height: 2;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet span {
  opacity: 0;
  line-height: 1;
}

.home-list-02 .swiper-pagination .swiper-pagination-bullet-active span {
  opacity: 1;
}

.home03-swiper {
  margin-top: 10.625rem;
  padding-bottom: 3.75rem;
}

.home03-swiper .home03-left {
  width: 29.375%;
  position: relative;
  z-index: 2;
}

.home03-swiper .home03-left .tits {
  line-height: 1;
}

.home03-swiper .home03-left .txts {
  line-height: 1.66;
  margin-top: .7rem;
  margin-bottom: 1.1rem;
}

.home03-swiper .home03-right {
  width: 70.625%;
  position: relative;
  z-index: 1;
}

.home03-swiper .home03-right .swiper-scrollbar {
  height: .4rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: transparent;
}

.home03-swiper .home03-right .swiper-scrollbar .swiper-scrollbar-drag {
  background: linear-gradient(to right, transparent, #06b0fe);
}

.home03-swiper .home03-right .swiper-container {
  padding-bottom: 1.95rem;
  overflow: visible;
}

.home03-swiper .home03-right .items {
  width: 48%;
  height: 100%;
  margin-right: 4%;
  opacity: 0;
}

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

.home03-swiper .home03-right .items.swiper-slide-prev {
  opacity: 0;
  transition: 0.3s cubic-bezier(0.3, 0, 0.24, 1);
}

.home03-swiper .home03-right .items.swiper-slide-next,
.home03-swiper .home03-right .items.swiper-slide-active {
  opacity: 1;
}

.home03-swiper .home03-right .items.swiper-slide-next+.items {
  opacity: .2;
}

.home03-swiper .home03-right .items .wordtext {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  padding: .95rem 1.25rem;
}

.home03-swiper .home03-right .items .wordtext .times {
  line-height: 1;
  color: #06b0fe;
  margin-top: .95rem;
}

.home03-swiper .home03-right .items .wordtext .tits {
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home03-swiper .home03-right .items .imgs {
  position: relative;
  border-radius: .3rem;
  overflow: hidden;
}
.home03-swiper .home03-right .items .imgs img{
  width: 100%;
}
.home03-swiper .home03-right .items .imgs:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/h.png) ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.home03-swiper .home03-left {
  padding-right: 1%;
}

.home-list-01 .wens-list .uls .txts {
  margin-bottom: 2.75rem;
}

.home-list-04 {
  position: relative;
  overflow: hidden;
  background-color: #010411;
}

.home-list-04 .bgs {
  position: relative;
  padding-top: 42.7%;
}

.home-list-04 .bgs img {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.home-list-04 .words {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  transform: translateX(-50%);
  line-height: 1.23;
}

.home-list-04 .words .cs-mores {
  margin-top: 1.6rem;
}

.home-list-04 .words .hj {
  padding-top: 8.75%;
}

.home04-list {
  color: #fff;
}

.home04-list .texts {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 9.625rem;
  border: 1px solid rgba(6, 176, 255, 0.5);
  background: url(../img/k03.png) no-repeat center;
  background-size: cover;
  border-radius: .2rem;
  padding: .65rem .8rem;
}

.home04-list .texts .ctits {
  line-height: 1;
}

.home04-list .texts .ctxts {
  line-height: 1.5;
  margin-top: .35rem;
}

.home04-list .li {
  position: absolute;
  z-index: 0;
}

.home04-list .li.active {
  z-index: 3;
}

.home04-list .li.active .dian .span {
  background: url(../img/k02.png) #06b0fe no-repeat center;
  background-size: 100%;
}

.home04-list .li.active .dian .tits {
  opacity: 0;
}

.home04-list .li.active .texts {
  opacity: 1;
  visibility: visible;
}

.home04-list .li .dian {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.home04-list .li .dian .span {
  cursor: pointer;
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  background: url(../img/k01.png) #fff no-repeat center;
  background-size: 100%;
  box-shadow: 0 0 20px 1px white;
}

.home04-list .li .dian .tits {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.home04-list .li6 {
  left: 29.2%;
  bottom: 8%;
}

/* .home04-list .li2 {
  left: 44%;
  bottom: 39%;
  display: none;
 
}

.home04-list .li3 {
  left: 46%;
  bottom: 16%;
  display: none;
 
} */

.home04-list .li1 {
  left: 49%;
  bottom: 20%;
}

.home04-list .li2 {
  left: 53.2%;
  bottom: 26%;
}

.home04-list .li3 {
  left: 55%;
  bottom: 9%;
}

.home04-list .li4 {
  left: 73%;
  bottom: 29%;
   /* display: none; */
}

.home04-list .li5 {
  left: 73%;
  bottom: 7%;
  /* display: none; */
}

.home04-list .li7 {
  left: 44%;
  bottom: 39%;
  display: none;
 
}

.home04-list .li8 {
  left: 46%;
  bottom: 16%;
  display: none;
 
}

.con-banner .cs-texts {
  margin-top: 1.35rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.8);
}

.home-list-02 .items .words .mores {
  cursor: pointer;
}

.f-texts {
  display: none;
}

.f-texts .ftops-texts {
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  padding-top: 1.5rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  justify-content: space-evenly;
  flex-wrap: nowrap;
}

.f-texts .ftops-texts .li {
  padding: 0 1em;
}

.f-texts .ftops-texts .li-tops {
  line-height: 1.28;
}

.f-texts .ftops-texts .li-bots {
  margin-top: .55rem;
  line-height: 1.136;
}

.f-texts .close.mores {
  margin-top: .8rem;
}

.f-texts .close.mores span {
  padding-bottom: .2rem;
}

.f-texts .fbots-texts {
  margin-top: .25rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 .95rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.f-texts .fbots-texts .spans,
.f-texts .fbots-texts .i {
  line-height: .7rem;
}

.f-texts .fbots-texts .spans {
  width: 5em;
}

.f-texts .fbots-texts .li-boxs {
  width: calc(100% - 5em);
  padding-left: .75rem;
}

.f-texts .fbots-texts .li-boxs .i {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 1rem;
  padding-left: .6rem;
  position: relative;
  cursor: pointer;
}

.f-texts .fbots-texts .li-boxs .i.active:before {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #fff;
}

.f-texts .fbots-texts .li-boxs .i:before {
  position: absolute;
  content: "";
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background-color: transparent;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.ablist .list {
  position: relative;
}

.ablist .list .ab {
  position: absolute;
  left: 0;
  top: -2.5rem;
}

.ab-list-06 .ab06-list .lis .lis-bots {
  width: 100%;
}

.home04-list .li.active .texts {
  pointer-events: auto;
}

.con-right-fixeds {
  position: fixed;
  z-index: 100;
  right: 1rem;
  bottom: 10%;
  color: #fff;
  cursor: pointer;
}

.con-right-fixeds .txts {
  line-height: 1;
  margin-top: .25rem;
}

.con-right-fixeds .btns {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background: url(../img/back.png) no-repeat center;
  background-size: 100%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 auto;
}

.prolist-left-fixed {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  color: #fff;
  width: 3.4rem;
}

.prolist-left-fixed .txts {
  opacity: 0;
  position: absolute;
  padding-right: .375rem;
  text-align: right;
  width: 100%;
  line-height: 1;
  top: -.5em;
}

.prolist-left-fixed .li {
  position: relative;
  cursor: pointer;
}

.prolist-left-fixed .line {
  position: relative;
  padding-top: .25rem;
}

.prolist-left-fixed .line:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 1rem;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.prolist-left-fixed .li.active .line {
  padding-top: .75rem;
}

.prolist-left-fixed .li.active .line:before {
  width: 100%;
  height: .55rem;
  left: 0;
  bottom: .1rem;
  background-color: #06b0fe;
}

.prolist-left-fixed .li.active .txts {
  opacity: 1;
}

.home-list-02 .items .words {
  z-index: 2;
}

.home-list-02 .items .imgs {
  position: relative;
}

.ajax-img-videos {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.ajax-img-videos .poab {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  object-fit: cover;
}

.ajax-img-videos video.poab {
  z-index: 2;
}

.bocweb-header-right .langs-bots {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 0px;
  padding-bottom: 0.2rem;
  border-radius: 0.525rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}

.m-video-tk {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/m-videos.png) rgba(0, 0, 0, 0.1) no-repeat center;
  background-size: 1.5rem 1.5rem;
  cursor: pointer;
  display: none;
  pointer-events: none;
  visibility: hidden;
}

.prolist-left-fixed {
  display: none;
}

.f-videos {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/m-videos.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  margin-top: 2rem;
  display: none;
}

/*.joinsus-list-01{
	position: relative;
	&:before{
		position:absolute;
		content:"";
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.15);
		left: 0;
		top: 0;
		z-index: 1;
	}
	.wraps{
		position: relative;
		z-index: 2;
	}
}*/
.joinsus-list-02 .bg-05 {
  display: none;
}

.joinsus-listbox.bgtop {
  background-size: 100%;
  background-color: #061d3c;
}

.joins-forms .tr.active .tr-tops {
  background-color: #06b0fe;
  color: #fff;
}

.ab-list-02 .images:before {
  z-index: 2;
}

.ab-list-02 .words {
  z-index: 2;
}

.home-list-01 .images .k {
  /* object-fit: cover; */
}

#wave {
  min-height: 90%;
  pointer-events: none;
}

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

.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: .5s ease-in-out;
  color: #666666;
  box-sizing: content-box;
  margin: 0 3px;
  background: #fff;
}

.pagination a.active {
  background: #06b0fe;
  color: #fff;
  transition: .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;
  text-indent: -999px;
  overflow: hidden;
}

.pagination a.prev,
.pagination a[rel=prev] {
  overflow: hidden;
  background: url(../img/p.png) #fff no-repeat center;
  background-size: 100%;
}

.pagination a.next,
.pagination a[rel=next] {
  overflow: hidden;
  background: url(../img/r.png) #fff no-repeat center;
  background-size: 100%;
}

@media (min-width: 1025px) {
  .pagination a:hover {
    background-color: #06b0fe;
    color: #fff;
    transition: .5s ease-in-out;
  }

  .pagination a.prev:hover,
  .pagination a[rel=prev]:hover {
    color: #fff;
    background: url(../img/p1.png) #06b0fe no-repeat center;
    background-size: 100%;
  }

  .pagination a.next:hover,
  .pagination a[rel=next]:hover {
    color: #fff;
    background: url(../img/r1.png) #06b0fe 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 .1rem;
  }
}

@media (max-width: 1024px) {
  .pagination a {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
  }

  .pagination a.next,
  .pagination a[rel=next] {
    padding-right: .35rem;
    padding-left: 0.35rem;
  }

  .pagination a.prev,
  .pagination a[rel=prev] {
    padding-right: .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: .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: .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: .2rem;
    top: -1.2rem;
    width: 1rem;
    height: 1rem;
  }
}

/**/
.m-header .welcome-a img {
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.m-searchs {
  margin-left: .5rem;
  margin-right: .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: .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: #06b0fe;
}

.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: .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: .5s ease-in-out;
}

.m-header .w-header.fixed .nav-sousuo svg path {
  fill: #333;
  transition: .5s ease-in-out;
}

.m-header .welcome-a {
  display: block;
  height: 100%;
  line-height: 50px;
  position: relative;
}

.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: .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: .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: #06b0fe;
  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: #06b0fe;
  color: #fff;
  padding-top: .5rem;
  padding-bottom: .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: .25rem;
  height: .25rem;
  left: .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: .5s ease-in-out;
  }

  .m-header .nav-btn.hover .line {
    transition: .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: .8rem;
  height: 50px;
  margin-left: .5rem;
}

.m-header .w-header .con-searchs img {
  display: block;
}

.m-header .w-header .langs-a {
  width: .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;
}

.bocweb-header-right .langs .langs-tops {
  border-radius: .525rem;
}

@media (min-width: 1025px) {
  .home-list-01 .images .kbox {
    height: 100%;
  }

  .newsbox .lists .li:hover .tits,
  .newsbox .lists .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

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

  .bocweb-header-right .langs:hover .langs-tops {
    border-radius: .525rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .bocweb-header-right .link,
  .bocweb-header-right .link:hover,
  .bocweb-header-right .link img,
  .bocweb-header-right .link:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .bocweb-header-right .link:hover {
    background: #06b0fe;
    border: 1px solid #06b0fe !important;
  }

  .bocweb-header-right .link:hover .i0 {
    opacity: 1 !important;
  }

  .bocweb-header-right .link:hover .i1 {
    opacity: 0 !important;
  }

  .bocweb-header-right .langs-bots .i:hover {
    color: #fff;
    background-color: #06b0fe;
  }

  .home-list-02 .items .words .mores span:hover,
  .home-list-02 .items .words .mores span:hover:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .home-list-02 .items .words .mores span:hover {
    color: #ff0000;
  }

  .home-list-02 .items .words .mores span:hover:before {
    background-color: #ff0000;
  }

  .prolist-left-fixed .li:hover .line:before {
    background-color: #06b0fe;
  }

  .home-list-02 .items .imgs .bg {
    padding-top: 50.78125%;
    position: relative;
    overflow: hidden;
  }

  .home-list-02 .items .imgs .bg video.imgspc,
  .home-list-02 .items .imgs .bg img.pcbox {
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    left: 0;
    top: 0;
  }

  .home03-swiper .home03-right .items .imgs {
    overflow: hidden;
  }

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

  .home03-swiper .home03-right .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .home04-list .li .dian:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .home04-list .li .dian:hover .span {
    background: url(../img/k02.png) #06b0fe no-repeat center;
    background-size: 100%;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-right-fixeds .btns,
  .con-right-fixeds .txts {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-right-fixeds:hover .txts {
    color: #06b0fe;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-right-fixeds:hover .btns {
    border-color: #06b0fe;
    background-color: #06b0fe;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-banner .con-title-btns .items,
  .con-banner .con-title-btns .items:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-banner .con-title-btns .items:hover {
    color: #06b0fe;
  }

  .con-banner .con-title-btns .items:hover:before {
    opacity: 1;
  }

  .interinfo-bots .btns .a {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .interinfo-bots .btns .a:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #06b0fe;
  }

  .joinsus-list-01 .items .images img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joinsus-list-01 .items .images:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .joinsus-list-04 .li.submit .subs,
  .joinsus-list-04 .li.submit .subs:hover,
  .applybox .close,
  .applybox .close:hover,
  .applybox .apply,
  .applybox .apply:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joinsus-list-04 .li.submit .subs:hover,
  .applybox .close:hover,
  .applybox .apply:hover {
    transform: translateY(-5px);
  }

  .ajax-btns .span:before,
  .ajax-btns .span:hover:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ajax-btns .span:hover:before {
    transform: translateY(-5px);
  }

  .joinsus-forms-tops .li input[type=submit] {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .joinsus-forms-tops .li input[type=submit]:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #ff0000;
  }

  .interinfo-bots .back,
  .cons-mores {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .interinfo-bots .back:hover,
  .cons-mores:hover {
    transform: translateY(-5px);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .newsbox .lists .li img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .newsbox .lists .li .tits,
  .newsbox .lists .li .imgs {
    overflow: hidden;
  }

  .newsbox .lists .li:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .newsbox .lists .li:hover .tits,
  .newsbox .lists .li:hover .btns {
    color: #06b0fe;
  }

  .newsbox .lists .spans .btns {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .sci01-swiper .wraps .imgs {
    overflow: hidden;
  }

  .sci01-swiper .wraps:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

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

  .sci01-swiper .swiper-button-next:hover:before {
    background: url(../img/1-14.png) no-repeat center;
    background-size: 100%;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .sci-list-03 .items {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

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

  .sci-list-03 .items:hover .img img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

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

  .menu-swiper .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .c-swiper .swiper-button-next:hover {
    background-image: url(../img/2-02.png);
  }

  .c-swiper .swiper-button-prev:hover {
    background-image: url(../img/2-01.png);
  }

  .manu03-botswiper .images .imgs {
    overflow: hidden;
  }

  .manu03-botswiper .images img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .manu03-botswiper .images:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .bocweb-header .nav .nav-tops {
    display: block;
  }

  .bocweb-header .nav .nav-tops:hover,
  .bocweb-header .nav .nav-tops.active {
    color: #06b0fe;
  }

  /* .bocweb-header .nav .nav-bots a:hover,
  .bocweb-header .nav .nav-bots a.active {
    background-color: #06b0fe;
    color: #fff;
  } */
  .bocweb-header .nav .nav-bots a:hover {
    background-color: #06b0fe;
    color: #fff;
  }
  .ab04-list .li .text,
  .ab04-list .li .icons {
    transition: 0.5s;
  }

  .ab04-list .li:hover .text .dian {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  .ab04-list .li:hover .text .b {
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }

  .ab04-list .li:hover .txts {
    opacity: 1;
  }

  .ab04-list .li:hover .icons {
    opacity: .2;
    transform: scale3d(1, 1, 1) translateY(0);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab04-list .li:hover .text {
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab04-list .li.on:hover .text {
    color: rgba(0, 0, 0, 0.5);
  }

  .ab-list-05 .ullist .lis .span,
  .ab-list-05 .ullist .lis .span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab-list-05 .ullist .lis:hover .span {
    font-size: inherit;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab-list-05 .ullist .lis:hover .span:before {
    height: 2px;
    background: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab06-list .lis .bg img,
  .ab06-list .lis:hover .bg img,
  .ab06-list .lis .bg,
  .ab06-list .lis:hover .bg {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab06-list .lis:hover .lis-bots {
    opacity: 1;
    visibility: visible;
  }

  .ab06-list .lis:hover .lis-tops {
    opacity: 0;
    visibility: hidden;
  }

  .ab06-list .lis:hover .bg {
    padding-top: 44.8%;
  }

  .ab06-list .lis:hover .bg img {
    opacity: 1;
  }

  .ab02-wraps .images {
    overflow: hidden;
  }

  .ab02-wraps .images img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab02-wraps:hover .images img {
    transform: scale3d(1.05, 1.05, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

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

  .con-footer .footer-bottoms .wraps a:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
  }

  .con-footer .footer-tops .nav-list a {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-footer .footer-tops .nav-list:hover a {
    color: rgba(255, 255, 255, 0.4);
  }

  .con-footer .footer-tops .nav-list:hover a:hover {
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .home-list-01 .texts-list .imgs {
    overflow: hidden;
  }

  .home-list-01 .texts-list .imgs:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .ab06-list .lis:hover .lis-tops,
  .ab06-list .lis:hover .lis-bots,
  .ab06-list .lis .lis-tops,
  .ab06-list .lis .lis-bots {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .banner-swiper .items {
    position: relative;
    /*5078125*/
  }

  .banner-swiper .items .images {
    padding-top: 50.78125%;
    position: relative;
  }

  .banner-swiper .items .images .imgspc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
  }

  .cs-mores span:before,
  .cs-mores:hover span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .cs-mores:hover span:before {
    transform: translate(5px, 0);
  }

  .con-banner .cs-texts {
    width: 10.5rem;
  }

  .joins-forms .tr:hover .tr-tops {
    background-color: #06b0fe;
    color: #fff;
  }

  .joins-forms .tr .tr-tops {
    cursor: pointer;
  }

  .joins-forms .tr .tr-tops,
  .joins-forms .tr:hover .tr-tops {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .f-texts .fbots-texts .li-boxs .i:hover:before {
    background-color: rgba(255, 255, 255, 0.5);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    border-color: #fff;
  }
}

.con-footer .footer-cenetr .wraps .lis .tits,
.con-footer .footer-cenetr .wraps .lis .txts {
  line-height: 1.5625;
}

.ab06-list .lis {
  /*width: 100%;*/
}

@media (max-width: 1681px) {
  .home-list-04 .words .hj {
    padding-top: 7.5%;
  }

  .home-list-01 .texts-list {
    width: 38%;
  }

  .home-list-04 .words {
    line-height: 1.1;
  }

  .home-list-04 .words .cs-mores {
    margin-top: 1.2rem;
  }

  .prolist-left-fixed {
    width: 4rem;
  }

  .ab06-list .lis-bots .txts {
    line-height: 1.6;
  }
}

@media (max-width: 1024px) {
  .prolist-left-fixed .txts {
    display: none;
  }

  .prolist-left-fixed {
    width: 1rem;
  }

  .con-right-fixeds .txts {
    color: #06b0fe;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .con-right-fixeds .btns {
    border-color: #06b0fe;
    background-color: #06b0fe;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .f-texts .fbots-texts .li-boxs .i:before {
    width: .4rem;
    height: .4rem;
  }

  .f-texts .fbots-texts .li-boxs {
    width: 100%;
    margin-top: .5rem;
    padding-left: 0;
  }

  .f-texts .fbots-texts .spans {
    width: 100%;
    text-align: left;
  }

  .con-banner .cs-texts {
    width: 85%;
  }

  .home04-list .swiper-pagination {
    line-height: 1;
    margin-top: 1rem;
  }

  .home04-list .li {
    left: auto;
    bottom: auto;
    width: 32%;
    margin-right: 2%;
  }

  .home04-list .texts {
    width: 100%;
  }

  .home04-list {
    margin-top: 2rem;
    padding-bottom: 3rem;
  }

  .home04-list .texts {
    position: static;
    pointer-events: auto;
    visibility: visible;
  }

  .home-list-04 .words {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    z-index: 2;
  }

  .home-list-04 .bgs {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
  }

  .home04-list .li {
    position: static;
  }

  .home04-pclist {
    display: none;
  }

  .con-footer .footer-tops .images {
    width: 100%;
    padding-right: 0;
  }

  .con-footer .footer-bottoms .wraps .lefts,
  .con-footer .footer-bottoms .wraps .rights {
    width: 100%;
    line-height: 1.5;
  }

  .con-footer .footer-cenetr .wraps .lis {
    max-width: 100%;
    width: 100%;
  }

  .con-footer .footer-cenetr .wraps .lis:nth-child(n+2) {
    margin-top: .5rem;
  }

  .con-footer .footer-tops .nav-list {
    display: none;
  }

  .ab06-list .lis {
    width: 49%;
    margin-left: 2%;
  }

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

  .ab06-list .lis:nth-child(n+2) {
    margin-top: 0;
  }

  .ab06-list .lis:nth-child(n+3) {
    margin-top: .4rem;
  }

  .ab-list-06 .ab06-list .lis .lis-bots {
    opacity: 1;
    visibility: visible;
  }

  .ab-list-06 .ab06-list .lis .lis-tops {
    opacity: 0;
    visibility: hidden;
  }

  .ab-list-06 .ab06-list .lis .bg {
    padding-top: 65%;
  }

  .ab-list-06 .ab06-list .lis .bg img {
    opacity: 1;
  }

  .ab06-list .lis-bots .txts {
    line-height: 1.25;
  }

  .ab04-list .li:nth-child(1),
  .ab04-list .li:nth-child(4) {
    transform: translateY(2.5rem);
  }

  .w1400,
  .w1600 {
    width: 92%;
    max-width: 92%;
  }

  .joinsus-list-04 .forms {
    width: 80%;
  }

  .newsbox .lists .tits {
    line-height: 1rem;
    height: 1rem;
  }

  .newsbox .lists .txts {
    line-height: .8rem;
    height: 1.6rem;
  }

  .sci-list-03 .items .imgs,
  .sci-list-03 .items .words {
    width: 100%;
  }

  .sci-list-03 .words .tits {
    border: none;
    padding: 1rem 0;
    text-align: center;
  }

  .c-swiper .swiper-button-prev {
    left: .5rem;
  }

  .c-swiper .swiper-button-next {
    right: .5rem;
  }

  .c-swiper .swiper-button-next {
    background-image: url(../img/2-02.png);
  }

  .c-swiper .swiper-button-prev {
    background-image: url(../img/2-01.png);
  }
}

@media (max-width: 1024px) {
  .f-videos {
    display: block;
  }

  /*daxiao*/
  .joinsus-forms-tops .li .li-tops,
  .joinsus-forms-tops .li input[type=text],
  .applybox .apply {
    height: 1.5rem;
    line-height: 1.5rem;
  }

  .joinsus-list-04 .li.submit .subs .spans,
  .joinsus-list-04 .li .sel-tops,
  .joinsus-list-04 .li input[type=text] {
    height: 1.75rem;
    line-height: 1.75rem;
  }

  .joinsus-list-04 .li.yzm img {
    height: 1.75rem;
  }

  .joinsus-forms-tops .li .li-bots {
    top: 1.5rem;
  }

  .ab04-list .li .text,
  .ab04-list .li .icons {
    transition: 0.5s;
  }

  .ab04-list .li .text .dian {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  .ab04-list .li .text .b {
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }

  .ab04-list .li .txts {
    opacity: 1;
  }

  .ab04-list .li .icons {
    opacity: .2;
    transform: scale3d(1, 1, 1) translateY(0);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab04-list .li .text {
    color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .ab04-list .li.on .text {
    color: rgba(0, 0, 0, 0.5);
  }

  .home-list-01 .wens-list {
    width: 60%;
    margin-left: 2%;
  }

  .home-list-01 .wens-list .txts {
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  .interinfo-bots .back span {
    line-height: 1.5rem;
    height: 1.5rem;
  }

  .interinfo-bots .back span:before {
    width: .45rem;
    height: .45rem;
  }

  .con-footer .footer-tops .images {
    text-align: center;
  }

  .con-footer .footer-tops .images .txts {
    line-height: 1.5;
  }

  .con-footer .footer-tops .images .imgs {
    width: 4rem;
    height: 4rem;
    margin: auto;
  }

  .con-banner .cs-texts {
    width: 100%;
  }

  .ab06-list .lis:nth-child(n+2) {
    margin-top: .4rem;
  }

  .ab06-list .lis:nth-child(n+3) {
    margin-top: .4rem;
  }

  .ab06-list .lis-bots .txts {
    line-height: 1.5;
  }

  .home-list-01 .wens-list .uls .txts {
    margin-bottom: 1.65rem;
  }

  .home-list-01 .words {
    padding-top: 3.25rem;
  }

  .cs-mores {
    height: 1.6rem;
    line-height: 1.6rem;
  }

  .home03-swiper .home03-right .items .wordtext {
    padding: .5rem 1rem;
  }

  .home03-swiper {
    margin-top: 2rem;
  }

  .home03-swiper .home03-right {
    width: 100%;
    margin-top: 1rem;
  }

  .home03-swiper .home03-left,
  .home-list-03 .words .txts {
    width: 100%;
  }

  .home-list-01 .wens-list {
    padding-top: 2rem;
  }

  .home-list-01 .wens-list,
  .home-list-01 .texts-list {
    width: 100%;
    margin-left: 0;
  }

  .home-list-04 .words .hj {
    padding-top: 10%;
  }

  .home04-list .li {
    width: 75%;
    height: auto;
  }

  .home-list-02 .items .words .txts {
    line-height: 1.5;
  }

  .home04-list {
    margin-top: 1.25rem;
    padding-bottom: 4rem;
  }

  .con-footer .footer-tops {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }

  .banner-swiper .words .tits {
    font-size: 2rem;
  }

  .ab06-list .lis {
    width: 100%;
    margin-left: 0;
  }

  .ab06-list .lis,
  .ab06-list .uls {
    width: 100%;
    margin-left: 0;
  }

  .ab05-swiper .ab05-texts .swiper-slide {
    padding-left: 1rem;
  }

  .ab04-list .li {
    width: 100%;
    margin-left: 0;
    transform: none !important;
  }

  .ab04-list .li:nth-child(n+2) {
    margin-top: 1rem;
  }

  .ab-list-01 {
    padding-bottom: 2.5rem;
  }

  .ab-list-01 .titles,
  .ab-list-01 .words {
    width: 100%;
  }

  .ab-list-01 .titles {
    padding-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .ab-list-04 .texts {
    width: 100%;
  }

  .ab-list-02 .images img {
    height: 50vh;
  }

  .ab03-swiper .items .tit-nums {
    display: none;
  }

  .ab03-swiper .items .words {
    width: 100%;
  }

  .ab03-swiper .items .words .li2 {
    width: 100%;
    margin-top: .25rem;
  }

  .ab03-swiper .items .words .li1 {
    width: 100%;
  }

  .tables-list .td2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .manu03-botswiper .words {
    width: 100%;
    padding-left: 0;
    margin-top: .5rem;
  }

  .manu03-botswiper .images {
    width: 100%;
  }

  .menu-swiper.manu04-swiper .swiper-slide,
  .menu-swiper .swiper-slide {
    width: 100%;
    margin-right: 2%;
  }

  .sis-list-02 {
    padding-top: 2.25rem;
    padding-bottom: 3rem;
  }

  .sis-list-03 .words {
    padding-top: 2.5rem;
    color: #000;
    position: static;
    transform: none;
  }

  .sis-list-03 .words .sis-titles {
    padding-bottom: 1rem;
  }

  .sis-list-02 .sis02-list {
    margin-top: 1.75rem;
  }

  .sis-list-02 .sis-titles .w50 {
    width: 100%;
  }

  .sis02-list .lis {
    width: 100%;
  }

  .sis-list-01 .tableslist {
    width: 100%;
  }

  .sci-list-01 .sci01-swiper {
    margin-top: 2.5rem;
  }

  .sci01-swiper .items {
    width: 46%;
  }

  .sci-list-03 {
    padding-top: 2.25rem;
    padding-bottom: 3.25rem;
  }

  .sci-list-03 .items:nth-child(n+2) {
    margin-top: 1.25rem;
  }

  .sci-list-02 .cons-titles {
    top: 12%;
  }

  .sciplay02 .imgbox img {
    max-width: none;
    width: 150%;
    margin-left: -25%;
  }

  .newsbox .lists {
    padding-bottom: 1.75rem;
  }

  .newsbox {
    padding-bottom: 3.25rem;
  }

  .newsbox .lists .words {
    padding-left: 0;
  }

  .newsbox .lists .words,
  .newsbox .lists .imgs {
    width: 100%;
  }

  .ajax-btns .span:before {
    width: 6px;
    height: 11px;
  }

  .newsbox .lists .li {
    padding-top: 1.25rem;
    padding-bottom: 1.35rem;
  }

  .newsbox .lists .spans {
    margin-top: 1.25rem;
  }

  .ajax-btns .span {
    padding-top: 16px;
  }

  .cons-swiper .swiper-pagination {
    margin-top: 1.5rem;
  }

  .joinsus02-swiper .words .wens {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .joinsus-list-01 .items1 .words .txts {
    line-height: 1.45;
  }

  .con-banner .words .cs-txts .spans {
    font-size: 90%;
  }

  .joinsus-list-01 .items2 .words .tits,
  .joinsus-list-01 .items2 .words .txts {
    padding-right: 0;
  }

  .joinsus-list-01 {
    padding-bottom: 2.25rem;
  }

  .joinsus-list-01 .items2 .words .line {
    margin-top: 1.25rem;
  }

  .joinsus-list-01 .items1 .words {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .con-banner .con-title-btns .items {
    width: 25%;
  }

  .joinsus-list-04 .li.yzm img {
    left: auto;
    right: 0;
  }

  .joinsus-list-04 .li {
    width: 100%;
    margin-left: 0;
  }

  .joinsus-list-04 .forms {
    width: 100%;
  }

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

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

  .joinsus-forms-tops .li:nth-child(n+2) {
    margin-left: 2%;
  }

  .joinsus02-swiper .words {
    padding-left: 0;
  }

  .joinsus02-swiper .items .words,
  .joinsus02-swiper .items .imgs {
    width: 100%;
  }

  .joinsus-list-01 .items:nth-child(n+2) {
    margin-top: 1.5rem;
  }

  .joinsus-forms-tops .li {
    width: 49%;
    margin-left: 2%;
  }

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

  .joinsus-forms-tops .li.inputs {
    width: 100%;
    margin-top: .5rem;
  }

  .joinsus-list-01 .items1 .words {
    position: static;
    min-height: 0;
    display: block;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .joinsus-list-01 .items2 .words {
    padding-top: 1.5rem;
  }

  .joinsus-list-01 .items2 .images,
  .joinsus-list-01 .items2 .words,
  .joinsus-list-01 .items1 .words,
  .joinsus-list-01 .items1 .images {
    width: 100%;
  }

  .joinsus-list-01 .items2 {
    display: block;
  }

  .joinsus02-swiper .items {
    width: 100%;
  }

  .home03-swiper .home03-right .items {
    width: 75%;
  }
}

.video-fixed {
  z-index: 9999 !important;
}

.ab04-list .li:last-child .tits {
  color: #000;
}

.ab04-list .li:last-child .txts {
  color: #8b8b8b;
  opacity: 1;
}

.ab04-list .li:last-child .text {
  color: #8b8b8b;
}

.ab05-swiper .ab05-texts {
  width: 37%;
}

.ab05-swiper .ab05-images {
  width: 63%;
  padding-left: 7rem;
}

.ab06-list .lis:hover:before{
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */
@media (max-width: 768px) {
  .home04-list {
    padding-bottom: 8rem;
  }

  .ab-list-01 .titles .tits img {
    z-index: -1;
  }

  .ab-list-01 .uls .b {
    color: #fff;
  }

  .ab-list-01 .uls .right {
    opacity: 1;
  }

  .ab03-titbox .line {
    display: none;
  }

  .ab03-titbox:after {
    display: none;
  }

  .c-swiper .swiper-button-next {
    display: none;
  }

  .ab03-swiper .swiper-pagination {
    margin-top: .5rem;
    position: relative;
  }

  .ab04-list .li .bgs {
    padding-top: 65%;
  }

  .ab04-list .li .icons {
    bottom: 0.2rem;
    width: 20%;
    position: absolute;
    left: auto;
    right: .2rem;
    margin: auto;
  }

  .ab05-swiper .ab05-images {
    padding-left: 0;
    width: 44.64%;
  }

  .ab05-swiper .ab05-texts {
    width: 55.36%;
    height: 15rem;
  }
  .ab06-list .lis:before{
    display: none;
  }
  .sis-list-01 .tableslist{
    background-color: rgba(6,176,254,0.53);
  }
}

.joinsus02-swiper .swiper-button-next{
  right: 6% !important;
  top: 45% !important;
  background-size: 17px 44px;
}
.joinsus02-swiper .swiper-button-prev{
 left: 6% !important;
 top: 45% !important;
 background-size: 17px 44px;
}


.tran-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.job-doilg {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	display: none;
  }
  
  .job-doilg .mak {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
  }
  
  .job-doilg .box {
  
   
	z-index: 3;
	border-radius: 20px;
	overflow: hidden;
  }
  
  .job-doilg .box .top {
	background: #06b0fe;
  
	padding: .8rem 0;
	text-align: center;
	color: #fff;
	font-weight: 500;
	color: #FFFFFF;
	font-size: .8rem;
	line-height: 1;
  }
  
  .job-doilg .box .from {
	width: 100%;
	padding: 0 1.85rem 1.5rem;
	background-color: #fff;
  }
  
  .job-doilg .box .from .fddx {
	width: 100%;
	display: flex;
	padding: .5rem 0;
	align-items: center;
  }
  
  .job-doilg .box .from .fddx .li {
	width: calc((100% - 1rem) / 2);
	display: flex;
	align-items: center;
  }
  
  .job-doilg .box .from .fddx .li .tit {
	line-height: 1;
	font-weight: 500;
	color: #333333;
	font-size: 18px;
	white-space: nowrap;
  }
  
  .job-doilg .box .from .fddx .li .txt {
	width: 100%;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid rgba(158, 157, 159, .5);
  
	margin-left: .5rem;
	line-height: 36px;
	padding: 0 0.5rem;
	position: relative;
  }
  
  .job-doilg .box .from .fddx .li .txt span {
	position: absolute;
	right: .5rem;
	top: 50%;
	font-size: 26px;
	line-height: 1;
	transform: translateY(-50%);
	color: red;
	margin-top: 5px;
  }
  
  .job-doilg .box .from .fddx .li:nth-child(2n) {
	margin-left: 1rem;
  }
  
  .job-doilg .box .from .text textarea {
	height: 4.975rem;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(158, 157, 159, .5);
	padding: 0.5rem;
	font-size: 16px;
  
  }
  
  .job-doilg .fddx {
	position: relative;
  }
  
  .job-doilg .fddx .t1 {
	font-weight: 500;
	color: #333333;
	font-size: 18px;
	line-height: 1;
  }
  
  .job-doilg .fddx .t1 span {
	color: red;
  }
  
  .job-doilg .fddx .fbtn {
	padding: .25rem 0;
	background: #F7F7F7;
	border: 1px solid #E5E5E5;
	color: #333333;
	font-size: 18px;
	line-height: 1;
	margin: 0.5rem;
	width: 4rem;
	cursor: pointer;
	position: relative;
  }
  
  .job-doilg .fddx .fbtn input {
	width: 100%;
	height: 100%;
	cursor: pointer;
  }
  
  .job-doilg .mass {
	color: #333333;
	font-size: 18px;
	line-height: 1;
  }
  
  .job-doilg .fddx .tip {
	line-height: 1;
	position: absolute;
	bottom: 0.2rem;
	left: 60px;
	font-size: 16px;
	color: #999999;
  }
  
  .job-doilg .bot {
	width: 100%;
	display: flex;
	padding: .5rem 0;
	align-items: center;
	justify-content: space-between;
  }
  
  .job-doilg .bot .li {
	width: 10.75rem;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid rgba(158, 157, 159, .5);
	display: flex;
	align-items: center;
  }
  
  .job-doilg .bot .li .lab {
	width: 1.45rem;
	height: 100%;
	position: relative;
  }
  
  .job-doilg .bot .li .lab::after {
	content: "";
	width: 1px;
	height: 30px;
	background: #333333;
	opacity: 0.2;
	position: absolute;
	top: 12px;
	right: 0;
  }
  
  .job-doilg .bot .li input {
	padding: 0 0.5rem;
	font-size: 18px;
  }
  
  .job-doilg .bot .submit {
	width: 162px;
	height: 54px;
	background: #06b0fe;
	box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.2);
	border-radius: 2px;
	color: #fff;
	font-size: 22px;
	margin-left: 158px;
  border-radius: 5px;
  }
  
  .job-doilg .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	transition: all 0.5s;
  }
  
  .job-doilg .close:hover {
	transform: rotate(180deg);
  }