/*.scroll-animate {
  opacity: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateY(100px) scale(1.1);
  transform: translateY(100px) scale(1.1);
  transition: opacity 0.8s linear 0.1s, -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s linear 0.1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s linear 0.1s, filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.scroll-animate.animated {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}*/

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

.oswald {
  font-family: "oswald";
}

body.onoff .pc-header {
  background-color: #fff;
}

body.onoff .pc-header .op1 {
  opacity: 0;
}

body.onoff .pc-header .op2 {
  opacity: 1;
}

body.onoff .pc-header .right-btn .nav .li .tit a {
  color: #000;
}

body.onoff header .pc-header .right-btn .litip .icon {
  fill: #000;
}

body.onoff header .pc-header .col-fff {
  color: #000;
}

body.onoff .pc-header .right-btn .numlist .li::after {
  background-color: #000;
}

body.onoff .pc-header .right-btn .litip:hover {
  color: #000;
}

body.onoff .pc-header .right-btn .nav .li .tit a:hover {
  color: #0DA9CD;
}

div.h100 {
  height: 100px;
}

body.onoff header {
  /*position: relative;*/
}

.banner-pagination .swiper-pagination-bullet:before{
	transition:none;
}
.banner-pagination .swiper-pagination-bullet-active:before{
	transition:2s ease-in-out;
}

.banner-pagination .swiper-pagination-bullet{
	background-color: rgba(255,255,255,.2);
	opacity: 1;
	position: relative;
}

.banner-pagination .swiper-pagination-bullet:before{
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	content:"";
	background-color: #fff;
}
.banner-pagination .swiper-pagination-bullet-active:before{
	width: 100%;
}
.pagination {
  font-size: 0;
}

.cpage {
  margin: 0;
  padding: 0;
  display: block;
}

.cpage a {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 16px;
}
.cpage a.next, .cpage a[rel=next], .cpage a.prev, .cpage a[rel=prev] {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.cpage a.prev, .cpage a[rel=prev] {
  background-image: url(../img/imgbox/prev.png);
}
.cpage a.next, .cpage a[rel=next] {
  background-image: url(../img/imgbox/next.png);
}

@media (min-width: 1025px) {
  .page a.prev:hover, .page a[rel=prev]:hover {
    background-image: url(../img/imgbox/prev1.png);
  }
  .page a.next:hover, .page a[rel=next]:hover {
    background-image: url(../img/imgbox/next1.png);
  }
}
@media (max-width: 1024px) {
  .page a {
    font-size: 14px;
    width: 30px;
    line-height: 30px;
    height: 30px;
  }
}
body.onactives2 .pc-header,
body.onactives .pc-header {
  background-color: #fff;
}

body.onactives2 .pc-header .op1,
body.onactives .pc-header .op1 {
  opacity: 0;
}

body.onactives2 .pc-header .op2,
body.onactives .pc-header .op2 {
  opacity: 1;
}

body.onactives2 .pc-header .right-btn .nav .li .tit a,
body.onactives .pc-header .right-btn .nav .li .tit a {
  color: #000;
}

body.onactives2 header .pc-header .right-btn .litip .icon,
body.onactives header .pc-header .right-btn .litip .icon {
  fill: #000;
}

body.onactives2 header .pc-header .col-fff,
body.onactives header .pc-header .col-fff {
  color: #000;
}

body.onactives2 .pc-header .right-btn .numlist .li::after,
body.onactives .pc-header .right-btn .numlist .li::after {
  background-color: #000;
}

body.onactives2 .pc-header .right-btn .litip:hover,
body.onactives .pc-header .right-btn .litip:hover {
  color: #000;
}

body.onactives2 .pc-header .right-btn .nav .li .tit a:hover,
body.onactives .pc-header .right-btn .nav .li .tit a:hover {
  color: #0DA9CD;
}

.zanwuxinxi {
  padding: 5vw  2vw;
  width: 100%;
}

.cpage2 {
  margin-top: 1.5rem;
}

.nav-bot-box-products .nav-right {
  background-color: #fff;
  overflow-y:auto;
}

.contitles {
  /*font-size: 16px;*/
}

.w100 {
  width: 100%;
}

body {
  overflow: hidden;
}

.tc {
  text-align: center;
}

.bold {
  /*font-weight: bold;*/
}

.first-title {
  font-size: 48px;
  color: #222;
}

.two-title {
  font-size: 36px;
  color: #222;
}

.main-text {
  font-size: 16px;
  color: #666;
}

.col000 {
  color: #222;
}

.w1280 {
  width: 80%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.w1200 {
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.w1440 {
  width: 82%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.w1580 {
  width: 82%;
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
}

.w1680 {
  width: 87.5%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.lin1 {
  line-height: 1;
}

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

.more.more2.active .icon {
  margin-left: 0;
  margin-right: 10px;
}
.more.more2.active .icon .span {
  line-height: 1.1;
}

.col222 {
  color: #222;
}

.news-con-box {
  padding-bottom: 3.375rem;
}

.newsinfos-bots .backs {
  justify-content: flex-end;
}

.newsinfos-bots .backs .more.more2.active{
	padding: 0;
	line-height: 45px;
	height: 45px;
	width: 150px;
	text-align: center;
	justify-content: center;
}

.news-words {
  padding-top: .75rem;
  margin-bottom: 1.1rem;
  padding-bottom: 1.7rem;
  border-bottom: 1px solid #eeeeee;
}
.news-words .news-titles {
  line-height: 1.44;
}
.news-words img{
	height: auto!important;
}
.news-words .news-time {
  margin-top: .25rem;
  color: #999999;
  padding-bottom: .8rem;
  border-bottom: 1px solid #eeeeee;
}
.news-words .main-words {
  padding-top: 1.05rem;
  line-height: 2;
	text-align: justify;	
}

.joinstops-list .txts{
	text-align: justify;	
}

.col666 {
  color: #666;
}

.more.more2.active {
  padding: .35rem .75rem;
  padding-right: .85rem;
}

.contitles {
  font-size: 16px;
}

.lin13 {
  line-height: 1.3;
}

@media (max-width: 1681px) {
  .contitles {
    font-size: 15px;
  }

  .first-title {
    font-size: 44px;
  }

  .two-title {
    font-size: 33px;
  }

  .main-text {
    font-size: 15px;
  }
}
@media (max-width: 1481px) {
  .contitles {
    font-size: 14px;
  }

  .main-text {
    font-size: 14px;
  }

  .first-title {
    font-size: 40px;
  }

  .two-title {
    font-size: 30px;
  }
}
@media (max-width: 1281px) {
  .contitles {
    font-size: 13px;
  }

  .main-text {
    font-size: 13px;
  }

  .first-title {
    font-size: 39px;
  }

  .two-title {
    font-size: 27px;
  }
}
@media screen and (max-width: 1024px) {
  .first-title {
    font-size: 36px;
  }

  .two-title {
    font-size: 24px;
  }

  .w1200, .w1440,
  .w1280 {
    width: 92%;
    max-width: 92%;
  }

  .main-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contitles {
    font-size: 12px;
  }

  .first-title {
    font-size: 26px;
  }

  .two-title {
    font-size: 21px;
  }

  .main-text {
    font-size: 14px;
  }
}
.cons-banner {
  position: relative;
}
.cons-banner .images {
  height: 37.5vw;
  position: relative;
}
.cons-banner .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.cons-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  z-index: 3;
}
.cons-banner .txts {
  line-height: 1.27;
  margin-top: .85rem;
}

.bgf9f9f9 {
  background-color: #f9f9f9;
}

.bgf6f6f6 {
  background-color: #f6f6f6;
}

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

.ctacts-box .ctacts-lefts {
  width: 50%;
  background-color: #fff;
  padding: 3.3854166667vw;
}
.ctacts-box .ctacts-rights {
  width: 45%;
  margin-left: 5%;
  padding-top: 3.3854166667vw;
}

.ctacts-box .ctacts-rights .txts{
  margin-bottom: .35rem;
}
.ctacts-box input {
  width: 100%;
}
.ctacts-box textarea {
  resize: none;
  width: 100%;
}
.ctacts-box .txts {
  margin-top: .45rem;
  color: #666666;
  margin-bottom: .75rem;
  line-height: 1.66;
}

.ctacts-lefts .lis {
  width: 48%;
  margin-left: 4%;
}
.ctacts-lefts .lis input:-moz-placeholder,
.ctacts-lefts .lis textarea:-moz-placeholder {
  color: #999999;
}
.ctacts-lefts .lis input::-moz-placeholder,
.ctacts-lefts .lis textarea::-moz-placeholder {
  color: #999999;
}
.ctacts-lefts .lis input:-ms-input-placeholder,
.ctacts-lefts .lis textarea:-ms-input-placeholder {
  color: #999999;
}
.ctacts-lefts .lis input::-webkit-input-placeholder,
.ctacts-lefts .lis textarea::-webkit-input-placeholder {
  color: #999999;
}


.ctacts-lefts .lis:nth-child(2n+1) {
  margin-left: 0;
}
.ctacts-lefts .lis.w100 {
  width: 100%;
  margin-left: 0;
}
.ctacts-lefts .lis .selects-tops {
  cursor: pointer;
  position: relative;
}
.ctacts-lefts .lis .selects-tops:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 4px;
  right: .35rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgs/sanjiao.png) no-repeat center;
  background-size: 100%;
}
.ctacts-lefts .lis .selects-tops, .ctacts-lefts .lis textarea,
.ctacts-lefts .lis input[type=text] {
  border: 1px solid #e5e5e5;
  line-height: 1.1rem;
  height: 1.1rem;
  padding-left: .55rem;
  padding-right: .5rem;
  color: #999999;
}
.ctacts-lefts .lis .spans {
  position: absolute;
  right: .35rem;
  top: 0;
  color: #0053A6;
  line-height: 1.1rem;
  height: 1.1rem;
}
.ctacts-lefts .lis.selects {
  z-index: 2;
}
.ctacts-lefts .lis textarea {
  height: 3.15rem;
  line-height: 1.5;
  padding-top: 1em;
  padding-bottom: .5em;
}
.ctacts-lefts .lis .selects-bots {
  position: absolute;
  left: 0;
  top: 1.1rem;
  background-color: #fff;
  padding: 0 .55rem;
  line-height: 2;
  color: #666;
  width: 100%;
  z-index: 2;
  cursor: pointer;
  display: none;
  max-height: 150px;
  overflow-y: auto;
}
.ctacts-lefts .lis .selects-bots .i {
  line-height: 1.5;
  padding: 5px 0;
}
.ctacts-lefts .lis {
  position: relative;
  margin-bottom: .75rem;
}
.ctacts-lefts .lis.yzm {
  margin-bottom: 0;
}
.ctacts-lefts .lis.textarea {
  margin-bottom: .8rem;
}
.ctacts-lefts .yzm {
  justify-content: space-between;
}
.ctacts-lefts .yzm .inputs {
  width: 59%;
  position: relative;
}
.ctacts-lefts .yzm .inputs:before {
  position: absolute;
  content: "";
  left: 1.5rem;
  width: 1px;
  height: .5rem;
  background-color: #e5e5e5;
  top: 50%;
  transform: translateY(-50%);
}
.ctacts-lefts .yzm .inputs input[type=text] {
  padding-left: 1.8rem;
}
.ctacts-lefts .yzm .inputs .imgs {
  width: 0.625rem;
  height: 0.625rem;
  left: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.ctacts-lefts .yzm .inputs .imgs img {
  display: block;
  position: static;
  left: auto;
  top: auto;
}
.ctacts-lefts .yzm .inputs img {
  position: absolute;
  top: 0;
  height: 100%;
  left: calc(100% + .4rem);
}
.ctacts-lefts .yzm  .inlineblock{
	position: relative;
}
.ctacts-lefts .yzm  .inlineblock .more{
  width: 3.875rem;
  padding: 0;
  line-height: 1.1rem;
  height: 1.1rem;
}
.ctacts-lefts .yzm  .inlineblock .more .tit-15{
  width: 100%;
  text-align: center;
}
.ctacts-lefts .yzm input[type=submit] {
  width: 21.8%;
  line-height: 1.1rem;
  height: 1.1rem;
  background-color: #0053A6;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}


.zicolor {
  color: #0053A6;
}

.ctacts-rights .images {
  margin-top: 1.375rem;
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
}
.ctacts-rights .images img {
  display: block;
}
.ctacts-rights .li {
  align-items: center;
}
.ctacts-rights .li:nth-child(n+2) {
  margin-left: 1.25rem;
}
.ctacts-rights .nums {
  margin-left: .5rem;
}
.ctacts-rights .nums2 {
  color: #999999;
}
.ctacts-rights .uls {
  display: inline-block;
}
.ctacts-rights .lis {
  position: relative;
  padding-left: 1.5rem;
  align-items: center;
  min-height: 2.25rem;
}
.ctacts-rights .lis:nth-child(n+2) {
  border-top: 1px solid #e7e7e7;
}
.ctacts-rights .lis .icons {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ctacts-rights .lis .li-span {
  color: #000000;
}
.ctacts-rights .lis.active .icons {
  background-color: #0053A6;
}

.contacts-box {
  position: relative;
}
.contacts-box:before {
  position: absolute;
  content: "";
  width: 79.7916666667vw;
  height: 86.1979166667vw;
  right: 0;
  bottom: -15vw;
  background: url(../img/imgs/maps.png) no-repeat center;
  background-size: 100%;
  z-index: 0;
  pointer-events: none;
}
.contacts-box .ctacts-box {
  position: relative;
  z-index: 3;
      
}


.kn-inputs {
  justify-content: flex-end;
  position: relative;
}
.kn-inputs input[type=text] {
  line-height: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  padding-left: .85rem;
  padding-right: 1.1rem;
  border-radius: 1.25rem;
  width: 7.8rem;
}

.cons-bgf6f6f6 .kn-inputs input[type=text]{
  background-color: #f6f6f6;
}
.kn-inputs .inpts {
  position: relative;
}
.kn-inputs input[type=submit] {
  position: absolute;
  right: .7rem;
  width: .45rem;
  height: .45rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgs/searchs.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.knowlages-box {
  margin-top: 1.3rem;
}
.knowlages-box .knowlages-left {
  width: 190px;
}
.knowlages-box .knowlages-right {
  width: calc(100% - 190px);
  padding-left: 2.25rem;
}

.cons-videos .li {
  cursor: pointer;
}

.c-more {
  position: relative;
  display: inline-block;
  background-color: #0053A6;
  color: #fff;
  padding-left: .5rem;
  padding-right: .5rem;
}
.c-more span {
  line-height: 1.05rem;
  height: 1.05rem;
  display: block;
  padding-right: .55rem;
  position: relative;
  font-weight: bold;
}
.c-more span:before {
  position: absolute;
  content: "";
  background: url(../img/imgs/2-003.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 13px;
  margin: auto;
}

.knowlages-left {
  text-align: right;
}
.knowlages-left .uls-bots {
  margin-top: .4rem;
}
.knowlages-left .li {
  color: #808080;
  line-height: 1.5;
  display: block;
}
.knowlages-left .li:nth-child(n+2) {
  margin-top: .25rem;
}
.knowlages-left .li.active {
  color: #0053A6;
}
.knowlages-left .uls-tops, .knowlages-left .uls-bots {
  padding-right: .8rem;
  color: #666;
}
.knowlages-left .uls-tops {
  position: relative;
}
.knowlages-left .uls-tops:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: 0.375rem;
  background: url(../img/imgs/2-001.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: .35em;
  /*bottom: 0;*/
  margin: auto;
}
.knowlages-left .uls-tops.active:before {
  background: url(../img/imgs/2-002.png) no-repeat center;
  background-size: 100%;
}
.knowlages-left .uls-tops.active{
  color: #0053A6;
}

.knowlages-left .uls:nth-child(n+2) {
  margin-top: .5rem;
}

.knowlages-right-bots {
  padding-bottom: 1.25rem;
}
.knowlages-right-bots .items {
  width: 30.7%;
  margin-left: 3.95%;
  margin-bottom: 1rem;
}
.knowlages-right-bots .items:nth-child(3n+1) {
  margin-left: 0;
}
.knowlages-right-bots .items .words {
  border: 1px solid #dedede;
}
.knowlages-right-bots .items .imgs {
  overflow: hidden;
}

.knowlages-right-tops {
  background-color: #fff;
  margin-bottom: 1.45rem;
}
.knowlages-right-tops .items {
  align-items: stretch;
}
.knowlages-right-tops .images {
  width: 42.85%;
}
.knowlages-right-tops .words {
  padding: 1.4rem 1.75rem 1.625rem 1.75rem;
  width: 54.15%;
  position: relative;
}
.knowlages-right-tops .tits {
  line-height: 1.52;
  color: #000000;
}
.knowlages-right-tops .txts {
  margin-top: .3rem;
  line-height: 1.125em;
  color: #666666;
  padding-bottom: 1.05rem;
}
.knowlages-right-tops .c-more {
  position: absolute;
  left: 1.75rem;
  bottom: 1.625rem;
}

.knowlages-right-bots .words {
  padding-top: .65rem;
  padding-bottom: .75rem;
}
.knowlages-right-bots .words .tits, .knowlages-right-bots .words .txts {
  padding-left: .75rem;
  padding-right: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.knowlages-right-bots .words .tits {
  color: #222222;
  line-height: 1.5;
  height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  position: relative;
}
.knowlages-right-bots .words .tits:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 96%;
  background-color: #0053A6;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.knowlages-right-bots .words .txts {
  margin-top: .2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666666;
  line-height: 1.25em;
  height: 1.25em;
}

@keyframes mcScale {
  50% {
    width: 90%;
    height: 90%;
  }
}
.g_com_play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: url(../img/imgs/videos.png)  no-repeat center;
  background-size: 100%;
  z-index: 3;
  opacity: 0;
}
.g_com_play :after, .g_com_play :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_com_play:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 132%;
  height: 132%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: mcScale 2s infinite ease;
  opacity: 0;
  transition: opacity 0.36s;
}
.g_com_play:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 155%;
  height: 155%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: mcScale 2s infinite ease;
  opacity: 0;
  transition: opacity 0.36s;
}

.cons-videos .li .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*background: rgba(0, 0, 0, 0.3);*/
  z-index: 2;
}
.cons-videos .li.cur .images:before {
  /*background:url(../img/imgs/videos.png) rgba(0,0,0,.3) no-repeat center;*/
  /*background-size: 51px 51px;*/
}
.cons-videos .li.cur .g_com_play {
  opacity: 1;
}

.knowlages-right .imgs {
  overflow: hidden;
}
.knowlages-right .images {
  position: relative;
}
.knowlages-right .images .span {
  position: absolute;
  top: .5rem;
  left: 0;
  background-color: #0053A6;
  color: #fff;
  padding: 0 .35rem;
  line-height: 40px;
  height: 40px;
}

.getmore .span {
  cursor: pointer;
  line-height: 1;
  position: relative;
  z-index: 1;
  padding-right: 18px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.getmore .span:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 4px;
  background: url(../img/imgs/2-004.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-con-box {
  min-height: 60vh;
}

.knowlages-news-list .list-items {
  padding-bottom: 2.35rem;
}
.knowlages-news-list .list-items .items {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding-top: .85rem;
  padding-bottom: .6rem;
  align-items: center;
  color: #222222;
}
.knowlages-news-list .list-items .items:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.knowlages-news-list .list-items .images {
  width: 21.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.knowlages-news-list .list-items .images img {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
}
.knowlages-news-list .list-items .words {
  width: 60.5%;
  padding-top: .5rem;
  padding-bottom: .45rem;
  padding-left: 1.5rem;
}
.knowlages-news-list .list-items .numbers {
  text-align: right;
  width: 18%;
  padding-right: 1.25rem;
}
.knowlages-news-list .list-items .txts {
  margin-top: .25rem;
}
.knowlages-news-list .list-items .tits {
  line-height: 1.4285;
}
.knowlages-news-list .list-items .numbers .t0, .knowlages-news-list .list-items .numbers .t1 {
  line-height: 1;
}
.knowlages-news-list .list-items .numbers .t0 {
  color: #0053A6;
}
.knowlages-news-list .list-items .numbers .line {
  background-color: #666666;
  height: 2px;
  display: inline-block;
  vertical-align: top;
  width: .6rem;
  margin-top: .5rem;
  margin-bottom: .6rem;
}
.knowlages-news-list .list-items .numbers .t1 {
  color: #666666;
}

.lin1875 {
  line-height: 1.875;
}

.h70 {
  height: 3.5em;
  line-height: 3.5em;
}

.news-con-titles {
  align-items: center;
}

.con-tops-titles .items {
  color: #666;
  padding: 0 .5rem;
  position: relative;
}
.con-tops-titles .items:nth-child(1):before {
  display: none;
}
.con-tops-titles .items:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 14px;
  background: url(../img/imgs/2-005.png) no-repeat center;
  background-size: 100%;
  left: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.con-tops-titles .items:nth-child(1) {
  padding-left: 0;
}
.con-tops-titles .items:last-child {
  padding-right: 0;
}
.con-tops-titles .items.active {
  color: #0053A6;
}

.servers-list-01-ul {
  background-color: #edf5fc;
  /*align-items: center;*/
}
.servers-list-01-ul .words,
.servers-list-01-ul .images {
  width: 50%;
}
.servers-list-01-ul .words {
  padding: 1rem 1.875rem;
  padding-right: 2rem;
  padding-top: 3rem;
}
.servers-list-01-ul .txts {
  margin-top: .7rem;
}
.servers-list-01-ul .tits {
  line-height: 1.375;
}
.servers-list-01-ul .images {
  overflow: hidden;
}
.servers-list-01-ul .images img {
  width: 100%;
}

.servers-list-01 {
  padding-top: 2.5rem;
  padding-bottom: 1.375rem;
}
.servers-list-01 .servers-list-01-ul {
  margin-top: 1.25rem;
}

.servers-list-02 {
  padding-bottom: 1.25rem;
  padding-top: 1.375rem;
}
.servers-list-02 .servers-list-02-ul {
  margin-top: 1.25rem;
}

.servers-list-02 .servers-list-02-ul .swiper-pagination {
  margin-top: .75rem;
}

.cons-swiper .swiper-pagination {
  position: static;
  width: 100%;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .75rem;
}
.cons-swiper .swiper-pagination-bullet {
  margin: 0 3px;
}
.cons-swiper .swiper-pagination-bullet-active {
  background-color: #0053A6;
}

.servers-list-02-ul .items {
  width: 31.5%;
  margin-right: 2.75%;
  text-align: center;
  position: relative;
  background-color: #f6f6f6;
}
.servers-list-02-ul .items .bg {
  opacity: 0;
  visibility: hidden;
}
.servers-list-02-ul .items:last-child {
  margin-right: 0;
}
.servers-list-02-ul .items .imgs {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
}
.servers-list-02-ul .items .imgs img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.servers-list-02-ul .items .box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 98%;
  max-height: 98%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}
.servers-list-02-ul .items .text {
  margin-top: .3rem;
  line-height: 1.625;
}
.servers-list-02-ul .items .txts {
  margin-top: .7125rem;
  line-height: 1.5;
}

.servers-list-03 {
  padding-top: 1.25rem;
  padding-bottom: 4.375rem;
}

.servers-list-03-ul .swiper-wrapper {
  position: relative;
}
.servers-list-03-ul .swiper-wrapper:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 83.3%;
  background-color: #e3ecf4;
  left: 0;
  right: 0;
  margin: auto;
  top: 1.45rem;
}
.servers-list-03-ul .items {
  width: 16.66%;
  position: relative;
}
.servers-list-03-ul .swiper-container {
  overflow: visible;
}
.servers-list-03-ul .text {
  position: absolute;
  width: 100%;
  top: 2.75rem;
  left: 0;
  line-height: 1;
  text-align: center;
}
.servers-list-03-ul .icons {
  position: relative;
  z-index: 2;
  border-radius: 50%;
  background-color: #e5eef6;
  box-sizing: border-box;
  display: flex;
  width: 2.9rem;
  height: 2.9rem;
  line-height: 2.9rem;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.servers-list-03-ul .icons img {
  background-color: #0053A6;
  border-radius: 50%;
  width: calc(100% - .5rem);
  height: calc(100% - .5rem);
}
.servers-list-03-ul .words {
  text-align: center;
  transition: 0.5s ease-in-out;
  padding-top: .6rem;
  opacity: 0;
}
.servers-list-03-ul .words .tits {
  line-height: 1;
  color: #222;
}
.servers-list-03-ul .words{
	opacity: 1;
}
.servers-list-03-ul .words .txts {
  line-height: 1.625;
  margin-top: .2rem;
}
.servers-list-03-ul .num {
  width: 2.9rem;
  height: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.servers-list-03-ul .num img {
  /*width: 100%;*/
  display: block;
}
.servers-list-03-ul .num .tits {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  line-height: 2em;
  text-align: center;
  background: #fff;
  color: #0053A6;
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.servers-list-03 .servers-list-03-ul {
  margin-top: 3rem;
}

.servers-list-04 {
  padding-top: 2.5rem;
  padding-bottom: 3.15rem;
  background-color: #e9f3fb;
}
.servers-list-04 .servers-list-04-ul {
  margin-top: 1.2rem;
}
.servers-list-04-ul .li.submitbox{
  margin-bottom: 0;
}

.servers-list-04-ul {
  padding: 1.45rem 1.625rem 1.625rem 1.75rem;
  /*padding: 1.45rem 1.625rem 1.625rem 1.75rem;*/
  background-color: #fff;
}
.servers-list-04-ul .li {
  width: 22.65%;
  margin-left: 3.13%;
  margin-bottom: .75rem;
}
.servers-list-04-ul .li:nth-child(4n+1) {
  margin-left: 0;
}
.servers-list-04-ul .li.w100 {
  width: 100%;
  margin-left: 0;
}
.servers-list-04-ul .li input, .servers-list-04-ul .li textarea {
  border: 1px solid #e5e5e5;
  resize: none;
  width: 100%;
}
.servers-list-04-ul .li input[type=text] {
  height: 1.1rem;
  line-height: 1.1rem;
  padding: 0 .25rem;
}
.servers-list-04-ul .li.w100 {
  padding-top: .8rem;
}
.servers-list-04-ul .li-tops {
  line-height: 1;
  margin-bottom: .5rem;
}
.servers-list-04-ul .li-tops span {
  color: #ff0000;
}
.servers-list-04-ul .textarea {
  width: 74.21%;
}
.servers-list-04-ul .textarea textarea {
  height: 2.65rem;
}
.servers-list-04-ul .ewm {
  position: relative;
}
.servers-list-04-ul .ewm img {
  position: absolute;
  left: 0;
  top: calc(100% + .45rem);
  width: 3.3rem;
}

.submitbox {
  position: relative;
}
.submitbox input[type=submit] {
  opacity: 0;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.submitbox .more {
  height: 1.1rem;
  line-height: 1.1rem;
  padding: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.sales-list-01 {
  padding-top: 3.3rem;
  padding-bottom: 1.625rem;
}
.sales-list-01 .sales-01-list {
  margin-top: 2.55rem;
}

.sales-list-02 {
  padding-top: 1.625rem;
  padding-bottom: 2.5rem;
}
.sales-list-02 .sales-02-list {
  margin-top: 1.75rem;
}

.sales-01-list .items {
  width: 25%;
  text-align: center;
}
.sales-01-list .icons {
  width: 4.625rem;
  height: 4.625rem;
  background: #F6F6F6;
  border-radius: 50%;
  margin: 0 auto;
}
.sales-01-list .tits {
  margin-top: 1.125rem;
  line-height: 1.25;
}
.sales-01-list .txts {
  margin-top: .4rem;
  line-height: 1.5;
  min-width: 20em;
  margin-left: auto;
  margin-right: auto;
}

.sales-02-list {
  align-items: stretch;
}
.sales-02-list .images {
  width: 43.45%;
}
.sales-02-list .images img {
  height: 100%;
  display: block;
  object-fit: cover;
}
.sales-02-list .words {
  padding-left: 1.25rem;
  width: 56.55%;
}
.sales-02-list .items {
  background-color: #f6f6f6;
  /*padding: 1.2rem 1.5rem 1.2rem (46rem/40);*/
  padding: 2.5vw 3.125vw 2.5vw 2.3958333333vw;
}
.sales-02-list .items:nth-child(n+2) {
  margin-top: .35rem;
}
.sales-02-list .tits {
  line-height: 1.375;
}
.sales-02-list .txts {
  margin-top: .2rem;
  line-height: 1.5;
}

.linfirst {
  line-height: 1.416;
}

.swiperwidth {
  display: none;
  width: 10px;
}

.applications-lists {
  background-color: #e9f3fb;
  padding-top: 5vw;
  padding-bottom: 7.8vw;
  /*padding-bottom: 9.6354166667vw;*/
}
.applications-lists .app-swiper {
  margin-top: 3.75vw;
}

.app-swiper .items-bots .li {
  width: 32.15%;
  margin-left: 1.775%;
}
.app-swiper .items-bots .li:nth-child(3n+1) {
  margin-left: 0;
}
.app-swiper .items-tops {
  padding-bottom: 1.5rem;
  justify-content: space-between;
}
.app-swiper .items-tops .lefts {
  width: 66.075%;
}
.app-swiper .items-tops .rights {
  width: 32.15%;
}
.app-swiper .images {
  /*height: 18.2291666667vw;*/
  overflow: hidden;
}
.app-swiper .li {
  position: relative;
  background-color: #fff;
}
.app-swiper .words {
  /*border: 1px solid #e6e6e6;*/
  border-top: none;
  padding: 0.75rem 1.375rem 1.05rem 1.375rem;
  /*box-sizing:content-box;*/
}
.app-swiper .words .tits {
  line-height: 1.53;
  height: 1.53em;
}
.app-swiper .words .tits, .app-swiper .words .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.app-swiper .words .txts {
  line-height: 1.5;
  height: 1.5em;
  margin-top: .2rem;
  margin-bottom: .9rem;
}

.applist-01 {
  background-color: #e9f3fb;
  padding-top: 5.7291666667vw;
  padding-bottom: 4.6875vw;
}

.lin2 {
  line-height: 2;
}

.applist01-box {
  align-items: center;
}
.applist01-box .images {
  width: 53.57%;
}
.applist01-box .words {
  padding-left: 4.6875vw;
  width: 46.43%;
}
.applist01-box .words .txts {
  margin-top: 1.5625vw;
}

.applist02-box .swipers {
  width: 100%;
}
.applist02-box .box {
  width: 87.5%;
  max-width: 840px;
  padding: .25rem;
  padding-bottom: .75rem;
  padding-top: 2.95rem;
}
.applist02-box .uls-lefts, .applist02-box .uls-rights {
  width: 50%;
}
.applist02-box .uls-lefts {
  justify-content: flex-end;
}
.applist02-box .li {
  width: 20%;
}
.applist02-box .tits {
  line-height: 1.27;
}
.applist02-box .txts {
  margin-top: .45rem;
  margin-bottom: .1rem;
  line-height: 1.66;
  height: 9.96em;
  overflow: hidden;
  overflow-y: auto;
}
.applist02-box .imgs {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
}
.applist02-box .imgs img {
  display: block;
}
.applist02-box .texts {
  text-align: center;
  line-height: 1.28;
  height: 2.56em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
  margin-top: .75rem;
  padding-left: .2em;
  padding-right: .2em;
}

.applist-02 {
  padding-top: 2.25rem;
}
.applist-02 img {
  display: block;
  width: 100%;
  max-width: none;
}
.applist-02 .applist02-box {
  margin-top: 1.25rem;
}

.applist-03 {
  background-color: #e9f3fb;
}

.applist-list .col666 {
  /*color: #333;*/
}
.applist-list .lis {
  line-height: 1.5;
  width: 46.875%;
  margin-left: 6.25%;
  padding-top: 1em;
  border-bottom: 1px solid #c2cfd9;
  padding-bottom: 1em;
}
.applist-list.applist03-box .lis{
	width: 41.6%;
	margin-left: 16.8%;
}
.applist-list .lis:nth-child(2n+1) {
  margin-left: 0;
}
.applist-list .lis .li {
  position: relative;
  padding-right: 20px;
}
.applist-list .lis .li:before {
  width: .7em;
  height: .7em;
  content: "";
  position: absolute;
  right: 0;
  top: .4em;
  background: url(../img/imgs/2-14-14.png) no-repeat center;
  background-size: 100%;
}

.applist-03 {
  padding-top: 2.25rem;
  padding-bottom: 3.75rem;
}
.applist-03 .applist03-box {
  margin-top: .9rem;
  align-items: stretch;
}

.appinfos {
  background-color: #e9f3fb;
  padding-top: 3.6458333333vw;
  padding-bottom: 5.1041666667vw;
}

.coninfo-box {
  background-color: #fff;
  padding-top: 2.25rem;
  padding-bottom: 1.375rem;
}
.coninfo-box .newsinfos-bots {
  padding-top: 1.125rem;
  border-top: 1px solid #eeeeee;
}
.coninfo-box .coninfo-words {
  padding-bottom: 1.25rem;
}

.technologys-items .box {
  justify-content: space-between;
}
.technologys-items .words {
  width: 45%;
}
.technologys-items .images {
  width: 48.8%;
  position: relative;
}
.technologys-items .images img {
  width: 100%;
  position: relative;
  z-index: 2;
}
.technologys-items .images .dian {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -0.625rem;
  top: 0;
  z-index: 1;
  background-color: rgba(0,83,166,.2);
}
.technologys-items .images .imgs {
  position: relative;
}
.technologys-items .images .imgs:before {
  position: absolute;
  content: "";
  width: 12.2rem;
  height: 11.225rem;
  left: 0;
  bottom: -1.05rem;
  background: url(../img/imgs/2-010.png) no-repeat center;
  background-size: 100%;
  z-index: 3;
}

.technologys-items {
  position: relative;
  overflow: hidden;
}
.technologys-items .bgh1, .technologys-items .bgh2, .technologys-items .bgh3 {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
}
.technologys-items .box {
  position: relative;
  z-index: 2;
}
.technologys-items .bgh3 {
  width: 100vw;
  height: 43.28125vw;
  bottom: -48%;
}
.technologys-items .bgh2 {
  width: 100vw;
  height: 43.28125vw;
  bottom: -80%;
}
.technologys-items .bgh1 {
  width: 53.90625vw;
  height: 43.28125vw;
  left: 0;
  bottom: -70%;
}
.technologys-items .tits {
  line-height: 1.3;
}
.technologys-items .words {
  padding-top: 2.1875vw;
  padding-bottom: 1vw;
}
.technologys-items .txts {
  line-height: 1.875;
  margin-top: 2.0833333333vw;
}
.technologys-items:nth-child(2n+1) .box {
  flex-direction: row-reverse;
}
.technologys-items:nth-child(2n+2) {
  background-color: #e9f3fb;
}
.technologys-items:nth-child(2n+2) .dian {
  left: auto;
  right: -0.625rem;
}
.technologys-items:nth-child(2n+2) .imgs:before {
  background: url(../img/imgs/2-011.png) no-repeat center;
  background-size: 100%;
  left: auto;
  right: 0;
}

.technologys-items-02 {
  padding-top: 4.375vw;
  padding-bottom: 6.4583333333vw;
}

.technologys-items-01 {
  padding-top: 7.5520833333vw;
  padding-bottom: 8.59375vw;
}

.technologys-items-03 {
  padding-top: 5.2083333333vw;
  padding-bottom: 7.7083333333vw;
}

.joins-tops {
  padding-top: 2.3rem;
  padding-bottom: 3.3rem;
}

.joinstops-list {
  margin-top: 2.35rem;
}

.joinstops-list .items {
  width: 29%;
  margin-left: 6.5%;
}
.joinstops-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.joinstops-list .icons {
  width: 1.25rem;
  height: 1.25rem;
}
.joinstops-list .tits {
  margin-top: 1.35rem;
  margin-bottom: .65rem;
  line-height: 1.5;
}
.joinstops-list .txts {
  margin-top: .85rem;
}
.joinstops-list .line {
  position: relative;
  height: 2px;
  background-color: #e5e5e5;
}
.joinstops-list .line:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #0053A6;
  transition: 0.8s ease-in-out;
}

.joins-bots {
  background-color: #e9f3fb;
  padding-top: 2rem;
  padding-bottom: 4.85rem;
}
.joins-bots .joinsbots-list {
  margin-top: 1.25rem;
}

.joinsbots-list .forms-tops .td {
  color: #222222;
  line-height: 1.6rem;
}
.joinsbots-list .uls-tops, .joinsbots-list .forms-tops {
  padding-left: 1.5rem;
  padding-right: 1.25rem;
}
.joinsbots-list .uls-tops {
  background-color: #fff;
}
.joinsbots-list .uls-tops .td {
  height: 2.125rem;
  line-height: 2.125rem;
}
.joinsbots-list .td {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.joinsbots-list .td1 {
  width: calc(36% - 100px);
}
.joinsbots-list .td2 {
  width: 16%;
}
.joinsbots-list .td3 {
  width: 16%;
}
.joinsbots-list .td4 {
  /*width: calc(21.5% - 100px);*/
  width: 16%;
}
.joinsbots-list .td5 {
  width: 16%;
}
.joinsbots-list .td2,.joinsbots-list .td3,.joinsbots-list .td4,.joinsbots-list .td5{
  text-align: center;
}
.joinsbots-list .td6 {
  width: 100px;
  text-align: right;
}
.joinsbots-list .btns {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background-color: #0da9cd;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/imgs/jt.png);
}
.joinsbots-list .uls-tops {
  cursor: pointer;
}
.joinsbots-list .uls-tops .td6 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.joinsbots-list .ullist.active .uls-tops {
  background-color: #0053A6;
}
.joinsbots-list .ullist.active .uls-tops .td {
  color: #fff;
}
.joinsbots-list .ullist.active .btns {
  transform: rotate(180deg);
  transition: .5s ease;
}
.joinsbots-list .uls-bots {
  background-color: #fff;
  padding-top: 0.15rem;
  padding-bottom: 1.875rem;
  padding-left: 1.5rem;
  display: none;
  padding-right: 1.75rem;
}

.joinsbots-list .uls-bots .box-tops{
  padding: 10px 0;
}

.joinsbots-list .uls-bots .box-tops .i{
  padding: 4px 0;
  line-height: 1.5;
}
.joinsbots-list .uls-bots .box-tops .i:nth-child(n+2){
  margin-left: 1em;
}

.joinsbots-list .box {
  border-top: 1px dashed #b8b8b8;
  padding-bottom: .75rem;
  padding-top: .85rem;
}
.joinsbots-list .box:nth-child(2) {
  border-top: none;
}
.joinsbots-list .box .main-text {
  margin-top: .3rem;
}
.joinsbots-list .box-bot-list {
  padding-top: .2rem;
}
.joinsbots-list .box-bot-list .i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.joinsbots-list .box-bot-list .i:nth-child(n+2) {
  margin-left: 1.35rem;
}
.joinsbots-list .ullist:nth-child(n+2) {
  margin-top: .25rem;
}

.cons-swiper {
  position: relative;
}
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
/*  width: 1.25rem;
  height: 1.25rem;*/
   width: 1.6rem;
  height: 1.6rem; 
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.cons-swiper .swiper-button-prev {
  background-image: url(../img/imgs/lefts.png);
}
.cons-swiper .swiper-button-next {
  background-image: url(../img/imgs/rights.png);
}

.news-topswiper .swiper-button-prev {
  left: 1rem;
}
.news-topswiper .swiper-button-next {
  right: 1rem;
}
.news-topswiper .liitems {
  display: block;
}
.news-topswiper .images {
  overflow: hidden;
}

.news-topswiper .images img{
  display: block;
}

.news-topswiper .words {
  margin-top: 1rem;
  line-height: 1.58;
  height: 1.58em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.newslist-tops .li.active {
  z-index: 10;
}

.newslist-tops {
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: space-between;
}
.newslist-tops input:-moz-placeholder,
.newslist-tops textarea:-moz-placeholder {
  color: #999999;
}
.newslist-tops input::-moz-placeholder,
.newslist-tops textarea::-moz-placeholder {
  color: #999999;
}
.newslist-tops input:-ms-input-placeholder,
.newslist-tops textarea:-ms-input-placeholder {
  color: #999999;
}
.newslist-tops input::-webkit-input-placeholder,
.newslist-tops textarea::-webkit-input-placeholder {
  color: #999999;
}
.newslist-tops .images-box {
  width: 66.25%;
}
.newslist-tops .words-box {
  width: 31.25%;
  background-color: #e9f3fb;
  padding: 1.5rem 1.25rem 1.375rem 1.25rem;
}
.newslist-tops .uls-tops {
  line-height: 1;
}
.newslist-tops .on1 {
  margin-top: .9rem;
}
.newslist-tops .on2 {
  margin-top: .9rem;
}
.newslist-tops .uls:nth-child(2) {
  margin-top: 2rem;
}
.newslist-tops .li {
  position: relative;
  cursor: pointer;
}
.newslist-tops .li:nth-child(n+2) {
  margin-top: .25rem;
}
.newslist-tops .inputs input[type=text],
.newslist-tops .selects-tops {
  height: 1.5rem;
  line-height: 1.5rem;
  background-color: #fff;
  padding-left: .5rem;
  padding-right: 1.5rem;
  width: 100%;
  overflow: hidden;
}
.newslist-tops .selects-tops {
  position: relative;
}
.newslist-tops .selects-tops:before {
  width: 12px;
  height: 6px;
  content: "";
  position: absolute;
  right: .55rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgs/tops.png) no-repeat center;
  background-size: 100%;
}
.newslist-tops .inputs input[type=submit] {
  position: absolute;
  text-indent: -999px;
  overflow: hidden;
  width: .45rem;
  height: .45rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.newslist-tops .inputs input[type=submit].inputs-submit {
  background: url(../img/imgs/ser.png) no-repeat center;
  background-size: 100%;
  right: .55rem;
}
.newslist-tops .inputs input[type=submit].inputs-submit2 {
  width: 1.5rem;
  height: 1.5rem;
  right: 0;
  background: url(../img/imgs/3-01-003.png) #ececec no-repeat center;
  background-size: 20px;
}

.newslist-tops .selects-bots {
  position: absolute;
  width: 100%;
  left: 0;
  top: 1.5rem;
  display: none;
  background-color: #fff;
  line-height: 1.5;
  max-height: 150px;
  overflow: auto;
}
.newslist-tops .selects-bots .lis {
  line-height: 1.5;
  padding: 8px .5rem;
}
.newslist-tops .selects-bots .lis.active {
  color: #fff;
  background-color: #0053A6;
}

.newslist-bots {
  padding-top: 2.75rem;
}

.newslistbots-titles {
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.news-ajax-list {
  margin-top: 1.15rem;
}

.newslistbots-titles .rights-bots {
  display: none;
}
.newslistbots-titles .lefts .li {
  line-height: 1.16em;
  color: #999999;
  transition: 0.5s ease-in-out;
  transform: scale3d(.625,.625,1);
  /*font-size: 75%;*/
  cursor: pointer;
  transform-origin: 0 90%;
}
.newslistbots-titles .lefts .li:nth-child(2){
  transform: scale3d(.625,.625,1) translate(-1.5em, 0);
  transform-origin: 100% 75%;
}
.newslistbots-titles .lefts .li:nth-child(n+2) {
  /*margin-left: .65rem;*/
}
.newslistbots-titles .lefts .li.active {
  transform: scale3d(1,1,1);
  color: #0053A6;
  transition: 0.5s ease-in-out;
}

.newslistbots-titles .lefts .li.active:nth-child(2){
  transform: scale3d(1,1,1) translate(-1em, 0);
}

.newslistbots-titles .rights-tops {
  position: relative;
}
.newslistbots-titles .rights-tops .tits {
  line-height: 1;
  color: #222;
  padding-right: .55rem;
}
.newslistbots-titles .rights-tops .btns {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 16px;
  flex-direction: column;
  justify-content: space-between;
}
.newslistbots-titles .rights-tops .btns .i {
  width: 12px;
  height: 6px;
  cursor: pointer;
}
.newslistbots-titles .rights-tops .btns .i1 {
  background: url(../img/imgs/4-001.png) no-repeat center;
  background-size: 100%;
}
.newslistbots-titles .rights-tops .btns .i2 {
  background: url(../img/imgs/4-002.png) no-repeat center;
  background-size: 100%;
}

.lin15 {
  line-height: 1.5;
}

.newslistbots-titles .rights-tops .btns .i {
  opacity: .4;
}
.newslistbots-titles .rights-tops .btns .i.active {
  opacity: 1;
}

.news-ajax-list .items {
  padding-left: 1rem;
  display: block;
  padding-right: 1rem;
}
.news-ajax-list .items .numbers {
  width: 15%;
  padding-right: .2rem;
}
.news-ajax-list .items .words {
  width: 85%;
}
.news-ajax-list .items .txts {
  margin-top: .25rem;
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-ajax-list .items .tits {
  line-height: 1.58;
  height: 1.58em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-ajax-list .items .box {
  border-top: 1px solid #e5e5e5;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.news-ajax-list .items:last-child .box {
  border-bottom: 1px solid #e5e5e5;
}
.news-ajax-list .items .numbers {
  padding-top: .25rem;
}
.news-ajax-list .items .numbers .line {
  margin-top: .55rem;
  margin-bottom: .3rem;
  width: .5rem;
  height: 2px;
  background-color: #b5b5b5;
}
.news-ajax-list .list {
  padding-bottom: 1.625rem;
}

.knowlages-left .uls-tops {
  line-height: 1.25;
  display: block;
}

.knowlages-box.prolist-box {
  margin-top: 0;
  /*padding-top: 3rem;*/
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.knowlages-box-box{
  padding-top: 3rem;
}

.pro-ajax-list .list-items {
  padding-bottom: .7rem;
}
.pro-ajax-list .li {
  background: #f5f5f5;
  margin-bottom: .5rem;
  width: 30.5%;
  margin-left: 4.25%;
  position: relative;
}
.pro-ajax-list .li .tits {
  line-height: 1.33;
}
.pro-ajax-list .li .txts {
  margin-top: .5rem;
  line-height: 1.375;
}
.pro-ajax-list .li .inlineblock {
  margin-top: 1.375rem;
}
.pro-ajax-list .li .li-bots {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #0daacd;
  color: #fff;
  left: 0;
  top: 0;
  text-align: center;
}
.pro-ajax-list .li .li-bots:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}
.pro-ajax-list .li .li-bots .ibox {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92%;
  transform: translate(-50%, -50%);
}
.pro-ajax-list .li .li-bots {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.pro-ajax-list .li .li-tops {
  padding-top: 1.5rem;
  padding-bottom: 1.3rem;
  padding-left: .2rem;
  padding-right: .2rem;
  text-align: center;
}
.pro-ajax-list .li .li-tops .tits {
  margin-top: .65rem;
}
.pro-ajax-list .li .images {
  height: 6rem;
}
.pro-ajax-list .li .images img {
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.pro-ajax-list .li:nth-child(3n+1) {
  margin-left: 0;
}

.proinfos-tops {
  padding-top: 2.375rem;
  padding-bottom: 2.25rem;
  /*background-image: linear-gradient(to right bottom , #fff,#fff);*/
}

.arial {
  font-family: arial;
}

.proinfos-tops-box {
  justify-content: space-between;
}
.proinfos-tops-box .images {
  width: 43.75%;
  justify-content: space-between;
}
.proinfos-tops-box .words {
  width: 44.44%;
}

.proinfos-imgs-tops {
  width: 120px;
  overflow: hidden;
  padding: 5px 0;
  height: 434px;
}
.proinfos-imgs-tops .swiper-container {
  height: 100%;
  width: 100px;
  overflow: visible;
}
.proinfos-imgs-tops .items {
  height: 100px;
  border: 1px solid #dfeefa;
  overflow: hidden;
  margin-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  transition: 0.5s ease-in-out;
}
.proinfos-imgs-tops .items.active {
  box-shadow: 0 0 5px 1px #a9c8e3;
  transition: 0.5s ease-in-out;
}
.proinfos-imgs-tops .items:last-child {
  margin-bottom: 0;
}
.proinfos-imgs-tops .items img {
  transition: 0.5s ease-in-out;
  width: 60%;
}

.proinfos-imgs-bots {
  width: 10rem;
  padding-top: 1.15rem;
}
.proinfos-imgs-bots img {
  width: 100%;
  height: 100%;
}

.proinfos-tops-box .words .tits {
  line-height: 1.27;
}
.proinfos-tops-box .uls {
  margin-top: .1rem;
}
.proinfos-tops-box .uls .lis {
  cursor: pointer;
  line-height: 2;
  position: relative;
  margin-right: .9rem;
  width: auto;
}
.proinfos-tops-box .uls .lis:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0053A6;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.proinfos-tops-box .uls .lis.active {
  color: #0053A6;
}
.proinfos-tops-box .uls .lis.active:before {
  opacity: 1;
}
.proinfos-tops-box .uls .lis:last-child {
  margin-right: 0;
}
.proinfos-tops-box .main-text {
  padding-top: 0.55rem;
  padding-bottom: .6rem;
  line-height: 1.625;
  border-bottom: 1px solid #dce9f3;
}
.proinfos-tops-box .uls-abox {
  margin-top: .75rem;
}
.proinfos-tops-box .uls-abox .items {
  display: block;
  border: 2px solid #0053A6;
  color: #0053A6;
  padding: 0 1rem;
  height: 1.375rem;
  line-height: 1.375rem;
  box-sizing: content-box;
}
.proinfos-tops-box .uls-abox .items:nth-child(1){
  font-weight: bold;
}
.proinfos-tops-box .uls-abox .items:nth-child(n+2) {
  margin-left: .5rem;
}
.proinfos-tops-box .uls-abox .items img {
  width: .6rem;
  height: .6rem;
}
.proinfos-tops-box .uls-abox .items span {
  margin-left: .15rem;
}
.proinfos-tops-box .uls-abox .items.active {
  padding: 0 1.8rem;
  background-color: #0053A6;
  color: #fff;
}
.proinfos-tops-box .ibox .i {
  padding-top: .5rem;
  padding-bottom: .375rem;
  border-bottom: 1px solid #dce9f3;
}
.proinfos-tops-box .i-tops {
  line-height: 1;
  font-weight: bold;
}
.proinfos-tops-box .i-bots {
  margin-top: .2rem;
  line-height: 1.625;
}

.proinfos-bottoms {
  background-color: #edf5fc;
  padding-top: 1.55rem;
  padding-bottom: 2.5rem;
}
.proinfos-bottoms .li {
  width: 25%;
  text-align: center;
  padding: 0 .25rem;
  color: #222;
}
.proinfos-bottoms .images {
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
}
.proinfos-bottoms .words {
  line-height: 1.88;
  margin-top: 1.3rem;
}
.proinfos-bottoms .proinfo-bots-swiper {
  margin-top: 2.25rem;
}
.proinfos-bottoms .swiper-pagination {
  margin-top: 1.1rem;
}
.proinfos-bottoms .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 2.5rem;
  height: 7px;
  background-color: #d6edf7;
  opacity: 1;
  border-radius: 0;
  transform: skewX(30deg);
}
.proinfos-bottoms .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4dbfda;
}

.proinfos-centers {
  background-color: #fff;
}

.proinfos-centers-titles {
  border-bottom: 1px solid #eeeeee;
}
.proinfos-centers-titles .onac .swiper-wrapper {
  justify-content: center;
}
.proinfos-centers-titles .li {
  height: 2.4rem;
  line-height: 2.4rem;
  width: auto;
  padding: 0 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.proinfos-centers-titles .li img {
  width: .6rem;
  height: .6rem;
  margin-right: .2rem;
  filter: brightness(0);
}
.proinfos-centers-titles .li.active {
  color: #0053A6;
}
.proinfos-centers-titles .li.active img {
  filter: none;
}

.proinfo-bots-ajax {
  padding-top: 2.1rem;
  padding-bottom: 3.65rem;
}
.proinfo-bots-ajax .applist-list {
  margin-top: .8rem;
  align-items: stretch;
}
.proinfo-bots-ajax .applist-list .lis {
  padding: 0;
}
.proinfo-bots-ajax .applist-list .li {
  padding: 0;
  padding-top: 1.25em;
  padding-left: 1.875em;
  padding-bottom: 1.25em;
  position: relative;
}
.proinfo-bots-ajax .applist-list .li img {
  width: 1.5em;
  height: 1.5em;
  left: 0;
  top: 1.25em;
  position: absolute;
}
.proinfo-bots-ajax .applist-list .li:before {
  display: none;
}

.proinfo-tech-ajax-box {
  margin-top: .9rem;
}
.proinfo-tech-ajax-box table {
  width: 100%;
  table-layout: fixed;
  float: none;
}
.proinfo-tech-ajax-box table td, .proinfo-tech-ajax-box table th, .proinfo-tech-ajax-box table .td, .proinfo-tech-ajax-box table .th {
  /*width: 50%;*/
  height: 3.125em;
  padding: 0 0.5rem;
  width: auto;
}
.proinfo-tech-ajax-box table tr:nth-child(2n+1), .proinfo-tech-ajax-box table .tr:nth-child(2n+1) {
  background-color: #ecf5fc;
}

.proinfo-bots-ajax.active {
  padding-bottom: 1.7rem;
}
.proinfo-bots-ajax.active .knowlages-right-bots {
  padding-bottom: 0;
  margin-top: 1.5rem;
}
.proinfo-bots-ajax.active .knowlages-right-bots .items {
  margin-bottom: 1.95rem;
}

.proinfo-downs {
  margin-top: 1.5rem;
}
.proinfo-downs .items {
  display: block;
  position: relative;
  line-height: 3.75em;
  height: 3.75em;
  padding-right: 3.375em;
  padding-left: 3.75em;
  background-color: #fafcfe;
}
.proinfo-downs .items:before {
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  top: 0;
  bottom: 0;
  right: 1.875em;
  background: url(../img/imgs/7-001.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}
.proinfo-downs .items:nth-child(n+2) {
  margin-top: .25rem;
}
.proinfo-downs .items img {
  width: 1.25em;
  height: 1.25em;
  position: absolute;
  left: .7rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.proinfo-prolists {
  margin-top: 1.2rem;
}
.proinfo-prolists .lis-tops, .proinfo-prolists .lis-bots {
  padding-left: 1.625rem;
  padding-right: 1.25rem;
  position: relative;
}
.proinfo-prolists .lis-tops:before, .proinfo-prolists .lis-bots:before {
  position: absolute;
  content: "";
  width: .5rem;
  height: .5rem;
  top: 0;
  bottom: 0;
  left: .8rem;
  margin: auto;
}

 .proinfo-prolists .lis-bots:before{
 	bottom: auto;
 	top: .25em;
 }
.proinfo-prolists .lis-tops:after, .proinfo-prolists .lis-bots:after {
  position: absolute;
  width: 14px;
  height: 6px;
  right: .75rem;
  top: 0;
  content: "";
  bottom: 0;
  opacity: 0;
}
.proinfo-prolists .lis-tops:after,.proinfo-prolists .lis.active .lis-tops:after{
  /*transition:.3s ease-in-out;*/
}
.proinfo-prolists .lis.active .lis-tops:after{
  transform:rotate(180deg);
}
.proinfo-prolists .lis {
  background: #fff;
}
.proinfo-prolists .lis:nth-child(n+2) {
  margin-top: .25rem;
}
.proinfo-prolists .lis.active {
  background-color: #ecf5fc;
}

.proinfo-prolists .lis.active .lis-tops{
    background-color: #ecf5fc;
}
.proinfo-prolists .lis-tops {
  height: 1.5rem;
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  background: #FAFCFE;
}
.proinfo-prolists .lis-tops:before {
  background: url(../img/imgs/q.png) no-repeat center;
  background-size: 100%;
}
.proinfo-prolists .lis-tops:after {
  background: url(../img/imgs/8-01.png) no-repeat center;
  background-size: 100%;
  opacity: 1;
  margin: auto;
}
.proinfo-prolists .lis-bots {
  line-height: 1.5em;
  transform: translateY(0);
  display: none;
  padding-bottom: .55em;
}
.proinfo-prolists .lis-bots .tbox{
  min-height: 1.5em;
}
.proinfo-prolists .lis-bots:before {
  background: url(../img/imgs/a.png) no-repeat center;
  background-size: 100%;
}

.abouts {
  background-color: #fff;
}

.abouts-01 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  /*padding-bottom: 4.5rem;*/
}

.w50 {
  width: 50%;
}

.w860 {
  width: 87.5%;
  max-width: 840px;
}

.abouts-01 .technologys-items .images {
  width: 100%;
}
.abouts-01 .technologys-items {
  overflow: visible;
}
.abouts-01 .words-text {
  justify-content: flex-end;
}
.abouts-01 .words-text .box{
  padding-right: 7.0833333333vw;
}
.abouts-01 .txts {
  margin-top: 1rem;
  margin-bottom: 1.3rem;
}
.abouts-01 .more {
  margin-top: 1.1rem;
  border: 1px solid #0053A6;
  padding-top: .3rem;
  padding-bottom: .3rem;
}
.abouts-01 .numbers .li {
  width: 4.875rem;
}
.abouts-01 .numbers .tits {
  margin-right: .2rem;
}
.abouts-01 .numbers .tits, .abouts-01 .numbers .span, .abouts-01 .numbers sup {
  line-height: 1;
  color: #0053A6;
}
.abouts-01 .li-tits {
  align-items: flex-end;
}
.abouts-01 .li-txts {
  line-height: 1;
  margin-top: .2rem;
  line-height: 1.5;
  color: #999999;
}

.abouts-01 .more:hover {
  border-color: transparent;
}

.abouts-05 {
  padding-top: 2.5rem;
  padding-bottom: 4.875rem;
}
.abouts-05 .i {
  display: block;
}
.abouts-05 .i {
  margin-bottom: .3rem;
  width: 1px;
  border: 1px solid #dae3eb;
  width: 16%;
  margin-left: .8%;
  overflow: hidden;
	background: #F3F9FD;
}
.abouts-05 .i img {
  transition: 0.5s ease-in-out;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.abouts-05 .i:nth-child(6n+1) {
  margin-left: 0;
}
.abouts-05 .abouts-05-swiper {
  margin-top: 1.5rem;
}

.cons-swiper.onac .swiper-button-prev, .cons-swiper.onac .swiper-button-next,
.cons-swiper.onac .swiper-pagination {
  display: none;
}

.abouts-04 {
  padding-top: 1.875rem;
  padding-bottom: 2.375rem;
}
.abouts-04 .abouts04-swiper {
  margin-top: 1.75rem;
}

.abouts04-swiper {
  padding-right: 2rem;
  align-items: flex-end;
  justify-content: space-between;
}
.abouts04-swiper .images {
  width: 25.1%;
}
.abouts04-swiper .ab04-swiper {
  width: 65%;
  /*width: 62%;*/
}

.ab04-swiper .li {
  width: 24%;
  margin-right: 1.33%;
}
.ab04-swiper .li:last-child {
  margin-right: 0;
}

.cons-swiper.active .swiper-button-prev, .cons-swiper.active .swiper-button-next {
  background-color: #f3f9fd;
}
.cons-swiper.active .swiper-button-prev {
  background: url(../img/imgs/lefts2.png) #f3f9fd no-repeat center;
  background-size: 100%;
}
.cons-swiper.active .swiper-button-next {
  background: url(../img/imgs/rights2.png) #f3f9fd no-repeat center;
  background-size: 100%;
}

.abouts04-swiper .ab04-swiper .swiper-button-prev {
  left: -3.15rem;
}
.abouts04-swiper .ab04-swiper .swiper-button-next {
  right: -3.15rem;
}

.fixed-rights {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-rights .items {
  background-color: #0053A6;
  position: relative;
}
.fixed-rights .items .items-bots {
  position: absolute;
  right: 60px;
  top: 0;
  height: 60px;
  line-height: 60px;
  background-color: #0053A6;
  color: #fff;
  padding: 0 .5rem;
  white-space: nowrap;
  /*min-width: 200px;*/
  width: 130px;
}
.fixed-rights .items-bots {
  display: none;
}
.fixed-rights .ukj {
  height: 180px;
  justify-content: center;
  align-items: center;
}
.fixed-rights .items-tops {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.fixed-rights .items-tops img {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
.fixed-rights .fixed-ewm {
  position: static;
}
.fixed-rights .fixed-ewm .items-bots {
  height: 180px;
  width: 180px;
  padding: 0;
}
.fixed-rights .fixed-ewm .wechat-p {
  width: 100px;
  line-height: 1.5;
}
.fixed-rights .fixed-ewm .imgs {
  width: 110px;
}

.tankuang-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
  display: none;
}
.tankuang-fixed .close {
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/12-01.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.tankuang-fixed .bg {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.tankuang-fixed .box {
  position: absolute;
  width: 600px;
  left: 50%;
  top: 50%;
  background-color: #fff;
  /*border-radius: 5px;*/
  z-index: 5;
  transform: translate(-50%, -50%);
  padding: 1.5rem 1.75rem;
}
.tankuang-fixed .uls {
  margin-top: .75rem;
}
.tankuang-fixed .submits {
  margin-top: 1rem;
}
.tankuang-fixed .lis {
  position: relative;
  border-bottom: 1px solid #979797;
}
.tankuang-fixed .lis:nth-child(n+2) {
  margin-top: .35rem;
}
.tankuang-fixed .lis input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.tankuang-fixed .lis .lis-span {
  position: absolute;
  left: 0;
  top: 0;
  color: #0053A6;
  /*height: 100%;*/
  background-color: #fff;
  z-index: 1;
  height: 40px;
  line-height: 40px;
  padding-right: 1em;
}

.abouts-02 {
  padding-top: 2.75rem;
  padding-bottom: 2.125rem;
  position: relative;
}
.abouts-02 .items {
  width: 50%;
  border-bottom: 1px solid #d0d1d4;
  height: 315px;
  height: 7.875rem;
}
.abouts-02 .items:nth-child(n+3) {
  border-bottom: none;
}
.abouts-02 .items .icons {
  width: 2.65rem;
  height: 2.65rem;
  border-radius: .2rem;
  border: 1px solid rgba(0,83,166,.4);
}
.ab03-box .ab03-right-swiper{
  position: relative;
}
.ab03-box .ab03-right-swiper:before{
  position: absolute;
  width: 100%;
  height: 100%;
  content:"";
  z-index: 20;
  left: 0;
  top: 0;
  display: none;
}
.ab03-box .ab03-right-swiper.acg:before{
  display: block;
}

.abouts-02 .items .text {
  color: #333;
  width: calc(100% - 2.65rem);
}
.abouts-02 .items .tits {
  line-height: 1;
  margin-bottom: .4rem;
  margin-top: .4rem;
}
.abouts-02 .items .txts {
  line-height: 1.33;
  height: 2.66em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: none;
}

.ab02-box {
  position: relative;
}
.ab02-box .cons-titles {
  position: absolute;
  left: 0;
  top: 0;
}

.abouts-03 {
  padding-top: 3.25rem;
  padding-bottom: 2.5rem;
  /*padding-bottom: 1.875rem;*/
}

.ab03-box .ab03-left-swiper {
  width: 22.3%;
}
.ab03-box .ab03-right-swiper {
  width: 77.7%;
}

.tit-100 {
  font-size: 4.6875vw;
}

.tit-165 {
  font-size: 8.59375vw;
}

.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-active {
  /*padding-bottom: 6rem;*/
}

@media screen and (max-width: 768px) {
  .tit-100 {
    font-size: 13.0208333333vw;
  }

  .tit-165 {
    font-size: 21.484375vw;
  }
}
.ab03-left-swiper {
  height: 11.625rem;
  position: relative;
}
.ab03-left-swiper:before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 11.625rem;
  left: 0;
  top: 0;
  background: url(../img/imgs/line.png) repeat center;
  background-position: 0 7%;
}
.ab03-left-swiper .swiper-container {
  height: 100%;
}
.ab03-left-swiper .swiper-container .swiper-slide {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4dbfda;
  /*font-weight: bold;*/
  color: #d9d9d9;
  padding: 0 .5em 0 0;
}
.ab03-left-swiper .swiper-container .swiper-slide span {
  line-height: 1;
}
.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-active {
  color: #4dbfda;
  /*height: 80%;*/
}
.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-active {
  padding-bottom: 4rem;
  padding-top: 2rem;
}
.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-prev{
	  color: #f1f1f1;
	  transform: scale3d(0.5, 0.5, 1) translateY(6em);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	  transform-origin: 20%;
	  position: relative;
	  z-index: 3;
}
.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-next {
  color: #f1f1f1;
  transform: scale3d(0.5, 0.5, 1) translateY(-8em);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  transform-origin: 20%;
}
.ab03-left-swiper .swiper-container .swiper-slide.swiper-slide-next span {
  background: linear-gradient(to right top, #f6f6f6, #f4f4f4, #ededed);
  -webkit-background-clip: text;
  color: transparent;
}

.ab03-right-swiper {
  position: relative;
}
.ab03-right-swiper .numbers {
  line-height: 1;
  position: absolute;
  right: 0;
  top: -6.0416666667vw;
  padding-right: 4rem;
  opacity: .1;
  /*font-weight: bold;*/
  color: #053A7E;
}
.ab03-right-swiper .images {
  width: 59.4%;
  overflow: hidden;
}
.ab03-right-swiper .images img {
  transition: .5s ease-in-out;
}
.ab03-right-swiper .words {
  width: 40.6%;
  padding-left: 2.4rem;
  padding-right: .75rem;
}
.ab03-right-swiper .times {
  line-height: 1;
  color: #0053A6;
}
.ab03-right-swiper .items {
  align-items: center;
}
.ab03-right-swiper .txts {
  margin-top: .5rem;
  line-height: 1.58;
  color: #333333;
}

.ab03-con-swiper {
  margin-top: 2.9rem;
}

.ab03-right-swiper .swiper-container,
.ab03-right-swiper, .ab03-right-swiper .items {
  height: 11.625rem;
  line-height: 11.625rem;
}

.pc-header-box {
  position: relative;
}
.pc-header-box .nav-bot-box {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100px;
}
.pc-header-box .nav-bot-box.on {
  display: none !important;
}
.pc-header-box .nav-bots {
  background-color: #fff;
  padding: 1.75rem 1.25rem 2.15rem 1.25rem;
}

.nav-bot-box-abouts .it-items {
  width: 30.25%;
  margin-left: 4.625%;
  color: #666666;
}
.nav-bot-box-abouts .it-items a {
  color: #666666;
}
.nav-bot-box-abouts .it-items:nth-child(3n+1) {
  margin-left: 0;
}
.nav-bot-box-abouts .it-items .images {
  overflow: hidden;
  border-radius: 5px;
  width: 58%;
}
.nav-bot-box-abouts .it-items .words {
  width: 42%;
  padding-left: .7rem;
}
.nav-bot-box-abouts .it-items .i-tops {
  position: relative;
  display: block;
  line-height: 2em;
  color: #333333;
  position: relative;
  padding-right: 24px;
}
.nav-bot-box-abouts .it-items .i-tops:before {
  width: 14px;
  position: absolute;
  content: "";
  height: 14px;
  background: url(../img/imgs/31-01.png) no-repeat center;
  background-size: 100%;
  right: .25rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.nav-bot-box-abouts .it-items .i-bots {
  margin-top: .2rem;
  line-height: 1.57;
}

.pc-header-box .nav-bots.nav-bot-box-products {
  padding: 0;
}

.nav-bot-box-products {
  align-items: stretch;
}
.nav-bot-box-products .nav-left {
  padding: 1.375rem .75rem 1.375rem 1.75rem;
  width: 22.5%;
  background: #f3f2f5;
}
.nav-bot-box-products .nav-left a {
  display: block;
}
.nav-bot-box-products .nav-left .lis {
  line-height: 2.11;
  color: #333333;
  position: relative;
  padding-right: 10px;
  transition: .5s ease-in-out;
}
.nav-bot-box-products .nav-left .lis:hover, .nav-bot-box-products .nav-left .lis.active {
  color: #00A3CA;
  transition: .5s ease-in-out;
}
.nav-bot-box-products .nav-left .lis:hover:before, .nav-bot-box-products .nav-left .lis.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.nav-bot-box-products .nav-left .lis:before {
  width: 7px;
  height: 12px;
  content: "";
  position: absolute;
  right: 0;
  top: .75em;
  opacity: 0;
  background: url(../img/imgs/s.png) no-repeat center;
  transition: .5s ease-in-out;
  background-size: 100%;
}
.nav-bot-box-products .nav-left .lis:nth-child(n+2) {
  margin-top: .9rem;
}
.nav-bot-box-products .nav-right {
  width: 77.5%;
  align-items: flex-start;
  padding: 1rem 2.8rem 1.85rem 2.9rem;
}
.nav-bot-box-products .nav-right .text {
  line-height: 1.25;
  color: #333333;
}
.nav-bot-box-products .nav-right .i {
  /*width: 33.33%;*/
  padding: .6rem 0;max-width: 33.33%;
}

.nav-bot-box-products .nav-right .i2box{
  border-bottom: 1px solid #e6e6e6;
  justify-content: space-between;
}
.nav-bot-box-products .nav-right .i .box {
  align-items: center;
  flex-wrap: nowrap;
}
.nav-bot-box-products .nav-right .i .text {
  /*width: calc(100% - 2rem);*/
  width: 12em;
  padding-left: .4rem;
}
.nav-bot-box-products .nav-right .i .images {
  height: 2rem;
  width: 2rem;
}
.nav-bot-box-products .nav-right .i .images img {
  height: 100%;
}

.nav-bot-box-products .nav-left,
.nav-bot-box-products .nav-right {
  height: 11.25rem;

}

.nav-bot-box-products .nav-left .nav-h{
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  padding-right: 1rem;
}

.nav-bot-box-abouts, .nav-bot-box-applications, .nav-bot-box-servers,
.nav-bot-box-products {
  /*display: none;*/
}

.nav-bot-box {
  display: none;
}
.nav-bot-box.on {
  display: block !important;
}

.col333 {
  color: #333;
}

.nav-bot-box-applications .items {
  width: 17.7%;
  margin-right: 2.875%;
  margin-bottom: 2%;
}
.nav-bot-box-applications .items:last-child {
  margin-right: 0;
}
.nav-bot-box-applications .items .images {
  border-radius: 5px;
  overflow: hidden;
}
.nav-bot-box-applications .items .images img {
  transition: .5s ease-in-out;
}
.nav-bot-box-applications .items .tits {
  line-height: 1.875;
  position: relative;
  padding-right: 16px;
  margin-bottom: .375rem;
}
.nav-bot-box-applications .items .tits:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  right: 0;
  top: .5em;
  background: url(../img/imgs/31-01.png) no-repeat center;
  background-size: 100%;
}

.nav-bot-box-servers .items {
  width: 48%;
  margin-left: 4%;
}
.nav-bot-box-servers .items:nth-child(2n+1) {
  margin-left: 0;
}
.nav-bot-box-servers .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.nav-bot-box-servers .items .images {
  overflow: hidden;
  width: 43.8%;
  border-radius: 5px;
}
.nav-bot-box-servers .items .images img {
  transition: .5s ease-in-out;
}
.nav-bot-box-servers .items .text {
  width: 56.2%;
  padding-left: 1rem;
}
.nav-bot-box-servers .items .txts {
  margin-top: .25rem;
  margin-bottom: .55rem;
  line-height: 1.7;
  height: 6.8em;
  overflow: hidden;
}
.nav-bot-box-servers .items .tits {
  line-height: 1;
}
.nav-bot-box-servers .items .span {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  background: url(../img/imgs/dys.png) #00A3CA no-repeat center;
  background-size: 100%;
}

.pc-header-box .nav-bots {
  background: url(../img/imgs/bgs.jpg) #fff no-repeat center;
  background-size: cover;
}

.pc-header .right-btn .nav .li .tit a {
  position: relative;
}
.pc-header .right-btn .nav .li .tit a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #00A3CA;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
  pointer-events:none;
}
.pc-header .right-btn .nav .li.active .tit a:before {
  opacity: 1;
  transition: .5s ease-in-out;
}

.pc-header .right-btn .nav .li.active .tit a {
  color: #00A3CA;
}

body.onoff .pc-header .right-btn .nav .li.active .tit a,
body.onoff .pc-header .right-btn .nav .li:hover .tit a,
body.onactives .pc-header .right-btn .nav .li.active .tit a,
body.onoff .pc-header .right-btn .nav .li.active .tit a {
  color: #00A3CA;
}

.abouts-lists,
.i-text-box {
  position: relative;
}
.abouts-lists .ab,
.i-text-box .ab {
  position: absolute;
  left: 0;
  top: -100px;
}

.m-bocweb-header3 .header2 .nav .sub-tit:after {
  /*opacity: 0;*/
}

.m-bocweb-header3 .header2 .nav .sub-tit.on:after {
  /*opacity: 1;*/
}

/*searchs*/
.searchs-tops {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #F6F6F6;
}

.searchs-box {
  height: 1.75em;
  line-height: 1.75em;
  /*overflow: hidden;*/
  padding-right: 124px;
  position: relative;
}

.searchs-box input:-moz-placeholder,
.searchs-box textarea:-moz-placeholder {
  color: #666666;
}

.searchs-box input::-moz-placeholder,
.searchs-box textarea::-moz-placeholder {
  color: #666666;
}

.searchs-box input:-ms-input-placeholder,
.searchs-box textarea:-ms-input-placeholder {
  color: #666666;
}

.searchs-box input::-webkit-input-placeholder,
.searchs-box textarea::-webkit-input-placeholder {
  color: #666666;
}

.searchs-box input {
  background-color: transparent;
}

.searchs-box input[type=text] {
  width: 100%;
  height: 100%;
  line-height: inherit;
  color: #999;
}

.searchs-box input[type=submit] {
  position: absolute;
  width: 100%;
  height: inherit;
  line-height: inherit;
  left: 0;
  width: 100%;
  text-align: left;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
}

.searchs-box .submit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-left: 38px;
  padding-right: 44px;
  color: #fff;
  background-color: #0053A6;
  border-radius: 40px;
  width: 124px;
}

.searchs-box .submit:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: 0;
  bottom: 0;
  right: .7rem;
  background-size: 100%;
  margin: auto;
  z-index: 0;
  background: url(../img/imgbox/sear3.png) no-repeat center;
  background-size: 100%;
}

.searchs-box .submit .spans {
  display: block;
  line-height: inherit;
  height: inherit;
}

.searchs-tits {
  color: #666666;
  line-height: 1.55;
  margin-bottom: .5rem;
}

.searchs-tits span {
  color: #0053A6;
}

.searchs-txts {
  font-size: 0;
  padding: 0 .25rem;
  position: relative;
  border-bottom: 1px solid rgba(214, 214, 214, 0.8);
}

.gjc .li{
  color: #333;
  margin:0 1em;
  line-height: 1.6;
}
.gjc{
  /*justify-content: center;*/
  width: calc(100% - 5.5em);
}

.gjc-titles{
  line-height: 1.6;
  width: 5.5em;
}
    .gjc-titlesbox{
      width: 70%;
      margin:0 auto;
      margin-top: .75rem;
    }
.searchs-txts:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #f3f2f0;
  left: 0;
  top: 0;
}

.searchs-txts .li {
  display: inline-block;
  vertical-align: top;
  margin: 0 .7rem;
  line-height: 1.45rem;
  cursor: pointer;
  position: relative;
  transition: .5s ease-in-out;
  color: #333;
  width: auto;
}
.searchs-txts .li:nth-child(1){
  margin-left: 0;
}

.searchs-txts .li:last-child{
  margin-right: 0;
}

.searchs-txts .li:before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 4px;
  background-color: #0053A6;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}

.serlist-center .list {
  padding-bottom: 2.4rem;
  padding-top: .75rem;
}

.serlist-center .list .li {
  width: 48.6%;
  margin-left: 2.8%;
  line-height: 3.25em;
  height: 3.25em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  padding-left: .8rem;
  position: relative;
}

.serlist-center .list .li.after, .serlist-center .list .li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: rgba(214, 214, 214, 0.8);
}

.serlist-center .list .li span {
  color: #0053A6;
}

.serlist-center .list .li:before {
  position: absolute;
  content: "";
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background-color: #cccccc;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

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

.searchs-txts .li.active {
  color: #0053A6;
  transition: .5s ease-in-out;
}

.searchs-txts .li.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}

.searchs-body {
  padding-top: 1rem;
  padding-bottom: 2.9rem;
}

.searchs-list {
  padding-top: .75rem;
}

.searchs-list .list {
  font-size: 0;
  padding-bottom: 1.75rem;
}

.searchs-list .list .items {
  display: inline-block;
  vertical-align: top;
  width: 48.5%;
  margin-left: 3%;
  color: #333;
  border-bottom: 1px solid #e01a22;
  margin-top: .5rem;
}

.searchs-list .list .items .box {
  height: 1.25rem;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: .85rem;
  padding-right: .2rem;
  position: relative;
}

.searchs-list .list .items .box:before {
  position: absolute;
  content: "";
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background-color: #e01a22;
  top: 0;
  bottom: 0;
  left: .25rem;
  margin: auto;
}

.searchs-list .list .items span {
  color: #cc0000;
}

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

.polishing-uls.w3 .polishing-lis {
  width: 33.33%;
}

@media (min-width: 1025px) {
  .gjc .li,.gjc .li:hover{
    transition:.5s ease-in-out;
  }
  .gjc .li:hover{
    color: #0053A6;
  }
  .sales-02-list .words{
      align-content: space-between;
  }
  .searchs-box .submit {
    transition: .5s ease;
  }

  .searchs-box .submit:hover {
    transition: .5s ease;
    background-color: #0053A6;
  }

  .serlist-center .list .li.after, .serlist-center .list .li:after {
    transition: .5s ease-in-out;
  }

  .serlist-center .list .li.after:hover, .serlist-center .list .li:hover:after {
    background: #0053A6;
    transition: .5s ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  .serlist-center .list .li {
    width: 100%;
    margin-left: 0;
  }
}
/**/
.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.contacts-box {
  padding-top: 5.2083333333vw;
  padding-bottom: 6.3541666667vw;
}

.knowlages-wrap {
  padding-top: 5.36vw;
  /*padding-top: 5.46875vw;*/
  padding-bottom: 5.2083333333vw;
}

header {
  z-index: 9999;
}

@media screen and (max-width: 1024px) {
  footer .top .left {
    border-right: none;
  }

  .pro-ajax-list .li {
    width: 32%;
    margin-left: 2%;
  }

  .g_com_play {
    width: 32px;
  }

  .pro-ajax-list .li .li-bots {
    display: none;
  }

  .sales-02-list .images {
    width: 100%;
  }
  .sales-02-list .images img {
    width: 100%;
  }

  .sales-01-list .items {
    width: 33.33%;
  }

  .sales-02-list .words {
    width: 100%;
    padding-left: 0;
    margin-top: 1.25rem;
  }

  .servers-list-03-ul .items {
    width: 33.33%;
  }

  .servers-list-04-ul .li {
    width: 100%;
    margin-left: 0;
  }

  .servers-list-03-ul .items .text {
    /*transition: 0.5s ease-in-out;*/
  }
  .servers-list-03-ul .items .num .icons {
    opacity: 1;
    /*transition: 0.5s ease-in-out;*/
  }
  .servers-list-03-ul .items .words {
    opacity: 1;
    /*transition: 0.5s ease-in-out;*/
  }
  .servers-list-03-ul .items .text {
    opacity: 0;
    /*transition: 0.5s ease-in-out;*/
  }

  .servers-list-04-ul .li.w100 {
    padding-top: 2rem;
  }

  .w1580,
  .w1680 {
    width: 92%;
    max-width: 92%;
  }

  .contacts-box {
    padding-top: 9.765625vw;
    padding-bottom: 11.9140625vw;
  }

  .knowlages-wrap {
    padding-top: 10.25390625vw;
    padding-bottom: 9.765625vw;
  }

  .applist02-box .uls-lefts, .applist02-box .uls-rights {
    width: 100%;
  }
  .applist02-box .uls-lefts img, .applist02-box .uls-rights img {
    width: 100%;
  }

  .applist02-box .box {
    width: 92%;
    max-width: 92%;
  }

  .applist02-box .uls-lefts {
    justify-content: center;
  }

  .applist02-box .txts {
    height: auto;
    overflow: hidden;
    margin-bottom: .5rem;
  }

  .applist02-box .box {
    padding: .75rem .5rem;
  }

  .applist-02 .applist02-box {
    margin-top: .25rem;
  }

  .applist-03 {
    padding-top: 6.591796875vw;
    padding-bottom: 10.986328125vw;
  }

  .applist01-box .words {
    width: 100%;
    padding-left: 0;
    margin-top: .5rem;
  }

  .applist01-box .images {
    width: 100%;
  }
}
.applist-03 .applist-list .lis .li{
	line-height: 1.5;
}

.applist-03 .applist-list .lis{
  padding-top: 1.8em;
  padding-bottom: 1.8em;

}

.applist-03 .applist-list .lis .li:before{
	top: 1.3em;
}
@media screen and (max-width: 750px) {
  .contacts-box {
    padding-top: 13.3333333333vw;
    padding-bottom: 16.2666666667vw;
  }

  .knowlages-wrap {
    padding-top: 14vw;
    padding-bottom: 13.3333333333vw;
  }

  .applist-01 {
    padding-top: 14.6666666667vw;
    padding-bottom: 12vw;
  }
}
@media screen and (max-width: 1191px) {
  .applist02-box .texts br {
    display: none;
  }

  .applist02-box .li {
    width: 25%;
  }

  .pc-header .right-btn .nav .li {
    margin-right: .5rem;
  }

  .w1680 {
    width: 92%;
    max-width: 92%;
  }

  .knowlages-box .knowlages-left {
    width: 150px;
  }

  .knowlages-box .knowlages-right {
    width: calc(100% - 150px);
    padding-left: 1.75rem;
  }

  .app-swiper .words {
    padding: 2.0833333333vw 1.5625vw;
  }

  .app-swiper .items-tops {
    padding-bottom: 3.125vw;
  }

  .newslist-tops .words-box {
    width: 32%;
    padding: .75rem;
  }
}
@media screen and (max-width: 1024px) {
  .news-ajax-list .items, .newslistbots-titles,
  .newslist-tops {
    padding-left: 0;
    padding-right: 0;
  }

  .news-ajax-list .items .numbers {
    display: none;
  }

  .news-ajax-list .items .time {
    color: #999;
    line-height: 1;
    margin-top: .25rem;
  }

  .newslist-tops .images-box,
  .newslist-tops .words-box {
    width: 100%;
  }

  .newslist-tops .words-box {
    margin-top: 1.25rem;
  }

  .ctacts-box .ctacts-rights {
    margin-left: 0;
    width: 100%;
    margin-top: 5vw;
  }

  .ctacts-box .ctacts-lefts {
    width: 100%;
  }

  .app-swiper .images {
    height: 29vw;
  }

  .app-swiper .items-bots .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .app-swiper .items-bots .li:nth-child(3n+1) {
    margin-left: 2%;
  }
  .app-swiper .items-bots .li:nth-child(2n+1) {
    margin-left: 0;
  }
}
.technologys-items .images .imgs:before {
  pointer-events: none;
}

@media screen and (max-width: 1191px) {
  .proinfos-tops-box {
    width: 92%;
    max-width: 92%;
  }

  .proinfos-tops-box .images {
    width: 45%;
  }

  .proinfos-imgs-bots {
    width: 7.5rem;
  }
}
.home-c .right .play {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .ab04-swiper .li {
    width: 32%;
    margin-right: 2%;
  }

  .abouts-05 .i {
    width: 32%;
    margin-left: 2%;
  }
  .abouts-05 .i:nth-child(6n+1) {
    margin-left: 2%;
  }
  .abouts-05 .i:nth-child(3n+1) {
    margin-left: 0;
  }

  .ab02-box .cons-titles {
    position: static;
    margin-bottom: .75rem;
  }

  .ab03-right-swiper .words {
    padding-left: 1.5rem;
  }

  .abouts-02 .items {
    width: 100%;
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .abouts-02 .items .txts {
    display: block;
    height: auto;
  }

  .abouts-02 .items .text {
    padding-left: .5rem;
  }

  .abouts04-swiper .images {
    width: 50%;
    margin-bottom: .5rem;
  }

  .abouts04-swiper .ab04-swiper {
    width: 100%;
  }

  .ab03-box .ab03-right-swiper {
    width: 100%;
  }

  .abouts-04 .abouts04-swiper {
    padding-right: 0;
  }

  .ab03-box .ab03-left-swiper {
    display: none;
  }

  footer .bot {
    line-height: 1.58;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  footer .top .left .t1 {
    margin-top: 0;
  }

  footer .top .right .li .list .ls {
    width: 48%;
    margin-right: 4%;
  }
  footer .top .right .li .list .ls:nth-child(2n+2) {
    margin-right: 0;
  }

  footer .top .right .li .list .ls .tit-27 {
    margin-top: 7px;
  }

  footer .top {
    padding-top: 30px;
    padding-bottom: 25px;
  }

  footer .top .left .k-li2 .t1 {
    padding-right: 7px;
  }

  footer .top .left .k-ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 15px;
  }
  footer .top .left .k-li {
    border: 1px solid #3e3e3e;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer .top .left .k-li1 {
    padding: 3px 8px;
    width: 57%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
  }
  footer .top .left .k-li2 {
    width: 42%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  footer .top .left .ewm {
    width: 36%;
  }

  footer .top .left .t2 {
    line-height: 1.25;
    word-break: break-all;
  }

  footer .top .left .send {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 22px;
  }

  footer .top .left .send .txt {
    height: 40px;
    line-height: 40px;
  }

  footer .top .left .send .txt {
    width: calc(100% - 40px);
  }

  footer .top .left .send .submit {
    width: 40px;
    height: 40px;
  }

  footer .top .left .send .txt .lab {
    bottom: 0;
    margin: auto;
  }

  footer .top .left .send .txt input {
    padding-left: 32px;
  }

  .proinfos-bottoms .proinfo-bots-swiper {
    margin-top: 1.5rem;
  }

  .proinfos-bottoms .swiper-pagination .swiper-pagination-bullet {
    width: 1.25rem;
  }

  .proinfos-bottoms .li {
    width: 33.33%;
  }

  .proinfos-centers-titles .li {
    padding: 0 .5rem;
  }

  .proinfos-tops-box .words {
    margin-top: 1rem;
  }

  .proinfos-imgs-tops {
    display: none;
  }

  .proinfos-tops-box .images .proinfos-imgs-bots {
    width: 50%;
    margin: 0 auto;
    padding-top: 0;
  }

  .proinfos-tops-box .images, .proinfos-tops-box .words,
  .proinfos-imgs-bots {
    width: 100%;
  }

  .joinstops-list .items {
    width: 32%;
    margin-left: 2%;
  }

  .joinsbots-list .td {
    display: none;
  }
  .joinsbots-list .td.td1 {
    display: block;
    width: calc(100% - 100px);
  }

  .joinsbots-list .uls-tops, .joinsbots-list .forms-tops {
    padding-left: 1rem;
    padding-right: .75rem;
  }

  .joinsbots-list .uls-bots {
    padding-left: 1rem;
    padding-right: .75rem;
  }

  .joinsbots-list .td6 {
    display: block;
  }

  .joinsbots-list .uls-tops .td6 {
    display: flex;
  }

  .technologys-items .images .dian {
    left: -.5rem;
  }

  .technologys-items:nth-child(2n+2) .dian {
    right: -.5rem;
  }

  .technologys-items .words {
    padding-top: 1.5rem;
  }

  .technologys-items .words,
  .technologys-items .images {
    width: 100%;
  }

  .technologys-items-02 {
    padding-top: 8.203125vw;
    padding-bottom: 12.109375vw;
  }

  .technologys-items-01 {
    padding-top: 14.16015625vw;
    padding-bottom: 16.11328125vw;
  }

  .technologys-items-03 {
    padding-top: 9.765625vw;
    padding-bottom: 14.453125vw;
  }

  .cons-banner {
    position: relative;
  }
  .cons-banner:before {
    position: absolute;
    content: "";
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .servers-list-01-ul .words, .servers-list-01-ul .images {
    width: 100%;
  }

  .servers-list-02-ul .items {
    width: 40%;
    margin-right: 2%;
  }

  /*.servers-list-02-ul .items{
  	width: 100%;
  	margin-left: 0;
  	&:nth-child(n+2){
  		margin-top:.5rem;
  	}
  }*/
  .servers-list-01-ul .words {
    padding: 1.5rem 1rem;
  }

  .servers-list-01-ul .txts {
    margin-top: .5rem;
  }

  div.h100 {
    height: 60px;
    line-height: 60px;
  }

  .knowlages-news-list .list-items .numbers {
    display: none;
  }

  .knowlages-news-list .list-items .words {
    width: 70%;
  }

  .knowlages-news-list .list-items .images {
    width: 30%;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }

  .ctacts-lefts .yzm input[type=submit] {
    width: 100%;
    /*margin-top: .75rem;*/
  }

  .ctacts-rights .lis .icons {
    bottom: auto;
    top: 3vw;
  }

  .ctacts-rights .lis {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .ctacts-rights .li {
    width: 100%;
  }

  .knowlages-left .uls-tops {
    display: block;
  }

  .knowlages-left .uls-bots {
    margin-top: .3rem;
  }

  .knowlages-box .knowlages-right,
  .knowlages-box .knowlages-left {
    width: 100%;
  }

  .knowlages-left .li:nth-child(n+2) {
    margin-top: 0;
    /*margin-left: .25rem;*/
  }
  .knowlages-left .li{
  	margin-right: .25rem;
  }
  .knowlages-left .li:last-child{
  	margin-right: 0;
  }

  .knowlages-box .knowlages-right {
    padding-left: 0;
  }

  .knowlages-box .knowlages-left {
    margin-bottom: 1rem;
    text-align: left;
  }

  .knowlages-left .uls-bots {
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }

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

  .knowlages-right-tops .images {
    width: 52%;
  }

  .knowlages-right-tops .words {
    width: 48%;
  }

  .ctacts-rights .nums2,
  .ctacts-rights .nums {
    width: 100%;
    margin-left: 0;
  }

  .knowlages-right-bots .items {
    width: 32%;
    margin-left: 2%;
  }

  .knowlages-right-tops .words {
    padding: 0;
    padding-top: 0.65rem;
    padding-bottom: 0.75rem;
  }
  .knowlages-right-tops .words .tits, .knowlages-right-tops .words .txts {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
  }
  .knowlages-right-tops .words .tits:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 96%;
    background-color: #1463aa;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .cons-videos .li.cur .images:before {
    background-size: 30px 30px;
  }
}
.servers-list-03-ul .items .text {
  /*transition: 0.5s ease-in-out;*/
}
.servers-list-03-ul .items.active .num .icons {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.servers-list-03-ul .items.active .words {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.servers-list-03-ul .items.active .text {
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.knowlages-right .images .span {
  z-index: 2;
}

.wow {
  opacity: 0;
}

.newslist-box {
  padding-top: 3rem;
  padding-bottom: 3.1rem;
}

body.onoff .pc-header {
  /*border-bottom: 1px solid #eeeeee;*/
}

.nav-bot-box-abouts .it-items .i-tops {
  transition: 0.5s ease-in-out;
}
.nav-bot-box-abouts .it-items .i-tops.active {
  transition: 0.5s ease-in-out;
  color: #00A3CA;
}
.nav-bot-box-abouts .it-items .i-tops.active:before {
  background: url(../img/imgs/31-02.png) no-repeat center;
  background-size: 100%;
}

@media (max-width: 1681px){
  .ctacts-lefts .yzm .inputs{
    width: 50%;
  }
}
@media (max-width: 1281px){
  .ctacts-lefts .yzm .inputs{
    width: 42%;
  }
}

  .servers-list-03-ul .items.active .words .txts{
    opacity: 1;
  }

  .servers-list-03-ul .items.active .words .tits {
      color: #0053A6;
  }
  .servers-list-03-ul .items.active .words{
      opacity: 1;
      transform: scale3d(1, 1, 1) translateY(0);
  }

@media screen and (min-width: 1025px) {
  footer .top .left .send .submit,
  footer .top .left .send .submit:hover{
    transition:.5s ease-in-out;
  }
   footer .top .left .send .submit{
    background-size: 20px;
   }
  footer .top .left .send .submit:hover{
    background-size: 22px auto;
    /*background-size: 20.4px 7.2px;*/
  }

  .newslist-tops .inputs input[type=submit].inputs-submit2,.newslist-tops .inputs input[type=submit].inputs-submit2:hover{
    transition:.5s ease-in-out;
  }
	.newslist-tops .inputs input[type=submit].inputs-submit2:hover{
	  background: url(../img/imgs/3-01-003.png) #ececec no-repeat center;
	  background-size: 22px;
    transition:.5s ease-in-out;
	}
	.newslist-tops .selects-tops{
		transition:.5s ease-in-out;
	}
	.newslist-tops .selects-tops:hover{
		transition:.5s ease-in-out;
		background-color: rgba(0,0,0,.05);
	}
  footer .top .right .li .nav a {
    transition: .5s ease;
  }
  footer .top .right .li .nav a:hover {
    transition: .5s ease;
    color: #00A3CA;
  }

  .ctacts-lefts .yzm input[type=submit] {
    transition: .5s ease;
  }
  .ctacts-lefts .yzm input[type=submit]:hover {
    transition: .5s ease;
    /*transform: translateY(-10px);*/
  }

  .nav-bot-box-products .nav-right .i img,
  .nav-bot-box-applications .items img {
    transition: .5s ease;
  }
  .nav-bot-box-products .nav-right .i:hover img,
  .nav-bot-box-applications .items:hover img {
    transition: .5s ease;
    transform: scale3d(1.05, 1.05, 1);
  }

  .nav-bot-box-abouts .it-items .i-tops {
    transition: 0.5s ease-in-out;
  }
  .nav-bot-box-abouts .it-items .i-tops:hover {
    transition: 0.5s ease-in-out;
    color: #00A3CA;
  }
  .nav-bot-box-abouts .it-items .i-tops:hover:before {
    background: url(../img/imgs/31-02.png) no-repeat center;
    background-size: 100%;
  }

  .nav-bot-box-abouts .it-items img {
    transition: 0.5s ease-in-out;
  }
  .nav-bot-box-abouts .it-items:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .abouts-02 .items {
    align-items: center;
  }
  .abouts-02 .items:nth-child(2n+1) {
    border-right: 1px solid #d0d1d4;
    padding-right: 8.3333333333vw;
    flex-direction: row-reverse;
  }
  .abouts-02 .items:nth-child(2n+1) .text {
    text-align: right;
    padding-right: .9rem;
  }
  .abouts-02 .items:nth-child(2n+2) {
    padding-left: 4.125rem;
  }
  .abouts-02 .items:nth-child(2n+2) .text {
    padding-left: .9rem;
  }

  .ab03-right-swiper .items img {
    transition: 0.5s ease-in-out;
  }
  .ab03-right-swiper .items:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .abouts-05 .i:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
    transform: scale3d(1.05, 1.05, 1);
  }

  .fixed-rights .items:hover .items-bots {
    display: block;
  }

  .cons-swiper.active .swiper-button-prev:hover {
    background: url(../img/imgs/lefts.png) no-repeat center;
    background-size: 100%;
    background-color: #0053A6;
  }
  .cons-swiper.active .swiper-button-next:hover {
    background: url(../img/imgs/rights.png) no-repeat center;
    background-size: 100%;
    background-color: #0053A6;
  }

  .ab04-swiper .li img {
    transition: .5s ease;
  }
  .ab04-swiper .li:hover img {
    transition: .5s ease;
    transform: scale3d(1.05, 1.05, 1);
  }

  .home-c .right .play {
    transition: 0.5s ease-in-out;
  }
  .home-c .right .play:hover {
    background-color: #0053A6;
    transition: 0.5s ease-in-out;
  }

  .proinfos-bottoms .li .words,
  .proinfos-bottoms .li img,
  .proinfos-imgs-bots .items .words,
  .proinfos-imgs-bots .items img {
    transition: 0.5s ease-in-out;
  }
  .proinfos-bottoms .li:hover img,
  .proinfos-imgs-bots .items:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .proinfos-bottoms .li:hover .words,
  .proinfos-imgs-bots .items:hover .words {
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }

  .proinfo-bots-ajax .applist-list .li {
    transition: 0.5s ease-in-out;
  }
  .proinfo-bots-ajax .applist-list .li:hover {
    color: #0053A6;
    transition: 0.5s ease-in-out;
  }

  .proinfos-centers-titles .li {
    transition: 0.5s ease-in-out;
  }
  .proinfos-centers-titles .li img {
    transition: 0.5s ease-in-out;
  }
  .proinfos-centers-titles .li:hover {
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }
  .proinfos-centers-titles .li:hover img {
    transition: 0.5s ease-in-out;
    filter: none;
  }

  .cons-banner {
    height: 37.5vw;
  }

  .proinfo-downs .items {
    transition: 0.5s ease-in-out;
  }
  .proinfo-downs .items:hover {
    transition: 0.5s ease-in-out;
    background-color: #ecf5fc;
  }

  .proinfos-bottoms .swiper-pagination .swiper-pagination-bullet {
    transition: 0.5s ease-in-out;
  }
  .proinfos-bottoms .swiper-pagination .swiper-pagination-bullet:hover {
    transition: 0.5s ease-in-out;
    background-color: #4dbfda;
  }

  .proinfos-tops-box .uls-abox .items {
    transition: 0.5s ease-in-out;
  }
  .proinfos-tops-box .uls-abox .items:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-5px);
  }

  .proinfos-tops-box .uls .lis {
    transition: 0.5s ease-in-out;
  }
  .proinfos-tops-box .uls .lis:before {
    transition: 0.5s ease-in-out;
  }
  .proinfos-tops-box .uls .lis:hover {
    color: #0053A6;
    transition: 0.5s ease-in-out;
  }
  .proinfos-tops-box .uls .lis:hover:before {
    transition: 0.5s ease-in-out;
    opacity: 1;
  }

  .proinfos-imgs-tops .items {
    transition: 0.5s ease-in-out;
  }
  .proinfos-imgs-tops .items:hover {
    box-shadow: 0 0 5px 1px #a9c8e3;
    transition: 0.5s ease-in-out;
  }

  .pro-ajax-list .li {
    transition: 0.5s ease-in-out;
  }
  .pro-ajax-list .li:hover .li-bots {
    opacity: 1;
    transition: 0.5s ease-in-out;
  }

  .news-topswiper .liitems img {
    transition: 0.5s ease-in-out;
  }
  .news-topswiper .liitems:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .newslistbots-titles .rights-tops .btns .i {
    transition: 0.5s ease-in-out;
  }
  .newslistbots-titles .rights-tops .btns .i:hover {
    transition: 0.5s ease-in-out;
    opacity: 1;
  }

  .news-ajax-list .items {
    transition: 0.5s ease-in-out;
  }
  .news-ajax-list .items:hover {
    transition: 0.5s ease-in-out;
    background-color: #e9f3fb;
  }

  .newslistbots-titles .lefts .li {
    transition: 0.5s ease-in-out;
  }
  .newslistbots-titles .lefts .li:hover {
    /*transform: scale(100%);*/
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }

  .newslist-tops .selects-bots .lis {
    transition: 0.5s ease-in-out;
  }
  .newslist-tops .selects-bots .lis:hover {
    color: #fff;
    background-color: #0053A6;
    transition: 0.5s ease-in-out;
  }

  .cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
    transition: 0.5s ease-in-out;
  }
  .cons-swiper .swiper-button-prev:hover, .cons-swiper .swiper-button-next:hover {
    transition: 0.5s ease-in-out;
    background-color: #4DBFDA;
  }

  .joinstops-list .items {
    transition: 0.5s ease-in-out;
  }
  .joinstops-list .items .line:before {
    transition: 0.5s ease-in-out;
  }
  .joinstops-list .items:hover .line:before {
    width: 100%;
    transition: 0.5s ease-in-out;
  }

  .joinsbots-list .box-bot-list .i {
    transition: 0.5s ease-in-out;
  }
  .joinsbots-list .box-bot-list .i:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-10px);
  }

  .joins-bots .joinsbots-list .ullist .btn,
  .joins-bots .joinsbots-list .ullist .uls-tops, .joins-bots .joinsbots-list .ullist .uls-tops .td {
    transition: 0.5s ease-in-out;
  }
  .joins-bots .joinsbots-list .ullist .uls-tops:hover {
    background-color: #0053A6;
    transition: 0.5s ease-in-out;
  }
  .joins-bots .joinsbots-list .ullist .uls-tops:hover .td {
    transition: 0.5s ease-in-out;
    color: #fff;
  }
  .joins-bots .joinsbots-list .ullist .uls-tops:hover .btns {
    transform: rotate(180deg);
    transition: .5s ease;
  }

  .applist02-box .uls {
    align-items: stretch;
  }
  .applist02-box .uls .uls-rights img {
    height: 100%;
    object-fit: cover;
  }
  .applist02-box .uls:nth-child(2n+2) {
    flex-direction: row-reverse;
  }
  .applist02-box .uls:nth-child(2n+2) .uls-lefts {
    justify-content: flex-start;
  }
  .applist02-box .uls:nth-child(2n+1) .uls-lefts .box {
    padding-right: 2.5rem;
  }
  .applist02-box .uls:nth-child(2n+2) .uls-lefts .box {
    padding-left: 2.5rem;
  }

  .applist02-box .imgs {
    overflow: hidden;
  }

  .applist02-box .li .texts {
    transition: 0.5s ease-in-out;
  }
  .applist02-box .li:hover .texts {
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }

  .applist02-box .li,
  .applist02-box .uls-rights {
    overflow: hidden;
  }
  .applist02-box .li img,
  .applist02-box .uls-rights img {
    transition: 0.5s ease-in-out;
  }
  .applist02-box .li:hover img,
  .applist02-box .uls-rights:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .app-swiper .li .words .tits,
  .app-swiper .li img {
    transition: 0.5s ease-in-out;
  }
  .app-swiper .li:hover .words .tits {
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }
  .app-swiper .li:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .sales-02-list .items {
    transition: 0.5s ease-in-out;
  }
  .sales-02-list .items:hover {
    transition: 0.5s ease-in-out;
    background-color: #e9f3fb;
  }

  .sales-01-list .items .icons, .sales-01-list .items .icons img,
  .sales-01-list .items .tits {
    transition: 0.5s ease-in-out;
  }
  .sales-01-list .items:hover .icons, .sales-01-list .items:hover .icons img,
  .sales-01-list .items:hover .tits {
    transition: 0.5s ease-in-out;
  }
  .sales-01-list .items:hover .tits {
    color: #0053A6;
  }
  .sales-01-list .items:hover .icons {
    background-color: #0053A6;
  }
  .sales-01-list .items:hover .icons img {
    -webkit-filter: brightness(800%);
    -moz-filter: brightness(800%);
    -ms-filter: brightness(800%);
    -o-filter: brightness(800%);
    filter: brightness(800%);
  }
  .servers-list-03-ul .items:hover .text,
  .servers-list-03-ul .items .text,
  .servers-list-03-ul .items:hover .words,
  .servers-list-03-ul .items .words,
  .servers-list-03-ul .items .num .icons,
  .servers-list-03-ul .items:hover .num .icons,
  .servers-list-03-ul .items:hover .text,
  .servers-list-03-ul .items .text {
    transition: 0.5s ease-in-out;
  }
  .servers-list-03-ul .items:hover .num .icons {
    opacity: 1;
  }
  .servers-list-03-ul .items:hover .words {
    opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
  }
  .servers-list-03-ul .items .text,
  .servers-list-03-ul .items:hover .text {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .servers-list-03-ul .items:hover .words .tits{
	color: #0053A6;
  }

  .servers-list-03-ul .items:hover .text {
  	opacity: 1;
  }

  .servers-list-03-ul .words .txts{
  	opacity: 0;
  }
  .servers-list-03-ul .items:hover .words .txts{
  	opacity: 1;
  }
  .servers-list-02-ul .items img, .servers-list-02-ul .items .txts {
    transition: 0.5s ease-in-out;
  }
  .servers-list-02-ul .items:hover img, .servers-list-02-ul .items:hover .txts {
    transition: 0.5s ease-in-out;
  }
  .servers-list-02-ul .items:hover .imgs img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
  }
  .servers-list-02-ul .items:hover .txts {
    color: #0053A6;
  }

  .cons-videos .li:hover .g_com_play::before, .cons-videos .li:hover .g_com_play::after {
    opacity: 1;
  }

  .con-tops-titles .items {
    transition: 0.5s ease-in-out;
  }
  .con-tops-titles .items:hover {
    color: #0053A6;
    transition: 0.5s ease-in-out;
  }

  .knowlages-news-list .list-items .items {
    transition: 0.5s ease-in-out;
  }
  .knowlages-news-list .list-items .items:hover {
    background-color: #e9f3fb;
    transition: 0.5s ease-in-out;
  }

  .cons-videos .li img {
    transition: 0.5s ease-in-out;
  }
  .cons-videos .li:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .knowlages-left .li {
    transition: 0.5s ease-in-out;
  }
  .knowlages-left .li:hover {
    transition: 0.5s ease-in-out;
    color: #0053A6;
  }

  .knowlages-left .uls-tops:before {
    transition: 0.5s ease-in-out;
  }
  .knowlages-left .uls-tops:hover{
     color: #0053A6;
  }
  .knowlages-left .uls-tops:hover:before {
    transition: 0.5s ease-in-out;
    background: url(../img/imgs/2-002.png) no-repeat center;
    background-size: 100%;
  }

  .ctacts-lefts .lis .selects-bots .i {
    transition: 0.5s ease-in-out;
  }
  .ctacts-lefts .lis .selects-bots .i:hover {
    transition: 0.5s ease-in-out;
  }

  .kn-inputs input[type=submit] {
    transition: 0.5s ease-in-out;
  }
  .kn-inputs input[type=submit]:hover {
    transition: 0.5s ease-in-out;
    background: url(../img/imgs/searchs2.png) no-repeat center;
    background-size: 100%;
  }

  .getmore .span {
    transition: 0.5s ease-in-out;
  }
  .getmore .span:before {
    transition: 0.5s ease-in-out;
  }
  .getmore .span:hover:before {
    transition: 0.5s ease-in-out;
    transform: translateX(6px);
  }
}
.pc-header .right-btn .numlist .li img {
  display: block;
}

.searchs-form {
  position: fixed;
  width: 100%;
  left: 0;
  top: 95px;
  background: #0053A6;
  z-index: 999;
  padding-top: 2.4rem;
  padding-bottom: 3rem;
  display: none;
}

.searchs-form .inputs {
  height: 2rem;
  line-height: 2rem;
  position: relative;
  border-bottom: 1px solid #fff;
}

.searchs-form .inputs input[type=text] {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  padding-right: 26px;
  color: #fff;
  background-color: transparent;
}

.searchs-form .search {
  width: 24rem;
  max-width: 50%;
  margin: 0 auto;
}

.searchs-form .inputs input[type=submit] {
  position: absolute;
  width: 23px;
  height: 23px;
  background: url(../img/search.svg) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .searchs-form {
    top: 50px;
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
  }

  .searchs-form .search {
    width: 90%;
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .kn-inputs input[type=text],
  .kn-inputs .inpts {
    width: 100%;
  }

  .abouts-03 {
    padding-top: 2.75rem;
    padding-bottom: 1.25rem;
  }

  .abouts-01 .numbers .li {
    width: 33.33%;
  }

  .abouts-01 {
    padding-top: 2.75rem;
    padding-bottom: 3rem;
  }

  .abouts-01 .technologys-items .images {
    width: 90%;
    margin: 0 auto;
  }

  .ab04-swiper .li {
    width: 49%;
  }
  .ab04-swiper .li img {
    width: 100%;
  }

  .abouts-01 .words-text {
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 1.5rem;
  }


  .w860,
  .w50,
  .abouts-01 .words-text {
    width: 100%;
  }

  .ab03-right-swiper .swiper-container, .ab03-right-swiper, .ab03-right-swiper .items {
    height: auto;
    line-height: 1;
  }

  .ab03-right-swiper .words {
    width: 100%;
    padding: 1rem .5rem;
  }

  .ab03-right-swiper .images {
    width: 100%;
  }

  .tankuang-fixed .box {
    width: 96%;
  }

  .proinfos-bottoms .proinfo-bots-swiper {
    margin-top: 1rem;
  }

  .proinfo-downs .items img {
    left: .35em;
  }

  .proinfo-downs .items:before {
    right: .75em;
  }

  .proinfos-tops-box .uls-abox .items.active,
  .proinfos-tops-box .uls-abox .items {
    padding: 0 .5rem;
  }

  .proinfos-bottoms .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
    margin: 0 2px !important;
  }

  .proinfo-downs .items {
    padding-right: 3em;
    padding-left: 2.75em;
  }

  .proinfos-bottoms .li {
    width: 50%;
  }

  .pro-ajax-list .li .images {
    height: auto;
  }
  .pro-ajax-list .li .images img {
    width: 85%;
  }

  .proinfos-tops {
    padding-top: 1rem;
  }

  .proinfos-tops-box .images .proinfos-imgs-bots {
    width: 80%;
  }

  .proinfo-bots-ajax {
    padding-top: 1.5rem;
    padding-bottom: 2.25rem;
  }

  .pro-ajax-list .li {
    width: 100%;
    margin-left: 0;
  }

  .lin1875 {
    line-height: 1.75;
  }

  .joins-tops {
    padding-bottom: 2.5rem;
  }

  .joins-bots {
    padding-bottom: 2.75rem;
  }

  .joinsbots-list .uls-bots {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .joinsbots-list .uls-tops, .joinsbots-list .forms-tops {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .joinstops-list {
    margin-top: 1.5rem;
  }

  .joinstops-list .items {
    width: 100%;
    margin-left: 0;
  }
  .joinstops-list .items:nth-child(n+2) {
    margin-top: 5%;
  }

  .applist02-box .li {
    width: 50%;
  }

  .joinsbots-list .box-bot-list .i:nth-child(n+2) {
    margin-left: .75rem;
  }

  .con-tops-titles .items:before {
    width: 4px;
    height: 7px;
    left: -2px;
  }

  .joinstops-list .tits {
    margin-top: .5rem;
    margin-bottom: .35rem;
  }

  .joinstops-list .txts {
    margin-top: .45rem;
  }

  .knowlages-news-list .list-items .words {
    width: 100%;
    padding-left: 0;
  }

  .knowlages-news-list .list-items .images {
    width: 100%;
  }

  .knowlages-news-list .list-items .images img {
    width: 40vw;
    height: 40vw;
  }

  .servers-list-02-ul .items {
    width: 100%;
  }

  .sales-01-list .items {
    width: 100%;
  }

  .applist-list .lis {
    width: 100%;
    margin-left: 0;
  }

  .applist-03 {
    padding-top: 12vw;
    padding-bottom: 20vw;
  }

  .applist02-box .box {
    padding: 1rem 0;
    padding-top: 1.25rem;
  }

  .applist02-box .txts {
    margin-top: .5rem;
    margin-bottom: .6rem;
  }

  .applist01-box .words .txts {
    line-height: 1.75;
  }
}

@media screen and (min-width: 751px){
  .cons-banner .tits{
    font-size: 1.5rem;
  }
  .cons-banner .tit-55{
    font-size: .9rem;
  }

}
@media screen and (max-width: 750px) {
  .technologys-items .words {
    padding-top: 2rem;
  }

  .technologys-items-02 {
    padding-top: 11.2vw;
    padding-bottom: 16.5333333333vw;
  }

  .technologys-items-01 {
    padding-top: 19.3333333333vw;
    padding-bottom: 22vw;
  }

  .technologys-items-03 {
    padding-top: 13.3333333333vw;
    padding-bottom: 19.7333333333vw;
  }

  .app-swiper .words {
    padding: 5.3333333333vw;
  }

  .appinfos {
    padding-top: 9.3333333333vw;
    padding-bottom: 13.0666666667vw;
  }

  .applications-lists {
    padding-top: 12.8vw;
    padding-bottom: 24.6666666667vw;
  }
  .applications-lists .app-swiper {
    margin-top: 9.6vw;
  }

  .app-swiper .items-bots .li {
    width: 100%;
    margin-left: 0 !important;
  }

  .servers-list-01 {
    padding-top: 13.3333333333vw;
    padding-bottom: 7.3333333333vw;
  }

  .servers-list-02 {
    padding-top: 7.3333333333vw;
    padding-bottom: 6.6666666667vw;
  }

  .servers-list-03 {
    padding-top: 6.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }

  .knowlages-news-list .list-items .images img {
    width: 60vw;
    height: 60vw;
  }

  .servers-list-04 {
    padding-bottom: 16.8vw;
    padding-top: 13.3333333333vw;
  }

  .sales-02-list .items {
    padding: 5vw 3.5vw;
  }

  .sales-list-01 {
    padding-top: 17.6vw;
    padding-bottom: 8.6666666667vw;
  }

  .sales-list-01 .sales-01-list {
    margin-top: 13.6vw;
  }

  .sales-02-list .words {
    margin-top: 6.6666666667vw;
  }

  .cons-banner .tits {
    /*font-size: 4.8vw;*/
    font-size: 8vw;

  }

  .cons-banner .txts {
    /*font-size: 7.4666666667vw;*/
    font-size: 4.8vw;
    margin-top: 3.7333333333vw;
  }
  .cons-banner .txts * {
    /*display: inline;*/
  }
  .cons-banner .txts br {
    display: none;
  }

  .ctacts-box .ctacts-lefts {
    padding:8vw 4vw;
  }
  .ctacts-lefts .lis .selects-bots{
  	top: 40px;
  }
  .ctacts-lefts .yzm input[type=submit]{
  	height: 40px;
  	line-height: 40px;
  }

  .ctacts-lefts .lis {
    width: 100%;
    margin-left: 0;
  }

  .ctacts-lefts .lis .spans,
  .ctacts-lefts .lis .selects-tops, .ctacts-lefts .lis textarea, .ctacts-lefts .lis input[type=text] {
    line-height: 40px;
    height: 40px;
  }

  .ctacts-lefts .lis textarea {
    height: 150px;
    line-height: 1.5;
  }

  .knowlages-right-tops .images img,
  .knowlages-right-tops .words,
  .knowlages-right-tops .images {
    width: 100%;
  }

  .knowlages-right-tops .c-more {
    display: none;
  }

  .knowlages-right-bots .items {
    width: 100%;
    margin-left: 0;
  }
  .knowlages-right-bots .items img {
    width: 100%;
  }

  .servers-list-04-ul {
    padding: 0.725rem 0.8125rem 0.8125rem 0.875rem;
  }

  .servers-list-03-ul .items {
    width: 50%;
  }

  .servers-list-03 {
    padding-bottom: 2rem;
  }

  .servers-list-03 .servers-list-03-ul {
    margin-top: 1.25rem;
  }

  .servers-list-04-ul .li input[type=text] {
    /*height: 1.25rem;*/
    /*line-height: 1.25rem;*/
    height: 1.35rem;
    line-height: 1.35rem;
  }
  .ctacts-lefts .lis{
  	margin-bottom: .5rem;
  }
  .abouts-02 .items .tits{
    margin-top: 0;
  }
  .abouts-02 .items .text .li:nth-child(n+2){
    margin-top: .35rem;
  }
  .ab03-right-swiper .numbers{
    top: -2rem;
    padding-right: 0;
    font-size: 18vw;
  }
  .ab03-con-swiper{
  	margin-top: 3rem;
  }
  .servers-list-04-ul .li-tops{
    margin-bottom: .35rem;
  }

  .servers-list-04-ul .li .inlineblock{
    position: relative;
  }
  .submitbox .more{
    height: 1.35rem;
    line-height: 1.35rem;
  }
  .ctacts-box .ctacts-rights .txts{
    width: 20em;
    max-width: 100%;
  }
  .ctacts-rights .images{
    margin-top: 1rem;
  }
  .servers-list-04-ul .textarea textarea{
    height: 4rem;
  }
}

.tankuangs{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}
.tankuangs .bg{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.1);
}

.tankuangs .tkbox{
  width: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  padding: 5vw;
  background-color: #fff;
  max-width: 900px;
}
.tankuangs .tkbox .wrapbox{
  max-height: 60vh;
  padding-right: 5px;
  overflow-y:auto;
}

.tankuangs .tkbox  .close{
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background:url(../img/12-01.png) #fff no-repeat center;
  background-size: 90%;
  cursor: pointer;
}

.abouts-01 .txts{
  text-align: justify;
}
.ctacts-lefts .lis.yzm .captcha_no,
.ctacts-lefts .lis.yzm .captcha_ok{
  position: absolute;
  top: 0;
  right: 0;
}
.proinfos-bottoms .images{
  display: flex;
  justify-content: center;
  align-items: center;
}


    @media screen and (min-width: 1025px) {
      .contacts-box .ctacts-box{
        align-items: stretch;
      }
      .ctacts-box .ctacts-rights{
        position: relative;
        padding-bottom: 4.5rem;
      }
      .ctacts-rights .images{
        position: absolute;
        left: 0;
        bottom: 0;
      }

      .servers-list-03-ul .words{
	      	transform: scale3d(.75, .75, 1) translateY(-40px);
      }

        .app-swiper .items-bots .li {
            margin-bottom: 2%;
        }
    }

    .abouts04-swiper .ab04-swiper .swiper-button-next,.abouts04-swiper .ab04-swiper .swiper-button-prev{
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        background-color: #00A3CA;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .abouts04-swiper .ab04-swiper .swiper-button-next{
      background-image: url(../img/imgs/rights.png);
    }
    .abouts04-swiper .ab04-swiper .swiper-button-prev{
      background-image: url(../img/imgs/lefts.png);
    }
    .abouts-02 .items .tits{
    	font-weight: bold;
    }

    @media screen and (min-width: 1025px){
      .abouts04-swiper .ab04-swiper .swiper-button-next:hover{
        background-image: url(../img/imgs/rights.png);
        background-color: #00A3CA;
      }
      .abouts04-swiper .ab04-swiper .swiper-button-prev:hover{
        background-image: url(../img/imgs/lefts.png);
        background-color: #00A3CA;
      }

		.news-topswiper .images img {
		  display: block;
		  /*height: 25vw;*/
		  object-fit:cover;
		  width: 100%;
		}

		.news-topswiper .swiper-button-next,
		.news-topswiper .swiper-button-prev{
			/*top: 12vw;*/
			/*bottom: auto;*/
			top:0;
			bottom: 0;
			margin:auto;
		    top: -1.25rem;
		}





    }
    @media screen and (max-width: 1024px) {

      .abouts04-swiper .ab04-swiper .swiper-button-next{
        background-image: url(../img/imgs/rights.png);
        background-color: #0053A6;
      }
      .abouts04-swiper .ab04-swiper .swiper-button-prev{
        background-image: url(../img/imgs/lefts.png);
        background-color: #0053A6;
      }


      .servers-list-03-ul .swiper-wrapper:before{
        display: none;
      }
        .app-swiper .items-tops .lefts {
            width: 49%;
        }

        .app-swiper .items-tops .rights {
            width: 49%;
        }
        .cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next{
	        background-color: #0053A6!important;
    	}
    	.cons-swiper .swiper-button-prev{
    		background-image: url(../img/imgs/lefts.png)!important;
    	}
    	.cons-swiper .swiper-button-next{
    		background-image: url(../img/imgs/rights.png)!important;
    	}
    	.abouts04-swiper .ab04-swiper{
    		padding-bottom: 24vw;
    	}
    	.abouts04-swiper .ab04-swiper .swiper-button-next,
    	.abouts04-swiper .ab04-swiper .swiper-button-prev{
    		position: absolute;
    		left: 50%!important;
    		bottom: 5vw!important;
    		transform:translateX(-50%)!important;
		    right: auto!important;
		    top: auto!important;
    	}
    	.abouts04-swiper .ab04-swiper .swiper-button-next{
    		margin-left: 1rem;
    	}
    	.abouts04-swiper .ab04-swiper .swiper-button-prev{
    		margin-left: -1rem;
    	}
    	.abouts-04{
    		padding-bottom: 0!important;
    	}


    }

    @media screen and (max-width: 768px) {
    	.proinfo-prolists .lis-bots{
		    transform: translateY(0em);
    	}
      .newslistbots-titles .lefts .li{
        transform: scale(80%);
        transform-origin: 0 95%;
      }
      .newslistbots-titles .lefts .li{
        font-size: 24px;
      }
      .newslistbots-titles .lefts .li:nth-child(n+2){
        margin-left: .25rem;
      }
        .app-swiper .items-tops {
            /*margin-bottom: 2%;*/
            padding-bottom: 0;
            margin-bottom: 4vw;

        }

        .app-swiper .items-tops .rights {
            margin-top: 4vw;
        }
        
        .app-swiper .items-bots .li{
          margin-bottom: 4vw;
        }
        .app-swiper .items-tops .lefts {
            width: 100%;
        }

        .app-swiper .items-tops .rights {
            width: 100%;
        }

        .applications-box img {
            width: 100%;
        }

        .app-swiper .images {
            height: auto;
        }
        .knowlages-right-tops .words{
              border: 1px solid #dedede;
        }
        .knowlages-right-tops .tits{
          font-size: 16px;
        }
        .knowlages-right-tops .txts{
          padding-bottom: 0;
        }
    }
    .m-fiex{
      justify-content: center;
      align-items: center;
    }

    .m-fiex .b{
        position: static!important;
        transform: none;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        margin: 0;
        opacity: 1;
        display: block;
        background-color: #0053A6;
        margin:0 5px;
    }

@media screen and (min-width: 1025px){
	.pc-header .right-btn .nav .li:hover .tit a:before{
		opacity: 1;
	}
	.pc-header .right-btn .nav .li .tit a:before,.pc-header .right-btn .nav .li:hover .tit a:before{
		transition:.5s ease-in-out;
	}
  .news-ajax-list .items .box2{
    width: 68.75%;
  }
  .tankuangs .tkbox  .close:hover{
    filter: invert(1);
  }
  .applist01-box .words{
    padding-bottom: 2.5rem;
  }
  .nav-bot-box-applications .items .tits,
  .nav-bot-box-servers .items .text .tits{
    transition:.5s ease-in-out;
  }
  .nav-bot-box-applications .items:hover .tits,
  .nav-bot-box-servers .items:hover .text .tits{
    transition:.5s ease-in-out;
    color: #00A3CA;
  }
}


@media screen and (max-width: 750px){
	.abouts04-swiper .ab04-swiper .swiper-button-next{
		right: 3%;
	}
	.abouts04-swiper .ab04-swiper .swiper-button-prev{
		left: 3%;
	}
	.abouts-04{
		padding-bottom: 1rem;
	}
	.abouts-05{
		padding-bottom: 2.75rem;
	}

	.banner-container .txt .tit-18{
		width: 100%;
		letter-spacing: 0;
	}
	.banner-container .txt{
		width: 100%;
		left: 0;
		padding: 0 4%;
		text-align: center;
	}
	.banner-container .txt .more{
		margin-top: 1.2rem;
	}
	.home-b .homeb-container .swiper-slide{
		height: 18rem;
	}
	.abouts-02 .items .tits{
		font-size: 20px;
	}
	.abouts-02 .items .txts{
		font-size: 14px;
		color: #666;
		line-height: 1.75;
	}
	.abouts-02 .items:nth-child(n+3){
		border-bottom: 1px solid #d0d1d4;
	}
	.abouts-02 .items:nth-child(n+4){
		border-bottom: none;
	}
	.abouts-02 .items .tits{
		margin-bottom: .2rem;
	}
	.abouts-02 .items{
	    align-items: center;
	    border-bottom: none!important;
	}
	.abouts-04 .abouts04-swiper{
		position: relative;
	}
	.abouts04-swiper .images{
		position: absolute;
		display: none;
	}
	.abouts-04 .abouts04-swiper{
		margin-top: 1rem;
	}
	.ab02-box .cons-titles{
		margin-bottom: 0.5rem;
	}
	.abouts-05 .abouts-05-swiper{
		margin-top: 1rem;
	}
	.ab03-right-swiper .words{
		text-align: center;
	}
	.ab03-right-swiper .numbers{
		width: 100%;
		text-align: center;
	}
}



	.ctacts-rights  .nums{
		color: #999999;
	}

@media screen and (min-width: 1025px){
	
	footer .top .right .li .list{
		flex-wrap: nowrap;
	}

	.nav-bot-box-products .nav-right .i .box{
		width: 100%;
	}
	.nav-bot-box-products .nav-right .i:nth-child(3n+1){
		justify-content: space-between;
	}
	.nav-bot-box-products .nav-right .i:nth-child(3n+2){
	        /*justify-content: center;*/
            justify-content: space-between;
	}
	.nav-bot-box-products .nav-right .i:nth-child(3n+3){
		    /*justify-content: flex-end;*/
	        justify-content: space-between;
	}
	.ctacts-rights .lis:hover .icons img,.ctacts-rights .lis .icons img,
	.ctacts-rights  .nums,
	.ctacts-rights  .nums2,
	.ctacts-rights .lis:hover .nums,
	.ctacts-rights .lis:hover .nums2,
	.ctacts-rights .lis .icons{
		transition:.5s ease-in-out;
	}
	.ctacts-rights .lis:hover .icons{
		background: #0053A6;
		transition:.5s ease-in-out;
	}
	.ctacts-rights .lis:hover .icons img{
		filter: brightness(10);
	}
	.ctacts-rights .lis:hover .nums,
	.ctacts-rights .lis:hover .nums2{
		color: #0053A6;
	}
  .knowlages-box.c-con-cons{
        justify-content: flex-end;
        min-height: 50vh;
  }
  .c-con-cons{
    position: relative;
  }
  .c-con-cons.fixed .knowlages-left{
    position: fixed;
    left: 4%;
    /*top: calc(100px + 3rem);*/
    top: 150px;
    /*padding-top: 10px;*/
  }
  .applist-list .lis .li{
    transition:.5s ease-in-out;
  }
  .applist-list .lis:hover .li{
    transition:.5s ease-in-out;
    color: #0053A6;
  }

  .knowlages-left .uls-tops,.knowlages-left .uls-bots{
  	width: calc(100% + 2em);
  	min-width: calc(9em + 0.8rem);
  }
}

.knowlages-left .uls-bots{
	font-size: 20px;
}


@media (max-width: 1681px){
	.knowlages-left .uls-bots{
		font-size: 18px;
	}	
}

@media (max-width: 1481px){
	.knowlages-left .uls-bots{
		font-size: 16px;
	}	
}
@media (max-width: 1281px){
	.knowlages-left .uls-bots{
		font-size: 16px;
	}	
}
@media (max-width: 768px){
	.knowlages-left .uls-bots{
		font-size: 16px;
	}	
  .ctacts-lefts .yzm .inputs{
    width: 75%;
  }
  .ctacts-lefts .yzm .inlineblock{
    width: 100%;
    margin-top: .75rem;
  }
  .ctacts-lefts .yzm .inlineblock .more{
    width: 100%;
  }
}

.pc-header .right-btn .nav .li.inout .nav-bot-box .nav-bots,
.pc-header .right-btn .nav .li.inout .nav-bot-box2{
  height: 8.675rem;
  overflow: hidden;
}
.pc-header-box:before{
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  box-shadow: 0px 2px 5px 0px rgba(26,28,36,0.3);
  content:"";
  z-index: 5;
  opacity: 0;
}
body.onactives2 .pc-header-box:before,
body.onactives .pc-header-box:before{
  opacity: 1;
}
.pc-header-box .nav-bot-box{
  /*box-shadow: 0px 2px 5px 0px rgba(26,28,36,0.07);*/
}
@media screen and (min-width: 1192px){
  .knowlages-box.c-con-cons{
        justify-content: flex-end;
        min-height: 50vh;
  }
  .c-con-cons{
    position: relative;
  }
  .c-con-cons.fixed .knowlages-left{
    position: fixed;
    left: 6.25%;
    /*top: calc(100px + 3rem);*/
    top: 150px;
  }
}



.m-bocweb-header3 .search input:-moz-placeholder,
.m-bocweb-header3 .search textarea:-moz-placeholder {
  color: #ffffff;
}

.m-bocweb-header3 .search input::-moz-placeholder,
.m-bocweb-header3 .search textarea::-moz-placeholder {
  color: #ffffff;
}

.m-bocweb-header3 .search input:-ms-input-placeholder,
.m-bocweb-header3 .search textarea:-ms-input-placeholder {
  color: #ffffff;
}

.m-bocweb-header3 .search input::-webkit-input-placeholder,
.m-bocweb-header3 .search textarea::-webkit-input-placeholder {
  color: #ffffff;
}

.m-bocweb-header3 .search input{
  color: #fff;
}

.servers-list-01-ul .txts,.servers-list-01-ul .txts *,
.applist02-box .txts,.applist02-box .txts *,
.applist01-box .words .txts,.applist01-box .words .txts *,
.technologys-items .txts,.technologys-items .txts *,
.joinsbots-list .box .main-text,.joinsbots-list .box .main-text *,
.abouts-01 .txts,.abouts-01 .txts *,
.home-c .left .t1,.home-c .left .t1 *{
	font-size: 18px!important;
	line-height: 1.66!important;
}

.sales-02-list .txts{
	line-height: 1.66;
}

@media (max-width: 1024px){
.servers-list-01-ul .txts,.servers-list-01-ul .txts *,
.applist02-box .txts,.applist02-box .txts *,
.applist01-box .words .txts,.applist01-box .words .txts *,
	.technologys-items .txts,.technologys-items .txts *,
	.joinsbots-list .box .main-text,.joinsbots-list .box .main-text *,
	.abouts-01 .txts,.abouts-01 .txts *,
	.home-c .left .t1,.home-c .left .t1 *{
		/*font-size: 16px!important;*/
	}
}

@media (max-width: 768px){
.servers-list-03-ul .words .txts,.servers-list-03-ul .words .txts *,
.servers-list-01-ul .txts,.servers-list-01-ul .txts *,
.applist02-box .txts,.applist02-box .txts *,
.applist01-box .words .txts,.applist01-box .words .txts *,
	.technologys-items .txts,.technologys-items .txts *,
	.joinsbots-list .box .main-text,.joinsbots-list .box .main-text *,
	.abouts-01 .txts,.abouts-01 .txts *,
	.home-c .left .t1,.home-c .left .t1 *{
		font-size: 14px!important;
	}

	.servers-list-01-ul .tits br{
		display: none;
	}
}