@charset "utf-8";
/*tl*/
.swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

body {
  color: #222222;
}

.cursor-dot {
  position: fixed;
  top: 50%;
  left: 50%;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* transition: opacity 0.5s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease, -webkit-transform 0.3s ease-in-out;
   transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease;
   transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background-color 0.5s ease, -webkit-transform 0.3s ease-in-out;*/
  width: 15px;
  height: 15px;
  background-color: #0154a6;
  z-index: 999;
}

@font-face {
  font-family: "opposansr";
  src: url("./fonts/OPPOSans-R-2.woff2") format("woff2"), url("./fonts/OPPOSans-R-2.woff") format("woff"), url("./fonts/OPPOSans-R-2.ttf") format("truetype"), url("./fonts/OPPOSans-R-2.eot") format("embedded-opentype"), url("./fonts/OPPOSans-R-2.svg") format("svg");
}
@font-face {
  font-family: "opposansh";
  src: url("./fonts/OPPOSans-B-2.woff2") format("woff2"), url("./fonts/OPPOSans-B-2.woff") format("woff"), url("./fonts/OPPOSans-B-2.ttf") format("truetype"), url("./fonts/OPPOSans-B-2.eot") format("embedded-opentype"), url("./fonts/OPPOSans-B-2.svg") format("svg");
}
@font-face {
  font-family: "dinbold";
  src: url("./fonts/DIN-BOLD.woff2") format("woff2"), url("./fonts/DIN-BOLD.woff") format("woff"), url("./fonts/DIN-BOLD.ttf") format("truetype"), url("./fonts/DIN-BOLD.eot") format("embedded-opentype"), url("./fonts/DIN-BOLD.svg") format("svg");
}
@font-face {
  font-family: "dinm";
  src: url("./fonts/DIN MEDIUM.woff2") format("woff2"), url("./fonts/DIN MEDIUM.woff") format("woff"), url("./fonts/DIN MEDIUM.ttf") format("truetype"), url("./fonts/DIN MEDIUM.eot") format("embedded-opentype"), url("./fonts/DIN MEDIUM.svg") format("svg");
}
@font-face {
  font-family: "opposansb";
  src: url("./fonts/OPPOSans-B-2.woff2") format("woff2"), url("./fonts/OPPOSans-B-2.woff") format("woff"), url("./fonts/OPPOSans-B-2.ttf") format("truetype"), url("./fonts/OPPOSans-B-2.eot") format("embedded-opentype"), url("./fonts/OPPOSans-B-2.svg") format("svg");
}

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

html, body {
  font-family: "opposansr","Source Han Sans CN","SourceHanSansCN-Regular","SourceHanSansCN-Medium","Source Han Sans CN", "Noto Sans S Chinese","Noto Sans S Chinese Light","HarmonyOS Sans SC","Microsoft Yahei", "Microsoft YaHei Light","PingFangSC-Semibold","Pingfang sc bold", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

.gome{
  font-family: "Gotham-Medium";
}


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

.dinm {
  font-family: 'dinm';
}

.opposansr {
  font-family: 'opposansr';
}

.oppoh {
  font-family: 'opposansh';
}

.medium {
  font-family: 'opposansmesium';
}

.opposansb,
.bold {
  font-family: "opposansb";
}

.textupper {
  text-transform: uppercase;
}

.wow {
  opacity: 0;
}

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

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

.zicolor {
  color: #0154a6;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.pc767 {
  display: block;
}

.m767 {
  display: none;
}

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

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

  .m767 {
    display: block;
  }
}
/*页码*/
.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 3.2em;
  height: 3.2em;
  line-height: 3.2em;
  text-align: center;
  box-sizing: content-box;
  color: #999999;
  transition: .5s ease-in-out;
  margin: 0 .25rem;
  color: #999999;
  background-color: #fff;
  border-radius: 50%;
  box-sizing: content-box;
}
.pagination a.active {
  color: #fff;
  background: #38b24c;
  transition: .5s ease-in-out;
}
.pagination a.prev, .pagination a[rel=prev], .pagination a.next, .pagination a[rel=next] {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.pagination a.prev, .pagination a[rel=prev] {
  overflow: hidden;
  /*background-image: url(../img/imgbox/prev.png);*/
  background-color: #f8f8f8;
}
.pagination a.next, .pagination a[rel=next] {
  overflow: hidden;
  /*background-image: url(../img/imgbox/next.png);*/
  background-color: #f8f8f8;
}

@media (min-width: 1025px) {
  .pagination a:hover {
    color: #fff;
    background-color: #38b24c;
    transition: .5s ease-in-out;
  }
  .pagination a.prev:hover, .pagination a[rel=prev]:hover {
    /*background-image: url(../img/imgbox/prev1.png);*/
    background-color: #38b24c;
  }
  .pagination a.next:hover, .pagination a[rel=next]:hover {
    /*background-image: url(../img/imgbox/next1.png);*/
    background-color: #38b24c;
  }
}
@media (max-width: 1025px) {
  .pagination a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
  }

  .pagination {
    font-size: 12px;
  }

  .pagination a {
    margin: 0 .1rem;
  }
}
/*页码结束*/
.bgcenter {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.video-fixed.ons {
  z-index: 5000 !important;
}

img.w100 {
  width: 100%;
}

.f6f6f6 {
  background-color: #f6f6f6;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/imgbox/close-vid2.png) #000 no-repeat center/80% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 230;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  transition: .8s ease-in-out;
}

.video-fixed .imghide {
  display: none;
}

.video-fixed .videoboxs .box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-fixed.ons {
  transition: .8s ease-in-out;
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .videoboxs {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
  box-sizing: border-box;
}

.wel-banner .videoboxs {
  position: relative;
}

.wel-banner .videoboxs:before {
  position: absolute;
  pointer-events: none;
  content: "";
  width: 50px;
  height: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/videos.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
  display: none;
}

@media screen and (max-width: 1024px) {
  .video-fixed .videoboxs {
    width: 90%;
    height: 90%;
  }

  .mvideo {
    position: relative;
  }
  .mvideo:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/imgbox/videos.png) rgba(0, 0, 0, 0.2) no-repeat center;
    background-size: 40px 40px;
    margin: auto;
    z-index: 3;
  }
}
@media screen and (max-width: 768px) {
  .video-fixed .videoboxs {
    width: 100%;
    height: 80%;
    bottom: 0;
    margin: auto;
  }

  .video-fixed .cha {
    right: .2rem;
    top: -1.2rem;
    width: 1rem;
    height: 1rem;
  }
}
.con-more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: .45rem;
  padding-right: 1.4rem;
  height: 2.57em;
  line-height: 2.57em;
  border-radius: 2.57em;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.con-more:hover {
  color: #fff;
}
.con-more:before {
  position: absolute;
  content: "";
  width: .6rem;
  height: .6rem;
  right: 0.15rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/jt.png) rgba(255, 255, 255, 0.3) no-repeat center;
  background-size: 100%;
  border-radius: 50%;
}

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

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

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

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

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

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

.lin1 {
  line-height: 1;
}

.tc {
  text-align: center;
}

.con-words {
  color: #333333;
  line-height: 1.66;
}

.c-swiper.onac .swiper-pagination, .c-swiper.onac .swiper-button-prev, .c-swiper.onac .swiper-button-next {
  display: none !important;
}

img {
  max-width: 100%;
}

.fixed-right-box {
  position: fixed;
  right: 3%;
  bottom: 10%;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #0154a6;
  z-index: 99;
  border-radius: 50%;
  background-image: url(../img/imgbox/back.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

body {
  min-height: 100vh;
}

.cursor {
  cursor: pointer;
}

.con-videos {
  position: relative;
}
.con-videos .images {
  position: relative;
}
.con-videos .images:before {
  z-index: 2;
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/vide.png) no-repeat center;
  background-size: 100%;
  pointer-events: none;
}

@media screen and (min-width: 1025px) {
  .fixed-right-box:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #0154a6;
    transform: translateY(-5px);
  }

  .searchs-txts .li:hover {
    color: #0154a6;
    transition: .5s ease-in-out;
  }

  .searchs-txts .li:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }
}
/**/
/*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: #0154a6;
  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: #0154a6;
}

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

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

.searchs-txts .li:before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 4px;
  background-color: #0154a6;
  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: #0154a6;
}
.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: #0154a6;
  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) {
  .searchs-box .submit {
    transition: .5s ease;
  }
  .searchs-box .submit:hover {
    transition: .5s ease;
    background-color: #0154a6;
  }

  .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: #0154a6;
    transition: .5s ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  .serlist-center .list .li {
    width: 100%;
    margin-left: 0;
  }
}
/**/
.dev-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.dev-pop .close-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.dev-pop .form-box {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  background-color: #fff;
  padding: 1.8rem 2.5rem 1.9rem;
}

.dev-pop .form-box .tit {
  color: #0154a6;
  text-align: center;
  margin-bottom: 1.4rem;
  line-height: 1;
}

.dev-pop .form-box .input-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .5rem;
}

.dev-pop .form-box .input-wrap .li {
  width: 48%;
  height: 1.75rem;
  margin-right: 4%;
  margin-bottom: .6rem;
  border: 1px solid #D2D2D2;
  position: relative;
  /* position: relative; */
}

/* .dev-pop .form-box .input-wrap .li img {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
} */
.dev-pop .form-box .input-wrap .li:nth-child(2n) {
  margin-right: 0;
}

.dev-pop .form-box .input-wrap .li input {
  padding: 0 1.3rem;
  width: 100%;
  height: 100%;
  background: none;
  color: #0154a6;
}

.dev-pop .form-box .input-wrap .li input::placeholder {
  color: #0154a6;
}

.dev-pop .form-box .input-wrap .li.upload {
  position: relative;
  background-color: #F6F9FF;
}

.dev-pop .form-box .input-wrap .li.upload .upload-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}

.dev-pop .form-box .input-wrap .li.upload .file-name {
  position: absolute;
  z-index: 1;
  right: .5rem;
  top: 0;
  width: 40%;
  background: none;
  padding: 0;
}

.dev-pop .form-box .input-wrap .li.upload div {
  padding: 0 1.3rem;
  display: flex;
  height: 100%;
  align-items: center;
  color: #0154a6;
}

.dev-pop .form-box .input-wrap .li.upload div img {
  width: 15px;
  margin-left: .3rem;
}

.dev-pop .form-box .input-wrap .li.code {
  display: flex;
  align-items: center;
}

.dev-pop .form-box .input-wrap .li #captcha {
  width: 100%;
}

.dev-pop .form-box .input-wrap .li img {
  width: 2rem;
  object-fit: contain;
}

.dev-pop .form-box .input-wrap .li .captcha {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}

.dev-pop .form-box .submit {
  width: 3.9rem;
  height: 1.4rem;
  border-radius: .7rem;
  background-color: #0154a6;
  color: #fff;
  display: block;
  margin: 0 auto;
}

.dev-pop textarea, .dev-pop input {
  text-indent: 0;
}

@media (max-width: 1024px) {
  .dev-pop .form-box {
    padding: 1.5rem;
  }
}
@media (max-width: 997px) {
  .dev-pop .form-box .input-wrap .li.upload div,
  .dev-pop .form-box .input-wrap .li input {
    padding-left: .5rem;
  }

  .dev-pop .form-box {
    width: 90%;
    padding: 1rem;
  }

  .dev-pop .form-box .tit {
    margin-bottom: .8rem;
  }

  .dev-pop .form-box .input-wrap .li {
    width: 100%;
    margin-right: 0;
  }

  .dev-pop .form-box .input-wrap .li:last-child {
    margin-bottom: 0;
  }
}
.zanwuxinxi {
  padding-top: 3em;
  padding-bottom: 3em;
}

.arial {
  font-family: 'Arial';
}

.col666 {
  color: #666;
}

.con-tits {
  line-height: 1.154;
  color: #333333;
}

.con-tits.colfff {
  color: #fff;
}

.con-text {
  line-height: 1.875;
  color: #666666;
}

.con-searchs {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-right: 1em;
}
.con-searchs svg {
  width: 20px;
  height: 20px;
  display: block;
}

.a-langs {
  height: 50px;
  line-height: 50px;
}
.a-langs .langs-a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
}

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

  /*大标题*/
  .con-tits {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  /*新闻标题*/
  .newstits {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  /*正文标题*/
  .con-text {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }
}
.newsinfo-words-tits {
  padding-bottom: .75rem;
  border-bottom: 1px solid #dddddd;
}
.newsinfo-words-tits .tits {
  line-height: 1.45;
  color: #333333;
}
.newsinfo-words-tits .time {
  margin-top: .45rem;
}

.newsinfo-box {
  padding-top: 3.25rem;
  padding-bottom: 3.5rem;
}

.newsinfo-box .newsinfo-words-tits {
  margin-bottom: .7rem;
}

.newsinfo-words-center {
  line-height: 2.4;
  color: #333333;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid #dddddd;
}

.newsinfo-words-bottoms {
  position: relative;
  margin-top: 1.25rem;
  padding-right: 240px;
}
.newsinfo-words-bottoms a {
  display: block;
}
.newsinfo-words-bottoms .backs {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.newsinfo-words-bottoms .next {
  margin-top: 2px;
}
.newsinfo-words-bottoms .li {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #010101;
}

@media (min-width: 1025px) {
  .newsinfo-words-bottoms .li {
    transition: .5s ease-in-out;
  }
  .newsinfo-words-bottoms .li:hover {
    color: #0154a6;
    transition: .5s ease-in-out;
  }
}
@media (max-width: 1024px) {
  .newsinfo-words-center {
    line-height: 1.8;
  }
}
@media (max-width: 768px) {
  .newsinfo-words-bottoms .backs {
    position: static;
    margin-top: 1rem;
    display: inline-block;
    vertical-align: top;
  }

  .newsinfo-words-bottoms {
    padding-right: 0;
  }

  .newsinfo-box {
    padding-top: 2.25rem;
    padding-bottom: 1.65rem;
  }
}
.selects {
  position: relative;
}
.selects.active {
  z-index: 5;
}
.selects .selects-bots {
  display: none;
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 100%;
  background: #fff;
  max-height: 150px;
  overflow-y: auto;
}
.selects .selects-bots .i {
  line-height: 1.5;
  padding: 5px 0.65rem;
  cursor: pointer;
}
.selects .selects-tops {
  width: 7rem;
  height: 1.2rem;
  line-height: 1.2rem;
  background-color: #F2F3F4;
  padding-left: .7rem;
  padding-right: .85rem;
  overflow: hidden;
  border: 1px solid #DCDCDC;
  position: relative;
  cursor: pointer;
}
.selects .selects-tops:before {
  position: absolute;
  content: "";
  width: 11px;
  height: 6px;
  right: .55rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/sanjiao.png) no-repeat center;
  background-size: 100%;
}

@media screen and (max-width: 750px) {
  .selects .selects-tops {
    height: 1.5rem;
    line-height: 1.5rem;
  }

  .selects .selects-bots {
    top: 1.5rem;
  }
}
.c-swiper {
  position: relative;
}
.c-swiper .swiper-pagination {
  position: static;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.c-swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #999999;
  margin: 0 .125rem;
}
.c-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  /*background-color: #38b24c;*/
  background:url(../img/1111.png) no-repeat center;
    background-size: 100%;
    border-radius: 0;
}
.c-swiper .swiper-pagination.on .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid #fff;
}
.c-swiper .swiper-pagination.on .swiper-pagination-bullet-active {
  background: #fff;
  border: 1px solid #fff;
}
.c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
  width: 1.55rem;
  height: 1.55rem;
  background: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-color: #fff;
  border-radius: 50%;
  transition: .5s ease-in-out;
}
.c-swiper.cactive .swiper-button-prev, .c-swiper.cactive .swiper-button-next {
  background-color: #f4f4f4;
}
.c-swiper .swiper-button-prev {
  background-image: url(../img/imgbox/nprev.png);
}
.c-swiper .swiper-button-next {
  background-image: url(../img/imgbox/nnext.png);
}
.c-swiper .button {
  font-size: 0;
}
.c-swiper .button .swiper-button-prev, .c-swiper .button .swiper-button-next {
  position: static;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.c-swiper .button .swiper-button-next {
  margin-left: .45rem;
}

@media screen and (min-width: 1025px) {
  .c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
    transition: .5s ease-in-out;
  }
  .c-swiper .swiper-button-prev:hover, .c-swiper .swiper-button-next:hover {
    background-color: #0154a6;
  }
  .c-swiper .swiper-button-prev:hover {
    background-image: url(../img/imgbox/nprev2.png);
  }
  .c-swiper .swiper-button-next:hover {
    background-image: url(../img/imgbox/nnext2.png);
  }
}
.m-header .welcome-a img {
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.m-searchs {
  margin-left: .5rem;
  margin-right: .35rem;
}

.m-searchs .span {
  width: 40px;
  height: 50px;
  background: url(../img/imgbox/sear2.png) no-repeat center;
  background-size: 50%;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  transition: .5s ease-in-out;
  left: 0;
}

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

.m-header {
  height: 50px;
  width: 100%;
  position: relative;
  width: 100%;
  background: #fff;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  transition: .5s ease-in-out;
  left: 0;
}

.m-header .w-header {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 24;
  height: 50px;
  padding-left: 2%;
  transition: .5s ease-in-out;
  z-index: 300;
  background: #fff;
}

.uiobox {
  width: 50px;
  height: 50px;
  position: relative;
}

body.ovh .m-header .welcome-a .i1, html.ovh .m-header .welcome-a .i1 {
  opacity: 0;
}

body.ovh .m-header .welcome-a .i0, html.ovh .m-header .welcome-a .i0 {
  opacity: 1;
}

body.ovh .m-searchs span .i1, html.ovh .m-searchs span .i1 {
  opacity: 0;
}

body.ovh .m-searchs span .i0, html.ovh .m-searchs span .i0 {
  opacity: 1;
}

body.ovh .m-header .nav-btn.hover .line, html.ovh .m-header .nav-btn.hover .line {
  background-color: #0154a6;
}

.m-searchs img {
  width: 100%;
}

.m-header .welcome-a .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
}

.m-header .w-header .nav-btn .hover .line2 {
  display: none;
}

.m-header .w-header.fixed .nav-btn .line {
  background: #333;
  transition: .5s ease-in-out;
}

.m-header .w-header.fixed {
  background: #fff;
}

.m-header .w-header.fixed .welcome-a .i0 {
  opacity: 0;
}

.m-header .w-header.fixed .welcome-a .i1 {
  opacity: 1;
}

.m-header .w-header.fixed .welcome-a img {
  transition: .5s ease-in-out;
}

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

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

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .nav-sousuo {
  margin-right: 28px;
  margin-left: 25px;
  font-size: 0;
  color: #fff;
  line-height: 50px;
  height: 50px;
  background-size: 100%;
  width: 40px;
  transition: .5s ease-in-out;
  background: url(../img/imgbox/search.png) no-repeat center;
  background-size: 70%;
}

.m-header .nav-sousuo svg {
  height: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}

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

.m-header .nav-sousuo a {
  color: #666666;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px;
}

.m-header .nav-sousuo a.active {
  color: #f3980f;
}

.m-header .uio {
  /*height: 100%;*/
  height: 20px;
  width: 22px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}

.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.footerlangs a {
  color: #333333;
  font-size: 16px;
}

.m-header .nav-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  left: 0;
  border-radius: 2px;
}

.m-header .nav-btn .line1 {
  width: 100%;
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 9px;
}

.m-header .nav-btn .line3 {
  width: 100%;
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 0;
}

.m-header .sub-menu {
  width: 100%;
  /*height: calc(100% - 50px);*/
  height: 100%;
  padding: 60px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  /*background-color: white;*/
  background-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 15;
  overflow-y: auto;
  z-index: 200;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
  box-sizing: border-box;
  position: relative;
  line-height: 3em;
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.m-header .sub-menu li:nth-child(n+2) {
  margin-top: 10px;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #333333;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}

.m-header .sub-menu .tit a {
  color: #666;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: inherit;
  height: inherit;
  color: #333333;
  position: relative;
  font-size: 15px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on .btn-v {
  background: url(../img/imgbox/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: 15px;
  width: 15px;
  float: right;
  margin-top: 0;
  background: url(../img/imgbox/img5.png) center center no-repeat;
  background-size: 100%;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 3%;
  /*display: none;*/
  /*padding-top: 20px;*/
  /*padding-bottom: 35px;*/
  /*position: fixed;*/
  /*left: 0;*/
  /*top: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*padding-top: 60px;*/
  background: #fff;
  z-index: 5;
  /*transform:translateX(100%);*/
  /*transition: all .5s .2s;*/
}

.m-header .sub-menu .sec-list.on {
  /*transform:translateX(0);*/
  /*transition: all .5s .2s;*/
}

.m-header .sub-menu .sec-list p:nth-child(1) a {
  /*border-top:1px solid #d6d6d6;*/
}

.m-header .sub-menu .tit {
  text-transform: capitalize;
}

.m-header .sub-menu .sec-list a {
  /*background-size: 8px auto;*/
  /*line-height: 3;*/
  font-size: 13px;
  line-height: 2.5;
  height: 2.5em;
  /*padding: 2px 0;*/
  /*border-bottom: 1px solid #d6d6d6;*/
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list .uls a {
  border: none;
}

.m-header .sub-menu .sec-list {
  font-size: 15px;
  display: none;
}

.m-header .sub-menu .sec-list .lis-tops {
  font-size: 15px;
  line-height: 3em;
  height: 3em;
  position: relative;
}

.m-header .sub-menu .sec-list .lis-tops:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../imgbox/img5.png) no-repeat center;
  background-size: 100%;
}

.m-header .sub-menu .sec-list .lis {
  border-bottom: 1px solid #e6e6e6;
}

.m-header .sub-menu .sec-list .lis:nth-child(n+2) {
  margin-top: 1.2em;
}

.m-header .sub-menu .sec-list .lis-bots {
  display: none;
  padding-bottom: 16px;
  line-height: 1.7;
}

.m-header .sub-menu .sec-list .lis-bots a {
  line-height: 1.7;
  height: auto;
  font-size: 13px;
}

.m-header .sub-menu .sec-list .lis-bots a:nth-child(n+2) {
  margin-top: 10px;
}

.m-header .sub-menu .sec-list a {
  /*padding-left: 30px;*/
  color: #333;
  display: block;
  position: relative;
}

.m-header .sub-menu .sec-list a:before {
  position: absolute;
  /*content:"";*/
  width: 5px;
  height: 5px;
  left: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #0154a6;
  border-radius: 50%;
}

.m-header .w-header .inj {
  line-height: 25px;
  height: 25px;
  margin-top: 10px;
  color: #ffffff;
}

.m-header .w-header .inj a {
  color: #ffffff;
  font-size: 14px;
}

.m-header .w-header .inj.en {
  margin-left: 25px;
}

.m-header .w-header .ser {
  width: 25px;
  height: 25px;
  background: url(../img/imgbox/search.png) no-repeat center;
  background-size: 100%;
}

.m-header .sub-menu li.active {
  /*background-color: $bglan;*/
  /*color: #fff;*/
}
.m-header .sub-menu li.active .sub-tit {
  /*background: $colors;*/
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  color: #333;
}

.m-header .sub-menu li.active .sec-list {
  background-color: #0154a6;
  color: #fff;
  padding-bottom: 1.875rem;
}

.m-header .sub-menu li.active .sec-list a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 1.75rem;
  position: relative;
}

.m-header .sub-menu li.active .sec-list a:before {
  position: absolute;
  content: "";
  width: .25rem;
  height: .25rem;
  left: .75rem;
  border-radius: 50%;
  background-color: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li.active .sec-list a {
  color: #fff;
}

.m-header .sub-menu li.active .tit {
  color: #fff;
}

body {
  overflow: hidden;
}

.arialbold {
  font-weight: bold;
}

@media (max-width: 1024px) {
  .m-header .nav-btn .line {
    transition: .5s ease-in-out;
  }

  .m-header .nav-btn.hover .line {
    transition: .5s ease-in-out;
    left: 5px;
  }

  .m-header .nav-btn.hover .line1 {
    transform: rotate(45deg);
    width: 100%;
  }

  .m-header .nav-btn.hover .line2 {
    opacity: 0;
  }

  .m-header .nav-btn.hover .line3 {
    width: 100%;
    bottom: 3px;
    transform: rotate(-45deg);
  }
}
/*pc*/
.bocweb-header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  padding-left: 2.9166666667vw;
  padding-right: 2.5vw;
  justify-content: space-between;
}
.bocweb-header .navbox {
  justify-content: space-between;
}
.bocweb-header .nav {
  position: relative;
  margin: 0 .55rem;
}
.bocweb-header .nav-bots {
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
  top: 90px;
  text-align: center;
}
.bocweb-header .nav-bots .li {
  color: #666;
  font-size: 14px;
  display: block;
}
.bocweb-header .nav-tops {
  display: block;
  color: #333333;
}
.bocweb-header .bocweb-logo {
  position: relative;
  align-items: center;
}
.bocweb-header .bocweb-logo .logos {
  position: relative;
  width: 170px;
}
.bocweb-header .bocweb-logo .text {
  position: relative;
  padding-left: .3rem;
  margin-left: .3rem;
}
.bocweb-header .bocweb-logo .text:before {
  position: absolute;
  content: "";
  width: 1px;
  background: #b2b2b2;
  left: 0;
  top: 50%;
  height: .8rem;
  transform: translateY(-50%);
}
.bocweb-header .bocweb-logo .tits, .bocweb-header .bocweb-logo .txts {
  line-height: 1;
  color: #333333;
}
.bocweb-header .bocweb-logo .txts {
  margin-top: .2rem;
}
.bocweb-header .bocweb-logo .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.bocweb-header .navbox {
  width: calc(100% - 12.375rem);
}
.bocweb-header .nav-bots {
  display: none;
}
.bocweb-header .searchs {
  padding-right: .5rem;
  position: relative;
}
.bocweb-header .searchs:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  bottom: 0;
  right: -.1rem;
  margin: auto;
}
.bocweb-header .nav-top-box {
  align-items: center;
}
.bocweb-header .nav-top-box img {
  object-fit: contain;
  pointer-events: none;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-top-box .imgs {
  width: 18px;
  height: 18px;
  position: relative;
}
.bocweb-header .nav-top-box .imgs .i1, .bocweb-header .nav-top-box .imgs .i2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.bocweb-header .nav-top-box .li {
  color: #333;
  line-height: 1;
}
.bocweb-header .nav-top-box .li:nth-child(n+2) {
  margin-left: .65rem;
}
.bocweb-header .nav-top-box .submits {
  position: relative;
  width: 3.4rem;
}
.bocweb-header .nav-top-box .submits .forms {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  background: #0154a6;
  color: #fff;
  border-radius: 40px;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
  width: 100%;
}
.bocweb-header .nav-top-box .submits .forms input:-moz-placeholder,
.bocweb-header .nav-top-box .submits .forms textarea:-moz-placeholder {
  color: #fff;
}
.bocweb-header .nav-top-box .submits .forms input::-moz-placeholder,
.bocweb-header .nav-top-box .submits .forms textarea::-moz-placeholder {
  color: #fff;
}
.bocweb-header .nav-top-box .submits .forms input:-ms-input-placeholder,
.bocweb-header .nav-top-box .submits .forms textarea:-ms-input-placeholder {
  color: #fff;
}
.bocweb-header .nav-top-box .submits .forms input::-webkit-input-placeholder,
.bocweb-header .nav-top-box .submits .forms textarea::-webkit-input-placeholder {
  color: #fff;
}
.bocweb-header .nav-top-box .submits .forms.on {
  width: 200%;
}
.bocweb-header .nav-top-box .submits .forms input {
  background: transparent;
  text-indent: 0;
  padding-left: .55rem;
  padding-right: .8rem;
}
.bocweb-header .nav-top-box .submits .forms input[type=text] {
  width: 100%;
}
.bocweb-header .nav-top-box .submits .forms input[type=submit] {
  height: 40px;
  line-height: 40px;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 15px;
  height: 15px;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  background: url(../img/ser.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
.bocweb-header .nav-top-box .submits .forms form {
  height: 40px;
  line-height: 40px;
}
.bocweb-header .nav-top-box .langs {
  position: relative;
}
.bocweb-header .nav-top-box .langs .sel {
  position: relative;
  padding-left: .9rem;
}
.bocweb-header .nav-top-box .langs .sel:before, .bocweb-header .nav-top-box .langs .sel .before {
  position: absolute;
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/langs.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .nav-top-box .langs .li-bots {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  top: 90px;
}
.bocweb-header .nav-top-box .langs .li-bots .i {
  line-height: 1.5;
  padding: 5px;
  text-align: right;
  padding-right: 10px;
  color: #333;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-top-box .langs .li-bots .i:hover {
  color: #fff;
  background: #0154a6;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-top-box .langs .li-tops {
  align-items: center;
  cursor: pointer;
}
.bocweb-header .nav-top-box .langs svg {
  width: 10px;
  height: 10px;
}
.bocweb-header .nav-top-box .langs svg path {
  fill: #999;
}
.bocweb-header .nav-top-box .langs .span {
  color: #333333;
}
.bocweb-header .nav-top-box .langs .a.span {
  margin-left: .35rem;
}
.bocweb-header .nav-top-box .langs .li-bots {
  display: none;
}
.bocweb-header .nav-top-box .langs .li-bots .i {
  display: block;
}

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

.bocweb-header .nav-top-box .langs .li-tops:hover .span {
  color: #0154a6;
}
.bocweb-header .nav-top-box .langs .li-tops:hover .sel:before {
  background: url(../img/langs2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header .nav-top-box .langs .li-tops:hover svg path {
  fill: #0154a6;
}

.bocweb-header .nav-tops {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bocweb-header .nav-tops.active span:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-tops span {
  line-height: 2em;
  position: relative;
  display: block;
}
.bocweb-header .nav-tops span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
  transition: .5s ease-in-out;
}

.m-header {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
}

.m-header .w-header {
  background: transparent;
}

.m-header .nav-btn .line {
  background: #fff;
}

.a-langs .langs-a {
  color: #fff;
  line-height: 1;
}

.con-searchs svg path {
  fill: #fff;
}

body.bodyinfo .con-header .bocweb-header {
  position: relative;
  background-color: #fff;
}
body.bodyinfo .con-header .bocweb-header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  bottom: 0;
}

body.ovh .con-header .m-header .welcome-a .i1,
body.bodyinfo .con-header .m-header .welcome-a .i1,
body.zcgf-active1 .con-header .m-header .welcome-a .i1,
body.zcgf-active2 .con-header .m-header .welcome-a .i1,
body.zcgf-active3 .con-header .m-header .welcome-a .i1,
body.zcgf-active4 .con-header .m-header .welcome-a .i1,
body.zcgf-active5 .con-header .m-header .welcome-a .i1,
body.zcgf-active .con-header .m-header .welcome-a .i1,
.con-header.headeractive .m-header .welcome-a .i1 {
  opacity: 1;
}
body.ovh .con-header .con-searchs svg path,
body.ovh .con-header .con-searchs svg path,
body.bodyinfo .con-header .con-searchs svg path,
body.bodyinfo .con-header .con-searchs svg path,
body.zcgf-active1 .con-header .con-searchs svg path,
body.zcgf-active1 .con-header .con-searchs svg path,
body.zcgf-active2 .con-header .con-searchs svg path,
body.zcgf-active2 .con-header .con-searchs svg path,
body.zcgf-active3 .con-header .con-searchs svg path,
body.zcgf-active3 .con-header .con-searchs svg path,
body.zcgf-active4 .con-header .con-searchs svg path,
body.zcgf-active4 .con-header .con-searchs svg path,
body.zcgf-active5 .con-header .con-searchs svg path,
body.zcgf-active5 .con-header .con-searchs svg path,
body.zcgf-active .con-header .con-searchs svg path,
body.zcgf-active .con-header .con-searchs svg path,
.con-header.headeractive .con-searchs svg path,
.con-header.headeractive .con-searchs svg path {
  fill: #333;
}
body.ovh .con-header .a-langs .langs-a,
body.bodyinfo .con-header .a-langs .langs-a,
body.zcgf-active1 .con-header .a-langs .langs-a,
body.zcgf-active2 .con-header .a-langs .langs-a,
body.zcgf-active3 .con-header .a-langs .langs-a,
body.zcgf-active4 .con-header .a-langs .langs-a,
body.zcgf-active5 .con-header .a-langs .langs-a,
body.zcgf-active .con-header .a-langs .langs-a,
.con-header.headeractive .a-langs .langs-a {
  color: #333;
}
body.ovh .con-header .a-langs .langs-a,
body.bodyinfo .con-header .a-langs .langs-a,
body.zcgf-active1 .con-header .a-langs .langs-a,
body.zcgf-active2 .con-header .a-langs .langs-a,
body.zcgf-active3 .con-header .a-langs .langs-a,
body.zcgf-active4 .con-header .a-langs .langs-a,
body.zcgf-active5 .con-header .a-langs .langs-a,
body.zcgf-active .con-header .a-langs .langs-a,
.con-header.headeractive .a-langs .langs-a {
  color: #333;
}
body.ovh .con-header .m-header .welcome-a .i0,
body.bodyinfo .con-header .m-header .welcome-a .i0,
body.zcgf-active1 .con-header .m-header .welcome-a .i0,
body.zcgf-active2 .con-header .m-header .welcome-a .i0,
body.zcgf-active3 .con-header .m-header .welcome-a .i0,
body.zcgf-active4 .con-header .m-header .welcome-a .i0,
body.zcgf-active5 .con-header .m-header .welcome-a .i0,
body.zcgf-active .con-header .m-header .welcome-a .i0,
.con-header.headeractive .m-header .welcome-a .i0 {
  opacity: 0;
}
body.ovh .con-header .m-header .nav-btn .line,
body.bodyinfo .con-header .m-header .nav-btn .line,
body.zcgf-active1 .con-header .m-header .nav-btn .line,
body.zcgf-active2 .con-header .m-header .nav-btn .line,
body.zcgf-active3 .con-header .m-header .nav-btn .line,
body.zcgf-active4 .con-header .m-header .nav-btn .line,
body.zcgf-active5 .con-header .m-header .nav-btn .line,
body.zcgf-active .con-header .m-header .nav-btn .line,
.con-header.headeractive .m-header .nav-btn .line {
  background: #333;
}
body.ovh .con-header .m-header, body.ovh .con-header .m-header .w-header,
body.bodyinfo .con-header .m-header,
body.bodyinfo .con-header .m-header .w-header,
body.zcgf-active1 .con-header .m-header,
body.zcgf-active1 .con-header .m-header .w-header,
body.zcgf-active2 .con-header .m-header,
body.zcgf-active2 .con-header .m-header .w-header,
body.zcgf-active3 .con-header .m-header,
body.zcgf-active3 .con-header .m-header .w-header,
body.zcgf-active4 .con-header .m-header,
body.zcgf-active4 .con-header .m-header .w-header,
body.zcgf-active5 .con-header .m-header,
body.zcgf-active5 .con-header .m-header .w-header,
body.zcgf-active .con-header .m-header,
body.zcgf-active .con-header .m-header .w-header,
.con-header.headeractive .m-header,
.con-header.headeractive .m-header .w-header {
  background: #fff;
}
body.ovh .con-header .bocweb-header,
body.bodyinfo .con-header .bocweb-header,
body.zcgf-active1 .con-header .bocweb-header,
body.zcgf-active2 .con-header .bocweb-header,
body.zcgf-active3 .con-header .bocweb-header,
body.zcgf-active4 .con-header .bocweb-header,
body.zcgf-active5 .con-header .bocweb-header,
body.zcgf-active .con-header .bocweb-header,
.con-header.headeractive .bocweb-header {
  background-color: #fff;
}
body.ovh .con-header .bocweb-header .nav-tops,
body.bodyinfo .con-header .bocweb-header .nav-tops,
body.zcgf-active1 .con-header .bocweb-header .nav-tops,
body.zcgf-active2 .con-header .bocweb-header .nav-tops,
body.zcgf-active3 .con-header .bocweb-header .nav-tops,
body.zcgf-active4 .con-header .bocweb-header .nav-tops,
body.zcgf-active5 .con-header .bocweb-header .nav-tops,
body.zcgf-active .con-header .bocweb-header .nav-tops,
.con-header.headeractive .bocweb-header .nav-tops {
  color: #475056;
}
body.ovh .con-header .bocweb-header .nav-tops.active,
body.bodyinfo .con-header .bocweb-header .nav-tops.active,
body.zcgf-active1 .con-header .bocweb-header .nav-tops.active,
body.zcgf-active2 .con-header .bocweb-header .nav-tops.active,
body.zcgf-active3 .con-header .bocweb-header .nav-tops.active,
body.zcgf-active4 .con-header .bocweb-header .nav-tops.active,
body.zcgf-active5 .con-header .bocweb-header .nav-tops.active,
body.zcgf-active .con-header .bocweb-header .nav-tops.active,
.con-header.headeractive .bocweb-header .nav-tops.active {
  color: #0154a6 !important;
}
body.ovh .con-header .bocweb-header .nav-bots .li.active,
body.bodyinfo .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active1 .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active2 .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active3 .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active4 .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active5 .con-header .bocweb-header .nav-bots .li.active,
body.zcgf-active .con-header .bocweb-header .nav-bots .li.active,
.con-header.headeractive .bocweb-header .nav-bots .li.active {
  background: #0154a6 !important;
  color: #fff;
}
body.ovh .con-header .bocweb-header .searchs:before,
body.bodyinfo .con-header .bocweb-header .searchs:before,
body.zcgf-active1 .con-header .bocweb-header .searchs:before,
body.zcgf-active2 .con-header .bocweb-header .searchs:before,
body.zcgf-active3 .con-header .bocweb-header .searchs:before,
body.zcgf-active4 .con-header .bocweb-header .searchs:before,
body.zcgf-active5 .con-header .bocweb-header .searchs:before,
body.zcgf-active .con-header .bocweb-header .searchs:before,
.con-header.headeractive .bocweb-header .searchs:before {
  background-color: #475056;
}
body.ovh .con-header .bocweb-header .nav-top-box .li,
body.bodyinfo .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active1 .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active2 .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active3 .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active4 .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active5 .con-header .bocweb-header .nav-top-box .li,
body.zcgf-active .con-header .bocweb-header .nav-top-box .li,
.con-header.headeractive .bocweb-header .nav-top-box .li {
  color: #475056;
}
body.ovh .con-header .bocweb-header .nav-top-box .imgs img,
body.bodyinfo .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active1 .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active2 .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active3 .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active4 .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active5 .con-header .bocweb-header .nav-top-box .imgs img,
body.zcgf-active .con-header .bocweb-header .nav-top-box .imgs img,
.con-header.headeractive .bocweb-header .nav-top-box .imgs img {
  opacity: 0;
}
body.ovh .con-header .bocweb-header .nav-top-box .imgs .i1,
body.bodyinfo .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active1 .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active2 .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active3 .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active4 .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active5 .con-header .bocweb-header .nav-top-box .imgs .i1,
body.zcgf-active .con-header .bocweb-header .nav-top-box .imgs .i1,
.con-header.headeractive .bocweb-header .nav-top-box .imgs .i1 {
  opacity: 1;
}
body.ovh .con-header .bocweb-header .bocweb-logo .i1,
body.bodyinfo .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active1 .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active2 .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active3 .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active4 .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active5 .con-header .bocweb-header .bocweb-logo .i1,
body.zcgf-active .con-header .bocweb-header .bocweb-logo .i1,
.con-header.headeractive .bocweb-header .bocweb-logo .i1 {
  opacity: 1;
}
body.ovh .con-header .bocweb-header .bocweb-logo .i0,
body.bodyinfo .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active1 .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active2 .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active3 .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active4 .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active5 .con-header .bocweb-header .bocweb-logo .i0,
body.zcgf-active .con-header .bocweb-header .bocweb-logo .i0,
.con-header.headeractive .bocweb-header .bocweb-logo .i0 {
  opacity: 0;
}

.m-header .sub-menu li.active .tit {
  background-color: #0154a6;
}

.m-header .sub-menu li.active .sub-tit.on .tu-box {
  color: #fff;
}

@media (max-width: 1681px) {
  .bocweb-header .nav {
    margin: 0 .4rem;
  }
}
@media (max-width: 1481px) {
  .bocweb-header .navbox {
    width: calc(100% - 10rem);
  }
}
@media (max-width: 1281px) {
  .bocweb-header .nav-top-box .li:nth-child(n+2) {
    margin-left: .45rem;
  }

  .bocweb-header .searchs {
    padding-right: .45rem;
  }

  .bocweb-header {
    padding-left: 2vw;
    padding-right: 1.5vw;
  }

  .bocweb-header .nav {
    margin: 0 .2rem;
  }

  .bocweb-header .nav-top-box .langs .sel {
    padding-left: .75rem;
  }
}
@media (max-width: 1191px) {
  .bocweb-header .nav-top-box .imgs {
    width: 16px;
    height: 16px;
  }

  .bocweb-header .nav-top-box,
  .bocweb-header .nav-tops {
    font-size: 14px;
  }

  .bocweb-header .bocweb-logo .logos {
    width: 100px;
  }

  .bocweb-header .navbox {
    width: calc(100% - 8rem);
  }
}
@media (min-width: 1025px) {
  .products-infowords .words .uls table{
    width: 100%;
  }

  .products-infowords{
        flex-direction: row-reverse;
  }
  .bocweb-header .nav-tops {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-tops:hover {
    color: #0154a6 !important;
    transition: .5s ease-in-out;
  }

  .bocweb-header .nav-top-box .imgs img {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-top-box .imgs:hover img {
    transition: .5s ease-in-out;
    opacity: 0;
  }
  .bocweb-header .nav-top-box .imgs:hover .i2 {
    opacity: 1 !important;
  }

  .bocweb-header .nav-top-box .li {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-top-box .li:hover {
    color: #0154a6;
    transition: .5s ease-in-out;
  }
}
/*pc*/
.con-header.fixed .m-header {
  position: fixed;
}

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

/*info;*/
.newsinfo-list {
  padding-top: 1.6rem;
  padding-bottom: 2.5rem;
}

.newsinfo-list-box {
  position: relative;
  background: url(../img/23.png) #fff no-repeat top center;
  background-size: 100%;
}

.newsinfo-toptitles {
  padding-bottom: 1.05rem;
  border-bottom: 1px solid #e4e5e5;
}

.newsinfo-toptitles .titles {
  line-height: 1.38;
  color: #222222;
  margin-bottom: .65rem;
}

.newsinfo-toptitles .title-bottoms {
  line-height: 1;
  color: #666666;
  justify-content: center;
}
.newsinfo-toptitles .title-bottoms .li {
  position: relative;
  padding-left: .65rem;
}
.newsinfo-toptitles .title-bottoms .li img {
  position: absolute;
  width: .45rem;
  height: .45rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.newsinfo-toptitles .title-bottoms .li:nth-child(n+2) {
  margin-left: 1rem;
}

.newsinfo-centerwords img {
  height: auto !important;
  display: block!important;
  margin: 10px auto!important;
}
.newsinfo-centerwords *{
  font-size: 16px!important;
  line-height: 1.8!important;
    word-break: break-all!important;
}

.newsinfo-centerwords {
  /*text-indent: 2em;*/
}

.c-newslist {
  padding-top: 1.575rem;
}

.c-newslist-lists-tops {
  padding-bottom: 2rem;
}
.c-newslist-lists-tops .c-newslist-top-swiper {
  margin-top: .75rem;
}

.c-newslist-top-swiper .items {
  align-items: stretch;
  color: #999999;
}
.c-newslist-top-swiper .images {
  overflow: hidden;
}
.c-newslist-top-swiper .images img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  height: 100%;
  object-fit: cover;
}
.c-newslist-top-swiper .images, .c-newslist-top-swiper .words {
  width: 50%;
  background: #fff;
}
.c-newslist-top-swiper .words {
  padding: 1.25rem 4.4270833333vw 5.1041666667vw 4.4270833333vw;
}
.c-newslist-top-swiper .swiper-pagination {
  position: absolute;
  width: 50%;
  bottom: 1.05rem;
  z-index: 5;
  right: 0;
  text-align: left;
  padding: 0 2.125rem;
}
.c-newslist-top-swiper .tits {
  height: 3.84em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.c-newslist-top-swiper .txts {
  height: 5.625em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .75rem;
  margin-bottom: 1.4rem;
}

.c-news-words {
  color: #999;
}
.c-news-words .tits {
  line-height: 1.28;
  color: #333333;
}
.c-news-words .txts {
  color: #666;
  line-height: 1.875em;
}
.c-news-words .span {
  line-height: 1;
  position: relative;
}
.c-news-words .span:nth-child(2) {
  margin-left: .3rem;
  padding-left: .3rem;
  position: relative;
}
.c-news-words .span:nth-child(2):before {
  position: absolute;
  content: "";
  width: 1px;
  background: #dadada;
  height: 100%;
  left: 0;
  top: 0;
}

.c-newslist-lists-bots {
  padding-bottom: 2.625rem;
  background: #fff;
  padding-top: 2.2rem;
}
.c-newslist-lists-bots .items {
  border-top: 1px solid #e5e5e5;
  align-items: stretch;
}
.c-newslist-lists-bots .items img {
  height: 100%;
  object-fit: contain;
}
.c-newslist-lists-bots .items:nth-child(n+2) {
  margin-top: .9rem;
}
.c-newslist-lists-bots .images {
  width: 27.18%;
}
.c-newslist-lists-bots .list {
  padding-bottom: 2.3rem;
}
.c-newslist-lists-bots .words {
  width: 72.82%;
  padding-top: 2.0833333333vw;
  padding-left: 2.0833333333vw;
  padding-right: 5.5208333333vw;
  padding-bottom: 1.875vw;
}
.c-newslist-lists-bots .words .tits {
  height: 1.28em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.c-newslist-lists-bots .words .txts {
  height: 3.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .6rem;
  margin-bottom: .85rem;
}

.newsinfo-centerwords {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: #222222;
  line-height: 2;
}

.newsinfo-bottoms {
  padding-top: 1.75rem;
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding-right: 300px;
}
.newsinfo-bottoms .btn-text {
  padding-top: .125rem;
}

.newsinfo-bottoms .btn-text a {
  line-height: 1.75em;
  display: block;
  height: 1.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
}

.newsinfo-bottoms .btn-back {
  text-align: right;
  position: absolute;
  right: 0;
  top: 1.75rem;
}

.cons-btn {
  display: inline-block;
  vertical-align: top;
  padding-left: 1.7rem;
  padding-right: 1rem;
  border-radius: 2.78em;
  height: 2.78em;
  line-height: 2.78em;
  background-color: #0154a6;
  color: #fff;
  position: relative;
}

.cons-btn:before {
  content: "";
  position: absolute;
  left: .9rem;
  width: .5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/btn.png) no-repeat center;
  background-size: 100%;
}

.cons-btn:hover {
  color: #fff;
}

.newsinfo-title {
  line-height: 1;
}
.newsinfo-title.on .home {
  padding-left: 28px;
}
.newsinfo-title.on .home:before {
  width: 14px;
  height: 14px;
  background: url(../img/111.png) no-repeat center;
  background-size: 100%;
}

.newsinfo-title .li {
  display: inline-block;
  vertical-align: top;
  color: #222;
}

.newsinfo-title a.li.active {
  color: #0154a6;
}

.newsinfo-title span.li {
  margin-left: .2rem;
  margin-right: .2rem;
}

.newsinfo-title .home {
  padding-left: .75rem;
  position: relative;
}

.newsinfo-title .home:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/imgbox/home.png) no-repeat center;
  background-size: 100%;
}

.newsinfo-title .home.active {
  color: #0154a6;
}

.newsinfo-title .home.active:before {
  background: url(../img/imgbox/home2.png) no-repeat center;
  background-size: 100%;
}

.newsinfo-list .newsinfo-contents {
  margin-top: 1.95rem;
}

@media (max-width: 768px) {
  .newsinfo-centerwords br {
    display: block;
  }
}
@media (min-width: 1025px) {
  .newsinfo-title a.li,
  .newsinfo-bottoms .btn-text a {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .newsinfo-title a.li:hover,
  .newsinfo-bottoms .btn-text a:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #0154a6;
  }

  .cons-btn {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .cons-btn:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #38b24c;
  }

  .c-newslist-lists-bots .items .images,
  .c-newslist-top-swiper .items .images {
    overflow: hidden;
  }
  .c-newslist-lists-bots .items img,
  .c-newslist-lists-bots .items .tits,
  .c-newslist-top-swiper .items img,
  .c-newslist-top-swiper .items .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .c-newslist-lists-bots .items:hover img,
  .c-newslist-top-swiper .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
  .c-newslist-lists-bots .items:hover .tits,
  .c-newslist-top-swiper .items:hover .tits {
    color: #0154a6;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
}
@media (max-width: 1024px) {
  .w1140 {
    width: 94%;
    max-width: 94%;
  }
}
@media (max-width: 768px) {
  .c-newslist-top-swiper .swiper-pagination {
    width: 100%;
    margin-top: 1rem;
    position: static;
    padding: 0;
    text-align: center;
  }

  .newsinfo-toptitles .titles {
    line-height: 1.2;
  }

  .newsinfo-list {
    padding-bottom: 1.75rem;
  }

  .c-newslist-lists-bots .items {
    display: block;
  }

  .c-newslist-top-swiper .images, .c-newslist-top-swiper .words {
    width: 100%;
    height: auto;
  }

  .c-newslist-lists-bots .words {
    width: 100%;
    padding: 2rem .25rem;
    padding-bottom: 1rem;
  }

  .c-newslist-lists-bots .images {
    width: 100%;
  }
  .c-newslist-lists-bots .images img {
    width: 100%;
  }

  .c-newslist-lists-bots .list {
    padding-bottom: 1.75rem;
  }

  .c-newslist-lists-bots .words .txts {
    height: 3.6em;
  }

  .c-newslist-lists-bots .words .tits {
    height: 1.4em;
  }

  .c-news-words .tits {
    height: 4.2em;
  }

  .c-newslist-top-swiper .txts {
    height: 5.4em;
  }
}
/*news*/
.c-news-top-inputs {
  position: relative;
}
.c-news-top-inputs input:-moz-placeholder,
.c-news-top-inputs textarea:-moz-placeholder {
  color: #999999;
}
.c-news-top-inputs input::-moz-placeholder,
.c-news-top-inputs textarea::-moz-placeholder {
  color: #999999;
}
.c-news-top-inputs input:-ms-input-placeholder,
.c-news-top-inputs textarea:-ms-input-placeholder {
  color: #999999;
}
.c-news-top-inputs input::-webkit-input-placeholder,
.c-news-top-inputs textarea::-webkit-input-placeholder {
  color: #999999;
}
.c-news-top-inputs input[type=text] {
  width: 100%;
  height: 1.65rem;
  border: 1px solid #cccccc;
  text-indent: 0;
  padding-left: 1rem;
  padding-right: 1.5rem;
  color: #999999;
}
.c-news-top-inputs input[type=submit] {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/imgbox/ser3.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.searchs-form {
  position: fixed;
  width: 100%;
  left: 0;
  top: 95px;
  background: #0154a6;
  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%;
  }
}
.w1400 {
  width: 92%;
  margin: 0 auto;
  max-width: 1400px;
}

.h90 {
  height: 90px;
  line-height: 90px;
}

.bocweb-footer {
  background: #F7F7F7;
}

.bocweb-header .nav-bots .li {
  line-height: 1.8;
  padding: 5px 0;
}

.bocweb-header .nav-bots {
  min-width: 120px;
}

.bocweb-footer-tops {
  padding-top: 1.25rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid #e9e9e9;
}
.bocweb-footer-tops .box {
  justify-content: space-between;
}
.bocweb-footer-tops .left-text {
  padding-top: .9rem;
}
.bocweb-footer-tops .left-text .items {
  color: #333333;
  line-height: 1;
  position: relative;
  padding: 0 .55rem;
}
.bocweb-footer-tops .left-text .items:before {
  position: absolute;
  content: "";
  width: 1px;
  border-left: 1px dotted #666666;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: .25rem;
}
.bocweb-footer-tops .left-text .items:nth-child(1) {
  padding-left: 0;
}
.bocweb-footer-tops .left-text .items:nth-child(1):before {
  display: none;
}
.bocweb-footer-tops .left-text-bots {
  margin-top: 1.05rem;
  align-items: center;
  line-height: 1;
}
.bocweb-footer-tops .left-text-bots span {
  line-height: 1;
  color: #0154a6;
}
.bocweb-footer-tops .right-list .lis:nth-child(n+2) {
  margin-left: .25rem;
}
.bocweb-footer-tops .right-list .imgs {
  width: 2.5rem;
  height: 2.5rem;
}
.bocweb-footer-tops .right-list .span {
  line-height: 1.15;
  text-align: center;
  color: rgba(51, 51, 51, 0.6);
  margin-top: .35rem;
}

.bocweb-footer-bots {
  justify-content: space-between;
  padding-top: .7rem;
  padding-bottom: .55rem;
  color: #999999;
}
.bocweb-footer-bots a {
  color: #999999;
}
.bocweb-footer-bots .fltext, .bocweb-footer-bots .frtext {
  line-height: 1.4;
}

.tit-160 {
  font-size: 8.3333333333vw;
}

.ball {
  transition: .5s ease;
}

.con-header {
  position: relative;
  z-index: 1000;
}

.con-banner {
  position: relative;
}
.con-banner .txts {
  color: #fff;
}
.con-banner.proban .txts{
  margin-bottom: .75rem;
}
.con-banner .cons-tit-box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1.625rem;
  line-height: 1.625rem;
  z-index: 10;
}
.con-banner .cons-tit-box .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*background: $colors;*/
  background: rgba(1, 84, 166, 0.9);
  backdrop-filter: blur(6px);
}
.con-banner .cons-tit-box .li {
  height: 1.625rem;
  line-height: 1.625rem;
  width: auto;
  color: #fff;
  padding: 0 .95rem;
  cursor: pointer;
  font-family: 'opposansr';
}
.con-banner .cons-tit-box .li.active{
  font-family: 'opposansb';
}
.con-banner .cons-tit-box .li span {
  display: block;
  position: relative;
  position: relative;
}
.con-banner .cons-tit-box .li span:before {
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #339966;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.con-banner .cons-tit-box .li.active span:before {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  opacity: 1;
}
.con-banner .cons-tit-box.onac .swiper-wrapper {
  justify-content: center;
}
.con-banner .imgpc {
  height: 35.9375vw;
}
.con-banner .imgm {
  height: 100vw;
}
.con-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding-bottom: 6.25vw;
}
.con-banner.proban .words{
  padding-bottom: 4vw;
}
.con-banner .tits {
  position: relative;
  padding-left: 2.7rem;
}
.con-banner .tits:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.275rem;
  content: "";
  height: 1px;
  background: url(../img/line.png) no-repeat left;
  background-size: cover;
  margin: auto;
}
.con-banner .txts {
  margin-top: .5rem;
  margin-bottom: .125rem;
  line-height: 1.1458;
}
.con-banner .en {
  line-height: 1.75;
}

.con-tits.on {
  color: #fff;
}

.abouts-list-01 {
  padding-top: 9.0625vw;
  padding-bottom: 7.0833333333vw;
  background-image: linear-gradient(rgba(1, 84, 166, 0), rgba(58, 181, 74, 0.1));
}
.abouts-list-01 .ab01-bots {
  padding-top: 6.875vw;
}

.abouts-list-02 {
  background: #0154a6;
  align-items: flex-end;
  padding-top: 3.3854166667vw;
}
.abouts-list-02 .words {
  width: 59%;
  padding-bottom: 2.9rem;
}
.abouts-list-02 .box {
  align-items: flex-end;
}
.abouts-list-02 .text-bots {
  align-items: center;
}
.abouts-list-02 .text-bots img {
  width: 4.4791666667vw;
  height: 1.875vw;
  margin-left: .3rem;
}
.abouts-list-02 .images {
  width: 41%;
  position: relative;
}
.abouts-list-02 .bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 39.53125vw;
  height: 39.53125vw;
  object-fit: contain;
  max-width: none;
}
.abouts-list-02 .i0 {
  position: relative;
  z-index: 2;
  width: 28.6458333333vw;
  height: 42.1875vw;
  object-fit: contain;
}
.abouts-list-02 .texts {
  color: #6eb7ff;
  line-height: 1.5;
  /*line-height: 1.75;*/
  padding-bottom: 1.2rem;
}
.abouts-list-02 .txts {
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5rem;
  margin-bottom: .75rem;
}
.abouts-list-02 .txts .dh {
  line-height: .8;
  height: 0.25em;
  color: #006ad2;
}
.abouts-list-02 .txts .yw {
  height: 9.375vw;
  position: absolute;
  right: 0;
  top: -1.1rem;
}

.abouts-list-03 {
  height: 47.3958333333vw;
  position: relative;
}
.abouts-list-03 .box-titles {
  position: absolute;
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 6.25vw;
}
.abouts-list-03 .items {
  position: relative;
  height: 47.3958333333vw;
  width: 100%;
}
.abouts-list-03 .items .li {
  position: absolute;
}
.abouts-list-03 .items .li .i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.abouts-list-03 .items .li1 {
  left: 28%;
  top: 70%;
}
.abouts-list-03 .items .li1 .i {
  width: 15.625vw;
  height: 11.4583333333vw;
}
.abouts-list-03 .items .li2 {
  left: 35.5%;
  top: 42.3%;
}
.abouts-list-03 .items .li2 .i {
  width: 17.4479166667vw;
  height: 12.5vw;
}
.abouts-list-03 .items .li3 {
  left: 53%;
  top: 70%;
}
.abouts-list-03 .items .li3 .i {
  width: 14.3229166667vw;
  height: 18.75vw;
}
.abouts-list-03 .items .li4 {
  left: 72.4%;
  top: 53.8%;
}
.abouts-list-03 .items .li4 .i {
  width: 17.1875vw;
  height: 12.5vw;
}

.abouts-list-03 .swiper-button-prev {
  left: 4.4791666667vw;
}
.abouts-list-03 .swiper-button-next {
  right: 4.4791666667vw;
}

.abouts-list-04 {
  min-height: 45.2083333333vw;
  position: relative;
  padding-top: 6.25vw;
  padding-bottom: 2.9rem;
}
.abouts-list-04 .box-titles {
  justify-content: space-between;
}

.ab01-tops {
  justify-content: space-between;
}
.ab01-tops .words {
  width: 47%;
}
.ab01-tops .txts {
  margin-top: 1.05rem;
  margin-bottom: .4rem;
  color: #333333;
  line-height: 1.5;
}
.ab01-tops .images {
  width: 42.875%;
  padding-right: .25rem;
  position: relative;
}
.ab01-tops .images img {
  display: block;
}
.ab01-tops .images .i0 {
  opacity: 0;
  visibility: hidden;
}
.ab01-tops .images .i1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ab01-tops .images .text {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #333;
}
.ab01-tops .images .text .cn {
  line-height: 1.5;
  margin-top: .45rem;
}
.ab01-tops .images .text .en {
  line-height: 1.38;
}
.ab01-tops .text {
  line-height: 2.125;
  /*color: #339933;*/
}
.ab01-tops .text span {
  color: #339933;
}
.ab01-tops .text ul li {
  padding-left: 1em;
  position: relative;
}
.ab01-tops .text ul li:before {
  position: absolute;
  width: .375em;
  height: .375em;
  border-radius: 50%;
  background: #339933;
  content: "";
  left: 0;
  top: .8em;
}

.ab01-bots {
  justify-content: space-between;
}
.ab01-bots .tits {
  position: relative;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
}
.ab01-bots .tits .nums {
  line-height: 1;
  color: #0154a6;
}
.ab01-bots .tits sub, .ab01-bots .tits sup {
  position: absolute;
  right: -1em;
  line-height: 1;
}
.ab01-bots .tits sup {
  top: 0;
  font-weight: bold;
  color: #0154a6;
}
.ab01-bots .tits sub {
  bottom: 2px;
  right: -30px;
  width: 46px;
  height: 22px;
  background: url(../img/1.png) no-repeat center;
  background-size: 100%;
  color: #fff;
  line-height: 22px;
  padding-left: 22px;
}
.ab01-bots .text {
  line-height: 1.625;
  color: #333;
  margin-top: .5rem;
}

.abouts-list-02 {
  color: #fff;
}

.abouts04-swiper .imgs .i {
  border-radius: .5rem;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

.abouts04-swiper {
  color: #fff;
}
.abouts04-swiper .words {
  width: 39.85%;
  text-align: right;
  padding-top: 5px;
}
.abouts04-swiper .images {
  width: 60.15%;
  padding-left: 2.5rem;
}
.abouts04-swiper .span {
  line-height: 1;
}
.abouts04-swiper .txts {
  line-height: 1.66;
  max-height: 6.64em;
  overflow-y: auto;
  margin-bottom: .75rem;
  width: 31em;
  max-width: 90%;
}
.abouts04-swiper .li,
.abouts04-swiper .li .span {
  line-height: .9rem;
  height: .9rem;
  cursor: pointer;
}
.abouts04-swiper .li .span {
  padding-right: .125rem;
  position: relative;
}
.abouts04-swiper .li .span:before {
  position: absolute;
  content: "";
  width: 11px;
  height: 14px;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/9.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  margin: auto;
}
.abouts04-swiper .swiper-container, .abouts04-swiper .swiper-wrapper {
  height: 9.9rem;
}
.abouts04-swiper .swiper-container {
  position: relative;
}
.abouts04-swiper .swiper-container:before, .abouts04-swiper .swiper-container:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  left: 0;
  pointer-events: none;
}
.abouts04-swiper .swiper-container:before {
  top: 0;
}
.abouts04-swiper .swiper-container:after {
  bottom: 0;
}
.abouts04-swiper .swiper-slide {
  color: rgba(255, 255, 255, 0.1);
}
.abouts04-swiper .swiper-slide.on1 {
  color: white;
}
.abouts04-swiper .swiper-slide.on2 {
  color: rgba(255, 255, 255, 0.8);
}
.abouts04-swiper .swiper-slide.on3 {
  color: rgba(255, 255, 255, 0.5);
}
.abouts04-swiper .swiper-slide.on4 {
  color: rgba(255, 255, 255, 0.3);
}
.abouts04-swiper .swiper-slide.on5 {
  color: rgba(255, 255, 255, 0.1);
}
.abouts04-swiper .swiper-slide.swiper-slide-active {
  color: white;
}
.abouts04-swiper .swiper-slide-active {
  height: 3rem;
  line-height: 3rem;
}
.abouts04-swiper .swiper-slide-active .span {
  padding-right: .8rem;
  font-size: inherit;
  line-height: inherit;
  height: inherit;
}
.abouts04-swiper .swiper-slide-active .span:before {
  transition: .5s ease;
  opacity: 1;
}
.abouts04-swiper .imgs {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.abouts04-swiper .imgs .i {
  position: relative;
  overflow: hidden;
  width: 31.25vw;
  height: 18.2291666667vw;
}
.abouts04-swiper .imgs:before {
  width: 100%;
  height: 100%;
  content: "";
  left: .375rem;
  top: .375rem;
  position: absolute;
  background: url(../img/7.png) no-repeat center;
  background-size: 100%;
}

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

.c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
  top: 0;
  bottom: 0;
  margin: auto;
}

.abouts-list-05 .swiperbox {
  position: relative;
}
.abouts-list-05 .swiper-button-prev, .abouts-list-05 .swiper-button-next {
  top: 0;
  bottom: 0;
  margin: auto;
}
.abouts-list-05 .swiper-slide {
  width: 22.85%;
  border-radius: .3rem;
  background-color: #fff;
  height: auto;
  padding: 0 .7rem;
  padding-top: 2.15rem;
  padding-bottom: 1.6rem;
  text-align: center;
}
.abouts-list-05 .tits {
  margin-top: .9rem;
  margin-bottom: .3rem;
  line-height: 1.285;
}
.abouts-list-05 .swiperwidth {
  width: 2.86%;
}
.abouts-list-05.onac .swiper-slide {
  margin-right: 2.86%;
}
.abouts-list-05.onac .swiper-slide:last-child {
  margin-right: 0;
}
.abouts-list-05 .imgs {
  width: 1.625rem;
  height: 1.675rem;
  margin-left: auto;
  margin-right: auto;
}
.abouts-list-05 .text {
  line-height: 1.66;
}

.ab07-box {
  position: relative;
}
.ab07-box .words {
  position: absolute;
  width: 50%;
  padding-left: 3.875rem;
  padding-right: 1.25rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ab07-box .images{
  box-shadow: 0 0 10px 2px rgba(0,0,0,.08);
  border-radius: .75rem;
  overflow: hidden;
}

.ab07-box .txts {
  margin-top: 1.05rem;
  margin-bottom: 1.25rem;
  line-height: 1.66;
  color: #222222;
}
.ab07-box .li {
  text-align: center;
}
.ab07-box .li:nth-child(n+2) {
  margin-left: .5rem;
}
.ab07-box .imgs {
  width: 2.25rem;
  height: 2.25rem;
}
.ab07-box .span {
  line-height: 1.05;
  margin-top: .45rem;
}

.ab07-box .images img {
  object-fit: cover;
}

.abouts-list-pre {
  position: relative;
}
.abouts-list-pre .abouts-list-07 {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.abouts-list-pre .abouts-list-07 .kl {
  height: 7.9166666667vw;
}

.con-banner {
  position: relative;
}
.con-banner .images {
  position: relative;
}
.con-banner .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
}
.con-banner .words-box {
  padding-top: 2.03125vw;
  padding-bottom: 0;
}
.con-banner.joins-banner .images {
  background-color: #0154a6;
  position: relative;
}
.con-banner.joins-banner .images:before{
	position: absolute;
	display: block;
	content:"";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to right,#3AB54A,#0154a6);
	z-index: 1;
}
.con-banner.joins-banner .words{
	z-index: 5;
}
.con-banner.joins-banner .images img {
  opacity: .2;
}
.con-banner.joins-banner .images:before {
  background: url(../img/18.png) no-repeat center;
  background-size: cover;
}
.con-banner.joins-banner .wtits {
  line-height: 1.2;
}
.con-banner.joins-banner .uls {
  margin-top: 1.625rem;
  font-size: 0;
}
.con-banner.joins-banner .uls .lis {
  margin: 0 .5rem;
}

.cons-more {
  display: inline-block;
  vertical-align: top;
  padding: 0 .7rem;
  padding-right: 1.35rem;
  position: relative;
  height: 3.125em;
  border-radius: 3.125em;
  line-height: 3.125em;
  background-color: #fff;
  color: #222222;
  position: relative;
}
.cons-more:hover {
  color: #fff;
}
.cons-more:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 9px;
  right: .6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/jt.png) no-repeat center;
  background-size: 100%;
}

.jointops-03 .txts {
  margin-bottom: 2.9166666667vw;
}
.jointops-03 .lis {
  position: relative;
  width: 14%;
  margin-left: 1.8%;
  background: url(../img/d1.png) no-repeat center;
  background-size: 100%;
}
.jointops-03 .lis .bg {
  opacity: 0;
  visibility: hidden;
  display: block;
  width: 100%;
}
.jointops-03 .lis .box {
  position: absolute;
  width: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jointops-03 .lis:nth-child(6n+1) {
  margin-left: 0;
}
.jointops-03 .lis:nth-child(12n+1) {
  margin-left: 7%;
}
.jointops-03 .lis:nth-child(n+7) {
  transform: translate(-5%, -0.5rem);
  /*transform: translate(-5%,-10%);*/
}
.jointops-03 .lis .imgs {
  width: .8rem;
  height: .8rem;
  margin: 0 auto;
}
.jointops-03 .lis .span {
  margin-top: .375rem;
  line-height: 1.4;
  color: #0154a6;
  transition: .5s ease;
  text-align: center;
}
.jointops-03 .uls-txts {
  color: #999999;
  line-height: 1.625;
}

.joins-tops .jointops-03 {
  margin-top: 8.3333333333vw;
}
.joins-tops .jointops-02 {
  margin-top: 6.875vw;
}

.jointops-02 .swiperwidth {
  width: 2%;
}
.jointops-02 .swiper-pagination {
  margin-top: 1.25rem;
}
.jointops-02 .jointops02-swiper {
  margin-top: 1.5rem;
}
.jointops-02 .items {
  position: relative;
}
.jointops-02 .items-left {
  width: 47%;
}
.jointops-02 .items-left img {
  height: 28.4375vw;
  object-fit: cover;
  width: 100%;
}
.jointops-02 .li {
  height: calc((100% - .5rem)/2);
}
.jointops-02 .li img {
  width: 100%;
  height: 100%;
}
.jointops-02 .items-left, .jointops-02 .li {
  border-radius: .35rem;
  overflow: hidden;
  position: relative;
}

.jointops-02 .items-left .text, .jointops-02 .li .text{
  position: absolute;
  bottom: .5rem;
  width: 100%;
  z-index: 4;
  left: 0;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding: 0 .25rem;
}
.jointops-02 .items-left img, .jointops-02 .li img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.jointops-02 .items-right {
  width: calc(53% - .5rem);
  margin-left: .5rem;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  align-content: space-between;
}
.jointops-02 .items-right .li {
  width: calc((100% - .5rem)/2);
  margin-left: .5rem;
}
.jointops-02 .items-right .li:nth-child(2n+1) {
  margin-left: 0;
}

.jointops-01 .images {
  margin-top: 1.55rem;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05);
  padding-top: 3.6458333333vw;
  padding-bottom: 7.2916666667vw;
  background-color: #fff;
  padding-left: 1.5625vw;
  padding-right: 2.2916666667vw;
  align-items: flex-end;
}
.jointops-01 .images .li1 {
  width: 65.3%;
}
.jointops-01 .images .li2 {
  width: 34.7%;
  transform: translateY(5px);
}

.joins-center .joinscenterswiper {
  margin-top: 3.3333333333vw;
}
.joins-center .items {
  position: relative;
}
.joins-center .items .imgs{
	overflow: hidden;
}
.joins-center .items .span {
  position: absolute;
  width: 100%;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.joins-center .swiper-button-prev {
  left: 5.2083333333vw;
}
.joins-center .swiper-button-next {
  right: 5.2083333333vw;
}

.joins-bottoms .words {
  width: 36.7%;
  justify-content: flex-end;
  padding-top: 1.8rem;
}
.joins-bottoms .words .box {
  margin: 0;
  max-width: 64%;
  width: 64%;
}
.joins-bottoms .words .button {
  margin-top: 2rem;
}
.joins-bottoms .words .text {
  line-height: 2.375;
  color: #222222;
  margin-top: 1rem;
}
.joins-bottoms .imglist {
  width: 63.3%;
}
.joins-bottoms .items {
  width: 33%;
  padding-top: 1.8rem;
  position: relative;
}
.joins-bottoms .items .box {
  background-color: #fff;
  padding: 1.75rem 1rem;
  padding-top: 2.9rem;
  color: #666666;
}
.joins-bottoms .items .box .tits {
  text-align: center;
  margin-bottom: .4rem;
  line-height: 1.5;
  color: #222222;
}
.joins-bottoms .items .box .text {
  line-height: 1.875;
  height: 15em;
  overflow-y: auto;
  padding-right: .5em;
}
.joins-bottoms .items .imgs {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  border: .2rem solid #fff;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  margin: auto;
}

@media (max-width: 1910px) {
  .joins-bottoms .words .box {
    width: 73%;
    max-width: 73%;
  }
}
@media (max-width: 1710px) {
  .joins-bottoms .words .box {
    width: 80%;
    max-width: 80%;
  }
}
@media (max-width: 1610px) {
  .joins-bottoms .words .box {
    width: 85%;
    max-width: 85%;
  }
}
@media (max-width: 1510px) {
  .joins-bottoms .words .box {
    width: 92%;
    max-width: 92%;
  }
}
.news-listbox {
  position: relative;
  min-height: 23.1rem;
}
.news-listbox:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 23.1rem;
  background: url(../img/news.png) no-repeat center top;
  background-size: 100%;
}

.news-listbox {
  padding-top: 5.2083333333vw;
  padding-bottom: 5.9375vw;
}

.news-inputs {
  position: relative;
  width: 14.9rem;
  max-width: 90%;
  margin: 0 auto;
  border-radius: 1.75rem;
  background: #FFFFFF;
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
  position: relative;
  overflow: hidden;
}
.news-inputs input:-moz-placeholder,
.news-inputs textarea:-moz-placeholder {
  color: #999999;
}
.news-inputs input::-moz-placeholder,
.news-inputs textarea::-moz-placeholder {
  color: #999999;
}
.news-inputs input:-ms-input-placeholder,
.news-inputs textarea:-ms-input-placeholder {
  color: #999999;
}
.news-inputs input::-webkit-input-placeholder,
.news-inputs textarea::-webkit-input-placeholder {
  color: #999999;
}
.news-inputs input {
  display: block;
}
.news-inputs input[type=text] {
  width: 100%;
  height: 100%;
  background: transparent;
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #EFEFEF;
  padding-left: .8rem;
  padding-right: 2.5rem;
}
.news-inputs input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.25rem;
  height: 1.75rem;
  border-radius: 1.75rem;
  background: url(../img/ser22.png) #0154a6 no-repeat center;
  background-size: 100%;
  text-indent: -999px;
}

.news-listbox .newslist-tops {
  margin-top: 2rem;
  margin-bottom: 1.75rem;
}

.c-time {
  display: inline-block;
  vertical-align: top;
  color: rgba(34, 34, 34, 0.5);
  border: 1px solid rgba(102, 102, 102, 0.2);
  border-radius: 3.14em;
  height: 2.14em;
  line-height: 2.14em;
  padding-left: .35rem;
  padding-right: .6rem;
  box-sizing: content-box;
}

.newslist-tops {
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}
.newslist-tops .swiper-button-prev {
  left: -2.75rem;
}
.newslist-tops .swiper-button-next {
  right: -2.75rem;
}
.newslist-tops .swiper-button-prev, .newslist-tops .swiper-button-next {
  top: 0;
  bottom: 0;
  margin: auto;
}
.newslist-tops .swiper-paginationbox {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.75rem;
  z-index: 10;
  justify-content: flex-end;
}
.newslist-tops .swiper-paginationbox .swiper-pagination {
  width: 49.4%;
  text-align: left;
  justify-content: flex-start;
  padding-left: 1.625rem;
}
.newslist-tops .i0 {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.newslist-tops .i1 {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newslist-tops .items {
  padding: 1.25rem 1.05rem;
  background: #fff;
}
.newslist-tops .items .images {
  width: 50.6%;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
}
.newslist-tops .items .images img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  width: 100%;
  object-fit: cover;
}
.newslist-tops .items .words {
  width: 49.4%;
  padding-left: 1.625rem;
  padding-top: .75rem;
}
.newslist-tops .items .words .txts {
  color: #222222;
  line-height: 1.5em;
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .55rem;
  margin-bottom: .45rem;
}
.newslist-tops .items .words .text {
  line-height: 1.75;
  color: #666666;
  height: 3.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newslist-bots .lists {
  padding-bottom: 2rem;
}
.newslist-bots .lists .items {
  margin-bottom: .8rem;
  width: 32.15%;
  margin-left: 1.775%;
  background-color: #fff;
  border-radius: .25rem;
  overflow: hidden;
  display: block;
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.158);
  padding: 1.05rem .75rem;
}
.newslist-bots .lists .items:nth-child(3n+1) {
  margin-left: 0;
}
.newslist-bots .lists .items .imgs {
  border-radius: .25rem;
  overflow: hidden;
  position: relative;
}
.newslist-bots .lists .items .imgs img {
  width: 100%;
  /*height: (225vw*100/1920);*/
  object-fit: cover;
}
.newslist-bots .lists .items .imgs .i0 {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.newslist-bots .lists .items .imgs .i1 {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newslist-bots .lists .items .tits {
  margin-top: .5rem;
  margin-bottom: .4rem;
  color: #222222;
  line-height: 1.36;
  height: 2.72em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 2.72em;
}
.newslist-bots .lists .items .txts {
  margin-bottom: 1rem;
  color: #666666;
  line-height: 1.625;
  height: 1.625em;
  /*max-height: 3.25em;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;


}
.newslist-bots .lists .items .tits, .newslist-bots .lists .items .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-listbox {
  position: relative;
}
.news-listbox .bg {
  width: 96.0416666667vw;
  height: 90.5729166667vw;
  position: absolute;
  background: url(../img/20.png) no-repeat center;
  background-size: cover;
  z-index: 0;
  right: 0;
  top: 0;
}
.news-listbox .newslist-tops, .news-listbox .newslist-bots {
  position: relative;
  z-index: 1;
}

.notices-list .lists {
  padding-bottom: 2.9rem;
}
.notices-list .items {
  width: 47.5%;
  margin-left: 5%;
  border-bottom: 1px solid #c8cccc;
  padding-top: 1.25rem;
  padding-bottom: .95rem;
}
.notices-list .items:nth-child(2n+1) {
  margin-left: 0;
}
.notices-list .items .tits {
  margin-bottom: .15rem;
  margin-top: .75rem;
  line-height: 1.54;
  height: 1.54em;
  color: #222;
}
.notices-list .items .txts {
  line-height: 1.75;
  height: 1.75em;
  color: #666666;
}
.notices-list .items .tits, .notices-list .items .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.notices-list .items .times {
  position: relative;
  line-height: 1;
  color: #222222;
}
.notices-list .items .times:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 12px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/21.png) no-repeat center;
  background-size: 100%;
}

.news-listbox .notices-list {
  padding-top: 2.625rem;
}

.reports-box {
  padding-top: 6.7708333333vw;
  padding-bottom: 5vw;
}

.cons-swiper {
  position: relative;
}

.reports-box .words {
  padding-bottom: 2rem;
}
.reports-box .words .tits {
  line-height: 1.44;
  color: #38b24c;
  margin-bottom: .3rem;
}
.reports-box .words .txts {
  line-height: 1.875;
  color: #222222;
  max-width: 46em;
}
.reports-box .imgs-swiper .swiperwidth {
  width: 2%;
}
.reports-box .imgs-swiper .items {
  width: 23.5%;
  text-align: center;
}

.reports-box .imgs-swiper.onac .items{
	margin-right: 2%;
}
.reports-box .imgs-swiper .items .imgs {
  overflow: hidden;
  border-radius: .25rem;
}
.reports-box .imgs-swiper .items img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}

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

.reportsimgs-swiper .imgs {
  overflow: hidden;
}
.reportsimgs-swiper .text {
  padding-top: .8rem;
  color: #000;
}
.reportsimgs-swiper .span {
  height: 1.636em;
  line-height: 1.636em;
}
.reportsimgs-swiper .down {
  line-height: 1.5625;
  margin-top: .15rem;
}
.reportsimgs-swiper .down span {
  display: inline-block;
  vertical-align: middle;
  color: rgba(34, 34, 34, 0.6);
  line-height: 1;
  position: relative;
  padding-right: 24px;
}
.reportsimgs-swiper .down span:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/26.png) no-repeat center;
  background-size: 100%;
}
.reportsimgs-swiper .swiper-button-next {
  right: 2.35rem;
}
.reportsimgs-swiper .swiper-button-prev {
  left: 2.35rem;
}
.reportsimgs-swiper .swiper-button-next, .reportsimgs-swiper .swiper-button-prev {
  top: 4.4rem;
  bottom: auto;
  margin: 0;
  transform: translateY(0);
}

.cares-lists {
  padding-bottom: 8.3333333333vw;
  padding-top: 3.6458333333vw;
}

@media (max-width: 1024px) {
  .cares-lists {
    padding-bottom: 15.625vw;
    padding-top: 6.8359375vw;
  }
}
@media (max-width: 750px) {
  .cares-lists {
    padding-bottom: 21.3333333333vw;
    padding-top: 9.3333333333vw;
  }
}
.cares-lists-01 {
  justify-content: space-between;
}
.cares-lists-01 .words {
  width: 41.8%;
}
.cares-lists-01 .images {
  width: 45.7%;
}

.cares-lists-01words .tits {
  padding-top: 2.4rem;
  padding-bottom: 1rem;
  line-height: 1.3;
  position: relative;
}
.cares-lists-01words .tits .ybg {
  position: absolute;
  left: 1.2rem;
  top: 0;
  width: 15.675rem;
  height: 4.925rem;
  pointer-events: none;
}
.cares-lists-01words .txts {
  margin-top: .6rem;
  margin-bottom: 1.45rem;
  line-height: 2;
  color: #333333;
}
.cares-lists-01words .img-list .img-tits {
  line-height: 2;
  margin-bottom: .75rem;
}
.cares-lists-01words .img-uls {
  padding-right: .85rem;
  justify-content: space-between;
}
.cares-lists-01words .img-uls .li {
  width: 43.6%;
}

.cares-lists-01images .lis {
  align-items: flex-end;
}
.cares-lists-01images .lis1 {
  padding-left: .65rem;
}
.cares-lists-01images .lis1 .li {
  overflow: hidden;
}
.cares-lists-01images .lis1 .li img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.cares-lists-01images .lis1 .li {
  margin-left: 2%;
  width: 48%;
}
.cares-lists-01images .lis2 .li1 {
  width: 54%;
}
.cares-lists-01images .lis2 .li2 {
  width: 40.6%;
  margin-left: 5.4%;
}
.cares-lists-01images .lis2 {
  padding-right: .25rem;
  margin-top: .5rem;
}

.cares-lists {
  background: url(../img/d10.jpg) no-repeat center top;
  background-size: 100%;
}

.cares-lists-02 {
  padding-top: 4rem;
  padding-bottom: 4.4rem;
  position: relative;
}
.cares-lists-02 img.bg {
  right: 0;
  top: 2rem;
  /*top: -4rem;*/
  width: 51.5625vw;
  height: 22.9166666667vw;
  object-fit: cover;
  position: absolute;
}
.cares-lists-02 .images {
  width: 46.78%;
}
.cares-lists-02 .words {
  width: 53.22%;
  padding-left: 7.2916666667vw;
}
.cares-lists-02 .box {
  align-items: center;
}
.cares-lists-02 .box .span {
  line-height: 1.25;
  color: #222222;
}
.cares-lists-02 .box .texts {
  margin-top: .9rem;
  line-height: 2;
}

.cares-lists-03 {
  padding-bottom: 2.1rem;
}
.cares-lists-03 .images {
  /*margin-top: (76rem/40);*/
}
.cares-lists-03 .con-words .txts {
  max-width: 42em;
  margin-left: auto;
  margin-right: auto;
}
.greens-list-center .items03 .con-words .txts{
  /*max-width: 100em;*/
  margin-left: auto;
  margin-right: auto;
}
.greens-list-center .items03 .con-words .txts,
.cooperations-itembox .con-words .txts{
  color: #222;
}

.con-words .tits {
  color: #222222;
  line-height: 1.25;
}
.con-words .txts {
  line-height: 1.875;
  color: #666666;
  margin-top: .45rem;
}

.cares-lists-03 .images {
  width: calc(100% + 2rem);
  margin-left: -1rem;
}
.cares-lists-03 .images .items {
  padding-left: 1rem;
  padding-right: 1rem;
}

.cares-lists-03words .items {
  padding-top: 1.9rem;
  padding-bottom: 1.75rem;
}
.cares-lists-03words .swiperwidth {
  width: 2%;
}
.cares-lists-03words .box {
  border-radius: .3rem;
  background: #fff;
  border: 1px solid #e1edfa;
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
  padding: 0 4.75rem;
  padding-left: 4.5rem;
  padding-top: .125rem;
  padding-bottom: .75rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cares-lists-03words .box:before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: .2rem;
  background-color: #0154a6;
}
.cares-lists-03words .box .boxli {
  line-height: 1.5;
  height: 7.5em;
  padding-right: .25rem;
  align-items: center;
}
.cares-lists-03words .box .span {
  max-height: 7.5em;
  overflow-y: auto;
}
.cares-lists-03words .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: .6rem;
}

.cares-lists-02 .images {
  border-radius: .3rem;
}

.cares-lists-04 .items-box {
  padding-bottom: 1.35rem;
}
.cares-lists-04 .items-box .items {
  display: block;
  width: 31.5%;
  margin-left: 2.75%;
  margin-bottom: 1rem;
}
.cares-lists-04 .items-box .items:nth-child(3n+1) {
  margin-left: 0;
}
.cares-lists-04 .items-images {
  border-radius: .25rem;
  overflow: hidden;
}
.cares-lists-04 .items-images img {
  width: 100%;
}
.cares-lists-04 .items-words {
  line-height: 3.9em;
  height: 3.9em;
  justify-content: center;
  align-items: center;
}
.cares-lists-04 .items-words .span {
  line-height: 1.6em;
  max-height: 3.2em;
  color: #222222;
}

.cooperations-itembox {
  padding-bottom: 6.5625vw;
  padding-top: 7.0833333333vw;
  background: url(../img/10.jpg) #fff no-repeat center top;
  background-size: 100%;
}
.cooperations-itembox .cooperations-words {
  margin-bottom: 1.15rem;
}
.cooperations-itembox .con-words .txts {
  max-width: 47em;
  margin-left: auto;
  margin-right: auto;
}
.cooperations-itembox .cooperations-lists {
  margin-top: 5.2083333333vw;
}

.cooperations-images .items {
  position: relative;
  border-radius: .3rem;
  overflow: hidden;
}
.cooperations-images .items .words {
  position: absolute;
  line-height: 1.54em;
  height: 1.54em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  left: 0;
  width: 100%;
  bottom: .75rem;
  color: #ffffff;
  padding: 0 1rem;
  padding-right: 3rem;
  z-index: 2;
}
.cooperations-images .items .imgs {
  overflow: hidden;
  position: relative;
}
.cooperations-images .items .imgs:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4.8rem;
  left: 0;
  bottom: 0;
  background: url(../img/bgh.png) no-repeat center bottom;
  background-size: 100%;
  z-index: 0;
  pointer-events: none;
  z-index: 2;
}
.cooperations-images .swiper-container .swiper-pagination {
  position: absolute;
  z-index: 5;
  bottom: 1rem;
  line-height: 1;
  width: auto;
  left: auto;
  right: 0;
  padding-right: 1.6rem;
}

.greens-list-tops .bg-line {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  pointer-events: none;
  height: 100%;
}
.greens-list-tops .bg-line img {
  width: 100%;
}

.greens-list-center .bg-line {
  position: absolute;
  width: 100%;
  bottom: 100%;
  left: 0;
  pointer-events: none;
  bottom: calc(100% - 1rem);
}

.greens-list-tops {
  background: url(../img/1-06.png) #fff no-repeat top center;
  background-size: 100%;
  position: relative;
  overflow: hidden;
}
.greens-list-tops .items01 {
  justify-content: space-between;
  padding-bottom: 1.5rem;
  margin-bottom: 2.6rem;
}
.greens-list-tops .items01 .con-words .txts {
  margin-top: .9rem;
}
.greens-list-tops .items01 .words {
  width: 46%;
}
.greens-list-tops .items01 .images {
  width: 45.35%;
  position: relative;
  padding: .25rem;
}
.greens-list-tops .items01 .images .imgs {
  overflow: hidden;
}
.greens-list-tops .items01 .images .imgs img {
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.greens-list-tops .items01 .images .span {
  width: 3.6rem;
  height: 4.175rem;
  left: -1.8rem;
  bottom: -1.5rem;
  z-index: 1;
  position: absolute;
}
.greens-list-tops .items02 {
  flex-direction: row-reverse;
  position: relative;
}
.greens-list-tops .items02 .images {
  min-height: 16.625rem;
  width: 48.2%;
}
.greens-list-tops .items02 .images .imgs img {
  max-width: none;
  width: 21.8rem;
  height: 16.625rem;
  left: -3.6rem;
  position: absolute;
}
.greens-list-tops .items02 .ul .li {
  color: #0154a6;
  line-height: 1.75em;
  height: 1.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: .5rem;
  position: relative;
}
.greens-list-tops .items02 .ul .li:before {
  position: absolute;
  content: "";
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  background: #0154a6;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.greens-list-tops .items02 .words {
  width: 51.8%;
}
.greens-list-tops .items02 .con-words .txts {
  margin-top: .6rem;
}
.greens-list-tops .items02 .ul {
  margin-top: .95rem;
}
.greens-list-tops .items03 {
  position: relative;
  z-index: 4;
}
.greens-list-tops .items03 .txts {
  margin-left: auto;
  margin-right: auto;
  max-width: 68em;
}
.greens-list-tops .items03 .images {
  margin-top: 1.5rem;
  border-radius: .35rem;
  overflow: hidden;
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.1);
}
.greens-list-tops .items03 .images .imgs-tops {
  padding: 0 .5rem;
  padding-top: .65rem;
  padding-bottom: .6rem;
  background: #0154a6;
  display: flex;
  color: #fff;
  justify-content: center;
}
.greens-list-tops .items03 .images .imgs-tops .span {
  position: relative;
  padding-left: 1.625rem;
  line-height: 1.66;
}
.greens-list-tops .items03 .images .imgs-tops .span img {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.greens-list-tops .items03 .images .imgs-bots {
  padding: 1.2rem 1.5rem 1.4rem 1.5rem;
}
.greens-list-tops .items03 .images .imgs-bots img {
  width: 100%;
}

.greens-list-center {
  overflow: hidden;
}
.greens-list-center .con-words .txts {
  margin-top: 1rem;
}
.greens-list-center .items01 {
  padding-top: 6.25rem;
  position: relative;
  z-index: 5;
}
.greens-list-center .items01 .imgsbg {
  position: absolute;
  width: 19.225rem;
  height: 19.225rem;
  left: 0;
  top: .8rem;
  right: 0;
  margin: auto;
}
.greens-list-center .items01 .words {
  position: relative;
  z-index: 2;
}
.greens-list-center .items01 .images {
  margin-top: 3vw;
  /*margin-top: -13.5416666667vw;*/
}
.greens-list-center .items02 {
  padding-top: 5rem;
  padding-bottom: 5.75rem;
  background: url(../img/1-03.jpg) #fff no-repeat top center;
  background-size: 100%;
}
.greens-list-center .items02 .li {
  justify-content: space-between;
}
.greens-list-center .items02 .li:nth-child(n+2) {
  margin-top: 3.65rem;
}
.greens-list-center .items02 .li .words {
  width: 44.3%;
}
.greens-list-center .items02 .li .con-words .txts {
  margin-top: 1.25rem;
}
.greens-list-center .items02 .li .images {
  width: 47.65%;
  border-radius: .3rem;
  overflow: hidden;
}
.greens-list-center .items02 .li .images img {
  transition: .5s ease;
}
.greens-list-center .items02 .li:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.greens-list-center .items02 .li.li1 .tits span {
  color: #38b24c;
}
.greens-list-center .items02 .li.li2 .con-words .txts {
  margin-top: 1.1rem;
}
.greens-list-center .items02 .li.li2 .tits span {
  color: #0154a6;
}
.greens-list-center .items02 .li .uls {
  margin-top: .75rem;
  line-height: 1.75em;
}
.greens-list-center .items02 .li .uls .lis {
  position: relative;
  padding-left: .5rem;
  padding-right: .4rem;
  color: #0154a6;
}
.greens-list-center .items02 .li .uls .lis:last-child {
  padding-right: 0;
}
.greens-list-center .items02 .li .uls .lis:before {
  position: absolute;
  content: "";
  width: .375em;
  height: .375em;
  border-radius: 50%;
  background-color: #0154a6;
  left: 0;
  top: .7em;
}
.greens-list-center .items03 {
  padding-bottom: 2.6rem;
  background: url(../img/1-10.png) no-repeat bottom center;
  background-size: 100%;
  /*overflow: hidden;*/
  position: relative;
}
.greens-list-center .items03 .uls {
  justify-content: center;
  margin-top: 2rem;
}
.greens-list-center .items03 .uls .lis {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  border: 1px solid rgba(158, 158, 158, 0.2);
  justify-content: center;
  align-items: center;
  margin: 0 .9rem;
}
.greens-list-center .items03 .uls .lis:nth-child(1) {
  margin-left: 0;
}
.greens-list-center .items03 .uls .lis:last-child {
  margin-right: 0;
}
.greens-list-center .items03 .uls .imgs {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}
.greens-list-center .items03 .uls .span {
  line-height: 1;
  margin-top: .45rem;
}
.greens-list-center .items03 .con-words .tits .span {
  padding-top: 1.15rem;
  justify-content: center;
  align-items: center;
}
.greens-list-center .items03 .con-words .tits .span .bgh-span {
  width: 2em;
  height: 1.25em;
  padding-top: 1.15rem;
  padding-bottom: .45rem;
  position: relative;
}
.greens-list-center .items03 .con-words .tits .span .bgh-span img {
  position: absolute;
  width: 3.975rem;
  height: 3.075rem;
  max-width: none;
  top: -1.15rem;
  left: -.9rem;
}

.greens-list-tops .items03 {
  margin-top: .55rem;
}

.greens-list-tops .items02 .words {
  padding-bottom: 3.4rem;
}

.developments-lists-03 .words {
  padding-top: 2.75rem;
  padding-bottom: 1.125rem;
}
.developments-lists-03 .words .texts {
  margin-top: .75rem;
  margin-bottom: .2rem;
  line-height: 1.7;
  color: #222222;
}
.developments-lists-03 .words .txts {
  padding-left: 1.9rem;
  padding-right: 1.9rem;
  line-height: 1.75;
}

.developments-lists .swiper-button-prev {
  left: 2.3rem;
}
.developments-lists .swiper-button-next {
  right: 2.3rem;
}

.deve03-swiper .items {
  position: relative;
  overflow: hidden;
}
.deve03-swiper .items .imgs {
  overflow: hidden;
}
.deve03-swiper .items img {
  transition: .5s ease-in-out;
}
.deve03-swiper .items .text {
  position: absolute;
  bottom: .85rem;
  width: 100%;
  left: 0;
  color: #fff;
  text-align: center;
  padding: 0 1rem;
  line-height: 1.58;
}

.developments-lists-04 {
  padding-bottom: 2.65rem;
}
.developments-lists-04 .deve04-swiper {
  padding-bottom: .9rem;
}
.developments-lists-04 .words {
  padding: 0 5.8rem;
  padding-top: 2.5rem;
  padding-bottom: 2.1rem;
  position: relative;
  color: #222222;
  line-height: 1.6;
}
.developments-lists-04 .words .text{
	text-align: center;
}
.developments-lists-04 .words:before, .developments-lists-04 .words:after {
  width: 1.875rem;
  height: 1.5rem;
  position: absolute;
  content: "";
}
.developments-lists-04 .words:before {
  left: 2.5rem;
  top: 2rem;
  background: url(../img/dl.png) no-repeat center;
  background-size: 100%;
}
.developments-lists-04 .words:after {
  background: url(../img/dr.png) no-repeat center;
  background-size: 100%;
  right: 2.9rem;
  bottom: 1.3rem;
}
.developments-lists-04 .swiper-pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.developments-lists-04 .swiperwidth {
  width: 1.75rem;
}
.developments-lists-04 .swiper-slide {
  width: calc((100% - 3.5rem)/3);
}
.developments-lists-04 .imgs {
  padding-top: 1.55rem;
  border-radius: .3rem;
  overflow: hidden;
  padding-bottom: 1.5rem;
  border: 1px solid #e5effb;
  box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
  box-sizing: border-box;
}
.developments-lists-04 .imgs img {
  width: 7.75rem;
  height: 5.125rem;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

.deve04-swiper .text {
  height: 5em;
  justify-content: center;
  align-items: center;
}
.deve04-swiper .text .span {
  line-height: 1.9em;
  max-height: 3.8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
}

.developments-lists-02 .swiper-pagination {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0.625rem;
}

.developments-lists-01 {
  background-image: linear-gradient(rgba(58, 181, 74, 0), rgba(58, 181, 74, 0.08), rgba(58, 181, 74, 0.12));
  padding-top: 3.3rem;
  padding-bottom: 3.65rem;
}
.developments-lists-01 .de01-left {
  width: 10.4rem;
}
.developments-lists-01 .de01-left .items {
  line-height: 2.08;
  color: rgba(34, 34, 34, 0.2);
  position: relative;
}
.developments-lists-01 .de01-left .items span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}
.developments-lists-01 .de01-left .items span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  border-radius: 4px;
  left: 0;
  bottom: 0;
  background: #0154a6;
  opacity: 0;
  transition: .5s ease-in-out;
}
.developments-lists-01 .de01-left .items.active {
  color: #222222;
}
.developments-lists-01 .de01-left .items.active span:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.developments-lists-01 .de01-left .items:nth-child(n+2) {
  margin-top: .7rem;
}
.developments-lists-01 .de01-right {
  width: calc(100% - 10.4rem);
}

.de01-ajax-01 .de01-right-top-list {
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .3rem;
}
.de01-ajax-01 .de01-right-top-list .li {
  line-height: 1;
}
.de01-ajax-01 .de01-right-top-list .li span {
  line-height: 1;
  color: #38b24c;
}
.de01-ajax-01 .de01-right-bot-list .words {
  color: #666666;
  line-height: 2;
  margin-top: 1rem;
}
.de01-ajax-01 .de01-right-bot-list .imgs {
  overflow: hidden;
  margin-top: 1.8rem;
  border-radius: .3rem;
}
.de01-ajax-01 .de01-right-bot-list .imgs img {
  transition: .5s ease-in-out;
}

.de01-ajax-swiper {
  margin-top: .25rem;
}
.de01-ajax-swiper .itembox .li {
  width: 24%;
  margin-left: 1.3%;
  text-align: center;
  margin-bottom: .4rem;
  color: #222222;
}
.de01-ajax-swiper .itembox .li:nth-child(4n+1) {
  margin-left: 0;
}
.de01-ajax-swiper .itembox .li .imgs {
  background: #fff;
  border-radius: .25rem;
  overflow: hidden;
  padding: .4rem;
}
.de01-ajax-swiper .itembox .li .imgs img {
  height: 7.0833333333vw;
  object-fit: contain;
  width: 100%;
}
.de01-ajax-swiper .itembox .li .span {
  height: 3.9em;
  align-items: center;
  justify-content: center;
}
.de01-ajax-swiper .itembox .li .span .spans {
  line-height: 1.55;
  max-height: 3.1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.de01-ajax-swiper .swiper-pagination {
  margin-top: .8rem;
}

.de01-ajax-02 .de01-right-top-list .li, .de01-ajax-02 .de01-right-top-list .li span {
  line-height: 1;
}
.de01-ajax-02 .de01-right-top-list .li {
  margin-bottom: 1.25rem;
  color: #222222;
  padding-left: .375rem;
  padding-right: .75rem;
  position: relative;
  padding-left: .375rem;
}
.de01-ajax-02 .de01-right-top-list .li:before {
  position: absolute;
  content: "";
  width: .125rem;
  height: .125rem;
  left: 0;
  top: .5em;
}
.de01-ajax-02 .de01-right-top-list .li span {
  color: #38b24c;
}

.de01-ajax-02 .de01-right-top-list .li:before {
  background: #222;
  top: 1em;
  border-radius: 50%;
}

.c-more {
  display: inline-block;
  vertical-align: top;
}
.c-more .more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 3.125em;
  line-height: 3.125em;
  border-radius: 3.125em;
  color: #fff;
  background-color: #38b24c;
  padding-left: .55rem;
  padding-right: 1.3rem;
}
.c-more .more:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 7px;
  top: 0;
  bottom: 0;
  right: .5rem;
  background: url(../img/jt22.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}
.c-more.on .more {
  background-color: #0154a6;
}

.silicons-box .productslist-tops {
  padding-bottom: 11.4583333333vw;
}

.productslist-tops {
  position: relative;
  padding-top: 5.9895833333vw;
  padding-bottom: 14.5833333333vw;
  justify-content: space-between;
}
.productslist-tops .words {
  width: 39.3%;
  padding-top: 1.625rem;
}
.productslist-tops .words .imgs {
  width: 5.15rem;
}
.productslist-tops .words .imgs img {
  display: block;
}
.productslist-tops .words .txts {
  margin-top: .85rem;
  margin-bottom: 2.65rem;
}
.productslist-tops .images {
  width: 50.7%;
  position: relative;
}
.productslist-tops .images .imgs {
  border-radius: .3rem;
  overflow: hidden;
}
.productslist-tops .images .imgs img {
  width: 100%;
}
.productslist-tops .images .span {
  position: absolute;
  /*width: 3.675rem;*/
  width: 4.325rem;
  height: 4.325rem;
  left: -2rem;
  bottom: -1.925rem;
}
.productslist-tops .images img {
  transition: .5s ease-in-out;
  width: 100%;
}

.protops-titles .li {
  width: auto;
  height: 3.125em;
  line-height: 3.125em;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 3.125em;
  border: 1px solid #d4dada;
  background-color: #fff;
  cursor: pointer;
  margin: 0 0.325rem;
}
.protops-titles .li.active {
  color: #fff;
  border-color: #38b24c;
  background-color: #38b24c;
}
.protops-titles .swiperwidth {
  width: .65rem;
}
.protops-titles.ckwidth .li {
  margin: 0;
}
.protops-titles.onac .swiper-wrapper {
  justify-content: center;
}
.protops-titles.onac .li {
  margin: 0 0.325rem;
}

.probots-lists {
  padding-top: 2.25rem;
  padding-bottom: 3.1rem;
}
.probots-lists .items {
  width: 31.5%;
  margin-left: 2.75%;
  background: #fff;
  box-shadow: 0px 0px 68px 0px rgba(1, 84, 166, 0.07);
  border-radius: .4rem;
  margin-bottom: 1.05rem;
  padding: .5rem;
  padding-top: .8rem;
  position: relative;
  text-align: center;
  color: #222222;
}
.probots-lists .items .tits {
  line-height: 1.45;
  height: 1.45em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .65rem;
  margin-bottom: .25rem;
}
.probots-lists .items .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2;
  height: 4em;
}
.probots-lists .items .logo {
  position: absolute;
  left: .75rem;
  top: .75em;
  height: 1.175rem;
}
.probots-lists .items .logo img {
  height: 100%;
}
.probots-lists .items .imgs {
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.probots-lists .items .imgs img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.probots-lists .items:nth-child(3n+1) {
  margin-left: 0;
}
.probots-lists .lists {
  padding-bottom: 2.2rem;
}

.productslist-box {
  background: url(../img/1-13.jpg) #fff no-repeat center top;
  background-size: 100%;
}

.silicons-list {
  padding-bottom: 2.75rem;
}
.silicons-list .silicons-tits {
  line-height: 1.33;
  margin-bottom: 1.875rem;
}
.silicons-list .list {
  align-items: stretch;
}
.silicons-list .list .items {
  width: 30.7%;
  margin-left: 3.95%;
  background: #fff;
  border-radius: .35rem;
  overflow: hidden;
  padding: 1.1rem .55rem 1.1rem 1.1rem;
  padding-bottom: 4rem;
  box-shadow: 0px 0px 68px 0px rgba(1, 84, 166, 0.07);
  margin-bottom: 1.5rem;
  position: relative;
}
.silicons-list .list .items .tits {
  line-height: 1.66;
  margin-bottom: .4rem;
}
.silicons-list .list .items:nth-child(3n+1) {
  margin-left: 0;
}
.silicons-list .list .items .items-bottoms {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  overflow: hidden;
  height: 4rem;
  overflow: hidden;
}
.silicons-list .list .items .items-tops {
  padding-bottom: .25rem;
}
.silicons-list .list .items .uls {
  min-height: 6.75em;
}
.silicons-list .list .items .uls .li {
  line-height: 2.25em;
  color: #666666;
  padding-left: .375rem;
  padding-right: .75rem;
  position: relative;
}
.silicons-list .list .items .uls .li.active {
  color: #38b24c;
  transition: .5s ease-in-out;
}
.silicons-list .list .items .uls .li.active span {
  transition: .5s ease-in-out;
}
.silicons-list .list .items .uls .li.active span:before {
  transition: .5s ease-in-out;
  opacity: 1;
}
.silicons-list .list .items .uls .li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #7a7a7a;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.silicons-list .list .items .uls .li span {
  display: block;
  line-height: 1.1;
  position: relative;
}
.silicons-list .list .items .uls .li span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #38b24c;
  left: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  opacity: 0;
}
.silicons-list .lists .items {
  width: 30.7%;
  margin-left: 3.95%;
  margin-bottom: 1rem;
  background: url(../img/1-18.png) no-repeat center;
  background-size: 100% 100%;
  color: #666666;
  padding: 1.35rem 1.1rem;
  padding-bottom: 1.125rem;
  text-align: center;
  border-radius: .35rem;
  position: relative;
  overflow: hidden;
}
.silicons-list .lists .items:before {
  position: absolute;
  content: "";
  width: 100%;
  height: .3rem;
  left: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  background-color: #0154a6;
}
.silicons-list .lists .items .tits {
  color: #222222;
  line-height: 1;
}
.silicons-list .lists .items .txts {
  line-height: 1.5;
  margin-top: .2rem;
  margin-bottom: .5rem;
  color: #222222;
}
.silicons-list .lists .items .text {
  line-height: 1.75;
  height: 8.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.silicons-list .lists .items .mores {
  margin-top: .35rem;
}
.silicons-list .lists .items:nth-child(3n+1) {
  margin-left: 0;
}

.cmore2 span {
  display: inline-block;
  vertical-align: top;
  padding: 0 .75rem;
  padding-right: 1.2rem;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  border: 1px solid #d6d7d7;
  transition: .5s ease-in-out;
  border-radius: 1.25rem;
}
.cmore2 span:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 7px;
  top: 50%;
  transform: translateY(-50%);
  right: .7rem;
  background: url(../img/2-01.png) no-repeat center;
  transition: .5s ease-in-out;
  background-size: 100%;
}

.prinfo-01 {
  background: url(../img/2-03.png) #fdffff no-repeat center top;
  background-size: 100%;
}

.prinfo-02 {
  background: url(../img/2-06.png) #fdffff no-repeat center top;
  background-size: 100%;
}

.proinfo-box {
  padding-top: 5.1041666667vw;
  padding-bottom: 8.0208333333vw;
}
.proinfo-box.prinfo-02 {
  padding-bottom: 4.6875vw;
}

.proinfo-box .protops-titles {
  margin-top: 1.15rem;
  margin-bottom: 2.5rem;
}
.proinfo-box .protops-ajax .tits {
  line-height: 1.4375;
  margin-bottom: .95rem;
}

.siliconsinfo-images {
  border-radius: .3rem;
  overflow: hidden;
}
.siliconsinfo-images img {
  transition: .5s ease-in-out;
  width: 100%;
}

.siliconsinfo-words {
  padding-top: 1.55rem;
  padding-bottom: 2.3rem;
  line-height: 1.8;
  color: #000000;
  max-width: 49em;
  margin: 0 auto;
  text-align: center;
}

.siliconsinfo-list {
  align-items: stretch;
}
.siliconsinfo-list .items {
  width: 23%;
  background-color: #fff;
  border-radius: .35rem;
  overflow: hidden;
  margin-left: 2.6%;
  box-shadow: 0px 1px 76px 0px rgba(35, 61, 149, 0.07);
}
.siliconsinfo-list .items:nth-child(4n+1) {
  margin-left: 0;
}
.siliconsinfo-list .items-bots {
  padding: .25rem;
  padding-top: .45rem;
  padding-bottom: 1.5rem;
}
.siliconsinfo-list .items-bots .li {
  display: block;
  text-align: center;
}
.siliconsinfo-list .items-bots .li .span {
  display: inline-block;
  vertical-align: top;
  line-height: 3.05em;
  position: relative;
  color: rgba(34, 34, 34, 0.6);
  position: relative;
  padding-left: .25rem;
}
.siliconsinfo-list .items-bots .li .span:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  left: 0;
  top: 1.35em;
  background-color: #999999;
  border-radius: 50%;
}
.siliconsinfo-list .items-bots .li .span span {
  position: relative;
  line-height: 1.05;
}
.siliconsinfo-list .items-bots .li .span span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #38b24c;
  opacity: 0;
  transition: .5s ease-in-out;
}
.siliconsinfo-list .items-tops {
  height: 4.1em;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 .25rem;
}
.siliconsinfo-list .items-tops:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #e5e5e5;
}
.siliconsinfo-list .items-tops .span {
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden;
}

.siliconsinfo-list .items {
  padding-bottom: .3rem;
  position: relative;
  margin-bottom: 1.2rem;
}
.siliconsinfo-list .items:before {
  position: absolute;
  width: 100%;
  height: .3rem;
  content: "";
  left: 0;
  bottom: 0;
  background-color: #0154a6;
}

.siliconsdetails-banner {
  position: relative;
  min-height: 10.525rem;
  padding-top: 2rem;
}
.siliconsdetails-banner .bg {
  position: absolute;
  height: 10.525rem;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 0;
}
.siliconsdetails-banner .bg img {
  height: 100%;
  width: 100%;
}
.siliconsdetails-banner .siliconsdetails-words, .siliconsdetails-banner .newsinfo-title {
  position: relative;
  z-index: 2;
}
.siliconsdetails-banner .newsinfo-title {
  align-items: center;
}
.siliconsdetails-banner .newsinfo-title .li {
  color: #fff;
}
.siliconsdetails-banner .newsinfo-title span.li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 7px;
  background: url(../img/2-10.png) no-repeat center;
  background-size: 100%;
  margin-left: .35rem;
  margin-right: .35rem;
}
.siliconsdetails-banner .siliconsdetails-words {
  margin-top: .75rem;
  background: #fff;
  border-radius: .3rem;
  padding: 1.3rem 1.35rem 1.35rem 1.7rem;
  justify-content: space-between;
}
.siliconsdetails-banner .siliconsdetails-words .text {
  margin-top: .85rem;
  line-height: 1.875;
  color: #222222;
  margin-bottom: 1.6rem;
}
.siliconsdetails-banner .siliconsdetails-words .words {
  width: 49%;
  padding-top: .85rem;
}
.siliconsdetails-banner .siliconsdetails-words .images {
  width: 36.4%;
  overflow: hidden;
  border-radius: .3rem;
}
.siliconsdetails-banner .siliconsdetails-words .images img {
  width: 100%;
}

.siliconsdetails {
  background: url(../img/2-06.jpg) no-repeat center 10.525rem;
  background-size: auto 100%;
}

.back-more {
  display: inline-block;
  vertical-align: top;
}
.back-more span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 1.3rem;
  padding-right: .6rem;
  height: 3.125em;
  line-height: 3.125em;
  border-radius: 3.125em;
  background: #0154a6;
  color: #fff;
}
.back-more span:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  background: url(../img/2-12.png) no-repeat center;
  background-size: 100%;
  left: .6rem;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.siliconsdetails-list {
  padding-bottom: 3.5rem;
  padding-top: 3.8rem;
}

.siliconsdetails-list-01 .contits {
  justify-content: space-between;
}
.siliconsdetails-list-01 .swieprs {
  margin-top: 1.55rem;
}
.siliconsdetails-list-01 .swiper-container {
  padding-bottom: 1.65rem;
}
.siliconsdetails-list-01 .swiper-slide {
  width: 22%;
  /*margin-right: 4%;*/
  background-color: #fff;
  border-radius: .4rem;
  padding: 1rem 1rem .35rem 1rem;
  box-shadow: 0px 0px 68px 0px rgba(1, 84, 166, 0.07);
}
.siliconsdetails-list-01.onac .swiper-slide {
  margin-right: 4%;
}
.siliconsdetails-list-01.onac .swiper-slide:last-child {
  margin-right: 0;
}
.siliconsdetails-list-01 .swiperwidth {
  width: 4%;
}
.siliconsdetails-list-01 .imgs {
  width: 2.25rem;
  height: 2.25rem;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  background-color: rgba(1, 84, 166, 0.1);
  margin-bottom: .7rem;
}
.siliconsdetails-list-01 .imgs .i1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
}
.siliconsdetails-list-01 .text {
  line-height: 1.625;
  color: #222222;
  min-height: 6.5em;
  text-align: center;
}

.siliconsdetails-list-02 {
  margin-top: 1.5rem;
}
.siliconsdetails-list-02 .siliconsdetails-list02 {
  margin-top: 1.55rem;
  align-items: stretch;
}
.siliconsdetails-list-02 .items {
  width: 19%;
  margin-left: 1.25%;
}
.siliconsdetails-list-02 .items:nth-child(5n+1) {
  margin-left: 0;
}
.siliconsdetails-list-02 .items1 .imgs {
  height: 19.0104166667vw;
}
.siliconsdetails-list-02 .items2 {
  align-content: space-between;
}
.siliconsdetails-list-02 .items2 .imgs {
  height: 8.8541666667vw;
}
.siliconsdetails-list-02 .li {
  border-radius: .3rem;
  overflow: hidden;
  position: relative;
}
.siliconsdetails-list-02 .li:nth-child(5n+1) {
  margin-left: 0;
}
.siliconsdetails-list-02 .li .imgs {
  overflow: hidden;
  position: relative;
}
.siliconsdetails-list-02 .li .imgs:before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to top, rgba(1, 84, 166, 0.8), rgba(1, 84, 166, 0), rgba(1, 84, 166, 0), rgba(1, 84, 166, 0));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.siliconsdetails-list-02 .li .imgs img {
  transition: .5s ease-in-out;
}
.siliconsdetails-list-02 .li .span {
  position: absolute;
  bottom: .25rem;
  width: 100%;
  left: 0;
  padding: 0 1em;
  text-align: center;
  color: #fff;
  line-height: 1.75;
  z-index: 2;
}

.siliconsdetails-list-03 {
  margin-top: 3.4rem;
}
.siliconsdetails-list-03 .tables {
  margin-top: 1.55rem;
}
.siliconsdetails-list-03 .tables table {
  width: 100%;
  border-radius: .3rem;
  overflow: hidden;
  box-shadow: 0px 0px 68px 0px rgba(1, 84, 166, 0.07);
}
.siliconsdetails-list-03 .tables .td0 {
  width: 17%;
  border-right: 1px solid #e9e9e9;
  color: #0154a6;
}
.siliconsdetails-list-03 .tables .td0, .siliconsdetails-list-03 .tables .td1 {
  text-align: center;
}
.siliconsdetails-list-03 .tables .td1, .siliconsdetails-list-03 .tables .td2 {
  border-bottom: 1px solid #e9e9e9;
}
.siliconsdetails-list-03 .tables .td1 {
  border-right: 1px solid #e9e9e9;
  width: 23.6%;
}
.siliconsdetails-list-03 .tables .td2 {
  width: 59.4%;
  padding: .6rem 2.5rem;
}
.siliconsdetails-list-03 .tables td {
  background-color: #fff;
  height: 75px;
  color: #222222;
  line-height: 1.875;
}
.siliconsdetails-list-03 .tables td a {
  color: #222222;
}

.products-infowords {
  margin-top: 0.75rem;
  background: #fff;
  border-radius: 0.3rem;
  padding: 1.3rem 1.35rem 1.35rem 1.7rem;
  padding-bottom: 3.625rem;
  justify-content: space-between;
  position: relative;
  z-index: 4;
}

.products-infowords .words {
  width: 75%;
}
.products-infowords .words .logo-imgs {
  height: 1.625rem;
}
.products-infowords .words .logo-imgs img {
  max-height: 100%;
}
.products-infowords .words .logo-text {
  line-height: 1.33;
  color: #222222;
  margin-top: .55rem;
  margin-bottom: 1.2rem;
}
.products-infowords .words .lis-tops {
  color: #38b24c;
  margin-bottom: .375rem;
}
.products-infowords .words .lis-bots {
  color: #666666;
  line-height: 1.875;
}
.products-infowords .words .lis:nth-child(n+2) {
  margin-top: 1rem;
}
.products-infowords .words .uls {
  padding-bottom: 1rem;
  overflow: hidden;
  overflow-x:auto;
  margin-bottom: .95rem;
}
.products-infowords .words .lis-center {
  margin-top: .25rem;
  margin-bottom: .35rem;
}
.products-infowords .words .lis-center .i {
  margin-right: 2rem;
  color: #000000;
  line-height: 2.5;
}
.products-infowords .words .lis-center .i span {
  color: #666;
}
.products-infowords .images {
  width: 23.8%;
  border-radius: .3rem;
  border: 1px solid #e4e4e4;
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: .4rem;
}
.products-infowords .images .imgs {
  /*width: 2.5rem;*/
  width: 90%;
  display: flex;
  height: 5.625rem;
  margin: 0 auto;
  align-items: center;
	justify-content: center;
	overflow: hidden;
}
.products-infowords .images .imgs img{
	max-height: 100%;
}
.products-infowords .images .text {
  color: #222222;
  margin-top: .95rem;
  line-height: 1.75;
}

.proinfodetails-banner {
  padding-bottom: 3.5rem;
}

.proinfodetails-banner {
  background: url(../img/5-01.jpg) no-repeat center 10.525rem;
  background-size: auto 100%;
}

.con-wel-bots {
  position: relative;
}
.con-wel-bots .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.con-wel-bots .words .tits {
  line-height: 1.38;
  color: #fff;
}
.con-wel-bots .words .txts {
  margin-top: .55rem;
}

.spanleft b {
  font-weight: normal;
}

.wel-solution-tops .items-fl .box-tits,
.wel-solution-tops .box-tits {
  line-height: 1;
}

.wel-more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: .65rem;
  padding-right: 1rem;
  background: #0154a6;
  border-radius: 3em;
  line-height: 3em;
  height: 3em;
  color: #fff;
  position: relative;
  box-sizing: content-box;
}
.wel-more.on {
  background: transparent;
  border: 1px solid #fff;
}
.wel-more.cur {
  background: transparent;
  border: 1px solid #0154a6;
  color: #0154a6;
}
.wel-more.cur:hover {
  color: #0154a6;
}
.wel-more.cur:before {
  background: url(../img/6-2.png) no-repeat center;
  background-size: 100%;
}
.wel-more:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: .45rem;
  background: url(../img/6-1.png) no-repeat center;
  background-size: 100%;
}
.wel-more:hover {
  color: #fff;
}

.wel-develop-news {
  align-items: stretch;
}
.wel-develop-news .items {
  width: 50%;
}
.wel-develop-news .items .tits {
  line-height: 1.67;
}

.wel-develop {
  position: relative;
}
.wel-develop .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.85rem 1.55rem;
  color: #fff;
}
.wel-develop .images,
.wel-develop img {
  height: 100%;
}
.wel-develop .txts {
  margin-top: .25rem;
  margin-bottom: 1.1rem;
}

.wel-news {
  padding: 1.55rem 1.65rem 2.5rem 1.875rem;
}
.wel-news .list {
  margin-top: .7rem;
  border-top: 1px solid #d9d9d9;
}
.wel-news .list .li {
  position: relative;
  justify-content: space-between;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #222222;
  border-bottom: 1px solid #d9d9d9;
}
.wel-news .list .li .tit-fl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: calc(100% - 100px);
}
.wel-news .list .li .tit-fl, .wel-news .list .li .time {
  height: 2.1rem;
  line-height: 2.1rem;
}

.wel-news .list .li:nth-child(n+5) {
  display: none !important;
}

.wel-products {
  background-color: #d1e0e5;
  padding-top: 2.125rem;
  padding-bottom: 1.4rem;
  color: #222222;
}
.wel-products .wel-txts {
  margin-top: .2rem;
  margin-bottom: .95rem;
  line-height: 1.89;
}
.wel-products .wel-tits {
  line-height: 1.19;
}
.wel-products .swiper-pagination {
  margin-top: 1.7rem;
}
.wel-products .items {
  position: relative;
  align-items: center;
  justify-content: flex-start;
  transition: .5s ease-in-out;
}
.wel-products .items .images {
  height: 68.5%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.wel-products .items .images img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.wel-products .items .box {
  height: 68.5%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.wel-products .items .words {
  padding: 0 1.625rem;
  color: #fff;
  align-items: center;
}
.wel-products .items .words .tits {
  color: #fafafa;
  line-height: 1.385;
}
.wel-products .items .words .txts {
  margin-top: .35rem;
  margin-bottom: .8rem;
  line-height: 1.5;
  max-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-products .items.swiper-slide-active-2 {
  padding: .25rem;
  background: #fff;
}
.wel-products .items.swiper-slide-active-2 .images, .wel-products .items.swiper-slide-active-2 .box {
  height: 100%;
  overflow: visible;
}
.wel-products .images {
  transition: .3s ease-in-out;
}

.wel-banner .swiper-button-next {
  right: 5%;
}
.wel-banner .swiper-button-prev {
  left: 5%;
}

.wel-proswiper {
  margin: 0 auto;
}
.wel-proswiper .swiperwidth {
  width: .75rem;
}
.wel-proswiper .items {
  height: 9.125rem;
  width: 28.65%;
}

.wel-banner .imgspc {
  height: 50vw;
}
.wel-banner .items {
  display: block;
  position: relative;
}
.wel-banner .items .words {
  position: absolute;
  padding-top: .4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}
.wel-banner .items .tits {
  line-height: 1.26;
  color: #222222;
}
.wel-banner .items .txts {
  margin-top: .25rem;
  margin-bottom: 1.45rem;
  line-height: 1.33;
  color: #222222;
  font-family: 'Gotham';
  font-weight: 500;
}
.wel-banner .items.on .txts,
.wel-banner .items.on .tits {
  color: #fff;
}

.wel-solution {
  position: relative;
  z-index: 1;
}
.wel-solution .wel-solution-tops {
  height: 6.2rem;
  border-radius: .25rem;
  box-shadow: 0px 13px 46px 0px rgba(214, 214, 214, 0.53);
}

.wel-solution-topsbox {
  position: relative;
  width: 100%;
}
.wel-solution-topsbox .wel-solution-tops {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wel-solution-bots {
  padding-top: 7rem;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}
.wel-solution-bots:before {
  position: absolute;
  content: "";
  width: 58.4375vw;
  height: 61.5625vw;
  left: 0;
  top: 3.1rem;
  background: url(../img/7-02.png) no-repeat center;
  background-size: 100%;
  pointer-events: none;
}
.wel-solution-bots .wel-solution-bots-word, .wel-solution-bots .wel-solution-bots-list {
  position: relative;
  z-index: 3;
}

.wel-solution-tops {
  z-index: 4;
}
.wel-solution-tops .items {
  width: 50%;
  height: 6.2rem;
  display: flex;
  padding-left: 1.85rem;
  padding-right: 2.1rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #fff;
}
.wel-solution-tops .items-fr {
  background: url(../img/6-3.jpg) no-repeat center;
  background-size: cover;
}
.wel-solution-tops .items-fr .box-tits {
  color: #fff;
}
.wel-solution-tops .box-tits {
  margin-bottom: .65rem;
}
.wel-solution-tops .box {
  width: 100%;
}
.wel-solution-tops .box-inputs {
  position: relative;
}
.wel-solution-tops .box-inputs input {
  display: block;
  width: 100%;
  height: 1.25rem;
  line-height: 1.25rem;
}
.wel-solution-tops .box-inputs input[type=text] {
  border-bottom: 1px solid #35363d;
  color: #999;
}
.wel-solution-tops .box-inputs input[type="submit"] {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  bottom: 0;
  right: .125rem;
  margin: auto;
  background: url(../img/submit.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}
.wel-solution-tops .items-fl .box-tits {
  color: #222222;
}
.wel-solution-tops .box-uls .li {
  height: 1.25rem;
  line-height: 1.25rem;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 3px;
  padding-left: .2rem;
  padding-right: .2rem;
  width: 30.5%;
  margin-left: 4.25%;
  text-align: center;
}
.wel-solution-tops .box-uls .li:nth-child(3n+1) {
  margin-left: 0;
}

.wel-solution-bots-list {
  padding-bottom: 3rem;
}
.wel-solution-bots-list .items {
  position: relative;
  display: block;
  width: 49%;
  margin-left: 2%;
}
.wel-solution-bots-list .items:nth-child(1) {
  transform: translateY(-6.2rem);
}
.wel-solution-bots-list .items:nth-child(2n+1) {
  margin-left: 0;
}
.wel-solution-bots-list .items .words {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  z-index: 2;
  padding: .8rem 1.05rem;
  padding-right: 1.75rem;
}
.wel-solution-bots-list .items .images {
  position: relative;
  overflow: hidden;
}
.wel-solution-bots-list .items .images:before {
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/6-8.png) no-repeat center bottom;
  background-size: cover;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel-solution-bots-list .items .icon {
  width: 1.125rem;
  height: 1.125rem;
}
.wel-solution-bots-list .items .tits {
  margin-top: .55rem;
}
.wel-solution-bots-list .items .txts {
  margin-top: .375rem;
  margin-bottom: 1.05rem;
  line-height: 1.5625;
  height: 4.6875em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wel-solution-bots-list .span {
  width: 15px;
  height: 10px;
  background: url(../img/4-01.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel-solution-bots-list .box {
  transform: translateY(0.45rem);
}

.wel-solution-bots-words {
  justify-content: flex-end;
}
.wel-solution-bots-words .box {
  padding-bottom: 1.75rem;
  text-align: right;
  width: 49%;
}
.wel-solution-bots-words .box .tits {
  line-height: 1.125;
  color: #222222;
}
.wel-solution-bots-words .box .txts {
  margin-top: .3rem;
  line-height: 1.66;
  color: #666666;
  margin-bottom: 1.25rem;
}

img {
  object-fit: cover;
}

@media (min-width: 1025px) {
  .cares-lists-04 .items-images img {
    height: 15vw;
  }
}
@media (max-width: 1024px) {
  .cares-lists-04 .items-images img {
    height: 20vw;
  }

  .cooperations-itembox {
    padding-bottom: 12.3046875vw;
    padding-top: 13.28125vw;
  }
}
@media (max-width: 750px) {
  .cares-lists-04 .items-images img {
    height: 63.6363636364vw;
  }

  .cooperations-itembox {
    padding-bottom: 16.8vw;
    padding-top: 18.1333333333vw;
  }

  .cares-lists-04 .items-box {
    padding-bottom: 1rem;
  }
}
.con-banner .cons-tit-box.fixed .cons-titsbox {
  position: fixed;
  width: 100%;
  left: 0;
  top: 90px;
  z-index: 100;
}

.joins-tops {
  padding-top: 6.7708333333vw;
  padding-bottom: 6.25vw;
  background-position: center bottom;
}

@media (max-width: 1024px) {
  .joins-tops {
    padding-top: 12.6953125vw;
    padding-bottom: 11.71875vw;
  }

  .siliconsdetails-banner .siliconsdetails-words .words {
    padding-top: 0;
  }

  .con-banner .cons-tit-box.fixed .cons-titsbox {
    top: 50px;
  }

  .h90 {
    height: 50px;
    line-height: 50px;
  }
}
.con-banner .cons-tit-box .li span:before,
.con-banner .cons-tit-box .li.active span:before {
  transition: none;
}

.abouts-list-06 {
  padding-top: 7.3958333333vw;
  padding-bottom: 7.9166666667vw;
  background: url(../img/ab05bg.jpg) #fff no-repeat left bottom;
  background-size: 100%;
}

.abouts-list-05 {
  min-height: 43.75vw;
  padding-top: 7.5vw;
  padding-bottom: 5.5208333333vw;
}
.abouts-list-05 .swiperbox {
  margin-top: 4.1666666667vw;
}
.abouts-list-05 .swiper-button-prev {
  left: 5.2083333333vw;
}
.abouts-list-05 .swiper-button-next {
  right: 5.2083333333vw;
}
.abouts-list-05 .swiper-pagination {
  margin-top: 4.8958333333vw;
}

.abouts04-swiper {
  margin-top: 5.7291666667vw;
}

.ab06-box .images-list {
  margin-top: 3.4375vw;
}

.ab07-box {
  margin-top: 5.3645833333vw;
}

.abouts-list-pre .abouts-list-07 {
  visibility: hidden;
  opacity: 0;
}

.joins-bottoms {
  padding-top: 8.8541666667vw;
  padding-bottom: 10.4166666667vw;
}

.greens-list-tops {
  padding-top: 8.59375vw;
}

.news-listbox {
  padding-top: 5.2083333333vw;
  padding-bottom: 5.9375vw;
}

@media (max-width: 1024px) {
  .products-infowords .images,
  .products-infowords .words {
    width: 100%;
  }

  .products-infowords .images {
    width: 45%;
    margin-bottom: 1.25rem;
  }

  .greens-list-tops {
    padding-top: 16.11328125vw;
  }

  .news-listbox {
    padding-top: 9.765625vw;
    padding-bottom: 11.1328125vw;
  }

  .abouts-list-02 {
    padding-top: 6.34765625vw;
  }

  .abouts-list-06 {
    padding-top: 13.8671875vw;
    padding-bottom: 14.84375vw;
  }

  .abouts-list-05 {
    min-height: 82.03125vw;
    padding-top: 14.0625vw;
    padding-bottom: 10.3515625vw;
  }
  .abouts-list-05 .swiperbox {
    margin-top: 7.8125vw;
  }
  .abouts-list-05 .swiper-button-prev {
    left: 9.765625vw;
  }
  .abouts-list-05 .swiper-button-next {
    right: 9.765625vw;
  }
  .abouts-list-05 .swiper-pagination {
    margin-top: 9.1796875vw;
  }

  .abouts04-swiper {
    margin-top: 10.7421875vw;
  }

  .ab06-box .images-list {
    margin-top: 6.4453125vw;
  }

  .ab07-box {
    margin-top: 10.05859375vw;
  }

  .joins-bottoms {
    padding-top: 16.6015625vw;
    padding-bottom: 19.53125vw;
  }
}
@media (max-width: 750px) {
  .products-infowords {
    padding: 1rem .75rem;
    padding-bottom: 2.6rem;
  }

  .greens-list-tops {
    padding-top: 22vw;
  }

  .news-listbox {
    padding-top: 13.3333333333vw;
    padding-bottom: 15.2vw;
  }

  .joins-bottoms .words .text {
    line-height: 1.8;
    margin-top: .8rem;
  }

  .joins-bottoms {
    padding-top: 13.3333333333vw;
    padding-bottom: 16vw;
  }

  .abouts-list-02 {
    padding-top: 6.5vw;
  }

  .abouts-list-06 {
    padding-top: 14.2vw;
    padding-bottom: 15.2vw;
  }

  .abouts-list-05 {
    min-height: 84vw;
    padding-top: 14.4vw;
    padding-bottom: 10.6vw;
  }
  .abouts-list-05 .swiperbox {
    margin-top: 8vw;
  }
  .abouts-list-05 .swiper-button-prev {
    left: 10vw;
  }
  .abouts-list-05 .swiper-button-next {
    right: 10vw;
  }
  .abouts-list-05 .swiper-pagination {
    margin-top: 9.4vw;
  }

  .abouts04-swiper {
    margin-top: 11vw;
  }

  .ab06-box .images-list {
    margin-top: 6.6vw;
  }

  .ab07-box {
    margin-top: 10.3vw;
  }

  .abouts-list-02 .txts {
    margin-top: .75rem;
    margin-bottom: .5rem;
  }
}
.bocweb-header .nav-tops.active {
  color: #0154a6;
}

.reports-box .imgs-swiper .items img {
  display: block;
  margin: 0 auto;
  width: 17.2vw;
  height: 21.25vw;
}

@media (max-width: 1800px) {
  .reportsimgs-swiper .swiper-button-next {
    right: 1.5rem;
  }

  .reportsimgs-swiper .swiper-button-prev {
    left: 1.5rem;
  }
}
@media (max-width: 1650px) {
  .reportsimgs-swiper .swiper-button-next {
    right: .5rem;
  }

  .reportsimgs-swiper .swiper-button-prev {
    left: .5rem;
  }
}
@media (max-width: 1191px) {
  .cares-lists-01 .words {
    width: 45%;
  }

  .cares-lists-01 .images {
    width: 48%;
  }
}
@media (max-width: 1024px) {
  .reports-box .imgs-swiper .items {
    width: 32%;
  }

  .reports-box .imgs-swiper .items img {
    width: 32vw;
    height: 40vw;
  }

  .cares-lists-02 .images,
  .cares-lists-01 .images,
  .cares-lists-01 .words {
    width: 100%;
  }
  .cares-lists-02 .images img,
  .cares-lists-01 .images img,
  .cares-lists-01 .words img {
    width: 100%;
  }

  .cares-lists-02 .words {
    width: 100%;
    padding-left: 0;
    padding: 1rem 0;
  }

  .cares-lists-03words .box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cares-lists-01images .lis1 {
    margin-top: 1rem;
  }

  .cares-lists-01images .lis1 .li {
    box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
  }

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

  .newslist-tops .items .words {
    padding: 1rem .55rem;
  }

  .newslist-tops {
    box-shadow: 0 0 40px 4px rgba(0, 0, 0, 0.1);
  }

  .news-listbox .newslist-tops .swiper-container {
    overflow: visible;
  }

  .newslist-tops .swiper-paginationbox .swiper-pagination {
    width: 100%;
    left: 0;
    bottom: .5rem;
    position: absolute;
  }

  .newslist-tops .swiper-paginationbox {
    position: static;
  }

  .news-listbox .newslist-tops {
    margin-top: 1.25rem;
  }
}
.news-listbox .bg {
  pointer-events: none;
}

@media (max-width: 768px) {
  .probots-lists .items {
    width: 100%;
    margin-left: 0;
  }

  .notices-list .lists {
    padding-bottom: 1.75rem;
  }

  .notices-list .items {
    width: 100%;
    margin-left: 0;
  }

  .newslist-bots .lists {
    padding-bottom: 1.55rem;
  }

  .newslist-tops .items {
    padding: 1rem .55rem;
  }

  .newslist-tops .swiper-paginationbox .swiper-pagination {
    bottom: .8rem;
  }

  .newslist-bots .lists .items {
    width: 100%;
  }

  .jointops-01 .images {
    margin-top: 1.25rem;
  }

  .joins-tops {
    padding-top: 16.9270833333vw;
    padding-bottom: 15.625vw;
  }

  .cares-lists-04 .items-box .items {
    margin-bottom: .5rem;
  }

  .con-words .txts, .cares-lists-01words .txts,
  .cares-lists-02 .box .texts {
    line-height: 1.8;
  }

  .cares-lists-01words .img-uls {
    padding-right: 0;
  }

  .cares-lists-01words .img-uls .li {
    width: 48%;
  }

  .reports-box .imgs-swiper .items {
    width: 100%;
  }

  .reports-box .imgs-swiper .items img {
    width: 44vw;
    height: 54.4vw;
  }

  .cares-lists-02 {
    padding-top: 2rem;
    padding-bottom: 2.4rem;
  }

  .cares-lists-04 .items-box .items {
    width: 100%;
    margin-left: 0;
  }
}
.cares-lists-02 img.bg {
  pointer-events: none;
}

.cares-lists-01images .lis .li {
  border-radius: .3rem;
  overflow: hidden;
}

.greens-list-tops .items01 .images {
  background: #fff;
}

.silicons-list .list .items .items-bottoms img {
  height: 100%;
}

@media (max-width: 1651px) {
  .wel-banner .swiper-button-next {
    right: 3%;
  }

  .wel-banner .swiper-button-prev {
    left: 3%;
  }

  .wel-banner .items .words {
    padding: 0 2rem;
  }
}
.ab07-box .words {
  z-index: 2;
}

.bocweb-header .nav-top-box .submits .forms input[type=text] {
  height: 100%;
}

.de01-ajax-02 .de01-right-top-list .li:before {
  top: 2em;
}

.abbanner .abtext{
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform:translateX(-50%);
  color: #fff;
  text-align: right;
  line-height: 1.5625;
  width: 100%;
  max-width: 100%;
  padding: 0 2.25rem;

}

@media (min-width: 1025px) {
  .greens-list-center .items03 .con-words .txts{
    max-width: 85%;
  }
  .greens-list-center .items03 .uls .lis img,
  .greens-list-center .items02 .li .images img,
  .greens-list-tops .items02 .images .imgs img,
  .greens-list-tops .items01 .images .imgs img,
  .de01-ajax-01 .de01-right-bot-list .imgs img,
  .joins-bottoms .items .box .tits{
    transition:.5s ease-in-out;
  }

  .greens-list-center .items03 .uls .lis:hover img,
  .greens-list-center .items02 .li:hover .images img,
  .greens-list-tops .items02 .images:hover .imgs img,
  .greens-list-tops .items01 .images:hover .imgs img,
  .de01-ajax-01 .de01-right-bot-list .imgs:hover img{
    transition:.5s ease-in-out;
    transform:scale3d(1.05,1.05,1);
  }
   .joins-bottoms .items:hover .box {
    color: #fff;
    background-color: #38b24c;
    transition:.5s ease-in-out;
   }

   .joins-bottoms .items:hover .box .tits{
    transition:.5s ease-in-out;
    color: #fff;
   }
  .joins-bottoms .items:hover .box .tits{
    transition:.5s ease-in-out;
  }
  .c-swiper .swiper-pagination .swiper-pagination-bullet {
    transition: .5s  ease-in-out;
  }
  .c-swiper .swiper-pagination .swiper-pagination-bullet:hover {
    transition: .5s  ease-in-out;
    /*background-color: #38b24c;*/
    background:url(../img/1111.png) no-repeat center;
    background-size: 100%;
    border-radius: 0;
  }

  .joins-center .items .text .span,
  .joins-center .items img,
  .de01-ajax-swiper .itembox .li .text .span,
  .de01-ajax-swiper .itembox .li img,
  .developments-lists-02 .swiper-slide .text .span,
  .developments-lists-02 .swiper-slide img,
  .deve03-swiper .items .text .span,
  .deve03-swiper .items img,
  .developments-lists-04 .swiper-slide .text .span,
  .developments-lists-04 .swiper-slide img {
    transition: .5s ease-in-out;
  }
  .joins-center .items:hover img,
  .de01-ajax-swiper .itembox .li:hover img,
  .developments-lists-02 .swiper-slide:hover img,
  .deve03-swiper .items:hover img,
  .developments-lists-04 .swiper-slide:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .joins-center .items:hover .text .span,
  .de01-ajax-swiper .itembox .li:hover .text .span,
  .developments-lists-02 .swiper-slide:hover .text .span,
  .deve03-swiper .items:hover .text .span,
  .developments-lists-04 .swiper-slide:hover .text .span {
    color: #0154a6;
    transition: .5s ease-in-out;
  }

  .bocweb-header .nav-bots .li {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-bots .li:hover {
    background-color: #0154a6;
    color: #fff;
    transition: .5s ease-in-out;
  }

  .searchs-box .submit:hover {
    background-color: #38b24c;
  }

  .wel-proswiper .swiper-container {
    overflow: visible;
  }

  .wel-proswiper .items:hover .images {
    height: 100%;
    transition: .3s ease-in-out;
    box-shadow: 0 0 40px 2px rgba(1, 84, 166, 0.4);
    border: .25rem solid #fff;
  }

  .wel-solution-tops .box-inputs input[type="submit"] {
    transition: .5s ease-in-out;
  }
  .wel-solution-tops .box-inputs input[type="submit"]:hover {
    transition: .5s ease-in-out;
    background: url(../img/submit2.png) no-repeat center;
    background-size: 100%;
  }

  .wel-solution-bots-list .items .images:before,
  .wel-solution-bots-list .items .box,
  .wel-solution-bots-list .items img {
    transition: .5s ease-in-out;
  }
  .wel-solution-bots-list .items:hover .images:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }
  .wel-solution-bots-list .items:hover .box {
    transition: .5s ease-in-out;
    transform: translate(0);
  }
  .wel-solution-bots-list .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 0.1);
  }
  .wel-solution-bots-list .items:hover .span {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .wel-solution-tops .box-uls .li {
    transition: .5s ease-in-out;
  }
  .wel-solution-tops .box-uls .li:hover {
    transition: .5s ease-in-out;
    background: #fff;
    color: #0154a6;
  }

  .wel-more {
    transition: .5s ease-in-out;
  }
  .wel-more:hover {
    transition: .5s ease-in-out;
    background-color: #38b24c;
    border-color: #38b24c;
  }
  .wel-more.cur:hover {
    color: #fff;
  }
  .wel-more.cur:hover:before {
    background: url(../img/6-1.png) no-repeat center;
    background-size: 100%;
  }

  .wel-news .list .li:hover {
    color: #0154a6;
  }

  .siliconsdetails-list-03 .tables td a {
    transition: .5s ease-in-out;
  }
  .siliconsdetails-list-03 .tables td a:hover {
    text-decoration: underline;
    color: #38b24c;
  }

  .siliconsdetails-list-02 .li img {
    transition: .5s ease-in-out;
  }
  .siliconsdetails-list-02 .li:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .siliconsdetails-list-01 .swiper-slide {
    transition: .5s ease-in-out;
  }
  .siliconsdetails-list-01 .swiper-slide:hover .imgs {
    background-color: rgba(58, 181, 74, 0.1);
  }
  .siliconsdetails-list-01 .swiper-slide:hover .imgs .i1 {
    opacity: 1;
  }
  .siliconsdetails-list-01 .swiper-slide:hover .imgs .i0 {
    opacity: 0;
  }

  .back-more span {
    transition: .5s ease-in-out;
  }
  .back-more span:hover {
    transition: .5s ease-in-out;
    background-color: #38b24c;
  }

  .siliconsinfo-list .items:before {
    transition: .5s ease-in-out;
  }
  .siliconsinfo-list .items:hover:before {
    background-color: #38b24c;
    transition: .5s ease-in-out;
  }

  .siliconsinfo-list .items-bots .li .span {
    transition: .5s ease-in-out;
  }
  .siliconsinfo-list .items-bots .li .span:hover {
    color: #38b24c;
    transition: .5s ease-in-out;
  }
  .siliconsinfo-list .items-bots .li .span:hover:before {
    background-color: #38b24c;
    transition: .5s ease-in-out;
  }
  .siliconsinfo-list .items-bots .li .span:hover span:before {
    transition: .5s ease-in-out;
    opacity: 1;
  }

  .silicons-list .lists .items:hover:before {
    transition: .5s ease-in-out;
    background-color: #38b24c;
  }
  .silicons-list .lists .items:hover .cmore2 span {
    background-color: #38b24c;
    border-color: #38b24c;
    color: #fff;
    transition: .5s ease-in-out;
  }
  .silicons-list .lists .items:hover .cmore2 span:before {
    background: url(../img/2-02.png) no-repeat center;
    transition: .5s ease-in-out;
    background-size: 100%;
  }

  .siliconsdetails-banner .siliconsdetails-words .images img,
  .silicons-list .list .items img {
    transition: .5s ease-in-out;
  }
  .siliconsdetails-banner .siliconsdetails-words .images:hover img,
  .silicons-list .list .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .silicons-list .list .items .uls .li {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .silicons-list .list .items .uls .li:hover {
    color: #38b24c;
    transition: .5s ease-in-out;
  }
  .silicons-list .list .items .uls .li:hover:before {
    transition: .5s ease-in-out;
    background-color: #0154a6;
  }
  .silicons-list .list .items .uls .li:hover span:before {
    transition: .5s ease-in-out;
    opacity: 1;
  }

  .protops-titles .li {
    transition: .5s ease;
  }
  .protops-titles .li:hover {
    color: #fff;
    background-color: #38b24c;
    transition: .5s ease;
    border-color: #38b24c;
  }

  .c-more .more {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .c-more .more:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #0154a6;
  }

  .c-more.on .more {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .c-more.on .more:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #38b24c;
  }

  .developments-lists-01 .de01-left .items span {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .developments-lists-01 .de01-left .items span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .developments-lists-01 .de01-left .items span:hover {
    color: #222222;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .developments-lists-01 .de01-left .items span:hover:before {
    opacity: 1;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .cares-lists-04 .items-box .items .span,
  .cares-lists-04 .items-box .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .cares-lists-04 .items-box .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
  .cares-lists-04 .items-box .items:hover .span {
    color: #0154a6;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .probots-lists .items .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .probots-lists .items:hover .tits {
    color: #0154a6;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .probots-lists .items img,
  .productslist-tops .images img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .probots-lists .items:hover .imgs img,
  .productslist-tops .images:hover .imgs img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .cooperations-images .items,
  .cares-lists-01words .img-uls .li,
  .cares-lists-01images .lis .li,
  .cares-lists-02 .images {
    overflow: hidden;
  }
  .cooperations-images .items img,
  .cares-lists-01words .img-uls .li img,
  .cares-lists-01images .lis .li img,
  .cares-lists-02 .images img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .cooperations-images .items:hover img,
  .cares-lists-01words .img-uls .li:hover img,
  .cares-lists-01images .lis .li:hover img,
  .cares-lists-02 .images:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .reports-box .imgs-swiper .items {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .reports-box .imgs-swiper .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .reports-box .imgs-swiper .items:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }
  .reports-box .imgs-swiper .items:hover .span {
    color: #0154a6;
  }

  .notices-list .items {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    position: relative;
  }
  .notices-list .items:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: -1px;
    left: 0;
    background-color: #fff;
    z-index: 2;
    opacity: 0;
  }
  .notices-list .items .tits {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .notices-list .items:hover {
    background-color: #fff;
    border-bottom-color: transparent;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    padding-left: .7rem;
    padding-right: .7rem;
    box-shadow: 0px 2px 62px 0px rgba(1, 84, 166, 0.08);
    position: relative;
    z-index: 2;
  }
  .notices-list .items:hover:after {
    opacity: 1;
  }
  .notices-list .items:hover .tits {
    color: #0154a6;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .newslist-bots .lists .items img,
  .newslist-tops .items img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .newslist-bots .lists .items .imgs, .newslist-bots .lists .items .images,
  .newslist-tops .items .imgs,
  .newslist-tops .items .images {
    overflow: hidden;
  }
  .newslist-bots .lists .items .tits2,
  .newslist-tops .items .tits2 {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .newslist-bots .lists .items:hover img,
  .newslist-tops .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .newslist-bots .lists .items:hover .tits2,
  .newslist-tops .items:hover .tits2 {
    color: #0154a6;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }

  .news-inputs input[type=submit] {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .news-inputs input[type=submit]:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #38b24c;
  }

  .bocweb-header .nav-tops:hover {
    color: #0154a6;
  }

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

  .jointops-03 .lis {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .jointops-03 .lis:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
    background: url(../img/d2.png) no-repeat center;
    background-size: 100%;
  }
  .jointops-03 .lis:hover .span {
    color: #fff;
    transition: .5s ease;
  }
  .jointops-03 .lis:hover .imgs img {
    filter: grayscale(100%) brightness(3000%);
  }

  .cons-more {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .cons-more:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background: #38b24c;
    color: #fff;
  }
  .cons-more:hover:before {
    background: url(../img/jt2.png) no-repeat center;
    background-size: 100%;
  }

  .bocweb-footer-bots a,
  .bocweb-footer-tops .left-text .items {
    transition: .5s ease;
  }
  .bocweb-footer-bots a:hover,
  .bocweb-footer-tops .left-text .items:hover {
    transition: .5s ease;
    color: #0154a6;
  }

  .con-banner .cons-tit-box .li:hover span:before {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    opacity: 1;
  }

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

  .abouts04-swiper .li .span:hover {
    transition: .5s ease;
    padding-right: .8rem;
  }
  .abouts04-swiper .li .span:hover:before {
    transition: .5s ease;
    opacity: 1;
  }

  .abouts04-swiper .imgs .i {
    border-radius: .5rem;
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .abouts04-swiper .imgs .i img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .abouts04-swiper .imgs .i:hover img {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  .abouts-list-05 .swiper-slide {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .abouts-list-05 .swiper-slide:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    background-color: #38b24c;
    color: #fff;
  }
  .abouts-list-05 .swiper-slide:hover img {
    filter: grayscale(100%) brightness(3000%);
  }
}
.bocweb-header .bocweb-logo .logos {
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
	.wel-banner .swiper-button-next,.wel-banner .swiper-button-prev{
		display: none;
	}
	.wel-solution-tops .box{
		opacity: 1;
	    visibility: visible!important;
	    animation-name: none;
	}


  .greens-list-center .bg-line,
  .greens-list-tops .bg-line {
    display: none;
  }

  .joins-bottoms .words {
    display: block;
  }

  .joins-bottoms .words .box {
    margin: 0 auto;
  }

  .joins-bottoms .words .button {
    margin-top: 1.25rem;
  }

  .joins-bottoms .imglist {
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 1rem;
  }

  .joins-bottoms .words {
    width: 100%;
  }

  .jointops-03 .lis {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
    background: url(../img/d2.png) no-repeat center;
    background-size: 100%;
  }
  .jointops-03 .lis .span {
    color: #fff;
    transition: .5s ease;
  }
  .jointops-03 .lis .imgs img {
    filter: grayscale(100%) brightness(3000%);
  }

  .joins-tops {
    background-position: center bottom;
  }

  .jointops-02 .items-right .li {
    margin-top: 2%;
  }

  .jointops-01 .images .li1,
  .jointops-01 .images .li2 {
    width: 100%;
    margin-top: 3.25%;
  }

  .jointops-02 .items-left img {
    height: auto;
  }

  .jointops-02 .items-left {
    width: 100%;
  }

  .jointops-02 .items-right {
    margin-left: 0;
    margin-top: .75rem;
    position: static;
    width: 100%;
  }

  .wel-solution-bots-words .box .txts {
    margin-bottom: 0;
  }

  .wel-solution-bots-words .box {
    width: 100%;
    text-align: center;
  }

  .bocweb-footer-bots {
    text-align: center;
    padding-top: 1.1rem;
    padding-bottom: .7rem;
  }
  .bocweb-footer-bots .frtext, .bocweb-footer-bots .fltext {
    width: 100%;
    line-height: 1.66;
    color: #999999;
  }

  .bocweb-footer-tops .box .right-list {
    width: 100%;
    justify-content: space-around;
  }

  .bocweb-footer-tops .left-text .items {
    width: 100%;
    display: block;
    padding: 0;
    line-height: 3.08em;
    height: 3.08em;
    border-bottom: 1px solid #dddddd;
  }
  .bocweb-footer-tops .left-text .items:before {
    background: transparent;
    border: none;
  }

  .bocweb-footer-tops .right-list .lis:nth-child(n+2) {
    margin-left: 0;
  }

  .bocweb-footer-tops .right-list .lis {
    width: 22%;
  }
  .bocweb-footer-tops .right-list .lis .span {
    margin-top: .55rem;
    line-height: 1.8;
    color: rgba(34, 34, 34, 0.6);
  }

  .bocweb-footer-tops .right-list .imgs {
    width: 100%;
    height: auto;
  }
  .bocweb-footer-tops .right-list .imgs img {
    width: 100%;
  }

  .bocweb-footer-tops .left-text-bots .spanleft {
    position: relative;
  }
  .bocweb-footer-tops .left-text-bots .spanleft b {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 0 .375rem;
    color: #999999;
    position: relative;
    z-index: 2;
  }
  .bocweb-footer-tops .left-text-bots .spanleft:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .bocweb-footer-tops .left-text {
    width: 100%;
    padding-top: 0;
    margin-bottom: 1.4rem;
  }

  .bocweb-footer-tops .left-text-bots {
    margin-top: 1.7rem;
    text-align: center;
    justify-content: center;
  }
  .bocweb-footer-tops .left-text-bots .spanleft, .bocweb-footer-tops .left-text-bots span {
    width: 100%;
    display: block;
  }
  .bocweb-footer-tops .left-text-bots span {
    margin-top: .65rem;
  }

  .wel-solution-bots-list .items:nth-child(1) {
    transform: none;
  }

  .wel-proswiper .items {
    width: 45%;
  }

  .wel-products .items .images img {
    position: static;
    top: auto;
    transform: none;
  }

  .wel-proswiper .items {
    height: auto;
  }
  .wel-proswiper .items .images {
    height: 100%;
    transition: .3s ease-in-out;
    border: .25rem solid #fff;
  }

  .wel-products .items .words .wel-more span {
    display: none;
  }
  .wel-products .items .words .wel-more {
    border: none;
    line-height: 1;
    height: auto;
    width: 15px;
    height: 10px;
    background: url(../img/8-01.png) no-repeat center;
    background-size: 100%;
    padding: 0;
    background-color: transparent;
  }
  .wel-products .items .words .wel-more:before {
    display: none;
  }

  .wel-products .items .box {
    height: 100%;
    padding: 1.1rem;
  }

  .wel-products .items .words {
    padding: 0;
    height: 100%;
  }

  .wel-products .swiper-pagination {
    margin-top: 1.25rem;
  }

  .wel-develop-news .items {
    width: 100%;
  }
  .wel-develop-news .items img {
    width: 100%;
  }

  .wel-solution-tops .items {
    width: 100%;
  }

  .wel-solution .wel-solution-tops {
    height: auto;
  }

  .wel-solution-bots {
    padding-top: 8.5rem;
  }

  .siliconsdetails-banner .siliconsdetails-words .words {
    width: 100%;
  }

  .siliconsdetails-banner .siliconsdetails-words .images {
    width: 100%;
    margin-top: 2rem;
  }

  .siliconsdetails-list-01 .swiper-slide {
    width: 32%;
    margin-right: 2%;
  }

  .siliconsdetails-list-02 .items {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .siliconsdetails-list-02 .items:nth-child(5n+1) {
    margin-left: 2%;
  }
  .siliconsdetails-list-02 .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .siliconsdetails-list-02 .items1 .imgs {
    height: 30vw;
  }

  .siliconsdetails-list-02 .items2 .imgs {
    height: 14.5vw;
  }

  .siliconsdetails-list-01 .swiperwidth {
    width: 2%;
  }

  .con-searchs svg path {
    fill: #0154a6;
  }

  .a-langs,
  .m-header .welcome-a {
    display: flex;
    align-items: center;
  }

  .a-langs .langs-a {
    color: #0154a6;
  }

  .m-header .nav-btn .line {
    background-color: #0154a6;
  }

  .siliconsinfo-list .items {
    width: 49%;
    margin-left: 2%;
  }
  .siliconsinfo-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .siliconsinfo-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .proinfo-box {
    padding-top: 9.5703125vw;
    padding-bottom: 15.0390625vw;
  }

  .silicons-list .lists .items {
    width: 49%;
    margin-left: 2%;
  }
  .silicons-list .lists .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .silicons-list .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .productslist-tops .words {
    width: 100%;
  }

  .productslist-tops .words .txts {
    margin-bottom: 1.65rem;
  }

  .silicons-box .productslist-tops {
    padding-bottom: 5rem;
  }

  .productslist-tops .images {
    width: 80%;
    margin-left: 20%;
    margin-top: 1.5rem;
  }

  .silicons-list .list .items {
    padding-bottom: 6rem;
  }

  .silicons-list .list .items .items-bottoms {
    height: 6rem;
  }
  .silicons-list .list .items .items-bottoms img {
    width: 100%;
  }

  .silicons-list .list .items {
    width: 49%;
    margin-left: 2%;
  }
  .silicons-list .list .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .silicons-list .list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .de01-ajax-02 .de01-right-top-list .li {
    margin-bottom: .75rem;
  }

  .de01-ajax-01 .de01-right-top-list .li span, .de01-ajax-01 .de01-right-top-list .li {
    line-height: 1.3;
  }

  .de01-ajax-swiper .itembox .li {
    width: 49%;
    margin-left: 2%;
  }
  .de01-ajax-swiper .itembox .li:nth-child(4n+1) {
    margin-left: 2%;
  }
  .de01-ajax-swiper .itembox .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .de01-ajax-swiper .itembox .li .imgs img {
    height: 20vw;
  }

  .developments-lists-01 .de01-right {
    padding-top: 1.25rem;
  }

  .developments-lists-01 .de01-right,
  .developments-lists-01 .de01-left {
    width: 100%;
  }

  .developments-lists-01 .de01-left {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
  }

  .developments-lists-01 .de01-left .items:nth-child(n+2) {
    margin-top: 0;
    margin-left: .3rem;
  }

  .greens-list-center .items02 .li .images {
    margin-top: 1.25rem;
  }

  .greens-list-center .items02 .li .images,
  .greens-list-center .items02 .li .words {
    width: 100%;
  }
  .greens-list-center .items02 .li .images img,
  .greens-list-center .items02 .li .words img {
    width: 100%;
  }

  .greens-list-tops .items02 .words {
    width: 100%;
    padding-bottom: 1.25rem;
  }

  .greens-list-tops .items02 .images {
    width: 100%;
    min-height: auto;
    height: auto;
  }
  .greens-list-tops .items02 .images .imgs img {
    width: 100%;
    height: auto;
    position: static;
    max-width: 100%;
  }

  .greens-list-tops .items01 .words {
    width: 100%;
  }

  .greens-list-tops .items01 .images {
    width: 90%;
    margin-left: 10%;
  }

  .greens-list-tops .items01 .words {
    padding-bottom: 1.25rem;
  }

  /**/
  .abouts-list-03 .items .uls {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    position: relative;
  }
  .abouts-list-03 .items .uls .li {
    width: 25%;
    height: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .abouts-list-03 {
    height: auto;
    padding-top: 6.4583333333vw;
    padding-bottom: 8.3333333333vw;
  }

  .abouts-list-03 .items {
    height: auto;
  }

  .abouts-list-03 .box-titles {
    position: static;
    transform: none;
    margin-bottom: 2.6041666667vw;
  }

  .abouts-list-03 .items .li .i,
  .abouts-list-03 .items .li {
    position: static;
    transform: none;
  }

  .abouts-list-03 {
    background: rgba(0, 0, 0, 0.1) !important;
  }

  /**/
  .abouts-list-02 .words {
    padding-bottom: 2.25rem;
  }

  .abouts-list-02 .text-bots img {
    height: 3vw;
    width: auto;
  }

  .ab01-tops .words {
    width: 100%;
  }

  .ab01-tops .images {
    width: 70%;
    padding: 0;
    margin: 0 auto;
    margin-top: 1rem;
  }

  .abouts-list-01 .ab01-bots .li {
    width: 32%;
    text-align: center;
    margin-bottom: 1rem;
  }

  .abouts-list-01 .ab01-bots {
    justify-content: flex-start;
  }

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

  .abouts-list-02 .images {
    width: 50%;
  }

  .abouts-list-02 .words {
    width: 100%;
  }

  .abouts-list-05 .swiper-slide {
    width: 32%;
  }

  .abouts-list-05 .swiperwidth {
    width: 2%;
  }

  .ab07-box .words {
    padding-right: 0;
    padding-left: .5rem;
    width: 100%;
    padding-bottom: 1rem;
  }

  .abouts-list-05 {
    min-height: auto;
  }

  .ab07-box .words {
    position: static;
    transform: none;
  }

  .abouts-list-03 .items .li .i {
    width: auto;
    max-width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .abouts-list-03 .items .li .i img {
    max-height: 100%;
  }

  .newsinfo-title .li {
    line-height: 1.5;
  }

  .wel-banner .items .words {
    text-align: center;
    padding: 0 1rem;
  }

  .wel-banner .items .words {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 3.25rem;
  }

  .bocweb-footer-tops {
    padding-top: 1.25rem;
    padding-bottom: 1rem;
  }

  .mwelmore .wel-more {
    box-sizing: border-box;
  }

  .mwelmore {
    padding-bottom: 2rem;
  }

  .wel-solution-bots-list {
    padding-bottom: 1.75rem;
  }

  .bocweb-footer-tops .left-text .items {
    position: relative;
  }
  .bocweb-footer-tops .left-text .items:after {
    width: 7px;
    height: 11px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/7-11.png) no-repeat center;
    background-size: 100%;
    margin: auto;
  }

  .mwelmore .wel-more {
    text-align: center;
    padding: 0;
  }
  .mwelmore .wel-more:before {
    display: none;
  }
  .mwelmore .wel-more span {
    position: relative;
    padding-right: 1rem;
  }
  .mwelmore .wel-more span:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0.45rem;
    background: url(../img/6-1.png) no-repeat center;
    background-size: 100%;
  }
  .abouts-list-05 .swiper-button-next,.abouts-list-05 .swiper-button-prev{
  	display: none;
  }
  .de01-ajax-02 .de01-right-top-list .li:before{
  	top: 1.5em;
  }
}
@media (max-width: 768px) {


    .con-banner .words{
      /*top: 30%;*/
    }
    .greens-list-center .items03 .con-words .txts,
    .greens-list-tops .items03 .txts{
      text-align: left;
    }

		.developments-lists .swiper-button-prev,
		.developments-lists .swiper-button-next {
		    top: 4rem;
		    bottom: auto;
		}


	  .de01-ajax-02 .de01-right-top-list .li:before{
	  	top: 1.25em;
	  }

	.abouts-list-02 .images{
		width: 80%;
	}
	.abouts-list-02 .i0,
	.abouts-list-02 .bg{
		height: 70vw;
	}
  .wel-more{
    height: 2.5em;
    line-height: 2.5em;
  }
  .jointops-03 .lis {
    width: 30%;
    margin-left: 2%;
    margin-bottom: .5rem;
  }
  .jointops-03 .lis:nth-child(12n+1), .jointops-03 .lis:nth-child(6n+1) {
    margin-left: 0;
  }
  .jointops-03 .lis:nth-child(6n+1) {
    margin-left: 2%;
  }

  .joins-bottoms .items {
    width: 100%;
  }

  .wel-solution-bots-list {
    padding-bottom: 9.3333333333vw;
  }

  .mwelmore {
    padding-bottom: 10.6666666667vw;
  }

  .wel-solution-bots-list .items .words {
    padding: .25rem .9rem 1rem .9rem;
  }

  .wel-news {
    padding: 17.3333333333vw 2.6vw 11.4666666667vw 2.6vw;
  }

  .mwelmore .wel-more {
    width: 100%;
  }

  .wel-solution-bots-list .items .txts {
    margin-bottom: 0;
    line-height: 1.6;
    height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }

  .wel-products .items .box {
    padding: 6vw;
  }

  .wel-proswiper .swiperwidth {
    width: 2.6%;
  }

  .wel-solution-bots-list .span {
    display: none;
  }

  .wel-solution-bots-list .box {
    transform: none;
  }

  .wel-proswiper .items {
    width: 70%;
  }

  .wel-solution-bots-words .box {
    padding-bottom: 1.15rem;
  }

  .wel-develop-news .items .tits {
    text-align: center;
    line-height: 1;
  }

  .wel-news .list {
    margin-top: 8vw;
  }

  .wel-solution-bots:before {
    width: 150vw;
    height: 120vw;
    left: -34vw;
    top: 53vw;
  }

  .wel-develop .words {
    padding: 13vw 2.6vw;
    text-align: center;
  }

  .wel-banner .items .words {
    padding: 0;
  }

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

  .wel-banner .items .words {
    top: 12%;
  }

  .wel-solution-tops .items {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .wel-solution-tops .box-uls .li {
    width: 32%;
    margin-left: 2%;
  }

  .siliconsdetails-banner .siliconsdetails-words {
    padding: 1rem .75rem;
  }

  .siliconsdetails-banner .siliconsdetails-words .text {
    margin-top: .75rem;
    margin-bottom: 1.25rem;
  }

  .siliconsdetails-banner .siliconsdetails-words .images {
    margin-top: 1.5rem;
  }

  .siliconsdetails-list-01 .swiper-slide {
    width: 100%;
  }

  .siliconsdetails-list-03 {
    margin-top: 2.5rem;
  }

  .siliconsdetails-list-02 .items {
    width: 49%;
    margin-left: 2%;
  }
  .siliconsdetails-list-02 .items:nth-child(5n+1) {
    margin-left: 2%;
  }
  .siliconsdetails-list-02 .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .siliconsdetails-list-02 .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .siliconsdetails-list-02 .items1 .imgs {
    height: 50vw;
  }

  .siliconsdetails-list-02 .items2 .imgs {
    height: 24.5vw;
  }

  .siliconsdetails-list-03 .tables .td2 {
    padding-left: 0.5rem;
    padding-right: .5rem;
  }

  .proinfo-box.prinfo-02 {
    padding-bottom: 2.25rem;
  }

  .siliconsinfo-list .items {
    width: 100%;
    margin-left: 0 !important;
  }

  .proinfo-box {
    padding-top: 13.0666666667vw;
    padding-bottom: 20.5333333333vw;
  }

  .proinfo-box .protops-titles {
    margin-bottom: 1.5rem;
  }

  .protops-titles .li {
    height: 2.8em;
    line-height: 2.8em;
    border-radius: 2.8em;
  }

  .silicons-list .lists .items {
    width: 100%;
    margin-left: 0;
  }
  .silicons-list .lists .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .silicons-list .silicons-tits {
    margin-bottom: 1.5rem;
  }

  .silicons-list .list .items {
    width: 100%;
    margin-left: 0;
  }

  .silicons-list .list .items {
    margin-bottom: .75rem;
  }

  .developments-lists .swiper-button-next {
    right: 1.25rem;
  }

  .developments-lists .swiper-button-prev {
    left: 1.25rem;
  }

  .developments-lists-04 .imgs img {
    width: 100%;
    height: 6rem;
  }

  .developments-lists-04 .swiper-slide {
    width: 100%;
  }

  .developments-lists-04 .words {
    padding: 0 1rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    line-height: 1.3;
  }

  .developments-lists-04 .words:before {
    left: 0;
    top: .75rem;
  }

  .developments-lists-04 .words:after {
    right: 0;
    bottom: .75rem;
  }

  .developments-lists-03 .words {
    padding-top: 1.75rem;
  }

  .de01-ajax-01 .de01-right-bot-list .words {
    line-height: 1.8;
  }

  .de01-ajax-01 .de01-right-bot-list .imgs {
    margin-top: 1.25rem;
  }

  .developments-lists-01 {
    padding-top: 1.75rem;
    padding-bottom: 2rem;
  }

  .greens-list-center .items01 .imgsbg {
    width: 10rem;
    height: 10rem;
  }

  .developments-lists-03 .words .txts {
    padding-left: 0;
    padding-right: 0;
  }

  .greens-list-center .items02 .li:nth-child(n+2) {
    margin-top: 1.75rem;
  }

  .greens-list-center .items02 {
    padding-bottom: 3rem;
    padding-top: 2.5rem;
  }

  .greens-list-center .items03 .uls {
    width: 90vw;
    position: relative;
  }

  .greens-list-center .items03 .uls .lis {
    width: 43vw;
    height: 43vw;
    margin: 0;
    margin-left: 4vw;
    margin-bottom: 4vw;
  }

  .greens-list-center .items03 .uls .lis:nth-child(2n+1) {
    margin-left: 0;
  }

  .c-swiper .swiper-pagination.on .swiper-pagination-bullet {
    opacity: 1;
    background-color: #999999;
  }

  .c-swiper .swiper-pagination.on .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #38b24c;
  }

  .cooperations-images .swiper-container .swiper-pagination {
    position: static;
    width: 100%;
    margin-top: 1rem;
  }

  .con-banner .cons-tit-box .li {
    padding: 0 .5rem;
  }
  .con-banner .cons-tit-box .li:nth-child(1) {
    padding-left: 0;
  }
  .con-banner .cons-tit-box .li:last-child {
    padding-right: 0;
  }

  .abouts-list-02 .text-bots img {
    height: 6vw;
  }

  .abouts-list-03 .items .uls .li {
    width: 50%;
    height: 40vw;
  }

  .abouts-list-05 .swiper-slide {
    width: 49%;
  }

  .abouts04-swiper .swiper-slide-active .span {
    font-size: 50%;
  }

  .abouts04-swiper .words {
    width: 25%;
  }

  .abouts04-swiper .images {
    width: 75%;
    padding-left: 2em;
  }

  .abouts04-swiper .txts {
    width: 100%;
    max-width: 100%;
  }

  .abouts04-swiper .swiper-slide-active {
    height: 2rem;
    line-height: 2rem;
  }

  .abouts04-swiper .imgs .i {
    width: 100%;
    height: auto;
  }
}
/*notesansbold*/
/*notesansmedium*/
/*notesansr*/
.probots-lists .items .logo{
  z-index: 2;
}
.productslist-tops .images .imgs img{
  height: 24vw;
}
@media (max-width: 1024px){
  .productslist-tops .images .imgs img{
    height: 46vw;
  }
  .newsinfo-bottoms{
    padding-right: 0;
  }
  .newsinfo-bottoms .btn-back{
    position: static;
    text-align: center;
    margin-top: 1rem;
  }
  .con-banner .tits{
  	padding-left: 0;
  }
  .con-banner .tits:before{
  	display: none;
  }
  .con-banner .words{
  	text-align: center;
  }
}

@media (max-width: 768px){
	.abouts04-swiper .swiper-slide{
		width: auto;

	}
	.con-banner .words{
		    top: 50%;
	}
	.productslist-tops .words .imgs{
		margin:0 auto;
	}
	.productslist-tops .images{
		width: 100%;
		margin-left: 0;
	}
	.productslist-tops .images .span{
		display: none;
	}
	.cbjhkjsaj{
		text-align: center;
	}
	.wel-proswiper .items{
		width: 90%;
	}
	.abouts04-swiper .words{
		width: 100%;
		margin-top: .75rem;
	}
	.abouts04-swiper .images{
		width: 100%;
	}
	.abouts04-swiper{
		    flex-direction: column-reverse;
	}

	.abouts04-swiper .li, .abouts04-swiper .li .span{
	    height: 2rem;
	    line-height: 2rem;
	}
	.abouts04-swiper .li .span{
		padding: 0 .5rem!important;
	}
	.abouts04-swiper .swiper-container, .abouts04-swiper .swiper-wrapper{
		height: 2rem;
	}
	.abouts-list-pre .con-tits{
		text-align: center;
	}
	  .abouts04-swiper .imgs .i{
	    height: 50vw;
	  }
	  .abouts04-swiper .images{
	    height: calc(50vw + 0.75rem + 6.64em);
	  }
	  .abouts-list-04 .box-titles{
	  	    justify-content: center;
	  }
	  .abouts-list-04.c-swiper .button .swiper-button-next{
	  	display: none;
	  }
	  .abouts-list-04.c-swiper .button .swiper-button-prev{
	  	display: none;
	  }
    .cares-lists-01words .tits,.cares-lists-02 .box .span,
    .cares-lists .con-words .tits,
    .greens-lists .con-words .tits{
      text-align: center;
    }
    .developments-lists-01 .de01-left{
      justify-content: center;
    }
    .abbanner .abtext{
      text-align: center;
      padding: 0 .25rem;
    }


    .abouts04-swiper .images{
      padding-left: 0;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
    }
}

@media (max-width: 1024px){
	.con-header{
		position: relative!important;
	}
	.wel-solution-tops .items{
		height: 4.5rem;
	}
	.wel-proswiper .swiperwidth{
		width: 10px;
	}
	.abouts-list-02 .images{
		width: 80%;
	}

}

.abouts-list-02 .pcbox{
	display: block;
}
.abouts-list-02 .mbox{
	display: none;
}
.m-swiper-pagination.mbox{
	margin-top: 1rem;
	display: none;
}
@media (max-width: 768px){
	.abouts-list-02 .pcbox{
		display: none;
	}
	.abouts-list-02 .mbox{
		display: block;
	}



	.wel-proswiper .swiperwidth{
		width: 10px;
	}
	.wel-develop-news .items img{
		height: 93vw;
	}
	.ab01-tops .images .text .en{
		display: none;
	}
	.ab01-tops .images .text{
		top:  10%;
	}
	.abouts-list-01 .ab01-bots{
		margin-top: -7.5rem;
	}
	.ab01-tops .images .imgs{
		opacity: .2;
	}
	.abouts-list-02 .i0, .abouts-list-02 .bg{
		height: 95vw;
	}
	.abouts-list-02 .images{
		width: 100%;
	}
	.abouts04-swiper .span{
		font-size: 18px;
	}
	.abouts04-swiper .li .span:before{
	    transform: rotate(90deg);
	    left: 0;
	    bottom: -5px;
	    top: auto;
	}
	.abouts-list-02 .box{
		flex-direction: column-reverse;
	}
	.abouts04-swiper .swiper-slide-active .span{
		font-size: 75%;
	}

	.abouts-list-02 .images .con-tits{
		margin-bottom: 1rem;
	}
	.abouts-list-02 .txts{
		display: none;
	}
	.abouts-list-02 .texts{
		    margin-top: -2rem;
		    position: relative;
		    z-index: 5;
	}
	.greens-list-center .items01 .images img{
		height: 60vw;
	}
	.deve03-swiper .items img{
		height: 55vw;
	}
	.developments-lists-02 .items img{
		height: 69vw;
	}
	.developments-lists-04 .words .text{
		font-size: 20px;
	}
	.greens-list-tops .items01 .images .span{
		display: none;
	}
	.greens-list-tops .items01 .images{
		width: 100%;
		margin-left: 0;
	}
	.greens-list-tops .items01{
		padding-bottom: 0;
		margin-bottom: 2rem;
	}
	.greens-list-center .items01{
		padding-top: 3rem;
	}
	.greens-list-center .items02{
		padding-bottom: 2rem;
	}
	.cares-lists-01words .tits{
		padding-top: 1rem;
	}
	.cares-lists-02{
		padding-bottom: 1.5rem;
	}
	.cares-lists-02 .words{
		padding-top: 2rem;
	}
	.cares-lists{
		padding-bottom: 10vw;
	}
	.reports-box{
		padding-top: 18vw;
	}
	.reports-box .words .tits{
		text-align: center;
	    max-width: 13em;
	    margin-left: auto;
	    margin-right: auto;
	}
	.reports-box .imgs-swiper .items img{
		width: 70.4vw;
	    height: 80.07vw;
	}
	.reportsimgs-swiper .swiper-button-next, .reportsimgs-swiper .swiper-button-prev{
		top: 34vw;
	}
	.joins-tops .jointops-02{
		margin-top: 15vw;
	}
	.joins-center .joinscenterswiper{
		margin-top: 10vw;
	}
	.jointops-03 .txts{
		margin-bottom: 10vw;
	}
	.joins-center .items .imgs img{
		height: 69vw;
		max-width: none;
	}
	.joins-bottoms .words .box{
		text-align: center;
	}
	.joins-bottoms .words{
		padding-top: .5rem;
	}
	.joins-bottoms .words .button{
		display: none;
	}

	.m-swiper-pagination.mbox{
		margin-top: 1rem;
		display: block;
	}

}
.jointops-02 .swiper-pagination{
	min-height: 1px;
}

@media (max-width: 750px){
	.abouts-list-04,
	.abouts-list-03,
	.abouts-list-01,
	.abouts-list-02{
		padding-top: 16vw;
	}
	.silicons-box .productslist-tops{
		padding-bottom: 2rem;
	}
}



.ytable .ul-list{
  border-top: 1px solid rgba(0,0,0,0.2);
  width: 100%;
  padding: 1rem 5%;
  margin-top: 1rem;
}
.ytable .ul-list .li{
  background-color: rgba(243,243,243);
  display: flex;
}
.ytable .ul-list .li .t{
  width: 50%;
  display: flex;
  padding:0.3rem 0.5rem;
}

.ytable .ul-list .li:nth-child(2n){
  background-color: #fff;
}
.ytable .ul-list .li .t span:first-child{
  margin-right: 0.5rem;
  color: #000;
  font-weight: 700;
  white-space: nowrap;
  font-size: 18px;
}
.ytable .ul-list .li .t span:last-child{
  color: #666;
  font-weight: 700;
  font-size: 16px;
}
.ytable .ul-list .li.w100 .t{
  width: 100%;
}