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

.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: #004EA2;
  z-index: 999;
}

.cons-swiper .swiper-slide{
  height: auto;
}

@font-face {
  font-family: "notesansbold";
  src: url("./fonts/Source Han Sans CN Bold.woff2") format("woff2"), url("./fonts/Source Han Sans CN Bold.woff") format("woff"), url("./fonts/Source Han Sans CN Bold.ttf") format("truetype"), url("./fonts/Source Han Sans CN Bold.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Bold.svg") format("svg");
}
.bold,
.notesansbold {
  font-family: "notesansbold","Noto Sans SC";
  font-weight: 700;
}

@font-face {
  font-family: "notesansmedium";
  src: url("./fonts/Source Han Sans CN Medium.woff2") format("woff2"), url("./fonts/Source Han Sans CN Medium.woff") format("woff"), url("./fonts/Source Han Sans CN Medium.ttf") format("truetype"), url("./fonts/Source Han Sans CN Medium.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Medium.svg") format("svg");
}
.medium,
.notesansmedium {
  font-family: "notesansmedium","Noto Sans SC";
  font-weight: 500;
}

@font-face {
  font-family: "notesansr";
  src: url("./fonts/Source Han Sans CN Regular.woff2") format("woff2"), url("./fonts/Source Han Sans CN Regular.woff") format("woff"), url("./fonts/Source Han Sans CN Regular.ttf") format("truetype"), url("./fonts/Source Han Sans CN Regular.eot") format("embedded-opentype"), url("./fonts/Source Han Sans CN Regular.svg") format("svg");
}
.notesansr {
  font-family: "notesansr","Noto Sans SC";
  font-weight: 400;
}

html, body {
  font-family: "notesansr","Noto Sans SC","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;
}

.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: #004EA2;
}

.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: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  box-sizing: content-box;
  color: #999999;
  transition: .5s ease-in-out;
  font-size: 16px;
  margin: 0 1.5px;
  color: #999999;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-sizing: content-box;
}
.pagination a.active {
  color: #fff;
  background: #004EA2;
  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);
}
.pagination a.next, .pagination a[rel=next] {
  overflow: hidden;
  background-image: url(../img/imgbox/next.png);
}

.his-bots-swiper .hisswiper-bots .swiper-slide .imgs .nian{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 0;
	width: 100%;
	pointer-events:none;
	z-index: 2;
	padding: 0 1.1rem;
}
.his-bots-swiper .hisswiper-bots .swiper-slide{
	opacity: 1;
}
.his-bots-swiper .hisswiper-bots .swiper-slide img{
	opacity: 0.9;
}
.his-bots-swiper .hisswiper-bots .swiper-slide-active img{
	opacity: 1;
}

.his-bots-swiper .hisswiper-bots .swiper-slide-prev .imgs{
	text-align: right;
}
.his-bots-swiper .hisswiper-bots .swiper-slide-prev .words{
	opacity: 0;
}

.his-bots-swiper .hisswiper-bots .swiper-slide-active .imgs .nian{
	display: none;
}



.services02-list.onactive .services02-titles{
  margin-bottom: 0;
}

@media (min-width: 1025px) {
	.his-bots-swiper .hisswiper-bots .words .tits,
	.his-bots-swiper .hisswiper-bots .swiper-slide img{
		transition:.5s ease-in-out;
	}
	.his-bots-swiper .hisswiper-bots .swiper-slide:hover img{
		transition:.5s ease-in-out;
		transform:scale3d(1.05,1.05,1);

	}
	.his-bots-swiper .hisswiper-bots .swiper-slide:hover .words .tits{
		transition:.5s ease-in-out;
		color: #F7931D;
	}
  .pagination a:hover {
    color: #fff;
    background-color: #004EA2;
    transition: .5s ease-in-out;
  }
  .pagination a.prev:hover, .pagination a[rel=prev]:hover {
    background-image: url(../img/imgbox/prev1.png);
    background-color: #004EA2;
  }
  .pagination a.next:hover, .pagination a[rel=next]:hover {
    background-image: url(../img/imgbox/next1.png);
    background-color: #004EA2;
  }
  .c-swiper .swiper-button-prev:hover{
    background-image: url(../img/prev1.png);
  }
  .c-swiper .swiper-button-next:hover{
    background-image: url(../img/next1.png);
  }

}
@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) {
	.pagination a{
		font-size: 14px;
	}
  .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;
}

.bold {
  font-weight: bold;
}

.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: #004EA2;
  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;
  z-index: 3;
}
.medias-list .video-list .items .images:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,.1);
	content: "";
	z-index: 1;
	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: #004EA2;
    transform: translateY(-5px);
  }

  .searchs-txts .li:hover {
    color: #004EA2;
    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: #004EA2;
  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: #004EA2;
}

.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: #004EA2;
  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: #004EA2;
}
.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: #004EA2;
  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: #F7931D;
  }

  .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: #004EA2;
    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: #004EA2;
  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: #004EA2;
}

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

.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: #004EA2;
}

.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: #004EA2;
  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-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;
  display: flex;
  align-items: center;
}
.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: #004EA2;
    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;
  }
}
.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: #004EA2;
}

.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: #004EA2;
  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: #004EA2;
  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;
}

@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: 4.1666666667vw;
  padding-right: 4.1666666667vw;
  justify-content: space-between;
}
.bocweb-header .navbox {
  justify-content: space-between;
}
.bocweb-header .nav {
  position: relative;
}
.bocweb-header .nav:nth-child(n+2) {
  margin-left: .7rem;
}
.bocweb-header .nav-bots {
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
  top: 95px;
  text-align: center;
  min-width: 130px;
}
.bocweb-header .nav-bots .li {
  color: #666;
  font-size: 14px;
  display: block;
}
.bocweb-header .nav-tops {
  display: block;
  color: #fff;
}
.bocweb-header .bocweb-logo {
  width: 153px;
  display: block;
  position: relative;
}
.bocweb-header .bocweb-logo .i1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.bocweb-header .navbox {
  width: calc(100% - 10rem);
}
.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;
  justify-content: flex-end;
}
.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: #fff;
  line-height: 1;
}
.bocweb-header .nav-top-box .li:nth-child(n+2) {
  margin-left: .65rem;
}

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

.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: #F7931D !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: #F7931D !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: #004EA2;
}

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

@media (max-width: 1481px) {
  .bocweb-header .bocweb-logo {
    width: 140px;
  }

  .bocweb-header .navbox {
    width: calc(100% - 7rem);
  }
}
@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: 2vw;
  }
}
@media (max-width: 1191px) {
  .bocweb-header .nav-top-box .imgs {
    width: 16px;
    height: 16px;
  }

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

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

  .bocweb-header .navbox {
    width: calc(100% - 130px);
  }
}
@media (min-width: 1025px) {
  .bocweb-header .nav-tops {
    transition: .5s ease-in-out;
  }
  .bocweb-header .nav-tops:hover {
    color: #F7931D !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: #F7931D;
    transition: .5s ease-in-out;
  }
}
/*pc*/
.con-header.fixed .m-header {
  position: fixed;
}

/*info;*/
.newsinfo-list {
  padding-top: 1.2rem;
  padding-bottom: 3.5rem;
}

.newsinfo-contents {
  background-color: #fff;
  padding: 1.75rem 2rem;
  padding-bottom: 2.2rem;
}

.newsinfo-toptitles {
  padding-bottom: .9rem;
}

.newsinfo-toptitles .titles {
  line-height: 1.75;
  color: #000000;
  margin-bottom: .75rem;
}

.newsinfo-toptitles .tit-left {
  line-height: 1;
  color: #666666;
}

.newsinfo-centerwords img {
  height: auto !important;
}

.newsinfo-centerwords *{
      white-space: normal!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: 1rem;
  padding-bottom: 2.4rem;
  color: #666666;
  line-height: 1.75;
}

.newsinfo-bottoms {
  padding-top: .5rem;
  border-top: 1px solid rgba(102,102,102,.2);
}

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

.newsinfo-bottoms .btn-back {
  text-align: right;
  padding-top: .2rem;
}

.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: #004EA2;
  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;
  margin-bottom: .55rem;
}
.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: #999999;
}

.newsinfo-title a.li.active {
  color: #004EA2;
}

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

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

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

.newsinfo-title .home.active {
  color: #004EA2;
}

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

@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: #004EA2;
  }

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

  .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: #004EA2;
    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-contents {
    padding: 1rem .75rem;
  }

  .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: #004EA2;
  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%;
  }
}
.footer {
  background-color: #242526;
}
.footer a {
  color: #fff;
  display: block;
}

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

.swiperwidth {
  display: none;
  vertical-align: top;
}

img {
  object-fit: cover;
}

.w1600 {
  width: 84%;
  max-width: 84%;
  margin: 0 auto;
}

.w1400 {
  width: 1400px;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1681px) {
  .w1600 {
    width: 88%;
    max-width: 88%;
  }
}
@media screen and (max-width: 1191px) {
  .w1400,
  .w1600 {
    width: 92%;
    max-width: 92%;
  }
}
.services02-list .services02-titles {
  margin-top: 1.1rem;
  margin-bottom: 1.15rem;
}

.services02-titles {
  justify-content: center;
}
.services02-titles .li {
  cursor: pointer;
  margin: 0 .35rem;
  height: 1.45rem;
  line-height: 1.45rem;
  padding: 0 1.75rem;
  border: 1px solid #999999;
  border-radius: 1.45rem;
  color: #333333;
  transition: .5s ease-in-out;
}
.services02-titles .li.active {
  color: #fff;
  transition: .5s ease-in-out;
  background-color: #004EA2;
}
.bocweb-footer-topsbox{
  padding-bottom: .5rem;
}

.bocweb-footer-tops {
  padding-left: .5rem;
  padding-right: .5rem;
  text-align: center;
  padding-top: 2rem;
}
.bocweb-footer-tops .navbox {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.bocweb-footer-tops .nav-tops {
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}
.bocweb-footer-tops .nav-bots {
  margin-top: .95rem;
  padding-bottom: .7rem;
}
.bocweb-footer-tops .nav-bots .li {
  line-height: 2.22;
}

.tupian-nav {
  justify-content: flex-end;
  padding: 0 1rem;
}
.tupian-nav .li-tops {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.05);
}
.tupian-nav .li-tops svg {
  width: 50%;
  height: 50%;
}
.tupian-nav .li {
  position: relative;
}
.tupian-nav .li:nth-child(n+2) {
  margin-left: .375rem;
}
.tupian-nav .li-bots {
  position: absolute;
  width: 150px;
  height: 150px;
  overflow: hidden;
  bottom: 1rem;
  /*left: 50%;*/
  right: 0;
  /*transform: translateX(-50%);*/
  display: none;
}

.bocweb-footer-tops .navbox.active .nav-bots .li {
  color: rgba(255, 255, 255, 0.5);
}

.pd40 {
  padding-left: 2.0833333333vw;
  padding-right: 2.0833333333vw;
}

.bocweb-footer-bots {
  color: #B2BABE;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: .95rem;
  padding-bottom: .9rem;
  line-height: 2.77;
  justify-content: space-between;
  align-items: center;
}
.bocweb-footer-bots a {
  color: #B2BABE;
  display: inline;
}
.bocweb-footer-bots span {
  color: #fff;
}
.bocweb-footer-bots .li {
  line-height: 1;
  padding-left: 36px;
  padding-right: 15px;
  position: relative;
}
.bocweb-footer-bots .li:nth-child(1):before {
  display: none;
}
.bocweb-footer-bots .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 1em;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.1);
}
.bocweb-footer-bots .li img {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
}

.tit-82 {
  font-size: 2.05rem;
}

.avant {
  font-family: Arial,"AvantGardeLT-Book";
}

.wel-banner {
  position: relative;
}
.wel-banner .imgspc {
  height: 50.78125vw;
}
.wel-banner .numslist {
  position: absolute;
  bottom: 4.375vw;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  color: #fff;
  opacity: .7;
  z-index: 3;
}
.wel-banner .numslist .b1,.wel-banner .numslist .b2,.wel-banner .numslist span{
  line-height: 1;
}

.wel-banner .numslist span{
  margin-left: .75rem;
  margin-right: .25rem;
}

.wel-banner .numslist span,
.wel-banner .numslist .b1{
  line-height: .8;
}

.wel-banner .numslist span,
.wel-banner .numslist .b2{
  opacity: .2;
}

.wel-banner .numslist{
      align-items: flex-end;
}
.wel-banner .swiper-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 3;
  bottom: 4.9479166667vw;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet {
  width: 3.5rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
  position: relative;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet b:before, .wel-banner .swiper-pagination .swiper-pagination-bullet b:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet b {
  position: absolute;
  right: 0;
  top: 0;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet b:before {
  width: 6px;
  height: 6px;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  background-color: #ccffff;
  transition-delay: 1.5s;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet b:after {
  width: .65rem;
  height: .65rem;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  border: 0.125rem solid rgba(204, 153, 102, 0.2);
  opacity: 0;
  transition-delay: .5s;
  box-sizing:border-box;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 100%;
  transition: 2.5s cubic-bezier(0.3, 0, 0.24, 1);
}
.wel-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active b:before {
  background-color: #F7931D;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  transition-delay: .5s;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active b:after {
  opacity: 1;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  transition-delay: .5s;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #F7931D;
  /*transition:6s $ease;*/
  width: 0;
}
.wel-banner .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  width: 1px;
}
.wel-banner .items {
  position: relative;
}
.wel-banner .items .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  /*color: #fff;*/
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.wel-banner .items .line {
  background: rgba(255, 255, 255, 0.8);
  height: 1px;
  width: 10rem;
  margin: 0 auto;
  margin-top: .55rem;
  margin-bottom: .6rem;
}
.wel-banner .items .line.on {
  margin-top: .65rem;
  margin-bottom: .5rem;
  position: relative;
}
.wel-banner .items .line.on:before{
	position: absolute;
	content:"";
	width: 2.5rem;
	height: 3px;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	background: #fff;
}
.wel-banner .items .en {
  line-height: 1;
  letter-spacing: .3em;
}
.wel-banner .items .en.tit-24 {
  margin-top: 1.2rem;
}

.con-banner {
  position: relative;
}
.con-banner .images {
  height: 33.8541666667vw;
}
.con-banner img.mimgs {
  height: 106.640625vw;
}
.con-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.con-banner .words .line {
  width: 1.5rem;
  height: 1px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: .65rem;
  margin-bottom: .55rem;
}

.joins-list-01 .box {
  padding-top: 4.6875vw;
  padding-bottom: 2.7083333333vw;
  border-bottom: 1px solid #cccccc;
}
.joins-list-01 .con-txts {
  padding: 0 5.46875vw;
  margin-top: .4rem;
}
.joins-list-01 .con-txts .cn {
  color: #004EA2;
  line-height: 1.3;
}
.joins-list-01 .con-txts .en {
  margin-top: .125rem;
  color: #333333;
  line-height: 1.5;
}

.joins-list-02 {
  padding-top: 2.6041666667vw;
  padding-bottom: 4.2708333333vw;
}
.joins-list-02 .images {
  overflow: hidden;
}
.joins-list-02 .words {
  padding-left: 6.25vw;
  padding-top: .6rem;
}
.joins-list-02 .txts {
  margin-top: 0.625vw;
  margin-bottom: 2.34375vw;
  line-height: 1.5;
  color: #004EA2;
}
.joins-list-02 .images, .joins-list-02 .words {
  width: 50%;
}

.joins-list-03 {
  background: #F5F5F5;
  padding-top: 5.625vw;
  padding-bottom: 3.75vw;
}

.c-swiper {
  position: relative;
}
.c-swiper .swiper-pagination {
  position: static;
  width: 100%;
  margin-top: 2.5vw;
  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;
  width: .3rem;
  height: .3rem;
}
.c-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F7931D;
}
.c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
  width: .55rem;
  height: 1.1rem;
  background: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.c-swiper .swiper-button-prev {
  background-image: url(../img/prev.png);
  left: -1rem;
}
.c-swiper .swiper-button-next {
  background-image: url(../img/next.png);
  right: -1rem;
}

.joins-list-03-swiper {
  margin-top: .95rem;
}
.joins-list-03-swiper .items {
  width: 32.5%;
  margin-right: 1.25%;
  display: block;
}
.joins-list-03-swiper .items .words {
  padding-top: 0.45rem;
  color: #333333;
}
.joins-list-03-swiper .items:last-child {
  margin-right: 0;
}
.joins-list-03-swiper .items .tits {
  line-height: 1.7;
  height: 1.7em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.joins-list-03-swiper .items .txts {
  line-height: 1;
  margin-top: .35rem;
  margin-bottom: .8rem;
}
.joins-list-03-swiper .items .more {
  width: 17px;
  height: 17px;
  background: url(../img/more.png) no-repeat center;
  background-size: 100%;
}
.joins-list-03-swiper .imgs {
  overflow: hidden;
}
.joins-list-03-swiper .imgs img {
  height: 19.7916666667vw;
  transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  width: 100%;
}

.joins04-list-tops {
  margin-top: 1.3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  justify-content: space-between;
  padding-top: .3rem;
  padding-bottom: .55rem;
  position: relative;
  z-index: 4;
}
.joins04-list-tops .selects:nth-child(n+2) {
  margin-left: .3rem;
}
.joins04-list-tops .contacts02top-right {
  padding-top: .4rem;
}
.joins04-list-tops .contacts02top-left {
  line-height: 2;
  color: #666666;
}

.joins04-list-bottoms {
  margin-top: .75rem;
}
.joins04-list-bottoms .itemsbox {
  padding-bottom: 1.25rem;
}
.joins04-list-bottoms .itemsbox-bots {
  margin-top: .35rem;
}
.joins04-list-bottoms .items:nth-child(n+2) {
  margin-top: .25rem;
}
.joins04-list-bottoms .itemsbox-tops .td,
.joins04-list-bottoms .items-tops .td {
  height: 1.75rem;
  line-height: 1.75rem;
}
.joins04-list-bottoms .items-tops {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #333333;
  cursor: pointer;
}
.joins04-list-bottoms .itemsbox-tops {
  background: #F2F3F4;
  border: 1px solid #CCCFD5;
}
.joins04-list-bottoms .itemsbox-tops .td {
  position: relative;
}
.joins04-list-bottoms .itemsbox-tops .td:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
}
.joins04-list-bottoms .itemsbox-tops .td:nth-child(1):before {
  display: none;
}
.joins04-list-bottoms .td {
  padding: 0 .25rem;
  overflow: hidden;
}
.joins04-list-bottoms .td1 {
  width: 36.875%;
  padding: 0 .9rem;
}
.joins04-list-bottoms .td2 {
  width: 39.375%;
  text-align: center;
}
.joins04-list-bottoms .td3 {
  width: 23.75%;
  text-align: center;
}
.joins04-list-bottoms .items-bots {
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1.2rem;
  padding-bottom: 1.2rem;
  display: none;
}
.joins04-list-bottoms .items-bots-tops {
  padding-top: .75rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid #cccccc;
}
.joins04-list-bottoms .items-bots-tops .li {
  padding-left: 1.1rem;
  padding-right: 1.05rem;
  line-height: 1.6em;
  height: 1.6em;
  position: relative;
  color: #999999;
}
.joins04-list-bottoms .items-bots-tops .li span {
  color: #333;
}
.joins04-list-bottoms .items-bots-tops .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.joins04-list-bottoms .items-bots-tops .li:nth-child(1):before {
  display: none;
}
.joins04-list-bottoms .items-bots-bots .boxfl, .joins04-list-bottoms .items-bots-bots .boxfr {
  width: 50%;
  margin-top: .75rem;
  margin-bottom: 1.2rem;
  padding-bottom: .5rem;
  position: relative;
}
.joins04-list-bottoms .items-bots-bots .boxfr {
  padding-left: 1.9rem;
}
.joins04-list-bottoms .items-bots-bots .boxfr:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.joins04-list-bottoms .items-bots-bots .tits {
  line-height: 1;
  color: #000033;
}
.joins04-list-bottoms .items-bots-bots .txts {
  margin-top: .375rem;
  line-height: 1.7;
  color: #666666;
}
.joins04-list-bottoms .email-box {
  justify-content: space-between;
  align-items: center;
}
.joins04-list-bottoms .email-box .close {
  color: #004EA2;
  cursor: pointer;
}
.joins04-list-bottoms .email-box .email {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 2.75em;
  line-height: 2.75em;
  border-radius: 2.75em;
  background-color: #F7931D;
  color: #fff;
  padding-left: .9rem;
  padding-right: 1.8rem;
  position: relative;
  color: #fff;
  display: inline-block;
  position: relative;
  box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.2);
}
.joins04-list-bottoms .email-box .email img {
  position: absolute;
  width: 14px;
  height: 15px;
  top: 0;
  bottom: 0;
  right: .85rem;
  margin: auto;
}

.joins04-list-bottoms .email-box .close span {
  display: inline-block;
  transition: .5s ease-in-out;
  margin-right: 2px;
}

.joins04-list-bottoms .items.active .items-tops {
  transition: .5s ease-in-out;
  background-color: #004EA2;
}
.joins04-list-bottoms .items.active .items-tops .td {
  color: #fff;
  transition: .5s ease-in-out;
}

.investor-list-01 .words, .investor-list-01 .images {
  width: 50%;
}
.investor-list-01 .text {
  margin-top: 1rem;
  line-height: 1.75;
}
.investor-list-01 .avant {
  font-weight: bold;
}
.investor-list-01 .images {
  padding-right: 2rem;
}
.investor-list-01 .images .imgs {
  width: 75%;
}
.investor-list-01 .images .img-text {
  width: 25%;
  padding-right: .75rem;
}
.investor-list-01 .images .tits {
  color: #333333;
}
.investor-list-01 .images .txts {
  color: #ff3300;
  margin-top: .25rem;
  margin-bottom: .65rem;
}
.investor-list-01 .images .uls {
  color: #ff3300;
  line-height: 1;
  padding-right: .75rem;
  justify-content: space-between;
}
.investor-list-01 .images .uls.active {
  color: #6ca584;
}
.investor-list-01 .images .tit-bots {
  margin-top: 1.25rem;
  line-height: 1;
  color: #666666;
}
.investor-list-01 .images .tit-bots span {
  color: #006699;
}
.investor-list-01 .words {
  padding-right: 2.25rem;
}
.investor-list-01 .words .text {
  text-indent: 2em;
}

.investor-list-03 .images {
  width: 40.75%;
  overflow: hidden;
}
.investor-list-03 .words {
  width: 59.25%;
  padding-left: 1.75rem;
}
.investor-list-03 .text {
  color: #333333;
  margin-top: 1.2rem;
}
.investor-list-03 .text .tits {
  line-height: 1;
  color: #333333;
  margin-bottom: 5px;
}
.investor-list-03 .text .txts {
  line-height: 1.875;
  color: #666666;
  text-indent: 2em;
}
.investor-list-03 .uls-tops {
  line-height: 1;
  color: #004EA2;
  margin-bottom: .85rem;
}
.investor-list-03 .uls-bots {
  align-items: stretch;
}
.investor-list-03 .lis {
  width: 46.85%;
  margin-left: 6.3%;
  border: 1px solid #cccccc;
  padding: .6rem .5rem .65rem 0;
  padding-left: 2.5rem;
  position: relative;
}
.investor-list-03 .lis .lis-01 {
  color: #999999;
  line-height: 1;
}
.investor-list-03 .lis .lis-02 {
  color: #333333;
  line-height: 1.2;
  margin-top: .2rem;
}
.investor-list-03 .lis .imgs {
  position: absolute;
  left: .9rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.125rem;
  height: 1.125rem;
}
.investor-list-03 .lis:nth-child(2n+1) {
  margin-left: 0;
}
.investor-list-03 .lis:nth-child(n+3) {
  margin-top: 1rem;
}
.investor-list-03 .uls {
  margin-top: 2.5rem;
}

.investor-list-02 {
  background-color: #F5F5F5;
}
.investor-list-02 .itembox {
  padding-top: 1.05rem;
  padding-bottom: 1.125rem;
}
.investor-list-02 .items {
  background-color: #f4f4f4;
  border: 1px solid rgba(51, 51, 51, 0.1);
  padding: .5rem 1.1rem .6rem .7rem;
  align-items: center;
}
.investor-list-02 .items:nth-child(n+2) {
  margin-top: .3rem;
}
.investor-list-02 .items .textfl {
  width: calc(100% - 100px);
  overflow: hidden;
}
.investor-list-02 .items .textfr {
  width: 100px;
  text-align: right;
  overflow: hidden;
  color: #666666;
  padding-right: 38px;
  position: relative;
}
.investor-list-02 .items .textfr img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 20px;
  opacity: .5;
  filter: brightness(0);
}
.investor-list-02 .items .txts {
  color: #004EA2;
  line-height: 1;
  margin-top: .1rem;
}
.investor-list-02 .items .tits {
  color: #333333;
  line-height: 1.78em;
  height: 1.78em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-lists-01 {
  background-color: #F5F5F5;
}
.news-lists-01 .line {
  height: 1px;
  background-color: #cccccc;
  margin: 0 auto;
  margin-top: 1.25rem;
  margin-bottom: 1.05rem;
}
.news-lists-01 .con-tits-2 {
  margin-bottom: .85rem;
}

.news-lists-02 .items-list .items {
  width: 31.25%;
  margin-left: 3.125%;
  border: 1px solid #D2D2D2;
  background-color: #F5F5F5;
  margin-bottom: 1.1rem;
  padding: .85rem 1rem;
  padding-bottom: 2.375rem;
  position: relative;
}
.news-lists-02 .items-list .items:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  background: url(../img/1.png) #004EA2 no-repeat center;
  background-size: 100%;
  right: 1.1rem;
  bottom: .85rem;
  border-radius: 50%;
}
.news-lists-02 .items-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.news-lists-02 .items-list .items .tits {
  line-height: 1.636;
  height: 3.272em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
}
.news-lists-02 .items-list .items .time {
  line-height: 1;
  color: rgba(51, 51, 51, 0.5);
  margin-top: .65rem;
}

.activities-lists-01 .items {
  width: 31.875%;
  margin-left: 2.1875%;
  margin-bottom: 1.3rem;
  color: #666666;
}
.activities-lists-01 .items:nth-child(3n+1) {
  margin-left: 0;
}
.activities-lists-01 .items .images {
  overflow: hidden;
}
.activities-lists-01 .items .images img {
  transition: .5s ease-in-out;
}
.activities-lists-01 .items .tits {
  line-height: 1.55;
  height: 1.55em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.activities-lists-01 .items .txts {
  line-height: 1.86;
  height: 1.86em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 3px;
}
.activities-lists-01 .items .words {
  padding-top: .65rem;
}
.activities-lists-01 .items .time {
  line-height: 1;
  color: #004EA2;
  margin-top: .55rem;
}

.cmores {
  line-height: 1;
}
.cmores span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-right: .8rem;
  color: #004EA2;
  transition: .5s ease-in-out;
  line-height: 1;
}
.cmores span:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/1.png) #004EA2 no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  transition: .5s ease-in-out;
}

.c-swiper .swiper-pagination.active .swiper-pagination-bullet-active {
  background-color: #F7931D;
}

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

.abouts-list-04swiper {
  margin-top: 1.7rem;
}
.abouts-list-04swiper .items {
  width: 18.5%;
  margin-right: 1.875%;
  color: #333333;
  text-align: center;
  background-color: #fff;
  padding-top: .6rem;
  padding-bottom: .55rem;
}
.abouts-list-04swiper .items .images {
  height: 13.5416666667vw;
  text-align: center;
}
.abouts-list-04swiper .items .images img {
  max-height: 100%;
  margin: 0 auto;
  max-width: 90%;
  object-fit: contain;
  display: block;
}
.abouts-list-04swiper .items .words {
  line-height: 1.875;
  height: 1.875em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .15rem;
}
.abouts-list-04swiper .items:last-child {
  margin-right: 0;
}
.abouts-list-04swiper .swiper-pagination {
  margin-top: 1.4rem;
}

.mediasbox-list {
  padding-top: 1.05rem;
  justify-content: space-between;
}
.mediasbox-list .itemsbox a {
  display: block;
}
.mediasbox-list .media-left {
  width: 280px;
}
.mediasbox-list .media-left .li {
  height: 55px;
  line-height: 55px;
  position: relative;
  color: #666666;
  padding: 0 30px;
  overflow: hidden;
  display: block;
}
.mediasbox-list .media-left .li.active {
  height: 60px;
  line-height: 60px;
  background: #F2F2F2;
  color: #004EA2;
}
.mediasbox-list .media-left .li.active:after {
  opacity: 1;
}
.mediasbox-list .media-left .li.active:before {
  opacity: 0;
}
.mediasbox-list .media-left .li:before, .mediasbox-list .media-left .li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.mediasbox-list .media-left .li:before {
  width: 220px;
  background: #cccccc;
  height: 1px;
}
.mediasbox-list .media-left .li:after {
  height: 2px;
  width: 100%;
  background: #004EA2;
  opacity: 0;
}
.mediasbox-list .media-right {
  width: calc(100% - 335px);
}
.mediasbox-list .medias-tops {
  margin-top: 10px;
}
.mediasbox-list .page {
  margin-top: .95rem;
}
.mediasbox-list .page .pagination {
  text-align: left;
}
.mediasbox-list .medias-bots {
  margin-top: .9rem;
}
.mediasbox-list .itemsbox .items {
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  position: relative;
  padding-top: .8rem;
  padding-bottom: .65rem;
  display: flex;
  color: #999999;
}
.mediasbox-list .itemsbox .items .imgs {
  width: 23.7%;
  position: relative;
}
.mediasbox-list .itemsbox .items .words {
  width: 76.3%;
  padding-left: .85rem;
}
.mediasbox-list .itemsbox .items .newstits {
  line-height: 1.88;
  height: 1.88em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  margin-top: .2rem;
}
.mediasbox-list .itemsbox .items .text {
  margin-top: .3rem;
  line-height: 1.5em;
  height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666666;
  margin-bottom: .85rem;
}
.mediasbox-list .media-right .inputs {
  position: relative;
}
.mediasbox-list .media-right .inputs input:-moz-placeholder,
.mediasbox-list .media-right .inputs textarea:-moz-placeholder {
  color: #999;
}
.mediasbox-list .media-right .inputs input::-moz-placeholder,
.mediasbox-list .media-right .inputs textarea::-moz-placeholder {
  color: #999;
}
.mediasbox-list .media-right .inputs input:-ms-input-placeholder,
.mediasbox-list .media-right .inputs textarea:-ms-input-placeholder {
  color: #999;
}
.mediasbox-list .media-right .inputs input::-webkit-input-placeholder,
.mediasbox-list .media-right .inputs textarea::-webkit-input-placeholder {
  color: #999;
}
.mediasbox-list .media-right .inputs input[type=text] {
  text-indent: 0;
  height: 60px;
  line-height: 60px;
  background-color: rgba(204, 204, 204, 0.25);
  display: block;
  width: 100%;
  padding-left: .85rem;
  padding-right: 2rem;
}
.mediasbox-list .media-right .inputs input[type=submit] {
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translateY(-50%);
  width: .5rem;
  height: .5rem;
  background: url(../img/ser.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.cons-inputs {
  position: relative;
}
.cons-inputs input:-moz-placeholder,
.cons-inputs textarea:-moz-placeholder {
  color: #999;
}
.cons-inputs input::-moz-placeholder,
.cons-inputs textarea::-moz-placeholder {
  color: #999;
}
.cons-inputs input:-ms-input-placeholder,
.cons-inputs textarea:-ms-input-placeholder {
  color: #999;
}
.cons-inputs input::-webkit-input-placeholder,
.cons-inputs textarea::-webkit-input-placeholder {
  color: #999;
}
.cons-inputs input[type=text] {
  text-indent: 0;
  height: 60px;
  line-height: 60px;
  background-color: rgba(204, 204, 204, 0.25);
  display: block;
  width: 100%;
  padding-left: .85rem;
  padding-right: 2rem;
}
.cons-inputs input[type=submit] {
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translateY(-50%);
  width: .5rem;
  height: .5rem;
  background: url(../img/ser.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}



.mediasbox-list .medias-tops .imgs {
  width: 41%;
  overflow: hidden;
}
.mediasbox-list .medias-tops .imgs img {
  transition: .5s ease-in-out;
}
.mediasbox-list .medias-tops .items {
  border: 1px solid #EAEAEA;
  align-items: stretch;
  margin-right: 3px;
  position: relative;
}

.mediasbox-list .medias-tops .items:last-child{
	margin-right: 0;
}
.mediasbox-list .medias-tops .imgs img {
  height: 100%;
  object-fit: contain;
}
.mediasbox-list .medias-tops .words {
  width: 59%;
  padding-left: 1.2rem;
  padding-right: 1.1rem;
  padding-top: .95rem;
  padding-bottom: 1.25rem;
}
.mediasbox-list .medias-tops .words .time {
  color: rgba(51, 51, 51, 0.5);
  line-height: 1;
}
.mediasbox-list .medias-tops .words .newstits {
  line-height: 1.45;
  height: 1.45em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333;
  margin-top: .35rem;
}
.mediasbox-list .medias-tops .words .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.875;
  height: 5.625em;
  color: #666666;
  margin-top: .45rem;
  margin-bottom: 1.1rem;
}
.mediasbox-list .medias-tops.c-swiper .swiper-pagination {
  margin-top: .5rem;
}

.medias-list .video-list {
  margin-top: .65rem;
}
.medias-list .video-list .items {
  border: 1px solid #EAEAEA;
  cursor: pointer;
  align-items: center;
}
.medias-list .video-list .items:nth-child(n+2) {
  margin-top: .55rem;
}
.medias-list .video-list .items .images {
  width: 42.68%;
  overflow: hidden;
}
.medias-list .video-list .items .images img {
  width: 100%;
  transition: .5s ease-in-out;
}
.medias-list .video-list .items .words {
  width: 57.32%;
  padding: 1.5rem;
}
.medias-list .video-list .items .words .txts {
  margin-top: .3rem;
  line-height: 1.636em;
  height: 1.636em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.medias-list .video-list .items .words .cmores {
  margin-top: 6.7708333333vw;
}
.medias-list .video-list .items .time {
  color: rgba(51, 51, 51, 0.5);
}
.medias-list .video-tits {
  border-top: 2px solid #cccccc;
  position: relative;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.medias-list .video-tits .li {
  position: relative;
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 1.25rem;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.medias-list .video-tits .li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: -2px;
  left: 0;
  background-color: #F7931D;
  transition: .5s ease-in-out;
  opacity: 0;
}
.medias-list .video-tits .li.active {
  color: #004EA2;
  transition: .5s ease-in-out;
}
.medias-list .video-tits .li.active:before {
  transition: .5s ease-in-out;
  opacity: 1;
}

.mediasbox-list .annuals-list .page {
  margin-top: 0;
}

.annuals-itemsbox .items {
  width: 49%;
  margin-left: 2%;
  background-color: #fff;
  margin-bottom: 0.875rem;
  align-items: stretch;
}
.annuals-itemsbox .items img {
  transition: .5s ease-in-out;
}
.annuals-itemsbox .items .imgs {
  overflow: hidden;
}
.annuals-itemsbox .items .images {
  width: 67.75%;
  background: #F2F2F2;
  padding: .7rem .65rem .85rem .55rem;
}
.annuals-itemsbox .items .words {
  width: 32.25%;
  padding: 1.3rem 1.1rem;
}
.annuals-itemsbox .items .words .time, .annuals-itemsbox .items .words .txts {
  line-height: 1;
  color: #333333;
}
.annuals-itemsbox .items .words .txts {
  margin-top: .55rem;
  margin-bottom: 1.25rem;
  line-height: 1.25em;
  max-height: 2.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.annuals-itemsbox .items:nth-child(2n+1) {
  margin-left: 0;
}
.annuals-itemsbox .items .words {
  border: 1px solid #E5E5E5;
}

.pre {
  position: relative;
}

.media-uls {
  margin-bottom: 1rem;
}

.media-uls .li {
  width: auto;
}

.strengths01-swiper .strengths01-swiper-left {
  opacity: 0;
  transition: .5s ease-in-out;
}
.strengths01-swiper .strengths01-swiper-left.on {
  transition: .5s ease-in-out;
  opacity: 1;
}

.strengths-list-02 .swiperwidth {
  width: 1.25rem;
}
.strengths-list-02 .li {
  display: block;
}
.strengths-list-02 .swiper-container {
  overflow: visible;
}
.strengths-list-02 .swiperbox {
  width: 45.8333333333vw;
  position: relative;
}
.strengths-list-02 .swiperbox .images {
  height: 26.5625vw;
  overflow: hidden;
}
.strengths-list-02 .c2-swiper .swiper-button-prev, .strengths-list-02 .c2-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.strengths-list-02 .c2-swiper .swiper-button-prev {
  left: -2.95rem;
}
.strengths-list-02 .c2-swiper .swiper-button-next {
  right: -2.95rem;
}

.strengths01-titles {
  margin-bottom: 1.15rem;
  position: relative;
  justify-content: space-between;
}

.strengths01-swiper .swiper-slide {
  width: 49.35%;
  margin-right: 1.3%;
}
.strengths01-swiper .strengths01-swiper-left, .strengths01-swiper .strengths01-swiper-right {
  width: 50%;
}
.strengths01-swiper .strengths01-swiper-right {
  padding-left: .55rem;
}
.strengths01-swiper .images {
  overflow: hidden;
}
.strengths01-swiper .images img {
  transition: .5s ease-in-out;
}
.strengths01-swiper .strengths01-swiper-left .li {
  position: relative;
  display: block;
}
.strengths01-swiper .strengths01-swiper-left .li .images {
  position: relative;
}
.strengths01-swiper .strengths01-swiper-left .li .images:before {
  width: 100%;
  content: "";
  height: 5rem;
  background: url(../img/3.png) no-repeat center bottom;
  background-size: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
}
.strengths01-swiper .strengths01-swiper-left .li .words {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 .9rem;
  width: 100%;
  padding-bottom: .9rem;
  padding-right: 0;
  z-index: 5;
  color: #fff;
}
.strengths01-swiper .strengths01-swiper-left .li .words .tits {
  line-height: 1.8;
  height: 1.8em;
  padding-right: 1.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  position: relative;
}
.strengths01-swiper .strengths01-swiper-left .li .words .tits:before {
  content: "";
  right: 1.1rem;
  width: .45rem;
  height: .45rem;
  position: absolute;
  border-radius: 50%;
  background: url(../img/1.png) no-repeat center;
  background-size: 100%;
  background-color: #004EA2;
  top: 0;
  bottom: 0;
  margin: auto;
}
.strengths01-swiper .strengths01-swiper-right .li {
  position: relative;
  padding-bottom: 10px;
}
.strengths01-swiper .strengths01-swiper-right .li .words {
  background-color: #fff;
  position: relative;
  margin-top: -.85rem;
  z-index: 2;
  width: 65%;
  box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
  padding: .7rem 1.3rem 1.25rem .85rem;
}
.strengths01-swiper .strengths01-swiper-right .li .words .tits {
  line-height: 1.55;
  height: 3.1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
}
.strengths01-swiper .strengths01-swiper-right .li .more {
  right: .65rem;
  bottom: .5rem;
  width: .45rem;
  height: .45rem;
  position: absolute;
  border-radius: 50%;
  background: url(../img/1.png) no-repeat center;
  background-size: 100%;
  background-color: #004EA2;
}

.strengths01-more {
  padding-top: 1.4rem;
  padding-bottom: 1.2rem;
}
.strengths01-more.ons {
  padding: 0;
}
.strengths01-more.ons .more {
  transition: .5s ease-in-out;
  color: #F7931D;
  background-color: #fff;
}
.strengths01-more.ons .more:before {
  transition: .5s ease-in-out;
  background-color: #F7931D;
}
.strengths01-more .more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 1.35rem;
  line-height: 1.35rem;
  padding-left: 1.9rem;
  border-radius: 1.35rem;
  color: #333333;
  padding-right: 1.125rem;
}
.strengths01-more .more:before {
  position: absolute;
  content: "";
  width: 1.35rem;
  height: 1.35rem;
  left: 0;
  top: 0;
  background: url(../img/a9.png) #333333 no-repeat center;
  background-size: 12px 12px;
  border-radius: 50%;
}

.strengths-list-03 .con-videos {
  cursor: pointer;
}
.strengths-list-03 .con-videos .images:before {
  width: 1.7rem;
  height: 1.7rem;
  background-image: url(../img/play.png);
}
.strengths-list-03 .swiperbox {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.strengths-list-03 .swiperbox .swiperwidth {
  width: 1rem;
}
.strengths-list-03 .swiperbox .images {
  overflow: hidden;
}
.strengths-list-03 .swiperbox2 .li {
  width: 24%;
  padding-bottom: 12px;
}
.strengths-list-03 .swiperbox2 .box {
  background-color: #F5F5F5;
  padding: 1.05rem;
  padding-bottom: 2.15rem;
  color: #999999;
  position: relative;
}
.strengths-list-03 .swiperbox2 .box .more-btn {
  position: absolute;
  bottom: .95rem;
  right: 1.05rem;
}
.strengths-list-03 .swiperbox2 .box .tits {
  color: #333333;
  line-height: 1.36;
  height: 1.36em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.strengths-list-03 .swiperbox2 .box .txts {
  line-height: 1.75em;
  height: 3.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .55rem;
}
.strengths-list-03 .swiperbox2 .swiperwidth {
  width: 1.3%;
}
.strengths-list-03 .swiperbox2 .swiper-pagination {
  margin-top: 1.075rem;
}

.strengths-list-02 .li {
  /*margin-right: 1.25rem;*/
  display: block;
  position: relative;
}
.strengths-list-02 .li .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.strengths-list-02 .li.swiper-slide-active .words{
  /*background: rgba(255,255,255,.5);*/
  background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,.5), rgba(255,255,255,1));
}
.strengths-list-02 .li .images {
  /*opacity: .5;*/
  position: relative;
}
.strengths-list-02 .li .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
.strengths-list-02 .li .tits {
  line-height: 1.636;
  height: 1.636em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #666666;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 .25rem;
}
.strengths-list-02 .li.swiper-slide-prev .tits {
  text-align: right;
  padding-right: 3.1rem;
}
.strengths-list-02 .li.swiper-slide-next .tits {
  padding-left: 3.1rem;
  text-align: left;
}
.strengths-list-02 .li.swiper-slide-active .tits {
  transform: none;
  top: auto;
  bottom: .6rem;
  text-align: center;
  color: #004EA2;
}
.strengths-list-02 .li.swiper-slide-active .images {
  /*opacity: 1;*/
}
.strengths-list-02 .li.swiper-slide-active .images:before {
  opacity: 0;
}

.strengths-list-03 .swiperbox .images img,
.strengths-list-02 .swiperbox .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.more-btn {
  width: .45rem;
  height: .45rem;
  background: url(../img/1.png) #004EA2 no-repeat center;
  background-size: 100%;
  border-radius: 50%;
}

.strengths-list-04 .items-list {
  padding-bottom: 1.5rem;
}
.strengths-list-04 .items-list .items {
  width: calc((100% - 3px)/4);
  display: block;
  background: #fff;
  text-align: center;
  margin-left: 1px;
  padding-top: .5rem;
  padding-bottom: .65rem;
  margin-bottom: 1px;
}
.strengths-list-04 .items-list .items:nth-child(4n+1) {
  margin-left: 0;
}
.strengths-list-04 .items-list .items .tits {
  margin-bottom: .2rem;
  line-height: 2em;
  height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.strengths-list-04 .items-list .items img {
  width: 14.3229166667vw;
  height: 19.2708333333vw;
  object-fit: contain;
  margin: 0 auto;
}

.innovates-box .list .items {
  width: 49.375%;
  margin-left: 1.25%;
  background: #F5F5F5;
  margin-bottom: .45rem;
  color: #666666;
  align-items: stretch;
}
.innovates-box .list .items .images {
  width: 46.835%;
}
.innovates-box .list .items .images img {
  /*height: (280vw*100/1920);*/
  height: 100%;
  width: 100%;
}
.innovates-box .list .items .words {
  width: 53.165%;
  padding: 1rem 1.25rem;
}
.innovates-box .list .items .tits {
  line-height: 1.36;
  height: 2.72em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333333;
}
.innovates-box .list .items .txts {
  line-height: 1.5;
  height: 4.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .25rem;
  margin-bottom: .85rem;
}
.innovates-box .list .items .more {
  color: #004EA2;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  padding-right: .7rem;
  position: relative;
}
.innovates-box .list .items .more:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../img/5.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.innovates-box .list .items:nth-child(2n+1) {
  margin-left: 0;
}

.w1120 {
  width: 1120px;
  margin: 0 auto;
  max-width: 85%;
}

.strengths01-more .more {
  background-color: rgba(51, 51, 51, 0.05);
}

.his-tops-swiper {
  margin-top: 1.3rem;
  position: relative;
}
.his-tops-swiper .bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(1em + .9rem);
}
.his-tops-swiper .onac .swiper-wrapper {
  justify-content: center;
}
.his-tops-swiper .swiper-slide {
  width: auto;
  padding: 0 2.125rem;
  cursor: pointer;
}
.his-tops-swiper .swiper-slide .span {
  line-height: 1;
  height: 1em;
}
.his-tops-swiper .swiper-slide .btn {
  margin-top: .6rem;
  position: relative;
  padding-bottom: 1.4rem;
}
.his-tops-swiper .swiper-slide .btn:before {
  position: absolute;
  width: 1px;
  height: 1.4rem;
  background-color: #cccccc;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.his-tops-swiper .swiper-slide .btn span {
  display: block;
  width: .8rem;
  height: .8rem;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #cccccc;
  background-color: #fff;
  position: relative;
}
.his-tops-swiper .swiper-slide .btn span:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .4rem;
  height: 0.4rem;
  border: 0.125rem solid #cccccc;
  border-radius: 50%;
  box-sizing: border-box;
}

.his-bots-swiper .hisswiper-tops {
  background-color: #004EA2;
  color: #fff;
}
.his-bots-swiper .hisswiper-tops .swiper-slide {
  width: auto;
  padding: 0 1.45rem;
  position: relative;
  cursor: pointer;
}
.his-bots-swiper .hisswiper-tops .swiper-slide.active {
  color: #F7931D;
}
.his-bots-swiper .hisswiper-tops .swiper-slide:nth-child(1):before {
  display: none;
}
.his-bots-swiper .hisswiper-tops .swiper-slide:before {
  position: absolute;
  content: "";
  width: .85rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
  left: -.425rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.his-bots-swiper .hisswiper-tops .swiper-slide:nth-child(1) {
  padding-left: 0;
}
.his-bots-swiper .hisswiper-tops .swiper-slide:last-child {
  padding-right: 0;
}
.his-bots-swiper .hisswiper-tops .span {
  height: 2.5rem;
  line-height: 2.5rem;
}
.his-bots-swiper .c-swiper {
  position: relative;
}
.his-bots-swiper .hisswiper-bots {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 2.8rem;
}
.his-bots-swiper .hisswiper-bots .swiper-container {
  overflow: visible;
}

.his-bots-swiper .hisswiper-bots .swiper-slide{
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
  position: relative;

}
.his-bots-swiper .hisswiper-bots .swiper-slide img{
  opacity: .09;
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.his-bots-swiper .hisswiper-bots .swiper-slide-active img{
  -webkit-filter: grayscale(0);
  /* Chrome, Safari, Opera */
  filter: grayscale(0);
  opacity: 1;
}
.his-bots-swiper .hisswiper-bots .swiper-slide-prev {
  flex-direction: row-reverse;
}
.his-bots-swiper .hisswiper-bots .imgs:before{
	opacity: 0;
}
.his-bots-swiper .hisswiper-bots .swiper-slide-active .imgs:before{
	opacity: 1;
}
.his-bots-swiper .hisswiper-bots .swiper-button-prev, .his-bots-swiper .hisswiper-bots .swiper-button-next {
  width: .75rem;
  height: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: none;
}
.his-bots-swiper .hisswiper-bots .swiper-button-prev {
  left: -80px;
}
.his-bots-swiper .hisswiper-bots .swiper-button-next {
  right: -80px;
}
.his-bots-swiper .hisswiper-bots .imgs {
  width: 48%;
  overflow: hidden;
  position: relative;
}
.his-bots-swiper .hisswiper-bots .imgs:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/221.png) no-repeat center bottom;
  background-size: 100%;
  z-index: 2;
}
.his-bots-swiper .hisswiper-bots .words {
  padding: 1.4rem 1.5rem;
  width: 52%;
  padding-left: 1.3rem;
  overflow-y: auto;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.his-bots-swiper .hisswiper-bots .words .tits {
  line-height: 1;
  font-weight: bold;
}

.his-bots-swiper .hisswiper-bots .swiper-slide .imgs .nian{
  font-weight: bold;
}
.his-bots-swiper .hisswiper-bots .words .text {
  line-height: 1.75;
  color: #666666;
  margin-top: .75rem;
}

.services01-itemsbox {
  align-items: stretch;
}
.services01-itemsbox .items {
  width: 48.75%;
  margin-left: 2.5%;
  /*height: (355vw*100/1920);*/
  padding: 1.55rem 1.625rem;
  background-position: right bottom;
}
.services01-itemsbox .items:nth-child(2n+1) {
  margin-left: 0;
}
.services01-itemsbox .items .tits {
  line-height: 1.25;
  color: #333;
}
.services01-itemsbox .items .txts {
  margin-top: .6rem;
  color: #004EA2;
}
.services01-itemsbox .items .txts.tit-24 {
  line-height: 2;
}
.services01-itemsbox .items .txts.tit-36 {
  line-height: 1.6;
}

.services02-list {
  padding-bottom: 10vw;
  background-position: center bottom;
}

.services02-swiperlist .swiper-wrapper {
  padding-bottom: 10px;
}
.services02-swiperlist .li {
  width: 32%;
  background-color: #fff;
  margin-right: 2%;
  padding: 0 .5rem;
  text-align: center;
  padding-top: 1.3rem;
  padding-bottom: 1.75rem;
  box-shadow: 0 5px 10px 1px rgba(0, 102, 153, 0.2);
  height: auto;
}
.services02-swiperlist .li:last-child {
  margin-right: 0;
}
.services02-swiperlist .swiperwidth {
  width: 2%;
}
.services02-swiperlist .imgs {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #EAEFF5;
}
.services02-swiperlist .tits {
  margin-top: .45rem;
  margin-bottom: .75rem;
  line-height: 1;
  color: #333333;
}
.services02-swiperlist .txts {
  color: #666666;
  line-height: 2.22;
}
.services02-swiperlist .imgs2 {
  width: 3.975rem;
  height: 3.975rem;
  margin: 0 auto;
}
.services02-swiperlist .txts2 {
  margin-top: .2rem;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666666;
}
.services02-swiperlist .services02-swiper02 .li {
  padding-top: .8rem;
  padding-bottom: 1rem;
}

.services03-list .items-list .items:nth-child(n+2) {
  margin-top: .55rem;
}
.services03-list .items-list .items-tops {
  height: 2.2rem;
  line-height: 2.2rem;
  border: 1px solid #cccccc;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-right: 1.75rem;
  padding-left: 1rem;
  position: relative;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.services03-list .items-list .items-tops.active {
  color: #fff;
  background-color: #004EA2;
}
.services03-list .items-list .items-tops.active:before {
  background: url(../img/16.png) no-repeat center;
  background-size: 100%;
}
.services03-list .items-list .items-tops:before {
  position: absolute;
  content: "";
  width: .7rem;
  height: .7rem;
  right: .9rem;
  top: 0;
  bottom: 0;
  background: url(../img/15.png) no-repeat center;
  background-size: 100%;
  margin: auto;
  transition: .5s ease-in-out;
}
.services03-list .items-list .text {
  border: 1px solid #cccccc;
  border-top: none;
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
  padding: .6rem 1.25rem;
  padding-bottom: 1rem;
  line-height: 1.75;
  color: #666666;
  display: none;
}

.h95 {
  height: 95px;
  line-height: 95px;
}

.products-titles {
  height: 3rem;
  position: relative;
  z-index: 3;
  margin-top: -1rem;
  background-color: #fff;
  box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.18);
}
.products-titles .swiper-slide {
  padding: 0 1.5rem;
  width: auto;
}
.products-titles .swiper-slide.active .li {
  color: #004EA2;
  transition: .5s ease-in-out;
}
.products-titles .swiper-slide.active .li:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.products-titles .swiper-slide.active .li .imgs img {
  opacity: 1;
  filter: none;
  transition: .5s ease-in-out;
}
.products-titles .li {
  height: 3rem;
  line-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #333333;
  padding: 0 .3rem;
  transition: .5s ease-in-out;
  position: relative;
}
.products-titles .li:before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #ff9933;
  opacity: 0;
  transition: .5s ease-in-out;
}
.products-titles .li .imgs {
  width: .85rem;
  height: .85rem;
  margin: 0 auto;
}
.products-titles .li .imgs img {
  display: block;
  filter: brightness(0);
  opacity: .5;
}
.products-titles .li .tits {
  line-height: 1;
  margin-top: .2rem;
}
.products-titles.onac .swiper-wrapper {
  justify-content: center;
}

.products-listbox .products-inputs {
  margin-top: 1.3rem;
  margin-bottom: .95rem;
}

.cons-inputs.on input[type=text] {
  background-color: transparent;
  border: 1px solid  #cccccc;
}

.products-list {
  padding-bottom: 3.2rem;
}
.products-list .items-list {
  padding-bottom: 1.95rem;
}
.products-list .items {
  border: 1px solid #F4F4F4;
  box-shadow: 0px 10px 5px 0px rgba(51, 51, 51, 0.15);
}
.products-list .items:nth-child(n+2) {
  margin-top: .8rem;
}
.products-list .items .images {
  width: 40%;
}
.products-list .items .words {
  width: 60%;
  padding: 1rem 2rem;
}
.products-list .items .tits {
  line-height: 1.36;
  height: 1.36em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.products-list .items .txts {
  line-height: 1.875;
  height: 3.75em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .5rem;
  margin-bottom: 1rem;
  color: #666;
}

.products-box .newsinfo-title {
  padding-top: 0.625rem;
  padding-bottom: 0.5rem;
}

.pre {
  position: relative;
}

.productstops02-swiperbox .productstops02-swiper .swiper-button-next, .productstops02-swiperbox .productstops02-swiper .swiper-button-prev {
  display: none;
}

.productstops02-swiperbox .productstops02-swiper {
  position: relative;
}
.productstops02-swiperbox .productstops02-swiper .swiper-button-prev, .productstops02-swiperbox .productstops02-swiper .swiper-button-next {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
}
.productstops02-swiperbox .productstops02-swiper .swiper-button-prev {
  left: -2rem;
}
.productstops02-swiperbox .productstops02-swiper .swiper-button-next {
  right: -2rem;
}

.products-tops .swiper-pagination {
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1rem;
}
.products-tops .newsinfo-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.products-tops .productstops02-swiperbox {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  padding-top: 6.9791666667vw;
}
.products-tops .productstops02-swiperbox .tits {
  text-align: center;
}
.products-tops .bg {
  object-fit: cover;
  height: 39.0625vw;
}
.products-tops .productstops02-swiper {
  width: 430px;
  margin: 0 auto;
  margin-top: .85rem;
}
.products-tops .productstops02-swiper .swiper-slide {
  width: 130px;
  cursor: pointer;
  transition: .5s ease-in-out;
  opacity: .8;
  border: 1px solid #cccccc;
}
.products-tops .productstops02-swiper .swiper-slide.active {
  border: 1px solid #004EA2;
  opacity: 1;
  transition: .5s ease-in-out;
  box-shadow: -6px 6px 15px 0 rgba(0, 78, 162, 0.2);
}

.productstops02-swiper .swiper-container{
	padding-bottom: 10px;
}

.con-header.fixed .bocweb-header {
  position: fixed !important;
}

body.bodyinfo .con-header {
  position: relative;
}

.products-botslist .txts {
  color: #666666;
  line-height: 1.875;
}
.products-botslist .tits {
  line-height: 1;
}
.products-botslist .line {
  margin: 0 auto;
  margin-top: .45rem;
  margin-bottom: .375rem;
  height: 4px;
  width: 1.05rem;
  background-color: #F7931D;
}
.products-botslist .itembox1 {
  background-color: #EBF1F8;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.products-botslist .itembox2 {
  background: #F3F4F9;
  padding-top: 1rem;
  padding-bottom: 1.7rem;
}
.products-botslist .itembox3 {
  padding-top: 1.2rem;
  padding-bottom: .9rem;
}
.products-botslist .itembox3 .txts {
  width: 454px;
  margin: 0 auto;
}
.products-botslist .itembox4 {
  background: #F6F6F6;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
.products-botslist .itembox4 table {
  width: 100%;
}
.products-botslist .itembox4 .line {
  margin-bottom: 1.05rem;
}
.products-botslist .itembox4 thead {
  background-color: #004EA2;
  color: #fff;
  text-align: center;
}
.products-botslist .itembox4 thead td {
  height: 88px;
  padding: 5px;
}
.products-botslist .itembox4 td {
  border: 1px solid #004EA2;
}
.products-botslist .itembox4 .td1 {
  width: 22%;
}
.products-botslist .itembox4 .td2 {
  width: 39%;
  border-left: 1px solid #cccccc;
}
.products-botslist .itembox4 .td3 {
  width: 39%;
  border-left: 1px solid #cccccc;
}
.products-botslist .itembox4 tbody td {
  border-color: #cccccc;
  padding: 5px;
  padding-left: 1.5rem;
  height: 75px;
  color: #666666;
}
.products-botslist .itembox5 {
  padding-top: 1.375rem;
  padding-bottom: 3.65rem;
}
.products-botslist .itembox5 .line {
  margin-bottom: .8rem;
}
.products-botslist .itembox5 .klist .li {
  padding: 0 .9rem;
  border-bottom: 1px dashed #cccccc;
  padding-top: .5rem;
  padding-bottom: .5rem;
  line-height: 2;
  color: #333333;
}
.products-botslist .itembox5 .klist .li:nth-child(1) {
  border-top: 1px dashed #cccccc;
}

.products-tops .productstops02-swiperbox .tits {
  line-height: 1.2;
}

.innovates-box .list .items .txts {
  color: #666;
}

.cons-more span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 1;
  cursor: pointer;
  padding-right: 0.7rem;
  color: #004EA2;
}
.cons-more span:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background: url(../img/5.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.kmore span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #004EA2;
  line-height: 1;
  padding-right: 22px;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.kmore span:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/21.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.abouts-list-01 {
  padding-top: 3rem;
}
.abouts-list-01 .words, .abouts-list-01 .images {
  width: 50%;
}
.abouts-list-01 .images {
  padding-left: 1.45rem;
  padding-top: 1.75rem;
}
.abouts-list-01 .text {
  color: #666666;
  line-height: 1.75;
  height: 24.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
  overflow: hidden;
  text-indent: 2em;
}
.abouts-list-01 .text.active {
  /*height: auto;*/
  overflow: auto;
  padding-right: 1em;
  display: block;
}
.abouts-list-01 ::-webkit-scrollbar {
  width: 3px;
  height: 3px; }


.abouts-list-01 ::-webkit-scrollbar-thumb {
  background: #F7931D; }

.abouts-list-01 ::-webkit-scrollbar-thumb:window-inactive {
  background: #F7931D; }

.abouts-list-01 ::-webkit-scrollbar-thumb:vertical:hover {
  background: #F7931D; }

.abouts-list-01 .text {

}
.abouts-list-01 .kmore {
  margin-top: 2rem;
}
.abouts-list-01 .words {
  justify-content: flex-end;
}
.abouts-list-01 .words .box {
  margin: 0;
}
.abouts-list-01 .imgs {
  margin-top: 1.35rem;
  overflow: hidden;
  overflow: hidden;
}
.abouts-list-01 .imgs img {
  transition: .5s ease-in-out;
}
.abouts-list-01 .numbers-list {
  width: 66%;
  justify-content: space-between;
}
.abouts-list-01 .numbers-list .span {
  line-height: 1.7;
  color: #999999;
}
.abouts-list-01 .numbers-list .num {
  line-height: 1;
  margin-bottom: .1rem;
}
.abouts-list-01 .numbers-list .num span {
  font-weight: bold;
}
.abouts-list-01 .numbers-list .num sub {
  line-height: 1;
  font-size: 60%;
  bottom: 0;
}
.abouts-list-01 .txts {
  line-height: 1.428;
  margin-top: .45rem;
  margin-bottom: 1rem;
}
.abouts-list-01 .txts span {
  color: #004EA2;
}

.abouts-list-02 {
  padding-top: 1.875rem;
  padding-bottom: 2.25rem;
  position: relative;
}
.abouts-list-02 .imgsbg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 63.3%;
  pointer-events: none;
}
.abouts-list-02 .box {
  position: relative;
  z-index: 3;
}
.abouts-list-02 .swipers {
  margin-top: 1.15rem;
}
.abouts-list-02 .swiper-wrapper {
  padding: 5px 0;
}
.abouts-list-02 .items {
  width: 18.75%;
  margin-right: 1.5625%;
  padding: 2px;
  height: auto;
}
.abouts-list-02 .items .box {
  padding: .8rem .7rem .7rem .75rem;
  /*padding:.8rem .7rem .7rem 1.2rem;*/
  padding-bottom: 1.3rem;
  /*padding-bottom: 3.3rem;*/
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}



.abouts-list-02 .items:last-child {
  margin-right: 0;
}
.abouts-list-02 .tits {
  line-height: 1.8;
  color: #333333;
}
.abouts-list-02 .tits.lin1{
  line-height: 1;
}
.abouts-list-02 .txts {
  line-height: 1.66;
  height: 8.3em;
  color: #666666;
  margin-top: .1rem;
}
.abouts-list-02 .imgs {
  width: 2rem;
  height: 2rem;
  border: 1px solid #cccccc;
  position: absolute;
  right: .7rem;
  bottom: .7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.abouts-list-02 .imgs img{
  max-width: 50%;
}

.abouts-list-05swiper .items {
  width: calc((100% - .5rem)/2);
  margin-right: .5rem;
  box-shadow: 0 0 0.5rem 1px rgba(0, 0, 0, 0.2);
  position: relative;
}
.abouts-list-05swiper .items:last-child {
  margin-right: 0;
}
.abouts-list-05swiper .items .images {
  width: 47.17%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.abouts-list-05swiper .items .images img {
  transition: .5s ease-in-out;
  height: 100%;
}
.abouts-list-05swiper .items .words {
  width: 52.83%;
  padding: 1rem 1.3rem 1rem 1.25rem;
}
.abouts-list-05swiper .items .tits {
  line-height: 1.636em;
  height: 1.636em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333;
}
.abouts-list-05swiper .items .txts {
  line-height: 1.875;
  height: 5.625em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #666666;
  margin-top: .375rem;
  margin-bottom: 1rem;
}

.abouts-list-05 {
  padding-top: 4.6875vw;
  padding-bottom: 8.3333333333vw;
}
.abouts-list-05 .abouts-list-05swiper {
  margin-top: 2.9166666667vw;
}
.abouts-list-05 .swiper-container {
  padding: 1px;
  padding-bottom: .5rem;
  padding-top: 1px;
}

.abouts05-titles {
  justify-content: space-between;
  align-items: flex-end;
}
.abouts05-titles .button {
  position: relative;
  bottom: -.35rem;
  font-size: 0;
}
.abouts05-titles .button .swiper-button-next {
  margin-left: .2rem;
}

.abouts-info .aboutsinfo-titles {
  padding-top: .65rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #cccccc;
}

.abouts-titles-01 {
  /*border-bottom: 1px solid #cccccc;*/
  position: relative;
}
.abouts-titles-01:before {
  width: 100%;
  height: 1px;
  bottom: 1px;
  background-color: #cccccc;
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
}
.abouts-titles-01.onac .swiper-wrapper {
  justify-content: center;
}
.abouts-titles-01 .li {
  height: 2.5rem;
  line-height: 2.5rem;
  position: relative;
  padding: 0 1.1rem;
  color: #666666;
  width: auto;
  cursor: pointer;
  overflow: hidden;
}
.abouts-titles-01 .li.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.abouts-titles-01 .li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #F7931D;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
}
.abouts-titles-01 .li span {
  display: block;
  transition: .5s ease-in-out;
}
.abouts-titles-01 .li.active span {
  transform: scale3d(1.22, 1.22, 1);
  color: #004EA2;
  transition: .5s ease-in-out;
}

.abouts-listinfo {
  padding-top: 2.125rem;
}
.abouts-listinfo .words, .abouts-listinfo .images {
  width: 50%;
  position: relative;
  z-index: 2;
}
.abouts-listinfo .images{
  position: relative;
}
.abouts-listinfo .images .swiper-pagination{
  margin:0;
  position: absolute;
  bottom: .8rem;
  left: 0;
  padding: 0 1rem;
  justify-content: flex-start;
}
.abouts-listinfo .list {
  position: relative;
}
.abouts-listinfo .imgbg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.abouts-listinfo .list:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.abouts-listinfo .words {
  padding-top: 1rem;
  padding-bottom: .5rem;
}
.abouts-listinfo .text {
  line-height: 1.75;
  color: #666666;
  margin-top: .8rem;
  text-indent: 2em;
}
.abouts-listinfo .con-tits {
  line-height: 1.2;
  color: #333333;
}
.abouts-listinfo .list1 .words {
  padding-right: 3rem;
}
.abouts-listinfo .list1 .imgbg {
  top: 3.125vw;
  left: 17.1875vw;
  width: 96315.7894736842vw;
}
.abouts-listinfo .list2 {
  margin-top: 1.45rem;
  display: block;
  margin-bottom: .95rem;
}
.abouts-listinfo .list2 .words {
  padding: 1.6rem 2.25rem 1.75rem 1.75rem;
  position: absolute;
  right: 0;
  z-index: 3;
  top: 0;
  width: calc(50% + 1.75rem);
  background-color: #fff;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.15);
  max-height: 95%;
  overflow-y: auto;
}
.abouts-listinfo .list2 .imgbg {
  bottom: -0.95rem;
  right: calc(50% - 3.1rem);
  width: 56.4583333333vw;
}
.abouts-listinfo .list3 .words {
  padding-top: 2.35rem;
  padding-right: 3rem;
}
.abouts-listinfo .list4 {
  display: block;
}
.abouts-listinfo .list4 .words {
  margin-top: 3.6rem;
  width: calc(50% + 70px);
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 3;
  background-color: #004EA2;
  color: #fff;
  padding: 2rem 2.2rem 1.5rem 1.75rem;
  max-height: 100%;
  overflow-y: auto;
}
.abouts-listinfo .list4 .words .con-tits, .abouts-listinfo .list4 .words .text {
  color: #fff;
}

.abouts-list-bots-icon {
  margin-top: 4.75rem;
}
.abouts-list-bots-icon img {
  display: block;
  width: 100%;
}

.abouts-list-bots {
  background-color: rgba(51, 51, 51, 0.05);
  padding-bottom: 7.9166666667vw;
  padding-top: 4.6875vw;
}
.abouts-list-bots .abouts-list-bots-titles {
  justify-content: space-between;
  align-items: flex-end;
}
.abouts-list-bots .button {
  font-size: 0;
}
.abouts-list-bots .tits {
  line-height: 1;
}
.abouts-list-bots .abouts-list-bots-titles .swiper-button-next {
  margin-left: .2rem;
}
.abouts-list-bots .swiperbox {
  margin-top: .95rem;
}
.abouts-list-bots .imgs {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #004EA2;
}
.abouts-list-bots .li {
  width: 31.875%;
  margin-right: 2.1875%;
  background-color: #fff;
  padding: 1.05rem 1.05rem .9rem 1.2rem;
}
.abouts-list-bots .li:last-child {
  margin-right: 0;
}
.abouts-list-bots .box {
  position: relative;
  padding-left: 2.5rem;
}
.abouts-list-bots .box .imgs {
  position: absolute;
  left: 0;
  top: 0;
}
.abouts-list-bots .box .titbox {
  height: 1.8rem;
  padding-top: 2px;
}
.abouts-list-bots .box .tits {
  line-height: 1.36;
  height: 1.36em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.abouts-list-bots .box .txts {
  line-height: 1;
  margin-top: .3rem;
  color: #333333;
}
.abouts-list-bots .box .link {
  margin-top: 1.25rem;
  line-height: 1;
  text-align: right;
}
.abouts-list-bots .box .link span {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #cccccc;
  line-height: 1rem;
  height: 1rem;
  border-radius: 1rem;
  padding: 0  .75rem;
  padding-right: 1.25rem;
  color: #666666;
  position: relative;
}
.abouts-list-bots .box .link span:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 15px;
  right: .65rem;
  top: 0;
  bottom: 0;
  background: url(../img/see.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}

.abouts-info {
  overflow: hidden;
}

.strengthsinfo-list {
  background: #F6F6F6;
}
.strengthsinfo-list .newsinfo-title {
  margin-bottom: 0;
  padding-top: .45rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #cccccc;
}

.strengthsinfo-titles {
  padding-top: .9rem;
  padding-bottom: 1.3rem;
  line-height: 1.43;
}

.strengthsinfo-list-01 {
  padding-top: 1.3rem;
  padding-bottom: 1.8rem;
  border-top: 1px solid #cccccc;
  position: relative;
  background-color: #fff;
}
.strengthsinfo-list-01 .box {
  position: relative;
}
.strengthsinfo-list-01 .tits {
  left: 0;
  top: 0;
  line-height: 1;
  position: absolute;
}
.strengthsinfo-list-01 .images {
  justify-content: space-between;
  align-items: flex-end;
}
.strengthsinfo-list-01 .images .img1 {
  padding-top: 1.1em;
  width: 51.25%;
}
.strengthsinfo-list-01 .images .img2 {
  width: 20.3%;
}
.strengthsinfo-list-01 .images .img2 img {
  border: 1px solid #cccccc;
}
.strengthsinfo-list-01 .images .img2 img:nth-child(n+2) {
  margin-top: .5rem;
}
.strengthsinfo-list-01 .images img {
  display: block;
}

.strengthsinfo-list-02 {
  align-items: stretch;
}
.strengthsinfo-list-02 .images {
  position: relative;
  width: 45.3%;
}
.strengthsinfo-list-02 .images img {
  height: 100%;
}
.strengthsinfo-list-02 .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: url(../img/110.png) no-repeat bottom center;
  background-size: cover;
  z-index: 2;
}
.strengthsinfo-list-02 .words {
  width: 54.7%;
  background: #F6F6F6;
}
.strengthsinfo-list-02 .words .box {
  margin: 0;
  padding: 1.625rem 2.25rem;
  padding-right: 0;
}
.strengthsinfo-list-02 .words .tits {
  line-height: 1.56;
  color: #333333;
}
.strengthsinfo-list-02 .words .text {
  margin-top: .9rem;
  line-height: 1.5;
  max-height: 22.5em;
  padding-right: 5px;
  overflow-y: auto;
}

.strengthsinfo-list-03 {
  background-color: #fff;
  padding-top: 3.2291666667vw;
  padding-bottom: 5.4166666667vw;
}
.strengthsinfo-list-03 .itembox {
  margin-top: 2.2916666667vw;
}
.strengthsinfo-list-03 .items {
  border: 1px solid #D2D2D2;
  background-color: #fff;
}
.strengthsinfo-list-03 .items:nth-child(2n+1) {
  background: #F6F6F6;
  border: 1px solid #D2D2D2;
}
.strengthsinfo-list-03 .items:nth-child(n+2) {
  margin-top: .3rem;
}
.strengthsinfo-list-03 .items-bots {
  padding-left: 2.5rem;
  padding-right: .8rem;
  padding-bottom: 1.4rem;
  line-height: 1.75;
  margin-top: -.75rem;
  color: #666666;
}
.strengthsinfo-list-03 .items-tops {
  position: relative;
  padding: .7rem .8rem .75rem 2.5rem;
  color: #333333;
  min-height: 2.2rem;
}
.strengthsinfo-list-03 .items-tops .txts {
  line-height: 1.875;
}
.strengthsinfo-list-03 .items-tops .span {
  position: absolute;
  left: .7rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  line-height: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #004EA2;
  color: #fff;
  text-align: center;
}

.services04-list {
  padding-top: 2rem;
  padding-bottom: 3.85rem;
}
.services04-list .swiperbox {
  margin-top: .9rem;
}
.services04-list .swiper-pagination {
  margin-top: .7rem;
}
.services04-list .libox .li {
  border: 1px solid rgba(153, 153, 153, 0.25);
  overflow: hidden;
  width: 19.875%;
  margin-left: .15625%;
  margin-bottom: .15625%;
  height: 7.8125vw;
  background-color: #fff;
  display: flex;
      align-items: center;
    justify-content: center;

}
.services04-list .libox .li img {
  max-width: 70%;
  max-height: 80%;
  height: auto;
  object-fit:contain;
  background-color: #fff;
}
.services04-list .libox .li:nth-child(5n+1) {
  margin-left: 0;
}
.services04-list .libox .li img {
  transition: .5s ease-in-out;
}

.services05-list {
  position: relative;
  z-index: 3;
  margin-top: -2.25rem;
  background-color: #fff;
  padding: 1.25rem 1.6rem 0 2rem;
  padding-bottom: 2.65rem;
}
.services05-list .ctits {
  line-height: 1;
  color: #004EA2;
  margin-bottom: .9rem;
}
.services05-list .forms .tits,
.services05-list .forms input {
  width: 100%;
  height: 1.45rem;
  line-height: 1.45rem;
  background: transparent;
}
.services05-list .forms input {
  text-indent: 4em;
}
.services05-list .forms .t5 input, .services05-list .forms .t5 textarea {
  text-indent: 6em;
}
.services05-list .forms textarea {
  background: transparent;
  resize: none;
  height: 5.75rem;
  width: 100%;
  line-height: 1.5;
  padding: 8px 0;
  padding-left: 6em;
  text-indent: 0 !important;
}
.services05-list .forms .inputs {
  width: 32.7%;
  margin-left: 0.95%;
  position: relative;
  margin-bottom: .35rem;
  padding: 0 .5rem;
  background: #F5F5F5;
}
.services05-list .forms .inputs .tits {
  position: absolute;
  left: .5rem;
  top: 0;
  padding-left: 1em;
  width: auto;
}
.services05-list .forms .inputs .tits span {
  position: absolute;
  left: 0;
  top: 0;
  color: #cc0000;
}
.services05-list .forms .inputs:nth-child(3n+1) {
  margin-left: 0;
}
.services05-list .forms .inputs.w100 {
  width: 100%;
  margin-left: 0;
}
.services05-list .forms .submit {
  justify-content: space-between;
  background: transparent;
  padding-left: 0;
}
.services05-list .forms .submit .input-box {
  position: relative;
}
.services05-list .forms .submit .input-box input {
  border: 1px solid #cccccc;
  width: 10rem;
  text-indent: 0;
  padding: 0 .65rem;
}
.services05-list .forms .submit .input-box img {
  position: absolute;
  left: calc(100% + .5rem);
  height: 1.45rem;
}
.services05-list .forms .submit-right {
  width: 5.5rem;
}
.services05-list .forms .submit-right input {
  width: 100%;
  display: block;
  color: #fff;
  background-color: #004EA2;
  text-indent: 0;
  text-align: center;
  padding: 0;
}

.services02-swiperlist .swiper-wrapper {
  padding-top: 5px;
}

.wel-list-04 {
  align-items: stretch;
}
.wel-list-04 img {
  height: 100%;
}
.wel-list-04 .words, .wel-list-04 .images {
  width: 50%;
  overflow: hidden;
  color: #fff;
}
.wel-list-04 .words {
  padding: 5.2083333333vw 0 0.5rem 7.5520833333vw;
}
.wel-list-04 .box {
  margin: 0;
}
.wel-list-04 .txts {
  margin-top: .2rem;
  margin-bottom: .65rem;
  line-height: 1.3;
}
.wel-list-04 .tits {
  line-height: 1.36;
}
.wel-list-04 .text {
  line-height: 1.8;
}
.wel-list-04 .moresbox {
  margin-top: 1.2rem;
  align-items: flex-start;
  justify-content: flex-end;
}

.wel-list-03 {
  padding-top: 2.25rem;
}
.wel-list-03 .imgs {
  overflow: hidden;
}
.wel-list-03 .wel-newslist {
  margin-top: 1rem;
  align-items: stretch;
  position: relative;
}
.wel-list-03 .wel-newslist-left {
  width: 66.66%;
}
.wel-list-03 .wel-newslist-left .time {
  margin-top: 1.125rem;
  position: relative;
  color: #333333;
  line-height: 1;
  margin-bottom: .55rem;
  padding: 0 .25rem;
  position: relative;
}
.wel-list-03 .wel-newslist-left .time:before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/1.png) #004EA2 no-repeat center;
  background-size: 100%;
  border-radius: 50%;
}
.wel-list-03 .wel-newslist-left .line {
  height: 4px;
  width: 100%;
  background-color: #666666;
  position: relative;
  margin-bottom: .65rem;
}
.wel-list-03 .wel-newslist-left .line:before, .wel-list-03 .wel-newslist-left .line:after {
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel-list-03 .wel-newslist-left .line:before {
  background-color: #004EA2;
}
.wel-list-03 .wel-newslist-left .line:after {
  width: 38.5%;
  background-color: #F7931D;
}
.wel-list-03 .wel-newslist-left .items {
  width: 50%;
  border: 1px solid rgba(102, 102, 102, 0.55);
  border-left: none;
  padding: 2.9166666667vw 3.125vw 3.125vw 3.125vw;
}
.wel-list-03 .wel-newslist-left .items .tits {
  color: #333333;
  line-height: 1.8;
  height: 7.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.wel-list-03 .wel-newslist-right {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  width: 33.34%;
  padding: 2.3958333333vw 4.1666666667vw 2.0833333333vw 3.3854166667vw;
  border-top: 1px solid rgba(102, 102, 102, 0.55);
  border-bottom: 1px solid rgba(102, 102, 102, 0.55);
  overflow-y: auto;
}
.wel-list-03 .wel-newslist-right .tits {
  color: #333333;
  line-height: 1.8;
  max-height: 3.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-list-03 .wel-newslist-right .txts {
  line-height: 1;
  margin-top: .45rem;
  color: rgba(51, 51, 51, 0.5);
}
.wel-list-03 .wel-newslist-right .items {
  display: block;
}
.wel-list-03 .wel-newslist-right .items:nth-child(n+2) {
  margin-top: 1.1rem;
}

.his-tops-swiper .swiper-slide.active .span {
  color: #004EA2;
}
.his-tops-swiper .swiper-slide.active .btn:before {
  background: #004EA2;
}
.his-tops-swiper .swiper-slide.active .btn span:before {
  border-color: #004EA2;
}
.his-tops-swiper .swiper-slide.active .span, .his-tops-swiper .swiper-slide.active .btn:before, .his-tops-swiper .swiper-slide.active .btn span:before {
  transition: .5s ease-in-out;
}
.his-tops-swiper .swiper-slide .span, .his-tops-swiper .swiper-slide .btn:before, .his-tops-swiper .swiper-slide .btn span:before {
  transition: .5s ease-in-out;
}

.services05-list .forms textarea {
  padding-top: .45rem;
}

.welpro-titles {
  margin-top: .8rem;
  margin-bottom: 1.2rem;
  position: relative;
}
.welpro-titles:before {
  content: "";
  width: 100%;
  left: 0;
  border-top: 1px dashed #cccccc;
  height: 1px;
  position: absolute;
  top: 1.925rem;
}
.welpro-titles .swiper-slide {
  width: auto;
  padding: 0 2.625rem;
}
.welpro-titles .swiper-slide:nth-child(1) {
  padding-left: 0;
}
.welpro-titles .swiper-slide:last-child {
  padding-right: 0;
}
.welpro-titles .swiper-slide .li {
  cursor: pointer;
}
.welpro-titles .swiper-slide img {
  filter: brightness(0);
  opacity: .5;
}
.welpro-titles .swiper-slide.active .tits {
  color: #004EA2;
}
.welpro-titles .swiper-slide.active img {
  opacity: 1;
  filter: none;
  transition: .5s ease-in-out;
}
.welpro-titles .swiper-slide.active .qiu {
  transition: .5s ease-in-out;
}
.welpro-titles .swiper-slide.active .qiu:before {
  top: .9rem;
  border-color: #004EA2;
  transition: .5s ease-in-out;
  background: #004EA2;
  transition: .5s ease-in-out;
}
.welpro-titles .swiper-slide .qiu {
  height: 1.75rem;
  width: 1px;
  margin: 0 auto;
  position: relative;
}
.welpro-titles .swiper-slide .qiu:before {
  position: absolute;
  content: "";
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  border: 4px solid #666666;
  box-sizing: border-box;
  top: .125rem;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s ease-in-out;
}
.welpro-titles .swiper-slide .tits {
  line-height: 1.36;
  color: #333333;
  height: 1.36em;
}
.welpro-titles .imgs {
  width: .85rem;
  height: .85rem;
  margin: 0 auto;
}
.welpro-titles.onac .swiper-wrapper {
  justify-content: center;
}

.welpro-botlist {
  position: relative;
}
.welpro-botlist .images {
  position: relative;
}
.welpro-botlist .images:before {
  z-index: 1;
  width: 100%;
  position: absolute;
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
}
.welpro-botlist .items {
  position: relative;
}
.welpro-botlist .items .words {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  top: 9.375vw;
  color: #fff;
}
.welpro-botlist .items .txts {
  margin-top: .85rem;
  margin-bottom: 1.2rem;
  line-height: 1.78;
  height: 1.78em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.welpro-botlist .items .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: .95rem;
  max-width: 30em;
  line-height: 1.75;
  height: 5.25em;
}
.welpro-botlist .items .span {
  line-height: 1;
  padding-right: 2rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.welpro-botlist .items .span img {
  width: 1.15rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.wel-list-01 {
  padding: 0 4.1666666667vw;
  padding-top: 6.4583333333vw;
  padding-bottom: 6.0416666667vw;
}
.wel-list-01 .numbers-list {
  margin-top: 5.2083333333vw;
}
.wel-list-01 .numbers-list .li {
  width: 25%;
  position: relative;
  text-align: center;
}
.wel-list-01 .numbers-list .li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.5rem;
  left: 0;
  top: .35rem;
  background-color: #cccccc;
}
.wel-list-01 .numbers-list .li:nth-child(1):before {
  opacity: 0;
}
.wel-list-01 .numbers-list .li span {
  line-height: .7;
  display: block;
}
.wel-list-01 .numbers-list .li .span {
  margin-top: .4rem;
  line-height: 1.55;
}
.wel-list-01 .numbers-list .num {
  line-height: 1;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.wel-list-01 .numbers-list .num sub {
  line-height: 1;
}

.wel-list-01 .numbers-list .num span{
	font-weight: bold;
}

.wel-list-01 {
  position: relative;
}
.wel-list-01:before {
  pointer-events: none;
  content: "";
  width: 60.78125vw;
  height: 30.7291666667vw;
  position: absolute;
  right: 5vw;
  top: 4.4791666667vw;
  background: url(../img/map.png) no-repeat center;
  background-size: 100%;
  z-index: 0;
}
.wel-list-01 .box {
  position: relative;
  z-index: 2;
}
.wel-list-01 .words {
  padding: 3.3854166667vw 4.1666666667vw 1rem 6.9791666667vw;
}
.wel-list-01 .words .txts {
  margin-top: .65rem;
  margin-bottom: .5rem;
  max-width: 28em;
}
.wel-list-01 .words .text {
  margin-bottom: 1.05rem;
  text-indent: 2em;
}
.wel-list-01 .words .strengths01-more {
  padding: 0;
}
.wel-list-01 .words .tits {
  line-height: 1.43;
}
.wel-list-01 .words .tits span {
  color: #004EA2;
}
.wel-list-01 .words .txts {
  color: #666666;
  line-height: 1.66;
  height: 3.32em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-list-01 .words .txts span {
  color: #004EA2;
}
.wel-list-01 .words .text {
  color: #666666;
  line-height: 1.75;
  /*height: 5.25em;*/
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 3;*/
  /*overflow: hidden;*/
}
.wel-list-01 .images {
  position: relative;
  cursor: pointer;
}
.wel-list-01 .images:before {
  z-index: 2;
  position: absolute;
  content: "";
  width: 1.9rem;
  height: 1.9rem;
  left: 50%;
  top: 10.6770833333vw;
  transform: translateX(-50%);
  background: url(../img/v.png) no-repeat center;
  background-size: 100%;
}
.wel-list-01 .box .images, .wel-list-01 .box .words {
  width: 50%;
}

.wel-list-01 .box .images.on{
  cursor: auto;
}

.wel-list-01 .box .images.on:before{
  display: none;
}

.services02-text{
  padding-top: .9rem;
  padding-bottom: .8rem;
  line-height: 2;
  color: #666666;
  max-width: 54em;
}
@media screen and (min-width: 1025px) {
  .joins04-list-bottoms .items-bots-bots .txts{
    width: 85%;
  }
	.services01-itemsbox .items .txts,
	.services01-itemsbox .items .tits{
		transition:.5s ease-in-out;
	}
	.services01-itemsbox .items:hover .txts,
	.services01-itemsbox .items:hover .tits{
		transition:.5s ease-in-out;
		color: #F7931D;

	}
  .services01-itemsbox .items{
    min-height: 8.85rem;
  }
  .welpro-botlist .strengths01-more.ons .more:hover {
    background-color: #004EA2;
    transition:.5s ease-in-out;
    color: #fff;
  }
  .welpro-botlist .strengths01-more.ons .more:hover span {
    color: #fff;
  }
	.products-tops .productstops02-swiper .swiper-slide:hover{
	  box-shadow: -6px 6px 15px 0 rgba(0, 78, 162, 0.2);
	}
  .wel-list-01 .box {
    flex-direction: row-reverse;
  }

  .services02-list {
    min-height: 40.1041666667vw;
  }

  .services03-list {
    min-height: 52.0833333333vw;
  }

  .services02-list.nactive, .services03-list.nactive {
    min-height: auto;
  }
}
@media screen and (max-width: 750px) {
  .strengthsinfo-list-03 {
    padding-top: 8.2666666667vw;
    padding-bottom: 13.8666666667vw;
  }
  .strengthsinfo-list-03 .itembox {
    margin-top: 5.8666666667vw;
  }

  .abouts-list-bots {
    padding-bottom: 20.2666666667vw;
    padding-top: 12vw;
  }

  .abouts-list-05 {
    padding-top: 12vw;
    padding-bottom: 21.3333333333vw;
  }
  .abouts-list-05 .abouts-list-05swiper {
    margin-top: 7.4666666667vw;
  }
  .abouts-list-05 .swiper-wrapper {
    padding-bottom: .5rem;
  }
}
@media screen and (max-width: 1024px) {
  .wel-banner .items .words {
    pointer-events: none;
  }

  .products-tops .bg {
    height: 55vw;
  }

  .products-tops .productstops02-swiperbox {
    padding-top: 12vw;
  }
}
@media screen and (max-width: 768px) {
  .products-botslist .itembox3 .txts {
    width: 100%;
  }

  .products-tops .bg {
    height: 70vw;
  }

  .products-tops .productstops02-swiperbox {
    padding-top: 18vw;
  }
}

.fixed-con-right{
    position: fixed;
    right: 0;
    top: 50%;
    transform:translateY(-50%);
    z-index: 50;
  transition:.5s ease-in-out;
}

.fixed-con-right.on{
  transition:.5s ease-in-out;
  padding-right: 4.5rem;
}

.fixed-con-right.on .items-bottoms{
  transition:.5s ease-in-out;
  right: 0;
}

.fixed-con-right .items-bottoms{
  position: absolute;
  right: -4.5rem;
  top: 0;
  background: #fff;
  width: 4.5rem;
  padding: .7rem .25rem 1.25rem .55rem;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
  transition:.5s ease-in-out;
  color: #999999;
}

.fixed-con-right .items-bottoms .tits{
  line-height: 1;
}
.fixed-con-right .items-bottoms .txts{
  color: #004ea2;
  margin-top: .15rem;

}
.fixed-con-right .items-bottoms .li:nth-child(n+2){
  margin-top: .8rem;
}

.fixed-con-right .items-tops{
    width: 77px;
    height: 50px;
    display: flex;
    background: #004EA2;
    align-items: center;
    justify-content: center;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

.fixed-con-right .items:nth-child(1) .items-tops:before{
  display: none;
}

.fixed-con-right .items-tops:before{
  position: absolute;
  content:"";
  width: 1.25rem;
  height: 1px;
  background: rgba(255,255,255,.2);
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.fixed-con-right .items-tops .imgs{
  width: .45rem;
  height: .45rem;
  margin:0 auto;
}
.fixed-con-right .items-tops .span{
  line-height: 1;
  margin-top: 2px;
  color: #fff;
}

.fixed-con-right .items-bottoms{
  /*display: none;*/
}
@media screen and (min-width: 1025px) {
	.investor-list-01 .images{
		padding-top: calc(1em + 1rem);
	}

	.bocweb-header .nav-top-box .li{
		transition:.5s ease-in-out;
	}

	.bocweb-header .nav-top-box .li:hover{
		color: #F7931D!important;
		transition:.5s ease-in-out;
	}
	.fixed-con-right .items-tops{
		transition:.5s ease-in-out;
	}
	.fixed-con-right.on .items1 .items-tops,
	.fixed-con-right .items-tops:hover{
		transition:.5s ease-in-out;
		background-color: #F7931D;
	}
  .bocweb-footer-tops .nav-tops {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .bocweb-footer-tops .nav-tops:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff;
  }

  .bocweb-footer-tops .nav-bots .li {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
  }
  .bocweb-footer-tops .nav-bots .li:hover {
    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);
    color: #fff !important;
  }
}
@media screen and (max-width: 768px) {
	.joins04-list-bottoms .email-box .close{
		display: none;
	}
  .c-swiper .swiper-pagination {
    margin-top: 5vw;
  }
}
.investor-list-01 {
  padding-top: 6.7708333333vw;
  padding-bottom: 4.9479166667vw;
}

.investor-list-02 {
  padding-top: 5.0520833333vw;
  padding-bottom: 5.4166666667vw;
}

.investor-list-03 {
  padding-top: 5.625vw;
  padding-bottom: 6.25vw;
}

.news-lists-01 {
  padding-top: 4.6875vw;
  padding-bottom: 4.4270833333vw;
}

.strengths01-box {
  padding-top: 8.3333333333vw;
  padding-bottom: 6.25vw;
  position: relative;
}
.strengths01-box:before {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 23.9583333333vw;
  content: "";
  left: 0;
  bottom: 0;
  background: url(../img/a8.png) no-repeat bottom center;
  background-size: 100%;
}

.ajax-more {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ajax-more .span {
  cursor: pointer;
  line-height: 1;
  color: #004EA2;
  position: relative;
  padding-bottom: .2rem;
}
.ajax-more .span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #004EA2;
}

.news-lists-02 {
  padding-top: 4.1666666667vw;
  padding-bottom: 5vw;
}
.news-lists-02 .itembox {
  margin-top: 2.1875vw;
}
.news-lists-02 .ajax-more {
  margin-top: 2.0833333333vw;
}

.activities-lists-01 {
  padding-top: 4.6875vw;
  padding-bottom: 5vw;
}
.activities-lists-01 .itembox {
  margin-top: 2.3958333333vw;
}
.activities-lists-01 .items-list {
  padding-bottom: 4.1666666667vw;
}

.medias-titles {
  padding-top: .65rem;
  padding-bottom: .5rem;
  position: relative;
}
.medias-titles:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  left: 0;
  bottom: 0;
}
.medias-titles .li {
  color: #999999;
  line-height: 1;
}
.medias-titles .li.active {
  color: #004EA2;
}
.medias-titles .home {
  position: relative;
  padding-left: 28px;
}
.medias-titles .home:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/2.png) no-repeat center;
  background-size: 100%;
}
.medias-titles span {
  margin: 0 4px;
}

.mediasbox-list {
  padding-bottom: 6.7708333333vw;
}

.f5f5f5 {
  background-color: #f5f5f5;
}

.w1140 {
  width: 1140px;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.strengths-list-02 {
  padding-top: 5.7291666667vw;
  padding-bottom: 5.1041666667vw;
}
.strengths-list-02 .swiperbox {
  margin-top: 2.9166666667vw;
}

.strengths-list-03 {
  padding-top: 5.2083333333vw;
  padding-bottom: 4.8958333333vw;
}

.strengths-list-04 {
  padding-top: 5.7291666667vw;
  padding-bottom: 5.625vw;
  background: #F5F5F5;
}
.strengths-list-04 .strengths04-box {
  margin-top: 2.3958333333vw;
}

.strengths-list-03 .swiperbox .images {
  height: 33.3333333333vw;
}

.strengths01-swiper .strengths01-swiper-left img {
  height: 27.0833333333vw;
  width: 100%;
}

.innovates-box {
  padding-top: 5.2083333333vw;
  padding-bottom: 5.2083333333vw;
}
.innovates-box .list {
  margin-top: 2.0833333333vw;
  padding-bottom: 2.8125vw;
}

.strengths01-swiper .strengths01-swiper-right .images img {
  width: 100%;
  height: 13.0208333333vw;
}

.services01-list {
  padding-top: 4.5833333333vw;
  padding-bottom: 5.4166666667vw;
}
.services01-list .services01-itemsbox {
  margin-top: 2.5520833333vw;
}

.services03-list {
  padding-top: 5.5729166667vw;
  padding-bottom: 4.1666666667vw;
}
.services03-list .cons-inputs {
  margin-top: 1.8229166667vw;
  margin-bottom: 1.5625vw;
}
.services03-list .items-list {
  padding-bottom: 2.1875vw;
}

.wel-list-02 {
  background: #F5F5F5;
  padding-top: 4.5833333333vw;
}

@media screen and (max-width: 1024px) {
  .strengths01-swiper .strengths01-swiper-right .images img {
    width: 100%;
    height: 27.0833333333vw;
  }

  .m-header .sub-menu li.active .sec-list a {
    border-bottom: none;
  }

  .m-header .sub-menu li.active .sec-list {
    padding-top: .5rem;
    padding-bottom: .75rem;
  }
}
.services05-list .forms .submit {
  padding-right: 0;
}

@media screen and (max-width: 750px) {
  .services02-titles .li {
    padding: 0 .45rem;
    margin: 0 .2rem;
  }

  .activities-lists-01 .items {
    width: 100%;
    margin-left: 0;
  }
  .activities-lists-01 .items img {
    width: 100%;
  }

  .wel-list-02 {
    padding-top: 11.7333333333vw;
  }

  .services01-list {
    padding-top: 11.7333333333vw;
    padding-bottom: 13.8666666667vw;
  }
  .services01-list .services01-itemsbox {
    margin-top: 6.5333333333vw;
  }

  .services03-list {
    padding-top: 14.2666666667vw;
    padding-bottom: 10.6666666667vw;
  }
  .services03-list .cons-inputs {
    margin-top: 4.6666666667vw;
    margin-bottom: 4vw;
  }
  .services03-list .items-list {
    padding-bottom: 5.6vw;
  }

  .innovates-box {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
  .innovates-box .list {
    margin-top: 5.3333333333vw;
    padding-bottom: 7.2vw;
  }

  .strengths01-swiper .strengths01-swiper-right .images img {
    width: 100%;
    height: 69.3333333333vw;
  }

  .strengths-list-03 .swiperbox .images {
    height: 62.5vw;
  }

  .strengths-list-04 {
    padding-top: 14.6666666667vw;
    padding-bottom: 14.4vw;
  }
  .strengths-list-04 .strengths04-box {
    margin-top: 6.1333333333vw;
  }

  .strengths-list-02 {
    padding-top: 14.6666666667vw;
    padding-bottom: 13.0666666667vw;
  }
  .strengths-list-02 .swiperbox {
    margin-top: 7.4666666667vw;
  }

  .strengths01-box {
    padding-top: 21.3333333333vw;
    padding-bottom: 16vw;
  }

  .activities-lists-01 {
    padding-top: 12vw;
    padding-bottom: 12.8vw;
  }
  .activities-lists-01 .itembox {
    margin-top: 6.1333333333vw;
  }
  .activities-lists-01 .items-list {
    padding-bottom: 10.6666666667vw;
  }

  .mediasbox-list {
    padding-bottom: 17.3333333333vw;
  }

  .news-lists-02 {
    padding-top: 10.6666666667vw;
    padding-bottom: 12.8vw;
  }
  .news-lists-02 .itembox {
    margin-top: 5.6vw;
  }
  .news-lists-02 .ajax-more {
    margin-top: 5.3333333333vw;
  }

  .news-lists-01 {
    padding-top: 12vw;
    padding-bottom: 11.3333333333vw;
  }

  .investor-list-01 {
    padding-top: 17.3333333333vw;
    padding-bottom: 12.6666666667vw;
  }

  .investor-list-02 {
    padding-top: 12.9333333333vw;
    padding-bottom: 13.8666666667vw;
  }

  .investor-list-03 {
    padding-top: 14.4vw;
    padding-bottom: 16vw;
  }
}
/*height*/
.con-banner .images {
  position: relative;
}
.con-banner .images:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;

}

.c2-swiper .swiper-button-prev, .c2-swiper .swiper-button-next {
  display: inline-block;
  vertical-align: top;
  position: static;
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #004EA2;
  background-color: #004EA2;
}
.c2-swiper .swiper-button-prev {
  background-image: url(../img/p1.png);
}
.c2-swiper .swiper-button-next {
  background-image: url(../img/n1.png);
}
.c2-swiper.c2-pro .swiper-button-prev, .c2-swiper.c2-pro .swiper-button-next {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.c2-swiper.c2-pro .swiper-button-prev {
  left: 0;
}
.c2-swiper.c2-pro .swiper-button-next {
  right: 0;
}

.colfff {
  color: #fff;
}

.ajax-more.on .span {
  padding-bottom: 0;
  padding-right: .55rem;
  position: relative;
}
.ajax-more.on .span:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  margin: auto;
  width: 7px;
  height: 10px;
  background: url(../img/j.png) no-repeat center;
  background-size: 100%;
  left: auto;
}

.abouts-list-04 {
  padding-top: 5.2083333333vw;
  padding-bottom: 3.1rem;
}

.bocweb-header .nav-bots .li {
  padding: 5px 2px;
}

.selects.active .selects-tops {
  transition: .5s ease-in-out;
  color: #fff;
  background: #F7931D;
}

.selects.active .selects-tops:before {
  background: url(../img/sanjiao2.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .nav-top-box .imgs {
  cursor: pointer;
}

.gmains-box {
  position: relative;
}
.gmains-box .list {
  position: relative;
}
.gmains-box .list .idlist {
  position: absolute;
  left: 0;
  top: -95px;
}
.ajax-more .span{
	font-weight: bold;
}
.bocweb-header .bocweb-logobox,
.bocweb-header .nav-top-box{
  /*width: 235px;*/
}

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

    .bocweb-header .bocweb-logobox,
    .bocweb-header .nav-top-box{
      /*width: 220px;*/
    }


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

    .bocweb-header .bocweb-logobox,
    .bocweb-header .nav-top-box{
      width: auto;
    }
}

@media screen and (max-width: 1024px) {
  .gmains-box .list .idlist {
    top: -50px;
  }
}

@media screen and (max-width: 1750px){
  .abouts-list-01 .text{
    height: 21em;
  }
}
@media screen and (max-width: 1450px){
  .abouts-list-01 .text{
    height: 17.5em;
  }
}
@media screen and (min-width: 1025px) {
  .wel-banner .items .words{
    padding-bottom: 3rem;
  }
  .strengths-list-04 .items-list .items:hover{
     box-shadow: 0px 0 20px 1px rgba(0, 0, 0, .2);
     position: relative;
     z-index: 2;
  }
  .wel-list-01 .images {
    overflow: hidden;
  }
  .wel-list-01 .images img {
    transition: .5s ease-in-out;
  }
  .wel-list-01 .images:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

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

  .his-tops-swiper .swiper-slide:hover .span {
    color: #004EA2;
  }
  .his-tops-swiper .swiper-slide:hover .btn:before {
    background: #004EA2;
  }
  .his-tops-swiper .swiper-slide:hover .btn span:before {
    border-color: #004EA2;
  }
  .his-tops-swiper .swiper-slide:hover .span, .his-tops-swiper .swiper-slide:hover .btn:before, .his-tops-swiper .swiper-slide:hover .btn span:before {
    transition: .5s ease-in-out;
  }
  .his-tops-swiper .swiper-slide .span, .his-tops-swiper .swiper-slide .btn:before, .his-tops-swiper .swiper-slide .btn span:before {
    transition: .5s ease-in-out;
  }

  .selects .selects-tops:hover:before {
    background: url(../img/sanjiao2.png) no-repeat center;
    background-size: 100%;
  }

  .selects .selects-tops {
    transition: .5s ease-in-out;
  }
  .selects .selects-tops:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #F7931D;
  }

  .selects .selects-bots .i,
  .bocweb-header .nav-bots .li {
    transition: .5s ease-in-out;
  }
  .selects .selects-bots .i:hover,
  .bocweb-header .nav-bots .li:hover {
    transition: .5s ease-in-out;
    color: #fff;
    background: #F7931D;
  }

  .services04-list .libox .li img {
    transition: .5s ease-in-out;
  }
  .services04-list .libox .li:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
   .services04-list .libox .li:hover{
    border-color: #004EA2;
    transition: .5s ease-in-out;
    box-shadow: 0px 0 20px 1px rgba(0, 78, 162, .2);
   }

  .welpro-titles .swiper-slide:hover .tits {
    color: #004EA2;
  }
  .welpro-titles .swiper-slide:hover img {
    opacity: 1;
    filter: none;
    transition: .5s ease-in-out;
  }
  .welpro-titles .swiper-slide:hover .qiu {
    transition: .5s ease-in-out;
  }
  .welpro-titles .swiper-slide:hover .qiu:before {
    top: .9rem;
    border-color: #004EA2;
    background: #004EA2;
    transition: .5s ease-in-out;
  }

  .services02-swiperlist .li {
    transition: .5s ease-in-out;
  }
  .services02-swiperlist .li:hover {
    transition: .5s ease-in-out;
    transform: translateY(-5px);
  }

  .services05-list .forms .submit-right input {
    transition: .5s ease-in-out;
  }
  .services05-list .forms .submit-right input:hover {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .strengthsinfo-list-01 .images img {
    transition: .5s ease-in-out;
  }
  .strengthsinfo-list-01 .images img:hover {
    transition: .5s ease-in-out;
    transform: scale3d(1.02, 1.02, 1);
  }

  .strengthsinfo-list-02 .images,
  .abouts-list .images {
    overflow: hidden;
  }
  .strengthsinfo-list-02 .images img,
  .abouts-list .images img {
    transition: .5s ease-in-out;
  }
  .strengthsinfo-list-02 .images:hover img,
  .abouts-list .images:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .abouts-list-bots .li {
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li .imgs {
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li .link span {
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li .link span:before {
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li:hover {
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li:hover .imgs {
    background-color: #F7931D;
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li:hover .link span {
    background-color: #F7931D;
    color: #fff;
    border-color: #F7931D;
    transition: .5s ease-in-out;
  }
  .abouts-list-bots .li:hover .link span:before {
    transition: .5s ease-in-out;
    background: url(../img/see2.png) no-repeat center;
    background-size: 100%;
  }

  .abouts-titles-01 .li {
    transition: .5s ease-in-out;
  }
  .abouts-titles-01 .li span {
    transition: .5s ease-in-out;
  }
  .abouts-titles-01 .li:hover {
    transition: .5s ease-in-out;
  }
  .abouts-titles-01 .li:hover span {
    transition: .5s ease-in-out;
    color: #004EA2;
  }
  .abouts-titles-01 .li:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .abouts-list-05swiper .items .cons-more span,
  .abouts-list-05swiper .items img, .abouts-list-05swiper .items .tits {
    transition: .5s ease-in-out;
  }
  .abouts-list-05swiper .items:hover img {
    trasnition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .abouts-list-05swiper .items:hover .tits {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .abouts-list-05swiper .items:hover .cons-more span {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .abouts-list-05swiper .items:hover .cons-more span:before {
    background: url(../img/6.png) no-repeat center;
    transition: .5s ease-in-out;
    background-size: 100%;
  }

  .abouts-list-02 .items .box .tits,
  .abouts-list-02 .items .box .imgs {
    transition: .5s ease-in-out;
  }
  .abouts-list-02 .items .box .tits img,
  .abouts-list-02 .items .box .imgs img {
    transition: .5s ease-in-out;
  }
  .abouts-list-02 .items .box:hover .imgs {
    background-color: #004EA2;
    border-color: #004EA2;
    transition: .5s ease-in-out;
  }
  .abouts-list-02 .items .box:hover .imgs img {
    transition: .5s ease-in-out;
    filter: brightness(100);
  }
  .abouts-list-02 .items .box:hover .txts ,
  .abouts-list-02 .items .box:hover .tits {
    color: #004EA2;
    transition: .5s ease-in-out;
  }

  .kmore span:hover {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .kmore span:hover:before {
    background: url(../img/22.png) no-repeat center;
    transition: .5s ease-in-out;
    background-size: 100%;
  }

  .products-tops .productstops02-swiper .swiper-slide {
    transition: .5s ease-in-out;
  }
  .products-tops .productstops02-swiper .swiper-slide:hover {
    border-color: #004EA2;
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .products-list .items {
    transition: .5s ease-in-out;
  }
  .products-list .items .images {
    overflow: hidden;
  }
  .products-list .items .images img {
    transition: .5s ease-in-out;
  }
  .products-list .items:hover {
    transition: .5s ease-in-out;
    border-color: #004EA2;
    box-shadow: 0px 10px 5px 0px rgba(0, 102, 153, 0.15);
  }
  .products-list .items:hover .tits {
    color: #004EA2;
  }
  .products-list .items:hover .cmores span {
    color: #F7931D;
  }
  .products-list .items:hover .cmores span:before {
    background-color: #F7931D;
  }
  .products-list .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .services02-titles .li:hover {
    color: #fff;
    transition: .5s ease-in-out;
    background-color: #004EA2;
  }

  .products-titles .swiper-slide .li:hover {
    color: #004EA2;
    transition: .5s ease-in-out;
  }
  .products-titles .swiper-slide .li:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }
  .products-titles .swiper-slide .li:hover .imgs img {
    opacity: 1;
    filter: none;
    transition: .5s ease-in-out;
  }

  .services03-list .items-list .items-tops:hover {
    color: #fff;
    transition: .5s ease-in-out;
    background-color: #004EA2;
  }
  .services03-list .items-list .items-tops:hover:before {
    /*background: url(../img/16.png) no-repeat center;*/
    /*background-size: 100%;*/
    /*transition: .5s ease-in-out;*/
  }

  .innovates-box .list .items {
    transition: .5s ease-in-out;
  }
  .innovates-box .list .items img, .innovates-box .list .items .tits, .innovates-box .list .items .more:before, .innovates-box .list .items .more {
    transition: .5s ease-in-out;
  }
  .innovates-box .list .items .images {
    overflow: hidden;
  }
  .innovates-box .list .items:hover {
    transition: .5s ease-in-out;
  }
  .innovates-box .list .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .innovates-box .list .items:hover .more,
  .innovates-box .list .items:hover .tits {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .innovates-box .list .items:hover .more:before {
    background: url(../img/6.png) no-repeat center;
    transition: .5s ease-in-out;
    background-size: 100%;
  }

  .strengths-list-04 .items-list .items {
    transition: .5s ease-in-out;
  }
  .strengths-list-04 .items-list .items img {
    transition: .5s ease-in-out;
  }
  .strengths-list-04 .items-list .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .strengths-list-03 .swiperbox2.onac .li{
    margin-right: 1.3%;
  }

  .strengths-list-03 .swiperbox2.onac .li:last-child{
    margin-right: 0;
  }

  .strengths-list-03 .swiperbox2 .li .box {
    transition: .5s ease-in-out;
  }
  .strengths-list-03 .swiperbox2 .li .box .more-btn, .strengths-list-03 .swiperbox2 .li .box .tits {
    transition: .5s ease-in-out;
  }
  .strengths-list-03 .swiperbox2 .li .box:hover {
    box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.1);
    transition: .5s ease-in-out;
    background-color: #fff;
  }
  .strengths-list-03 .swiperbox2 .li .box:hover .tits {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .strengths-list-03 .swiperbox2 .li .box:hover .more-btn {
    background-color: #F7931D;
    transition: .5s ease-in-out;
  }

  .c2-swiper .swiper-button-prev, .c2-swiper .swiper-button-next {
    transition: .4s ease-in-out;
  }
  .c2-swiper .swiper-button-prev:hover, .c2-swiper .swiper-button-next:hover {
    border-color: #F7931D;
    background-color: #F7931D;
    transition: .4s ease-in-out;
  }
  .c2-swiper .swiper-button-prev:hover {
    background-image: url(../img/p1.png);
  }
  .c2-swiper .swiper-button-next:hover {
    background-image: url(../img/n1.png);
  }

  .strengths01-swiper .strengths01-swiper-right .li:hover .words .tits,
  .strengths01-swiper .strengths01-swiper-right .li .words .tits {
    transition: .5s ease-in-out;
  }

  .strengths01-swiper .strengths01-swiper-right .li:hover .words .tits {
    color: #F7931D;
  }

  .strengths01-swiper .li .words .tits:before,
  .strengths01-swiper .li .more {
    transition: .5s ease-in-out;
  }
  .strengths01-swiper .li:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .strengths01-swiper .li:hover .words .tits:before,
  .strengths01-swiper .li:hover .more {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

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

  .wel-list-03 .wel-newslist-right .items .tits {
    transition: .5s ease-in-out;
  }
  .wel-list-03 .wel-newslist-right .items:hover .tits {
    color: #F7931D;
    transition: .5s ease-in-out;
  }

  .wel-list-03 .wel-newslist-left .items {
    transition: .5s ease-in-out;
  }
  .wel-list-03 .wel-newslist-left .items .tits,
  .wel-list-03 .wel-newslist-left .items img {
    transition: .5s ease-in-out;
  }
  .wel-list-03 .wel-newslist-left .items .imgs {
    overflow: hidden;
  }
  .wel-list-03 .wel-newslist-left .items:hover .line:before, .wel-list-03 .wel-newslist-left .items:hover .line:after {
    opacity: 1;
    transition: .5s ease-in-out;
  }
  .wel-list-03 .wel-newslist-left .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .wel-list-03 .wel-newslist-left .items:hover .tits {
    color: #F7931D;
  }

  .abouts-list-04swiper .items {
    transition: .5s ease-in-out;
  }
  .abouts-list-04swiper .items img {
    transition: .5s ease-in-out;
  }
  .abouts-list-04swiper .items:hover {
    color: #F7931D;
  }
  .abouts-list-04swiper .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .wel-list-04 .moresbox,
  .wel-list-04 img {
    transition: .5s ease-in-out;
  }
  .wel-list-04:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .wel-list-04:hover .moresbox {
    transform: translateY(-5px);
    transition: .5s ease-in-out;
  }

  .strengths01-more .more {
    transition: .5s ease-in-out;
  }
  .strengths01-more .more:before {
    transition: .5s ease-in-out;
  }
  .strengths01-more .more:hover {
    transition: .5s ease-in-out;
    color: #F7931D;
    background-color: #fff;
  }
  .strengths01-more .more:hover:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }
  .wel-list-01 .strengths01-more .more:hover,
  .wel-list-03 .strengths01-more .more:hover{
    color: #fff;
    background-color: #004EA2;
  }

  .wel-list-01 .strengths01-more .more:hover:before,
  .wel-list-03 .strengths01-more .more:hover:before{
    background-color: #F7931D;
  }

  .annuals-itemsbox .items img, .annuals-itemsbox .items .time {
    transition: .5s ease-in-out;
  }
  .annuals-itemsbox .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .annuals-itemsbox .items:hover .time {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .annuals-itemsbox .items:hover .cmores span {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .annuals-itemsbox .items:hover .cmores span:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .medias-list .video-list .items .txts {
    transition: .5s ease-in-out;
  }
  .medias-list .video-list .items:hover .images img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .medias-list .video-list .items:hover .txts {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .medias-list .video-list .items:hover .cmores span {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .medias-list .video-list .items:hover .cmores span:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .medias-list .video-tits .li:hover {
    color: #004EA2;
    transition: .5s ease-in-out;
  }
  .medias-list .video-tits .li:hover:before {
    transition: .5s ease-in-out;
    opacity: 1;
  }

  .c-swiper .swiper-pagination.on .swiper-pagination-bullet:hover {
    background-color: #fff;
  }

  .c-swiper .swiper-pagination .swiper-pagination-bullet:hover {
    background: #F7931D;
  }

  .c-swiper .swiper-pagination.active .swiper-pagination-bullet:hover {
    background: #F7931D;
  }

  .mediasbox-list .medias-tops .items img,
  .mediasbox-list .itemsbox .items img {
    transition: .5s ease-in-out;
  }
  .mediasbox-list .medias-tops .items .imgs,
  .mediasbox-list .itemsbox .items .imgs {
    overflow: hidden;
  }
  .mediasbox-list .medias-tops .items:hover img,
  .mediasbox-list .itemsbox .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .mediasbox-list .medias-tops .items:hover .cmores span,
  .mediasbox-list .itemsbox .items:hover .cmores span {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .mediasbox-list .medias-tops .items:hover .cmores span:before,
  .mediasbox-list .itemsbox .items:hover .cmores span:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .cmores span:hover {
    color: #F7931D;
    transition: .5s ease-in-out;
  }
  .cmores span:hover:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .mediasbox-list .media-left .li:hover {
    color: #004EA2;
    transition: .5s ease-in-out;
  }
  .mediasbox-list .media-left .li:hover:before {
    background-color: #004EA2;
    transition: .5s ease-in-out;
  }

  .medias-titles a.li {
    transition: .5s ease-in-out;
  }
  .medias-titles a.li:hover {
    color: #004EA2;
    transition: .5s ease-in-out;
  }

  .activities-lists-01 .items {
    transition: .5s ease-in-out;
  }
  .activities-lists-01 .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .activities-lists-01 .items:hover .tits {
    color: #004EA2;
  }

  .news-lists-02 .items-list .items {
    transition: .5s ease-in-out;
  }
  .news-lists-02 .items-list .items:hover {
    transition: .5s ease-in-out;
    border-color: #004EA2;
    box-shadow: 0 2px 20px 2px rgba(0, 102, 153, 0.2);
  }
  .news-lists-02 .items-list .items:hover .tits {
    color: #004EA2;
    transition: .5s ease-in-out;
  }

  .ajax-more .span {
    transition: .5s ease-in-out;
  }
  .ajax-more .span:hover {
    transition: .5s ease-in-out;
    color: #F7931D;
  }
  .ajax-more .span:hover:before {
    transition: .5s ease-in-out;
    background-color: #F7931D;
  }

  .ajax-more.on .span:hover:before {
    background: url(../img/j1.png) transparent no-repeat center;
    background-size: 100%;
  }

  .investor-list-02 .items {
    transition: .5s ease-in-out;
  }
  .investor-list-02 .items .tits, .investor-list-02 .items .textfr, .investor-list-02 .items .textfr img {
    transition: .5s ease-in-out;
  }
  .investor-list-02 .items:hover {
    transition: .5s ease-in-out;
    background-color: #fff;
    border-color: #fff;
  }
  .investor-list-02 .items:hover .tits {
    color: #004EA2;
  }
  .investor-list-02 .items:hover .textfr {
    color: #004EA2;
    transition: .5s ease-in-out;
  }
  .investor-list-02 .items:hover .textfr img {
    filter: none;
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .joins-list-03-swiper .items img,
  .joins-list-02 .images img {
    transition: .5s ease-in-out;
  }
  .joins-list-03-swiper .items:hover img,
  .joins-list-02 .images:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .tupian-nav .li-tops svg {
    transition: .5s ease-in-out;
  }
  .tupian-nav .li-tops:hover svg {
    opacity: .5;
    transition: .5s ease-in-out;
  }

  .bocweb-footer-bots .bfl a {
    transition: .5s ease-in-out;
  }
  .bocweb-footer-bots .bfl a:hover {
    transition: .5s ease-in-out;
    color: #fff;
  }

  .bocweb-footer-bots .li {
    transition: .5s ease-in-out;
  }
  .bocweb-footer-bots .li img {
    transition: .5s ease-in-out;
  }
  .bocweb-footer-bots .li:hover img {
    transition: .5s ease-in-out;
    transform: translate(-3px, -50%);
  }

  .bocweb-footer-bots {
    flex-direction: row-reverse;
  }

  .bocweb-footer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .bocweb-footer .bocweb-footer-bots {
    width: 100%;
  }

  .joins-list-03-swiper .items .tits {
    transition: .5s ease-in-out;
  }
  .joins-list-03-swiper .items:hover .tits {
    color: #F7931D;
    transition: .5s ease-in-out;
  }

  .joins04-list-bottoms .items-tops {
    transition: .5s ease-in-out;
  }
  .joins04-list-bottoms .items-tops .td {
    transition: .5s ease-in-out;
  }
  .joins04-list-bottoms .items-tops:hover {
    transition: .5s ease-in-out;
    background-color: #004EA2;
  }
  .joins04-list-bottoms .items-tops:hover .td {
    color: #fff;
    transition: .5s ease-in-out;
  }

  .joins04-list-bottoms .email-box .email img {
    transition: .5s ease-in-out;
  }
  .joins04-list-bottoms .email-box .email:hover img {
    transition: .5s ease-in-out;
    transform: translateX(5px);
  }

  .joins04-list-bottoms .email-box .close:hover span {
    transform: translateX(-5px);
  }
}
.joins-list-04 {
  padding-top: 5.9375vw;
  padding-bottom: 7.1875vw;
}

@media screen and (max-width: 1681px) {
  .annuals-itemsbox .items .words {
    padding: 1rem .75rem;
    padding-right: 0.25rem;
  }
}
@media screen and (max-width: 1191px) {
  .abouts-list-02 .items {
    width: 32%;
    margin-right: 2%;
  }

  .strengths-list-02 .swiperbox {
    width: 73.8874895046vw;
    position: relative;
  }
  .strengths-list-02 .swiperbox .images {
    height: 42.8211586902vw;
    overflow: hidden;
  }

  .strengths01-swiper .strengths01-swiper-right {
    width: 100%;
    padding-left: 0;
  }

  .strengths01-swiper .strengths01-swiper-left {
    display: none;
  }

  .joins04-list-bottoms .items-bots-tops .li {
    padding-left: .75rem;
    padding-right: .75rem;
  }

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

  .investor-list-03 .uls {
    margin-top: 1.5rem;
  }

  .investor-list-01 .images {
    padding-right: 0;
  }

  .mediasbox-list .media-left {
    width: 200px;
  }

  .mediasbox-list .media-left .li:before {
    width: 160px;
  }

  .mediasbox-list .media-right {
    width: calc(100% - 240px);
  }

  .abouts-listinfo .list {
    display: block;
  }
  .abouts-listinfo .list img {
    width: 100%;
  }
  .abouts-listinfo .list .words, .abouts-listinfo .list .images {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    margin: 0;
  }
  .abouts-listinfo .list:nth-child(n+2) {
    margin-top: 1.25rem;
  }
  .abouts-listinfo .list .words {
    padding: 1.6rem 2.25rem 1.75rem 1.75rem;
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.15);
  }

  .abouts-list-bots .li {
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 1024px) {
	.fixed-con-right{
		display: none;
	}
  .abouts-list-01 .kmore {
    margin-top: 1.5rem;
  }

  .abouts-list-01 .words {
    justify-content: center;
  }

  .abouts-list-04swiper .items {
    width: 32%;
    margin-right: 2%;
  }

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

  .his-tops-swiper .swiper-slide {
    padding: 0 1.5rem;
  }

  .abouts-list-05swiper .items {
    width: 100%;
  }

  .abouts-list-01 .images {
    width: 92%;
    margin: 0 auto;
    padding: 1rem 0;
  }
  .abouts-list-01 .images img {
    width: 100%;
  }

  .abouts-list-04swiper .items .images {
    height: 24vw;
  }

  .h95 {
    height: 50px;
  }

  .wel-list-03 .wel-newslist .swiper-button-prev {
    left: 0.5%;
  }
  .wel-list-03 .wel-newslist .swiper-button-next {
    right: 0.5%;
  }

  .wel-list-03 .wel-newslist-left .items {
    border-bottom: none;
  }

  .wel-list-03 .wel-newslist-right {
    width: 100%;
    position: static;
  }

  .wel-list-03 .wel-newslist-left {
    width: 100%;
  }

  .wel-list-01 .images:before {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .wel-list-04 .words, .wel-list-04 .images {
    width: 100%;
  }

  .wel-list-04 .moresbox {
    justify-content: center;
  }

  .wel-list-04 .words {
    padding: 5.859375vw 3%;
    text-align: center;
  }

  .wel-list-01 .words .txts {
    height: auto;
    max-height: 3.32em;
  }

  .wel-list-01 .words .text {
    height: auto;
    max-height: 5.25em;
  }

  .wel-list-01 .words {
    padding: .75rem .55rem;
    padding-top: 0;
  }

  .wel-list-01 .box .images, .wel-list-01 .box .words {
    width: 100%;
  }

  .services05-list {
    padding: 1rem;
    padding-bottom: 2rem;
  }

  .services04-list .libox .li {
    width: 33%;
    margin-left: 0.5%;
  }
  .services04-list .libox .li:nth-child(5n+1) {
    margin-left: 0.5%;
  }
  .services04-list .libox .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .services04-list .libox .li  {
    height: 13vw;
  }

  .strengthsinfo-list-02 .words .text {
    height: auto;
    display: block;
    max-height: none;
  }

  .strengthsinfo-list-02 .words .box {
    margin: 0 auto;
    padding: 1.25rem .75rem;
  }

  .strengthsinfo-list-02 .images,
  .strengthsinfo-list-02 .words {
    width: 100%;
  }

  .products-tops .productstops02-swiper {
    display: none;
  }

  .cons-inputs input[type=text] {
    height: 46px;
    line-height: 46px;
  }

  .products-list .items .words {
    padding: .75rem 1rem;
  }

  .strengthsinfo-list-02 .words .text {
    margin-top: .55rem;
  }

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

  .innovates-box .list .items .words,
  .innovates-box .list .items .images {
    width: 100%;
  }

  .strengths-list-04 .items-list .items {
    width: calc((100% - 1px)/2);
  }
  .strengths-list-04 .items-list .items:nth-child(4n+1) {
    margin-left: 1px;
  }
  .strengths-list-04 .items-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .strengths-list-03 .swiperbox2 .swiperwidth {
    width: 2%;
  }

  .strengths-list-03 .swiperbox2 .li {
    width: 32%;
  }

  .mediasbox-list .media-left .li.active,
  .mediasbox-list .media-left .li {
    line-height: 1.75rem;
    height: 1.75rem;
  }

  .annuals-itemsbox .items .words .txts {
    margin-bottom: .5rem;
    height: 2.5em;
  }

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

  .mediasbox-list .media-left .li {
    padding: 0 .5rem;
  }

  .mediasbox-list .media-left .li:before {
    display: none;
  }

  .mediasbox-list .media-left .m-ul {
    display: flex;
    margin-bottom: .75rem;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .mediasbox-list .media-left .m-ul .li, .mediasbox-list .media-left .m-ul .li.active {
    line-height: 3em;
    height: 3em;
  }

  .mediasbox-list .media-right,
  .mediasbox-list .media-left {
    width: 100%;
  }

  .news-lists-02 .items-list .items .tits {
    height: 1.636em;
    -webkit-line-clamp: 1;
  }

  .news-lists-02 .items-list .items {
    width: 100%;
    margin-left: 0;
    padding: .55rem;
    margin-bottom: .5rem;
  }

  .news-lists-02 .items-list .items:before {
    display: none;
  }

  .news-lists-02 .items-list .items .time {
    margin-top: .35rem;
  }

  .investor-list-01 .images .tit-bots {
    margin-top: .75rem;
  }

  .investor-list-01 .images .uls .li:nth-child(n+2) {
    margin-left: .5rem;
  }

  .investor-list-01 .images .img-text {
    padding-bottom: 1.5rem;
  }

  .investor-list-01 .images .uls {
    justify-content: flex-start;
  }

  .investor-list-01 .images .imgs {
    width: 100%;
  }

  .investor-list-01 .images .img-text {
    width: 100%;
  }

  .investor-list-01 .words {
    margin-bottom: 1rem;
  }

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

  .investor-list-01 .words {
    padding-right: 0;
  }

  .investor-list-03 .lis:nth-child(n+3) {
    margin-top: .5rem;
  }

  .investor-list-03 .images {
    width: 100%;
    margin-bottom: .75rem;
  }

  .investor-list-03 .words {
    width: 100%;
    padding-left: 0;
  }

  .joins04-list-bottoms .items-bots-bots .boxfr {
    padding-left: 0;
  }
  .joins04-list-bottoms .items-bots-bots .boxfr:before {
    display: none;
  }

  .joins04-list-bottoms .items-bots-bots .boxfl, .joins04-list-bottoms .items-bots-bots .boxfr {
    width: 100%;
    margin-bottom: 0;
  }

  .joins04-list-bottoms .items-bots-bots .boxfr {
    margin-bottom: 1rem;
  }

  .joins-list-03-swiper .imgs img {
    height: 37.109375vw;
  }

  .joins-list-02 .images, .joins-list-02 .words {
    width: 100%;
  }
  .joins-list-02 .images img, .joins-list-02 .words img {
    width: 100%;
  }

  .joins-list-02 .words {
    padding: 0;
    padding-top: 1.25rem;
  }

  .joins-list-03-swiper .items {
    width: 49%;
    margin-right: 2%;
  }

  .wel-banner .swiper-slide img {
    height: 131.25vw;
  }

  footer img {
    width: 100%;
  }

  .tupian-nav {
    justify-content: center;
  }

  .bocweb-footer-bots .bfr {
    justify-content: center;
  }

  .bocweb-footer-tops {
    padding: 0;
  }
  .bocweb-footer-topsbox{
	  padding-bottom: 0;
	}

  .bocweb-footer-tops .navbox {
    display: none;
  }

  .bocweb-footer-bots {
    border-top: none;
  }

  .mfooter-logo {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }
  .mfooter-logo .imgs {
    width: 23.4375vw;
    margin: 0 auto;
  }

  .bocweb-footer-bots {
    text-align: center;
  }
  .bocweb-footer-bots .bfl, .bocweb-footer-bots .bfr {
    width: 100%;
  }

  .bocweb-footer {
    padding-top: 5.6640625vw;
    padding-bottom: 9.27734375vw;
  }

  .bocweb-footer-bots {
    padding-top: 0;
    padding-bottom: 3.90625vw;
  }

  .bocweb-footer-bots .bfl {
    margin-top: 3.3203125vw;
  }

  .bocweb-footer-bots {
    line-height: 1.72;
  }

  .bocweb-footer-bots .li {
    padding-left: 1.35rem;
    padding-right: 0.5625rem;
  }
  .bocweb-footer-bots .li img {
    width: 0.525rem;
    height: 0.525rem;
    left: 0.6rem;
  }
}
@media screen and (max-width: 900px) {
  .services05-list .forms .inputs {
    width: 100%;
    margin-left: 0;
  }

  .services05-list .forms .submit .input-box {
    width: 100%;
  }
  .services05-list .forms .submit .input-box input {
    width: 100%;
  }

  .services05-list .forms .submit-right {
    margin: 0 auto;
    display: block;
    margin-top: .75rem;
  }

  .services05-list .forms .submit .input-box img {
    left: auto;
    right: .2rem;
    top: 0;
    height: 1.2rem;
    bottom: 0;
    margin:auto;
  }

  .his-bots-swiper .hisswiper-bots .swiper-button-prev {
    left: 2%;
    background-color: #fff;
    background-size: 60%;
  }

  .his-bots-swiper .hisswiper-bots .swiper-button-next {
    right: 2%;
    background-color: #fff;
    background-size: 60%;
  }
  .his-bots-swiper .hisswiper-bots .swiper-button-next,.his-bots-swiper .hisswiper-bots .swiper-button-prev{
    top: -50vw;
    width: 1.5rem;
    height: 1.5rem;
    /*background-color: #004EA2;*/
    background-color: #004EA2;
    background-size: 100%;
  }
  .his-bots-swiper .hisswiper-bots .swiper-button-next{
    background-image: url(../img/n1.png);
  }

  .his-bots-swiper .hisswiper-bots .swiper-button-prev{
    background-image: url(../img/p1.png);

  }
  .his-bots-swiper .hisswiper-tops .swiper-slide {
    padding: 0 1.25rem;
    
  }
  .his-bots-swiper .hisswiper-bots .swiper-slide{
    height: auto;
  }
}
.wel-banner .images{
  position: relative;
}
.wel-banner .images:before{
  position: absolute;
  content:"";
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.1);
  z-index: 1;
  display: none;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .searchs-txts .li{
    margin:0;
    width: 25%;
    text-align: center;
  }

  .welpro-titles .swiper-slide .qiu:before{
    top: .35rem;
  }
  .wel-banner .items .line{
    background: rgba(255, 255, 255, 0.7);
  }
  .wel-banner .items .words .tits{
      font-size: 40px;
  }
  .his-bots-swiper .hisswiper-bots .swiper-slide {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
  }

  .joins-list-03-swiper .items {
    width: 100%;
  }

  .joins-list-03-swiper .imgs img {
    height: 60vw;
  }

  .wel-banner .swiper-pagination {
    bottom: 1rem;
  }

  .wel-banner .numslist {
    bottom: 2rem;
    text-align: center;
  }

  .services02-swiperlist .li {
    width: 100%;
  }

  .services01-itemsbox .items {
    width: 100%;
    margin-left: 0;
  }
  .services01-itemsbox .items:nth-child(n+2) {
    margin-left: 0;
    margin-top: .75rem;
  }

  .strengthsinfo-list-01 .images .img1 {
    padding-top: 2em;
    width: 100%;
  }

  .strengthsinfo-list-01 .images .img2 {
    width: 100%;
    margin-top: 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .strengthsinfo-list-01 .images .img2 .i1 {
    margin-top: 0;
  }
  .strengthsinfo-list-01 .images .img2 img {
    width: 49%;
    margin: 0;
    margin-left: 2%;
  }
  .strengthsinfo-list-01 .images .img2 img:nth-child(2n+1) {
    margin-left: 0;
  }

  .abouts-list-bots .li {
    padding: 0.75rem;
  }

  .abouts-list-bots .box .link span {
    line-height: 1.5rem;
    height: 1.5rem;
    padding-right: 1.5rem;
  }

  .abouts-list-bots-icon {
    margin-top: 1.75rem;
  }

  .abouts-listinfo .text {
    margin-top: 0.6rem;
  }

  .abouts-list-bots .li {
    width: 100%;
  }

  .abouts-listinfo .list .words {
    padding: 1.25rem .75rem;
  }

  .products-titles .swiper-slide {
    padding: 0 .5rem;
  }

  .innovates-box .list .items .tits {
    height: auto;
    max-height: 2.72em;
  }

  .innovates-box .list .items {
    width: 100%;
  }

  .innovates-box .list .items .words {
    padding: .75rem .55rem;
  }

  .strengths-list-04 .items-list .items img {
    width: 36.6666666667vw;
    height: 49.3333333333vw;
  }

  .strengths01-swiper .strengths01-swiper-right .li .words {
    width: 80%;
  }

  .strengths01-swiper .swiper-slide {
    width: 100%;
  }

  .strengths-list-02 .swiperbox {
    width: 85.9375vw;
    position: relative;
  }
  .strengths-list-02 .swiperbox .images {
    height: 49.8046875vw;
    overflow: hidden;
  }

  .strengths-list-03 .swiperbox2 .li {
    width: 75%;
  }

  .annuals-itemsbox .items {
    width: 100%;
    margin-left: 0;
  }

  .annuals-itemsbox .items .words .txts {
    height: auto;
    max-height: 2.5em;
  }

  .medias-list .video-tits .li {
    padding: 0 .75rem;
  }

  .medias-list .video-list .items .words {
    padding: .75rem .55rem;
  }

  .medias-list .video-list .items .words .txts {
    height: 1.4em;
  }

  .medias-list .video-list .items .words,
  .medias-list .video-list .items .images {
    width: 100%;
  }

  .cmores span {
    font-size: 12px;
  }

  .mediasbox-list .medias-tops .words .text {
    height: 5.4em;
  }

  .mediasbox-list .itemsbox .items .newstits,
  .mediasbox-list .medias-tops .words .newstits {
    height: 1.4em;
  }

  .mediasbox-list .media-right .inputs input[type=text] {
    height: 1.5rem;
    line-height: 1.5rem;
  }

  .mediasbox-list .itemsbox .items .words,
  .mediasbox-list .itemsbox .items .imgs,
  .mediasbox-list .medias-tops .imgs {
    width: 100%;
  }

  .mediasbox-list .medias-tops .words {
    width: 100%;
    padding: .55rem .75rem;
  }

  .mediasbox-list .itemsbox .items .words {
    padding: .75rem .5rem;
    padding-bottom: 0;
  }

  .news-lists-01 .line {
    margin-top: 1rem;
    margin-bottom: .75rem;
  }

  .news-lists-02 .items-list .items .tits {
    height: 1.4em;
  }

  .investor-list-03 .text,
  .investor-list-01 .text {
    margin-top: .75rem;
  }

  .investor-list-02 .items .textfr {
    padding-right: 24px;
    font-size: 12px;
    width: 75px;
  }

  .investor-list-02 .items .textfl {
    width: calc(100% - 75px);
  }

  .investor-list-02 .items .textfr img {
    width: 16px;
    height: auto;
  }

  .investor-list-03 .lis {
    width: 100%;
    margin-left: 0;
  }
  .investor-list-03 .lis:nth-child(n+3) {
    margin-top: 0;
  }
  .investor-list-03 .lis:nth-child(n+2) {
    margin-top: .55rem;
  }

  .joins-list-02 .words {
    margin-top: 1rem;
  }

  .joins04-list-tops {
    margin-top: 1rem;
  }

  .joins-list-04 {
    padding-top: 11.8vw;
    padding-bottom: 14.4vw;
  }

  .joins-list-02 {
    padding-top: 5.2vw;
    padding-bottom: 8.6vw;
  }

  .joins-list-03 {
    padding-top: 11.25vw;
    padding-bottom: 7.5vw;
  }

  .joins-list-01 .box {
    padding-top: 9.4vw;
    padding-bottom: 5.4vw;
  }

  .joins04-list-bottoms .items-bots-tops .li {
    padding: 0 .25rem;
  }

  .joins04-list-tops .contacts02top-right {
    width: 100%;
  }
  .joins04-list-tops .contacts02top-right .li {
    width: 100%;
  }
  .joins04-list-tops .contacts02top-right .li .selects-tops {
    width: 100%;
  }
  .joins04-list-tops .contacts02top-right .li:nth-child(n+2) {
    margin-top: .25rem;
    margin-left: 0;
  }

  .selects .selects-tops {
    width: 100%;
  }

  .joins04-list-bottoms .items-bots-tops .li {
    width: 50%;
    margin-bottom: .75em;
  }

  .joins04-list-bottoms .items-bots {
    padding: 0 3%;
    padding-bottom: 6%;
  }

  .joins04-list-bottoms .items-bots-tops .li:nth-child(2n+1):before {
    display: none;
  }

  .mfooter-logo {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
  .mfooter-logo .imgs {
    width: 32vw;
  }

  .bocweb-footer {
    padding-top: 7.7333333333vw;
    padding-bottom: 12.6666666667vw;
  }

  .bocweb-footer-bots {
    padding-bottom: 5.3333333333vw;
  }

  .bocweb-footer-bots .bfl {
    margin-top: 4.5333333333vw;
  }

  .abouts-list-02 .items {
    width: 100%;
  }
  .abouts-list-02 .items .box {
    padding-bottom: 2.5rem;
  }

  .abouts-list-02 .imgs {
    width: 1.5rem;
    height: 1.5rem;
  }

  .his-bots-swiper .hisswiper-bots .words,
  .his-bots-swiper .hisswiper-bots .imgs {
    width: 100%;
    position: relative;
    z-index: 1;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .abouts-list-05swiper .items .words,
  .his-bots-swiper .hisswiper-bots .words {
    padding: .75rem .45rem;
  }

  .his-bots-swiper .hisswiper-bots .words .text {
    margin-top: .35rem;
  }

  .abouts-list-04swiper .items {
    width: 100%;
  }

  .abouts-list-04swiper .items .images {
    height: 55vw;
  }

  .abouts-list-05swiper .items .words,
  .abouts-list-05swiper .items .images {
    width: 100%;
    position: relative;
    z-index: 1;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .his-tops-swiper .swiper-slide {
    padding: 0 1rem;
  }

  .abouts-list-02 .txts br {
    display: block;
  }

  .abouts-list-01 .numbers-list {
    width: 100%;
  }

  .abouts-list-01 .kmore {
    margin-top: .75rem;
  }

  .abouts-list-01 {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 750px) {
  .services01-itemsbox .items{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .welpro-titles.onac .swiper-wrapper {
    justify-content: space-between;
  }

  .welpro-titles .swiper-slide {
    padding: 0 .2rem;
  }

  .welpro-botlist .items .words {
    top: 13.3333333333vw;
  }

  .wel-list-04 .moresbox {
    margin-top: 4.25vw;
  }

  .wel-list-04 .tits, .wel-list-04 .txts, .wel-list-04 .text {
    line-height: 1;
  }
  .wel-list-04 .txts {
    margin-top: 2.5vw;
    /*margin-bottom: 6.1333333333vw;*/
    margin-bottom: 8vw;
  }

  .wel-list-04 .words {
    padding: 12vw 2%;
  }

  .strengths01-more {
    padding-top: 7.4666666667vw;
    padding-bottom: 7.2vw;
  }

  .wel-list-03 {
    padding-top: 10.6666666667vw;
  }
  .wel-list-03 .con-tits {
    text-align: center;
  }

  .wel-list-03 .wel-newslist {
    margin-top: 6.6666666667vw;
  }

  .wel-list-03 .wel-newslist-right .txts {
    margin-top: .3rem;
  }

  .wel-list-03 .wel-newslist-right {
    padding: 1.25rem 0;
    padding-bottom: 1.5rem;
  }
  .wel-list-03 .wel-newslist-right .box {
    width: 86.6%;
    margin: 0 auto;
  }

  .wel-list-03 .wel-newslist-right .tits {
    line-height: 1.357;
    height: 1.357em;
  }

  .wel-list-03 .wel-newslist-left .items .tits {
    line-height: 2;
    height: 4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .wel-list-03 .wel-newslist-left .time {
    margin-top: .95rem;
    margin-bottom: .95rem;
  }

  .wel-list-03 .wel-newslist-right .items:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }

  .wel-list-03 .wel-newslist .swiper-button-prev {
    left: 1.6vw;
  }

  .wel-list-03 .wel-newslist .swiper-button-next {
    right: 1.6vw;
  }

  .wel-list-03 .wel-newslist-left .line {
    height: 3px;
    margin-bottom: .6rem;
  }

  .wel-list-03 .wel-newslist-left .items {
    width: 100%;
    padding: 6.1333333333vw 8.5333333333vw 12.6666666667vw 8.6666666667vw;
  }
  .wel-list-03 .wel-newslist-left .items img {
    width: 100%;
  }

  .wel-list-03 .wel-newslist-left .swiper-container {
    overflow: visible;
    width: 86.6%;
    margin: 0 auto;
  }

  .wel-list-01 .numbers-list {
    position: relative;
  }
  .wel-list-01 .numbers-list:before {
    position: absolute;
    display: none;
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .wel-list-01 .numbers-list .li:nth-child(2n+1):before {
    display: none;
  }

  .wel-list-01 .numbers-list .li {
    width: 50%;
    padding: 1.05rem;
  }
  .wel-list-01 .numbers-list .li:before {
    height: calc(100% - 1rem);
  }
  .wel-list-01 .numbers-list .li:nth-child(n+3):after {
    position: absolute;
    width: calc(100% - 1rem);
    height: 1px;
    background-color: #cccccc;
    content: "";
    top: 0;
    left: 0;
  }
  .wel-list-01 .numbers-list .li:nth-child(2):before {
    top: 0;
    left: 0;
  }
  .wel-list-01 .numbers-list .li:nth-child(3):after {
    left: 0;
  }
  .wel-list-01 .numbers-list .li:nth-child(4):after {
    left: auto;
    right: 0;
  }
  .wel-list-01 .numbers-list .li:nth-child(4):before {
    bottom: 0;
    top: auto;
  }
}
/*notesansbold*/
/*notesansmedium*/
/*notesansr*/

@media (max-width: 1651px){
  .abouts-list-02 .txts{
    font-size: 15px;
  }
  .abouts-list-02 .imgs{
    width: 1.5rem;
    height: 1.5rem;
    right: .5rem;
    bottom: .5rem;
  }
}

.mediasbox-list .itemsbox .items,
.mediasbox-list .medias-tops .items{
	align-items: center;
}
@media (min-width: 1025px){
	.medias-list .video-list .items .images img{
		width: 100%;
		height: 18.75vw;
	}
	.mediasbox-list .itemsbox .items .imgs img{
		width: 100%;
		height: 9.6vw;
	}
	.mediasbox-list .medias-tops .imgs img,
	.activities-lists-01 .items .images img{
		height: 16.6vw;
		width: 100%;
	}
	.annuals-itemsbox .items img{
		width: 100%;
		height: 13.3vw;
	}

}

@media (max-width: 1024px){
	.mediasbox-list .itemsbox .items .imgs img{
		width: 100%;
		height: 14vw;
	}
	.mediasbox-list .medias-tops .imgs img{
		width: 100%;
		height: 22vw;
	}
	.activities-lists-01 .items .images img{
		height: 16.6vw;
		width: 100%;
	}
	.medias-list .video-list .items .images img{
		height: 28vw;
	}
	.annuals-itemsbox .items img{
		width: 100%;
		height: 28vw;
	}
}

@media (max-width: 768px){
	.annuals-itemsbox .items img {
		height: 60vw;
	}
	.medias-list .video-list .items .images img,
	.mediasbox-list .itemsbox .items .imgs img,
	.mediasbox-list .medias-tops .imgs img,
	.activities-lists-01 .items .images img{
		height: 60vw;
	}
}