/*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("../font/Source Han Sans CN Bold.woff2") format("woff2"), url("../font/Source Han Sans CN Bold.woff") format("woff"), url("../font/Source Han Sans CN Bold.ttf") format("truetype"), url("../font/Source Han Sans CN Bold.eot") format("embedded-opentype"), url("../font/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("../font/Source Han Sans CN Medium.woff2") format("woff2"), url("../font/Source Han Sans CN Medium.woff") format("woff"), url("../font/Source Han Sans CN Medium.ttf") format("truetype"), url("../font/Source Han Sans CN Medium.eot") format("embedded-opentype"), url("../font/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("../font/Source Han Sans CN Regular.woff2") format("woff2"), url("../font/Source Han Sans CN Regular.woff") format("woff"), url("../font/Source Han Sans CN Regular.ttf") format("truetype"), url("../font/Source Han Sans CN Regular.eot") format("embedded-opentype"), url("../font/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(../image/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;
color:black


}



.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(../image/prev.png);

}

.pagination a.next, .pagination a[rel=next] {

  overflow: hidden;

  background-image: url(../image/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(../image/prev11.png);

    background-color: #004EA2;

  }

  .pagination a.next:hover, .pagination a[rel=next]:hover {

    background-image: url(../image/next11.png);

    background-color: #004EA2;

  }

  .c-swiper .swiper-button-prev:hover{

    background-image: url(../image/prev12.png);

  }

  .c-swiper .swiper-button-next:hover{

    background-image: url(../image/next12.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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; */
  background-color: #004EA2;

}



.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(../image/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(../image/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(/bocstatic/web/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(../image/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: #000000;

  font-size: 14px;

  display: block;

}

.bocweb-header .nav-tops {

  display: block;

  color:black;
  font-weight:bold;  

}

.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;
 
  font-weight:bold;  


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

}



.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; 
  /* background-color: rgba(1, 84, 166, 1) */

}

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:black;
  font-weight:bold;

}

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:#004EA2!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: rgba(1, 84, 166, 1)!important;

  color: #000000;
  font-weight: bold;

}

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:#000000;
  font-weight: bold;

}

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 {
background-color: rgba(1, 84, 166 ,1); 


/* 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;

  }
/*top hover color*/
  .bocweb-header .nav-tops:hover {

    color: #004EA2 !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: rgba(1, 84, 166 ,1);
    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(../image/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(../image/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(../image/home.png) no-repeat center;

  background-size: 100%;

}



.newsinfo-title .home.active {

  color: #004EA2;

}



.newsinfo-title .home.active:before {

  background: url(../image/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);

  }


/*1*/
  .cons-btn:hover {

    transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);

    /* background-color: #F7931D; */
    background-color: #004EA2;

  }



  .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(../image/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(../image/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: 1.5rem;

}



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

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

  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;
  font-size:1.2em;

}



.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: gray;

}

.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(../image/prev1.png);

  left: -1rem;

}

.c-swiper .swiper-button-next {

  background-image: url(../image/next1.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(../image/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(../image/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(../image/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(../image/ser3.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(../image/ser3.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;

}
/*2*/
.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/21.png) no-repeat center;

  background-size: 100%;

  transition: .5s ease-in-out;

}
.abouts-lists {
   background-image: url('/template/default/static/picture/三创底图白(1).jpg');
   background-size: 1200px;


}


.abouts-list-01 {

  padding-top: 3rem;

 background-size: cover;

}

.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 {
  font-size:1.0em;

  color: #666666;

  line-height: 1.75;

  /*height: 35em;*/

  /*display: -webkit-box;*/

  /*-webkit-box-orient: vertical;*/

  /*-webkit-line-clamp: 14;*/
  max-height: 35em;

  overflow: auto;

  display: block;

  /* overflow: auto; */

  text-indent: 2em;
  /* display: block; */

}

/* .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;*/

  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: #004ea2;

}

.abouts-list-02 .tits.lin1{

  line-height: 1;

}

.abouts-list-02 .txts {

  line-height: 1.66;

  height: 8.3em;

  color: #004ea2;
  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;

}
/*4*/
.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(../image/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(../image/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: 35px;

}



.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(../image/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(../image/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(../image/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: #004EA2!important;

		transition:.5s ease-in-out;

	}

	.fixed-con-right .items-tops{

		transition:.5s ease-in-out;

	}
  /*1*/
	.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(../image/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(../image/111.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(../image/p1.png);

}

.c2-swiper .swiper-button-next {

  background-image: url(../image/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(../image/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;

}

.bocweb-header .nav-bots .a :hover{

 background-color: #004EA2;

}



.selects.active .selects-tops {

  transition: .5s ease-in-out;

  color: #fff;

  background: #F7931D;

}



.selects.active .selects-tops:before {

  background: url(../image/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: 28em;

  }

}

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

  .abouts-list-01 .text{

    height: 50.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(../image/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(../image/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 {
    background-color: rgba(1, 84, 166, 1);

    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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/p1.png);

  }

  .c2-swiper .swiper-button-next:hover {

    background-image: url(../image/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(../image/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(../image/n1.png);

  }



  .his-bots-swiper .hisswiper-bots .swiper-button-prev{

    background-image: url(../image/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;

	}

}