@charset "utf-8";
/* CSS Document */
/*-----首页样式-----*/
/*-----v3-----*/
.body {
  background: #f4f4f4;
}
.logo {
  width: 6vw;
}
.bdmy-logo {
  width: 50%!important;
}
.border-left {
  border-left: 1px solid #EBECF0 !important;
}
.btn-primary {
  background: #0068FF;
}
.fontBlue {
  font-weight: bold;
  color:#0068ff;
}
.transition {
  -webkit-transition: all .3s;
}
.homeSwiper {
  /* pointer-events: none; */
}
.v3-priva-3 p:nth-child(1),
.v3-priva-3 p:nth-child(2),
.v3-priva-3 p:nth-child(3) {
  /* pointer-events: all; */

}

.img_ban6 img {
  width: 100%;
  height: 50vh;
}
.v3-priva-3-btn-pc {
  margin-top: 4vh;
}
#fa2, #fa4, #fa6 {
  background: #F4F4F4;
}
#fa1 .v3-tyspzx {
  padding-bottom: 3rem;
}
#fa5 .v3-tyspzx {
  padding-bottom: 4rem;
}
#fa2 .v3-tyspzx,
#fa6 .v3-tyspzx{
  background: #F4F4F4;
  padding-bottom: 4rem;
}
#fa7 .v3-tyspzx {
  padding-bottom: 7rem;

}
.transition:hover {
  transform: translate(0, -10px);
}
.w41rem {
  width: 35vw;
}
.title-box h2 {
  margin-bottom: 2vh;
}
/* .v3-width-icon2 {
  width: 65%;
} */
/* #chanTplBox .v3_chaj:nth-child(2) {

} */
.v3-w18 {
  width: 18.75rem;
  margin-right: 2vw;
}
.v3_chaj {
  width: 16rem;
  margin: 0 0.7rem;
}
/* #chanTplBox .v3_chaj:first-child {
  margin-left: 0;
}
#chanTplBox .v3_chaj:last-child {
  margin-right: 0;
} */

.v3-jzzz-box {
  top: 1rem;
  box-shadow: none!important;
}

.v3-hxgnbj {
  background:#EFF5FD url("/images/v3/home/hxgnbg.png") no-repeat center/cover;
}
.v3_box_5 {
  background: url("../images/v3/home/gybj.png") center center no-repeat;
  background-size: cover;
  /* height: 84.8125rem; */
}
.v3-priva-jjfa {
  position: absolute;
  left: 5%;
}
.v3-priva-jjfa p:nth-child(1) {
  width: 100%;
  /* height: 9.375rem; */
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 700;
  font-size: 2.8vw;
  color: #0068FF;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 2vh;
}
.v3-priva-jjfa p:nth-child(2) {
  color: #232323;
}
.v3-ban-bj3{
  height: 64vh;
  background: url('/images/v3/solution/banner.png') no-repeat center/cover;
}
.v3-ban-bj3-yd{
  height: 50vh;
  background: url('/images/v3/solution/h5-banner4.png') no-repeat center/cover;
}
.fak12 {
  background: url('/images/v3/solution/mk/mk1.png') no-repeat right/contain;
}
.fak22 {
  background: url('/images/v3/solution/mk/mk2.png') no-repeat right/contain;
}
.fak32 {
  background: url('/images/v3/solution/mk/mk3.png') no-repeat right/contain;
  background-size: 80%;
}
.fak42 {
  background: url('/images/v3/solution/mk/mk4.png') no-repeat right/contain;
  background-size: 83%;
}
.fak52 {
  background: url('/images/v3/solution/mk/mk5.png') no-repeat right/contain;
  background-size: 100%;
}
.fak62 {
  background: url('/images/v3/solution/mk/mk6.png') no-repeat right/contain;
  background-size: 100%;
}
.fak72 {
  background: url('/images/v3/solution/mk/mk7.png') no-repeat right/contain;
  background-size: 100%;
}
.al-logo1 {
  background: #F0F4FF url('/images/v3/home/mk3/gudao.png') no-repeat center/80%;
}
.al-logo2 {
  background: #F0F4FF url('/images/v3/home/mk3/ziyan.png') no-repeat center/80%;
}
.al-logo3 {
  background: #F0F4FF url('/images/v3/home/mk3/ybx.png') no-repeat center/80%;
}
.al-logo4 {
  background: #F0F4FF url('/images/v3/home/mk3/zhanhong.png') no-repeat center/80%;
}
.al-logo5 {
  background: #F0F4FF url('/images/v3/home/mk3/bingdi.png') no-repeat center/60%;
}
.al-logo6 {
  background: #F0F4FF url('/images/v3/home/mk3/erdao.png') no-repeat center/80%;
}
.al-logo7 {
  background: #F0F4FF url('/images/v3/home/mk3/zhuotang.png') no-repeat center/80%;
}
.al-logo8 {
  background: #F0F4FF url('/images/v3/home/mk3/shenzheng3C.png') no-repeat center/80%;
}
#fa1 .v3-fa-title h2,
#fa2 .v3-fa-title h2,
#fa3 .v3-fa-title h2,
#fa4 .v3-fa-title h2,
#fa5 .v3-fa-title h2,
#fa6 .v3-fa-title h2,
#fa7 .v3-fa-title h2 {
font-size: 1.875rem;
}
#fa1 .v3-fa-title p,
#fa2 .v3-fa-title p,
#fa3 .v3-fa-title p,
#fa4 .v3-fa-title p,
#fa5 .v3-fa-title p,
#fa6 .v3-fa-title p,
#fa7 .v3-fa-title p {
font-size: 1.125rem;
}

.fak11,
.fak21,
.fak31,
.fak41,
.fak51,
.fak61,
.fak71 {
  width: 46%;
  text-align: left;
}
.fak12,
.fak22,
.fak32,
.fak42,
.fak52,
.fak62,
.fak72{
  /* height: 40vh; */
  width: -webkit-fill-available;
  height: auto;
}

.fak22 {
  width: 53%;
}
/* .fak12,
.fak32,
.fak52 {
  width: 58%;
}
.fak42 {
  width: 51%;
}
.fak62 {
  width: 53%;
}
.fak72 {
  width: 57%;
} */
.v3-text-100 .dis_box>div{
  /* width: 50%;
  text-align: center; */
}
#content p:nth-of-type(2) {
  color: #000000;
}
.v3-pb5 {
  padding-bottom: 5rem;
}
.v3-zxhqgdal {
  padding-bottom: 5rem;
}
.v3-ckal {
  /* position: absolute;
  bottom: 2.5rem; */

}

.v3-chaj-box-shadow3-top {
  display: flex;
  align-items: center;
  margin-bottom: 2vh;
}
#v3-chaj .row{
  justify-content: center;
}
.v3-chaj {
  font-size: 20px;
  margin-left: 1rem;
  color: #424242;
}
.v3-nage{
  margin-top: 5rem;
  font-size: 14px;
  margin-left: 14%;
}
.v3-khs .v3-khs-fhl,
.v3-khs .v3-khs-fhr {
  position: absolute;
  width: auto!important;
  height: auto!important;
}
.v3-khs .v3-khs-fhl {
  left: -4rem;
  top: -1rem;
}
.v3-khs .v3-khs-fhr {
  right: -4rem;
  bottom: -1rem;
}
.v3-khs .v3-khs-text p {
  /* margin: .625rem 1.4375rem; */
}
.v3-khs .v3-khs-sign {
  text-align: right;
  margin-top: 1.25rem;
}
.v3-khs .v3-khs-text {
  position: relative;
  /* margin: 0 1.4375rem; */
}
.v3-khs {
  margin: 0 auto;
  padding: 3rem 5.75rem 1.9375rem 5.4375rem;
  /* padding: 1.875rem 1.625rem; */
  background: #F6F8F9;
  border-radius: 4px 4px 4px 4px;
  /* height: 9.8125rem; */
}
.v3-xiaolv {
  background: #F6F8F9;
  transform: none!important;
  box-shadow: none!important;
  margin-top: 2rem!important;
}
.v3-jt .v3-number {
  color: #424242;
}
.v3-jt span {
  color: #424242;
}
#content .v3-jjfa {
  padding: 1.5rem;
  background: #F6F8F9;
}
#content .noPoint {
  background: none;
}
#content .almk1,
#content .almk2 {
  margin-bottom: 1.125rem;
}
#content .almk2 {
  margin-top: 2.4375rem;
}

.v3-banTitle-a {
  font-size: 12px;
  color:#0068ff;
}
.v3-banTitle-a i {
  font-size: 24px;
}
.v3-banTitle-a i::before {
  vertical-align: -0.4em;
}
.v3-banTitle {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: normal;
  font-size: 44px;
  color: #FFFFFF;
  line-height: 66px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.bi-arrow-up-short {
  color: #FC0111!important;
}
.bi-arrow-down-short {
  color: #59CC93;
}
.v3-menu .v3-nav-link {
  color: #fff!important;
}
.v3-row2 {
  text-align: -webkit-center;
}
.v3-row3 {
  display: flex;
  justify-content: space-between;
  text-align: -webkit-center;
}
/* .v3-jzzz2 .v3-pad2 {
  width: 60%;
}
.v3-jzzz2 .v3-pad3 {
  width: 68%;
} */
.v3-jzzz {
  /* height: 10rem; */
  padding: 1rem;
  margin: 0;
  background:#F2F2F2;
  border-radius: 14px 14px 14px 14px;
  margin-top: 4vh;
}

.v3-gwz {
  color: #0092fe;
  font-size: 24px;
  margin-right: 4px;
}
.v3-font500 {
  color: #424242!important;
  font-weight: 500!important;
}
.v3-jzzz .v3-pad2 .dis_box {
  justify-content: start;
}
#fa1 .v3-jzzz .v3-pad2 {
  padding:0 2rem;
}
.v3-jzzz .v3-pad3 {
  padding:0;
}
.v3-jzzz .p{
  font-size: 14px;
  color: #727272;
  padding: 0;
  text-align: left;
}
.v3-jzzz .v3-title {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  background: linear-gradient(0deg, #0069FF 0%, #41DCFE 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.v3-jzzz .v3-dis_flex{
  width: 100%;
  justify-content: start;
  align-items: start;
  margin-bottom: 1vh;
}
.v3-jzzz .v3-dis_flex img {
  margin-top: 2px;
}
.v3-tyspzx .v3-ljzx {
  width: 180px;
  padding: .8125rem 3.125rem;
  background: #0068FF;
  border-radius: 4px 4px 4px 4px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 3rem;
}
.v3-tyspzx .v3-hxgn {
  font-weight: 600;
  font-size: 24px;
  color: #424242;
  font-style: normal;
  text-transform: none;
  /* margin-left: 1rem; */
  margin-bottom: 1.25rem;
}
.v3-tyspzx .v3-list {
  display: flex;
  /* justify-content: space-between; */
  /* width: 35vw; */
}
.v3-tyspzx .v3-list p:nth-child(odd) {
  font-weight: 600;
  font-size: 1.125rem;
  color: #424242;
  text-align: left;
  font-style: normal;
  text-transform: no
}
.v3-tyspzx .v3-list p:nth-child(even) {
  font-weight: 400;
  font-size: 14px;
  color: #424242;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 0.8rem;
}
.v3-tyzx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.v3-chdwimg {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 2px rgba(101,105,139,0.12);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #EBECF0;
}
.v3-btn-primary {
  padding: 1.8% 5%;
  background: #0068FF;
  border-radius: 4px 4px 4px 4px;
  font-weight: 500;
  /* font-size: 0.9vw; */
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.v3-btn-primary:hover {
  color: #FFFFFF;
  opacity: 0.9;
}
.v3-mobileshowy {
  margin-left: 5%;
  padding: 1.8% 5%;
  /* font-size: 0.9vw; */
}
.v3-priva-3 p {
  text-align: left;
}
.v3-priva-3 p:nth-child(1) {
width: 100%;
/* height: 9.375rem; */
font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
font-weight: 700;
font-size: 3.1rem;
color: #0068FF;
text-align: left;
font-style: normal;
text-transform: none;
margin-bottom: 2rem;
}
.v3-priva-3 p:nth-child(2),
.v3-priva-3 p:nth-child(3),
.v3-priva-3 p:nth-child(4) {
  /* width: 622px; */
  /* height: 10vh; */
  font-weight: 400;
  font-size: 1.125rem;
  color: #232323;
  /* line-height: 35px; */
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 2vh;
}
.v3-priva-3 {
  width: 36.2vw;
  /* height: 40rem; */
  /* background: pink; */
  position: absolute;
  left: 7vw;
}
.v3-priva-31 {
  width: 45rem;
  top: 12rem;
}
.responsive-spacing {
  padding-right: 1px;
  padding-left: 1px;
}
.responsive-spacing .box_flex-s1 {
  font-weight: bold;
  font-size: 20px;
  color: #424242;
  font-style: normal;
  text-transform: none
}
.responsive-spacing .v3-p {
  font-weight: 400;
  font-size: 14px;
  color: #424242;
  font-style: normal;
  text-transform: none;
}
.v3-p {
  word-break: break-word;
  margin: 1rem 0;
}
.v3_hxgnx {
  background: #fff;
  width: 100%;
  height: 31vh;
  margin: 2% 0;
  padding: 3%;
  border-radius: 10px 10px 10px 10px;
}
.v3_hxgnx .title {
  font-weight: bold;
  font-size: 24px;
  color: #424242;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 4vh;
}
.v3_hxgnx .itemBox {
 width: 25%;
 background: pink;
 display: flex;
}
.v3_hxgnx .itemBox .img {
  width: 20%;
  margin-right: 5%;
}
.v3_hxgnx .itemBox .zhibiao {
  text-align: center;
}
.v3_hxgnx .t1 {
  font-weight: 800;
  font-size: 44px;
  color: #0068FF;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.v3_hxgnx .itemBox .zhibiao .t2 {
  font-size: 16px;
}
.v3_hxgnx .itemBox .zhibiao .t2 {
  font-size: 16px;
}
.v3_hxgnx .itemBox .wenben {
  font-weight: 400;
  font-size: 16px;
  color: #363C58;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.wd100 {
  width: 100%;
}
.v3_btn-primary {
  background: #0068FF!important;
  border-radius: 4px 4px 4px 4px;
  padding: 0.5rem 1.2rem!important;
}
.v3-cgal {
  background: #FFFFFF;
  box-shadow: 0px 6px 38px 10px rgba(0,104,255,0.08);
  border-radius: 16px 16px 16px 16px;
  padding: 0;
  height: 22.5rem
  }
  .v3-cgal-img {
    height: 12rem;
    text-align: center;
    line-height: 12rem;
    /* background: #F0F4FF; */
    border-radius: 16px 16px 0px 0px;

  }

  .v3-width-icon3 {
    /* width: -webkit-fill-available;
    height: 12rem; */
    width: 70%;
    border-radius: 16px 16px 0 0;
  }
  .v3-plr {
    padding:2.5%;
  }
  .v3-cgal .v3-t1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin: 1rem 0; */
  }
  .v3-cgal .v3-t1 .v3-t11 {
    font-weight: bold;
    font-size: 20px;
    color: #424242;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  .v3-cgal .v3-p {
    font-weight: 400;
    font-size: 14px;
    color: #424242;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  #clothingnavcontent1 .v3-cgal .v3-t12 {
    height: auto!important;
    border-radius: 18px 18px 18px 18px;
    padding: 4px 15px;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  #clothingnavcontent1 .v3-cgal .v3-type-1 {
    color: #0187FC;
    background: #D2E9FF;
  }
  #clothingnavcontent1 .v3-cgal .v3-type-2 {
    color: #0068FF;
    background: #D5E2FF;
  }
  .v3-box-shadow4 {
    height: calc(100% - 12.8rem);
    padding: 1rem;
    padding-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .v3-tab-content {
    height: 82rem;
  }
  .v3_bjcpdw {
    background: #F4F4F4;
    border-radius: 0px 0px 0px 0px;
    padding-bottom: 5rem;
    /* opacity: 0.5; */
  }
  .v3_gybj .top {
    font-weight: bold;
    font-size: 35px;
    color: #424242;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: 8vh 0 2vh;
  }
  .v3_gybj .left {
    width: 42%;
    margin-right: 0.5rem;
  }
  .v3_gybj .right {
    width: 32%;
  }
  .v3_gybj .right .v3-right-main {
    margin: 0;
    background: url('../images/bg-2.png') -1px -50px no-repeat;
    background-size: 35px 100%;
    height: 100%;
  }
  .v3_gybj .rightp11 {
    padding-left: 5rem;
  }
  .v3_gybj .mdl {
    display: flex;
    justify-content: center;
  }
  .v3_gybj .v3-text-6 {
    /* background: #fff; */
  }
  .v3_gybj .v3-text-6 h4{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #0187fc;
    border: 9px #c9e5fe solid;
    margin-right: 20px;
  }
  .alz {
    font-style: normal;
    text-transform: none;
  }
  .v3_gybj .p11 {
    padding-bottom: 2rem;
  }
  .v3_gybj .p55 {
    /* padding-bottom: 1rem; */
    padding: 6vh 0 3vh;
  }
  .v3_gybj .p11,
  .v3_gybj .p55{
    font-weight: 500;
    font-size: 1.375rem;
    color: #424242;
  }
  .v3_gybj .p22,
  .v3_gybj .p33,
  .v3_gybj .p44 {
    font-weight: 400;
    font-size: 1rem;
    color: #424242;
    line-height: 28px;
    padding-bottom: 2vh;
  }
  .v3_gybj .p66,
  .v3_gybj .p77{
    font-weight: 500;
    font-size: 16px;
    /* color: #65698B; */
    color: #424242;
    line-height: 28px;
  }
  .v3-text-6 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-left: 0.7rem;
  }
  .v3-text-6 .v3-card {
    width: 37rem;
    /* height: 5.3125rem; */
    position: relative;
    background: rgba(255,255,255,0.35);
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #F4F4F4;
    padding: 16px 20px;
  }
  .v3-text-6 h4 {
    width: 14px!important;
    height: 14px!important;
    border-radius: 50%;
    background: #0068FF!important;
    border: 3px #c9e5fe solid!important;
    margin-right: 16px;

  }
  .v3-text-6 .v3-card span {
    position: absolute;
    right: 20px;
    top: 16px;
    background: #D5E2FF;
    border-radius: 18px 18px 18px 18px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 12px;
    color: #0068FF;
  }
  .v3-card p:nth-child(2) {
    font-weight: 500;
    font-size: 18px;
    color: #424242;
  }
  .v3-card p:nth-child(3) {
    font-weight: 400;
    font-size: .875rem;
    color: #424242;
  }
  .footer .v3-text-box p {
    color: #999;
    line-height: 1.5rem;
  }
  .color999 {
    color: #999!important;
  }
/* @media (min-width: 768px) {
} */

/* @media (min-width: 1200px) {
  .responsive-spacing {
    padding-right: 2px;
    padding-left: 2px;
  }
} */

/*-----v3-----*/
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating-element {
  animation: rotate 5s linear infinite;
}
@keyframes moveDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}
@-webkit-keyframes anim1 {
  0% {
    top: 43%;
  }
  50% {
    top: 41%;
  }
  75% {
    top: 41%;
  }
  100% {
    top: 43%;
  }
}
@-webkit-keyframes anim2 {
  0% {
    top: 51%;
  }
  50% {
    top: 53%;
  }
  75% {
    top: 53%;
  }
  100% {
    top: 51%;
  }
}
/* 应用动画 */
.element {
  animation: anim1 3s infinite; /* 持续时间2秒，无限循环 */
}
.element2 {
  animation: anim2 3s infinite; /* 持续时间2秒，无限循环 */
}
/*-----v3------*/
.img-box {
  width: 3.75rem;
  height: 3.75rem;
  padding: 8%;
  background: #E5EFFF;
  border-radius: 8px 8px 8px 8px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*----header------*/
.banner-blue1 {
  background-color: #0187FC;
}
.banner-blue2 {
  background-color: #1D3454;
}
.banner-bg1 {
  background: #0187fc;
  /* padding-bottom: 15px; */
}
.banner {
  width: 100%;
  margin: 0 auto;
}
.banner img {}
.banner .pa1 {
  top: 30%;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}
.banner .pa1 h1, .banner .pa1 h2, .banner .pa1 h3 {
  font-size: 44px;
  font-weight: 600;
  color: #3D446E;
  line-height: 1.4;
}
.banner .pa1 h1 {
  margin-top: 35px;
  /* width: 16em; */
}
.banner .pa1 h2 {
  margin-bottom: 35px;
}
.banner .pa1 h3 {
  text-align: center;
}
.banner .pa1 p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 60px;
}
.banner .pa1 a {
  padding: .6rem 2rem;
  margin-right: 1rem;
}
.banner .pa3 {
  top: 25%;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}
.banner .pa3 h2 {
  font-size: 44px;
  font-weight: 600;
  color: #3D446E;
  line-height: 1.4;
}
.banner .pa3 h2 {
  margin-bottom: 35px;
}
.banner .pa3 p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 60px;
}
.banner .pa3 a {
  padding: .6rem 2rem;
  margin-right: 1rem;
}
.banner .pa3 .ban1 {
  width: 53em;
}

.img_ban1 {
  display: block;
  padding-bottom: 100px;
}
.img_ban2 {
  display: none;
}
.img_ban3 {
  display: none;
}
.img_ban4 {
  padding-bottom: 100px;
  overflow: hidden;
}
.img_ban-index{
  padding-bottom: 100px;
  overflow: hidden;

}
.img_ban-index2{
 display: none;
}
.img_ban4 div, .img_ban-index div {
  display: flex;
  justify-content: center;
}
.img_ban5 {
  display: none;
}
.banner .pa2 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 10;
  width: 100%;
  transform: translateX(-50%);
}
.banner .pa1 .ban1 {
  width: 53em;
}
.banner a.btn-primary {
  border: none;
  padding: .8rem 4rem;
  background: linear-gradient(270deg, #41dcfe, #0068ff);
}
.btn1 {
  position: relative;
  background: -webkit-linear-gradient(45deg, #0069ff, #41dbfe0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(45deg, #0069ff, #41dbfe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(45deg, #0069ff, #41dbfe); /* Firefox 3.6 - 15 */
  background: linear-gradient(45deg, #0069ff, #41dbfe); /* 标准的语法 */
  -webkit-background-clip: text; /* 将渐变应用到文字上 */
  -webkit-text-fill-color: transparent; /* 设置文字颜色为透明，显示渐变效果 */
}
.btn1::before {
  content: "";
  border-radius: 4px;
  padding: 1px;
  inset: 0;
  position: absolute;
  background: linear-gradient(45deg, #0069ff, #41dbfe);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.banner .pa2 .box {
  position: relative;
  padding: 1.2rem 1.2rem 1.2rem 1.5rem;
  margin-bottom: 2rem;
  background: #fff;
  height: 7.1rem;
  border-radius: 10px;
  box-shadow: 0px 9px 20px 0px rgba(167, 178, 204, 0.66);
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.banner .pa2 .box .left-icon {
  position: absolute;
  top: 1.4rem;
  left: 1.5rem;
  width: 1.6rem;
}
.banner .pa2 .box .more-1 {
  color: #0187FC;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  font-size: .8rem;
  line-height: 2rem;
}
.banner .pa2 .box .more-1 i {
  font-size: 1.2rem;
}
.banner .pa2 .box .text-1 {
  padding-left: 2rem;
  color: #3D446E;
}
.banner .pa2 .box .text-1 h3 {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 24px;
}
.banner .pa2 .box .text-1 p {
  font-size: 14px;
  max-height: 3em; /* 设置最大高度为行高的3倍 */
  padding-right: 2em;
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 可选：使用省略号表示被截断的文本 */
  white-space: normal; /* 使得文本正常换行 */
}
.banner .pa2 .box:hover {
  background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
  /*transform: scale(1.03);*/
}
.banner .pa2 .box:hover .more-1 {
  color: #fff;
}
.banner .pa2 .box:hover .more-1 i {
  color: #fff;
}
.banner .pa2 .box:hover .text-1 {
  padding-left: 2.3rem;
  color: #fff;
}
@media (max-width: 1200px) {
  .banner {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .img_ban1 {
    height: 800px;
    padding-bottom: 98px;
  }
  .img_ban4 {
    display: flex;
    padding-bottom: 0;
    justify-content: center;
  }
  .img_ban-index{
 display: flex;
 padding-bottom: 100px;
 justify-content: center;
}

  .img_ban-index img{
       height: 450px;
  }
  .img_ban4 img {
    height: 400px;
    /* padding-bottom: 15px; */
  }
  .banner .pa1 {
    top: 26%;
  }
  .banner.priva-ban .pa1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .banner .pa1 .ban1 {
    width: 32em;
  }
  .banner .pa2 {}
  .banner .pa1 h1 {
    font-size: 2.2rem;
    margin: 35px 2em 0 10px;
    width: 13em;
  }
  .banner .pa1 h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .banner .pa1 h3 {
    font-size: 32px;
  }
  .banner .pa1 p {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .banner .pa3 {
    top: 23%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
  }
  .banner .pa3 h2 {
    font-size: 30px;
    font-weight: 600;
    color: #3D446E;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .banner .pa3 p {
    font-size: 14px;
    font-weight: 400;
    width: 36em;
    margin-bottom: 1.5rem;
  }
  .banner .pa3 a {
    padding: .45rem 1.5rem;
    margin-right: .5rem;
  }
}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
  .banner {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .mobileshow{
    /* margin-top:5px; */
  }
  .img_ban1 {
    height: 600px;
    padding-bottom: 98px;
  }
  .img_ban2 {
    display: block;
    padding-bottom: 80px;
  }
  .img_ban3 {
    display: block;
  }
  .img_ban4 {
    display: none;
  }
  .img_ban4 img {
    width: 100%;
    padding-bottom: 30px;
    justify-content: center;
  }
  .img_ban5 {
    display: block;
    padding-bottom: 1rem;
  }
    .img_ban-index{

}
  .img_ban-index img{
    height:500px;
  }

  .banner .pa1 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .banner .pa1 .ban1 {
    width: 35em;
  }
  .banner .pa1 h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .banner .pa1 p {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .banner .pa2 {}
  .banner .pa1 h1 {
    font-size: 2rem;
    margin: 35px 2em 0 0;
    width: auto;
  }
  .banner .pa1 h3 {
    font-size: 28px;
  }
  .banner .pa3 {
    top: 25%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
  }
  .banner .pa3 .ban1 {
    width: auto;
  }
  .banner .pa3 h2 {
    font-size: 30px;
    font-weight: 600;
    color: #3D446E;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .banner .pa3 p {
    font-size: 14px;
    font-weight: 400;
    width: auto;
    margin-bottom: 1.5rem;
  }
  .banner .pa3 a {
    padding: .45rem 1.5rem;
    margin-right: .5rem;
  }
}
@media (max-width: 576px) {
      .img_ban-index{
 display: none;
}
        .img_ban-index2{
 display: block;
 padding-bottom: 60px;
}
   .img_ban-index2 img{

   }

  .banner.priva-ban .pa1 {
    top: 53%;
  }
  .banner .pa1 .btn {
    font-size: 12px;
    border-radius: 2px;
  }
  .banner .pa1 .btn1::before {
    border-radius: 2px;
  }
  .banner .pa1 a {
    padding: .45rem 1.5rem;
    margin-right: .5rem;
  }
  .banner .container{
    padding:0 15px;
  }
  .img_ban1 {
    display: none;
  }
  .img_ban2 {
    display: block;
    padding-bottom: 60px;
  }
  .img_ban3 {
    display: block;
    padding-bottom: 0;
  }
  .img_ban4 {
    display: none;
  }
  .img_ban5 {
    display: block;
    padding-bottom: 0;
  }
  .banner {
    /* height:500px; */
  }
  .banner .pa1 {
    width: 100%;
  }
  .banner .pa1 h1 {
    font-size: 1.8rem;
    margin: 0 0 0 0;
    width: auto;
    padding-right: 2em;
  }
  .banner .pa1 h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .banner .pa1 h3 {
    font-size: 20px;
  }
  .banner .pa1 .ban1 {
    width: 90%;
  }
  .banner .pa1 p {
    font-size: 12px;
    margin-bottom: 24px;
    padding-right: 2em;
  }
  .banner .pa2 .box {
    padding: 1rem 1.5rem 1rem 1rem;
    margin-bottom: 1rem;
    background: #fff;
    height: 6.1rem;
    box-shadow: 0px 9px 10px 0px rgba(167, 178, 204, 0.3);
  }
  .banner .pa2 .box .left-icon {
    top: .8rem;
    left: 1.2rem;
    width: 1.6rem;
  }
  .banner .pa2 .box .text-1 h3 {
    font-size: 16px;
  }
  .banner .pa2 .box .more-1 {
    line-height: 20px;
  }
  .banner .pa2 .box .text-1 p {
    font-size: 12px;
  }
  .banner .pa3 {
    top: 25%;
    left: 0;
    transform: translateX(0);
  }
  .banner .pa3 h2 {
    font-size: 28px;
    font-weight: 600;
    color: #3D446E;
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  .banner .pa3 p {
    font-size: 14px;
    font-weight: 400;
    width: auto;
    /* padding-right: 3em; */
    margin-bottom: 1.5rem;
  }
  .banner .pa3 a {
    padding: .45rem 1.5rem;
    font-size: 12px;
  }
}
@media (max-width: 430px) {
  .banner .pa1 h1 {
    font-size: 1.4rem;
    margin: 0 0 0 0;
    width: auto;
    padding-right: 2em;
  }
  .banner .pa3 {
    top: 22%;
    left: 0;
    transform: translateX(0);
  }
  .banner .pa3 h2 {
    font-size: 20px;
  }
  .banner .pa3 p {
    font-size: 12px;
  }
  .banner .pa3 .ban1{
    max-width: 353px;
    margin:0 auto;
  }
}
/*----------*/
.transition1 {
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.box-shadow1 {
  box-shadow: 0px 9px 20px 0px rgba(167, 178, 204, 0.66);
}
.box-shadow2 {
  box-shadow: 0px 2px 20px 0px rgba(35, 131, 255, 0.46);
}
/*------------*/
.bg_widte50 {
  background-color: rgba(255, 255, 255, 0.50);
}
.bg_widte-linear {
  background: linear-gradient(-83.54deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.41) 100%);
}
.bg_widte-linear:hover {
  background: linear-gradient(-83.54deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.41) 100%);
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  transform: scale(1.03);
}
.bg_1 {
  background-color: #F2F4F7;
  padding-bottom: 6rem;
}
/*------------*/
#clothingnav1.nav-tabs {
  height: 72px;
  padding: 8px;
  border-bottom: none;
  background: #FFFFFF;
  box-shadow: 0px 4px 74px -20px rgba(14,79,180,0.15);
  border-radius: 35px 35px 35px 35px;
}
#clothingnav1.nav-tabs .nav-link {
  font-size: 1.1rem;
  font-weight: 600;
  color: #3D446E;
  border-radius: 28px;
  letter-spacing: 1px;
  padding: 15px 0;
}
#clothingnav1.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #fff;
  border-bottom: none;
  background: linear-gradient( 90deg, #0068FF 0%, #41DCFE 100%);
  /* background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%); */
}
#clothingnav1.nav-tabs .nav-link img:first-child {
  display: block;
}
#clothingnav1.nav-tabs .nav-link img:last-child {
  display: none;
}
#clothingnav1.nav-tabs .nav-link.active img:last-child {
  display: block;
}
#clothingnav1.nav-tabs .nav-link.active img:first-child {
  display: none;
}
#clothingnav1 .nav-item {
  width: 15%;
  overflow: hidden;
}
#clothingnavcontent1.tab-content {
  /*background: #fff url("../image/bj-home1.jpg") top center no-repeat;*/
  /* box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1); */
  padding-top: 1rem;
}
#clothingnavcontent1 .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
#clothingnavcontent1 #home1 {
  /* background: #eef4fb url(../image/bj-home4.png) top center no-repeat; */
  /* padding-bottom: 4rem; */
  background-size: auto 100%;
}
#clothingnavcontent1 #paneTwo1 {
  background: #f6fafc url(../image/bj-home5.png) top center no-repeat;
  /* padding-bottom: 4rem; */
  background-size: auto 100%;
}
#clothingnavcontent1 #paneTwo2 {
  background: #f1f3f3 url(../image/bj-home6.png) top center no-repeat;
  /* padding-bottom: 4rem; */
  background-size: auto 100%;
}
.tab-content .title-box {
  text-align: left;
  padding-top: 3rem;
  padding-bottom: 0;
}
.tab-content .title-box h3 {
  color: #fff;
  margin-bottom: .8rem;
}
.tab-content .title-box p {
  color: #fff;
  margin-bottom: 2rem;
}
.tab-pane {}
/*-------*/
.box1 {
  border-radius: .5rem;
  padding: 2.5rem;
}
.box1 p {
  width: 32%;
  font-size: .9rem;
  padding: .7rem .8rem .7rem;
  border-radius: 4px;
  margin-bottom: 2rem;
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.box1 .btn-primary {
  padding: .8rem 3rem;
  font-size: 1rem;
  margin: 1rem auto;
}
/*-----核心功能-------*/
.box_1 {
  width: 100%;
  /* background: #f2f4f7 url("../image/bj-home2.png") bottom right no-repeat;
  padding: 20px 10px 5px; */
}
.v3_box_1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.v3_box_1 .v3_box-shadow3{
  height: 21vh;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(101,105,139,0.06);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #EBECF0;
  padding:8.53% 9.64%;
  margin-bottom: 20px;
  /* width: max-content; */
}
.v3_box-shadow3 .box_flex-s1 {
  font-weight: bold;
  font-size: 20px;
  color: #424242;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.v3_box-shadow3 .box_flex-s1 .width-icon2{
  width: 4.3rem;
  margin-bottom: .3rem;

}
.v3_box-shadow3 p {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: normal;
  font-size: 16px;
  color: #424242;
  line-height: 24px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.v3-responsive-spacing {
  padding: 0;
}
.box-shadow3 {
  padding: 7%;
  margin: .3%;
  height: 26vh;
  /* box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 20px 0px rgba(167, 178, 204, 0.24); */
}
.box-shadow3:hover {
    /* box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 20px 0px rgba(167, 178, 204, 0.24); */
    box-shadow: 0px 6px 38px 10px rgba(0,104,255,0.08);

  /* box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 0px 0px rgba(255, 255, 255, 1); */
  /* transform属性 */ /* 第一个参数指定X轴的位移量,必填, 第二个参数指定Y轴的位移量,不必填 默认0*/
  /* transform: translate(0, -10px);
}
.box_1 .box-shadow3 {
  /* border-radius: .5rem; */
  /* padding: 1rem 1.2rem .5rem; */
  /* padding: 2rem; */
  /* margin-bottom: 20px; */
  /* margin-bottom: 5px; */
}
.box_1 .box-shadow4 {
  padding: 1rem;
  margin-bottom: 5px;
}
 .box_1 div h3 {
  font-size: 16px;
  font-weight: 600;
  color: #3D446E;
  /* margin-bottom: 10px; */
  margin: 1rem 0;
}
.box_1 div p {
  margin-bottom: .2rem;
  font-size: .9rem;
  color: #65698B;
}
.box_1 div p i {
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #0069ff;
}
.box_1 div p:last-child {
  margin-bottom: 0;
  /* height: 1.8rem; */
  /* height: 2.8rem; */
}

.box_1 div span {
  color: #0069ff;
  /* padding: 0 .6rem 0 .3rem; */
}
/*-----------------*/
.box_2 {}
.tap_bj {
  margin: 0 auto;
  padding: 4rem 0 0;
}
.bg_2 {
  width: 384px;
  padding: 1.2rem 2rem 1rem;
  border-radius: .5rem;
  background: linear-gradient(87.84deg, rgba(247, 249, 253, 1) 0%, rgba(235, 241, 250, 1) 100%);
  box-shadow: inset 0 1px 1px rgb(255 255 255 / 47%);
  box-shadow: 0px 9px 20px 0px rgba(167, 178, 204, 0.66), 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 100;
}
.bg_2:hover {
  background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
}
.bg_2:hover h3 {
  color: #fff;
}
.bg_2:hover a {
  color: #fff;
}
.pa_bj1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 182px;
  max-width: 428px;
  z-index: 1;
}
.pa_bj2 {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translateX(-50%);
  z-index: 2;
}
.pa_bj2 h2 {
  color: #0187FC;
  text-align: center;
  font-size: 2.4rem;
  margin-top: 1rem;
}
.pa_bj3 {
  position: absolute;
  left: 42%;
}
.pa_bj4 {
  position: absolute;
  right: 41%;
}
/*-------*/
.pa3 {
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
}
.pa4 {
  top: 30%;
  left: 16%;
  transform: translateX(-50%);
}
.pa5 {
  top: 63%;
  left: 19%;
  transform: translateX(-50%);
}
.pa6 {
  top: 35%;
  right: 2%;
}
.pa7 {
  top: 67%;
  right: 6%;
}
.pa8 {
  top: 91%;
  left: 50%;
  transform: translateX(-50%);
}
/*--------*/
.bg_2 h3 {
  font-size: 16px;
  letter-spacing: 1px;
  color: #3D446E;
  font-weight: 600;
}
.bg_2 p {
  width: 100%;
  margin-bottom: 0;
  padding-right: .5rem;
  font-size: .9rem;
}
.bg_2 p i {
  font-size: 1.5rem;
}
.pa-icon {
  position: absolute;



  background: linear-gradient(235.32deg, rgba(65, 220, 254, 1) 0%, rgba(0, 104, 255, 1) 100%);
  border: 3px solid #FFFFFF;
  box-shadow: 0px 9px 20px 0px rgba(167, 178, 204, 0.66);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.pa_i1 {
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.25rem;
}
.pa_i2 {
  right: -3rem;
  top: 50%;
  transform: translateY(-50%);
}
.pa_i3 {
  left: -3rem;
  top: 50%;
  transform: translateY(-50%);
}
.pa_i4 {
  left: 50%;
  transform: translateX(-50%);
  top: -2.25rem;
}
/*---------*/
.box_3 {
  /* height: 380px; */
  border-radius: .5rem;
  box-shadow: 0px 2px 20px 0px rgba(234, 236, 244, 0.5);
  overflow: hidden;
  /* margin-bottom: 2rem; */
}
.box_3 .col-sm-6.col-md-3 {
  padding: 0;
}
.box_3 .tap1 {
  background: #FBFDFF url("../image/tap_bj1.png") bottom right no-repeat;
  background-size: 40%;
  padding: 2.5rem 2rem 3rem;
  cursor: pointer;
  height: 319px;
  margin: 0 -10px;
  border-right: 1px solid #EBECF0;
}
.box_3 .tap1 h3 {
  padding-bottom: 1rem;
  font-weight: 600;
  font-size: 18px;
  color: #3D446E;
}
.box_3 .tap1 p {
  padding-top: 1.1rem;
  margin-bottom: 0;
  font-size: .9rem;
  display: flex;
}
.box_3 .tap1 p i {
  padding: 0 .5rem;
  color: #0187fc;
}
.box_3 .tap1:hover {
  background: url("../image/tap_bj2.png") bottom center no-repeat, linear-gradient(235.32deg, rgba(65, 220, 254, 1) 0%, rgba(0, 104, 255, 1) 100%);
  background-size: 100%;
  box-shadow: 0px 9px 20px 0px rgba(167, 178, 204, 0.66);
}
.box_3 .tap1 h3 img:first-child {
  display: block;
}
.box_3 .tap1 h3 img:last-child {
  display: none;
}
.box_3 .tap1:hover h3 img:first-child {
  display: none;
}
.box_3 .tap1:hover h3 img:last-child {
  display: block;
}
.box_3 .tap1:hover h3 {
  color: #fff;
}
.box_3 .tap1:hover p {
  color: #fff;
}
.box_3 .tap1:hover p i {
  color: #fff;
}
.box_3 .tap1:hover .dropdown-divider {
  border-color: rgb(255 255 255 / 20%);
}
/*-----------*/
.btn-box {
  width: 100%;
  padding: 10px 0;
}
.btn-box .btn {
  /* padding: .8rem 4rem; */
}
.btn-box1 a {
  padding: .8rem 4rem;
}
.btn-box2 {
  margin-top: 2.5rem;
}
.btn-box.btn-box2 {}
.btn-box .btn-light {
  background: #fff;
  color: #3D446E;
}
.btn-box .btn-light:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #222;
}
.btn-box .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
/*----------*/
.box_4 {
  background: url("../image/box_4bj.png") center bottom no-repeat, linear-gradient(248.65deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
  background-size: 100%;
  padding-bottom: 4rem;
}
.title-box.color-w h3 {
  color: #fff;
}
.title-box.color-w p {
  color: #fff;
}
.tap2 {
  background: #fff;
  padding: 2rem 2rem 1rem;
  border-radius: .5rem;
  margin-bottom: 1.5rem;
}
.tap2:hover {
  transform: translate(0, -10px);
}
.tap2 h3 {
  color: #3D446E;
  font-size: 1rem;
  margin-bottom: 1.3rem;
  font-weight: 600;
}
.tap2 p {
  font-size: .9rem;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */ /* 限制为3行 */
  /* -webkit-box-orient: vertical; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}
/*------------*/
#clothingnav2.nav-tabs {
  border-bottom: none;
  display: flex;
  justify-content: center;
}
#clothingnav2.nav-tabs .nav-link {
  font-size: 1.1rem;
  font-weight: 600;
  color: #3D446E;
  border: none;
  letter-spacing: 1px;
  width: 100%;
}
#clothingnav2 .nav-item {
  width: 20%;
  text-align: center;
}
#clothingnav2.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border: none;
  border-bottom: .3rem #0187FC solid;
}
#clothingnav2.nav-tabs .nav-link img:first-child {
  display: block;
}
#clothingnav2.nav-tabs .nav-link img:last-child {
  display: none;
}
#clothingnav2.nav-tabs .nav-link.active img:last-child {
  display: block;
}
#clothingnav2.nav-tabs .nav-link.active img:first-child {
  display: none;
}
#clothingnavcontent2.tab-content {
  padding-top: 15px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}
#clothingnavcontent2.tab-content .title-box {
  text-align: left;
}
#clothingnavcontent2.tab-content .title-box h3 {
  color: #fff;
  margin-bottom: .8rem;
}
#clothingnavcontent2.tab-content .title-box p {
  color: #fff;
  margin-bottom: 2rem;
}
#clothingnavcontent2 .tab-pane {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
}
#clothingnavcontent2 .tab-pane:nth-child(1) {
  background: linear-gradient(180deg, rgb(138 183 227) 0%, rgb(174 209 244) 100%);
}
#clothingnavcontent2 .tab-pane:nth-child(2) {
  background: linear-gradient(180deg, rgb(117 107 110) 0%, rgb(139 129 131) 100%);
}
#clothingnavcontent2 .tab-pane:nth-child(3) {
  background: linear-gradient(180deg, rgb(139 159 184) 0%, rgb(139 159 184) 100%);
}
#clothingnavcontent2 .tab-pane:nth-child(4) {
  background: linear-gradient(180deg, rgb(125 116 106) 0%, rgb(123 96 73) 100%);
}
#clothingnavcontent2 .tab-pane:nth-child(5) {
  background: linear-gradient(180deg, rgb(21 49 78) 0%, rgb(68 102 129) 100%);
}
/*-----------*/
.pa_bj5 {
  left: 2px;
  top: 0;
  width: 45%;
  height: 100%;
  /* background: url("../image/y-1.png") 0 0 no-repeat, linear-gradient(227.94deg, rgba(0, 104, 255, 1) 0%, rgba(98, 182, 255, 1) 100%); */
  background-size: auto;
  z-index: 100;
}
#clothingnavcontent1 .pa_bj5, .solution-bj .pa_bj5 {
  width: 40%;
  height: 100%;
  /* background: linear-gradient(270deg, rgba(98, 182, 255, .5) 0%, rgba(0, 104, 255, 1) 100%); */
  height: 604px;
}
@media (max-width: 1400px) {
  .pa_bj5 {
    width: 46%;
  }
}
@media (min-width: 2560px) {
  .pa_bj5 {
    width: 46.3%;
  }
  #clothingnavcontent1 .pa_bj5, .solution-bj .pa_bj5 {
    width: 41%;
  }
}
@media (min-width: 3840px) {
  .pa_bj5 {
    width: 47.5%;
  }
  #clothingnavcontent1 .pa_bj5, .solution-bj .pa_bj5 {
    width: 43%;
  }
}
@media (min-width: 4096px) {
  .pa_bj5 {
    width: 47.7%;
  }
  #clothingnavcontent1 .pa_bj5, .solution-bj .pa_bj5 {
    width: 43.5%;
  }
}
/*---------*/
.pa9 {
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 1000;
}
.pa9 .p1 {
  width: 54px;
  height: auto;
}
.p2 {
  width: 37%;
  padding: 2% 0 2% 2.5%;
}
.p2 h3 {
  line-height: 1.5;
  margin-bottom: 18px;
  font-size: 32px;
}
.p2 p {
  font-size: 14px;
  opacity: .8;
  margin-bottom: 28px;
}
.border-r {
  border-right: 1px rgb(255 255 255 / 20%) solid;
}
.p2 .col-4 {
  margin-top: 2rem;
  padding-left: 15px;
  padding-right: 0;
}
.p2 .btn-box .btn {
  padding: .7rem 3rem;
  margin-right: 1rem;
  font-size: .9rem;
}
.p2 .btn-box p {
  margin: 0;
}
.p2 .btn-box .btn-light {
  color: #3D446E;
}
/*--数字加载---*/
.number_box {
  margin-bottom: 20px;
}
.number_box span {
  font-size: 1vw;
  margin: 0 0 0 .8rem;
  line-height: 1;
}
.p2 .col-4 p {
  margin-bottom: 0;
}
.number {
  font-weight: 800;
  font-size: 2vw;
  color: #0068FF;
  margin-bottom: 0;
  line-height: 1;
}
.number1 {
  font-size: 2vw;
  margin-bottom: 0;
  line-height: 1;
}
/*-------*/
.tip {
  padding: 1rem 1.5rem 0.8rem 1.5rem;
  display: inline-block;
  background: #1D7FFF;
  position: relative;
  border-radius: .6rem;
  width: 380px;
  box-shadow: 0px 9px 20px 0px rgba(255, 255, 255, 0.19);
}
.tip span {
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-clip: text;
  -webkit-background-clip: text;
  color: #fff;
  font-size: 14px;
  opacity: .8;
}
.tip p {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
}
.tip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -6px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #1D7FFF;
  z-index: 0;
}
/* 向右旋转45度的正方形 */
.tip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -6px;
  z-index: 0;
  /* border: 1px solid rgb(255, 170, 170); */
  width: 12px;
  height: 12px;
  background: #1D7FFF;
  transform: rotate(45deg);
  border-right: transparent;
  border-top: transparent;
}
/*-----*/
.p3 {
  padding-top: 30%;
}
.p3 .img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px #fff solid;
  margin-right: 18px;
  margin-left: 5px;
  box-shadow: 0px 9px 20px 0px rgba(255, 255, 255, 0.19);
}
.p3 .img img {
  width: 100%;
}
.p3:hover {
  transform: translate(0, -10px);
}
/*----logo----*/
.swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.padding-t1 {
  padding-top: 15px;
}
/*--------------*/
.box_5 {
  background: url("../image/bj_1.png") center center no-repeat;
  padding-bottom: 5rem;
  background-size: 100%;
}
.news_box {
  overflow: hidden;
  border-radius: .5rem;
}
.bg-dark63 {
  background-color: rgba(0, 9, 16, 0.63);
}
#clothingnav3 {
  width: 16%;
  float: left;
  background-color: rgba(0, 15, 27, 0.40);
  height: 422px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#clothingnav3.nav-tabs {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#clothingnav3.nav-tabs .nav-link {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, .80);
  border: none;
  letter-spacing: 1px;
  width: 100%;
  padding: 5px 0 5px 25px;
  line-height: 3;
}
#clothingnav3 .nav-item {
  width: 100%;
  text-align: center;
}
#clothingnav3.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border: none;
  border-radius: 0;
  border-left: 8px #fff solid;
  color: #fff;
  background: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, rgba(255, 255, 255, 0.32) 100%);
}
#clothingnavcontent3 {
  padding: 34px 0 0 28px;
  float: left;
  width: 84%;
}
#clothingnavcontent3 .news {
  width: 45%;
  float: left;
}
#clothingnavcontent3 .float-left {
  width: 52%;
}
#clothingnavcontent3 img {
  width: 100%;
  height: 348px;
}
#clothingnavcontent3 .text-2 {
  padding: 0 14px;
  height: 87px;
  display: flex;
  justify-content: space-between;
  align-content: space-around;
  flex-direction: column;
}
#clothingnavcontent3 .text-2:hover {
  background: linear-gradient(270deg, rgba(8, 119, 254, 1) 0%, rgba(8, 119, 255, 1) 100%);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#clothingnavcontent3 .text-2 a {
  color: #fff;
  font-size: 14px;
}
#clothingnavcontent3 .text-2 p {
  margin: 10px 0;
}
/*-------------*/
.box_display {
  display: block;
}
.box_none {
  display: none
}
@media (max-width: 1400px) {
  .box1 {
    padding: 40px 40px 0px;
  }
  .box1 p {
    width: 50%;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1200px) {
  .pad_b {
    padding-bottom: 3rem;
  }
  .box_display {
    display: none;
  }
  .box_none {
    display: block;
  }
  .box_2 {
    padding: 0 15px 0 20px;
  }
  .box_2 .bg_2 {
    width: 96%;
    padding: 1.2rem .5rem .8rem 2rem;
    margin: 0 20px 20px 25px;
    margin-left: 10px;
  }
  #clothingnavcontent1.tab-content {
    background: url("../image/bj-home3.png") 0 0 no-repeat;
    background-size: auto 100%;
    padding-bottom: 4rem;
  }
  #clothingnavcontent2 .tab-pane {
    height: 775px;
  }
  #clothingnavcontent2 .tab-pane .img_ban {
    height: 100%;
    width: 100%;
  }
  .tap2 {
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .tap2 p {
    height: 40px;
    font-size: 12px;
  }
  .bg_min {
    background: linear-gradient(227.94deg, rgba(0, 104, 255, 1) 0%, rgba(98, 182, 255, 1) 100%);
  }
  .pa_bj5 {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(227.94deg, rgba(0, 104, 255, .5) 0%, rgba(98, 182, 255, .8) 100%);
    background-size: auto;
    z-index: 100;
  }
  .pa9 {
    top: 30px;
  }
  .pa9.box_flex-s {
    display: block;
  }
  .p2, .p3 {
    width: 100%;
  }
  .p2 {
    margin-bottom: 1.5rem;
  }
  .p3 {
    padding-top: 0;
    margin-bottom: 2rem;
  }
  .tip {
    padding: 1rem 1.5rem .7rem 1.5rem;
    display: inline-block;
    background: #ffffff;
    position: relative;
    border-radius: .6rem;
    width: calc(100% - 90px);
    box-shadow: 0px 9px 20px 0px rgba(255, 255, 255, 0.19);
  }
  .tip span {
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-clip: text;
    -webkit-background-clip: text;
    color: #3D446E;
    font-size: 14px;
    opacity: .8;
  }
  .tip p {
    margin-top: 5px;
    color: #3D446E;
    font-size: 16px;
    font-weight: 600;
  }
  .tip::after {
    border-right: 8px solid #ffffff;
  }
  /* 向右旋转45度的正方形 */
  .tip::before {
    background: #ffffff;
  }
  /*-------------*/
  .box_5 {
    background: #fff;
    padding-bottom: 5rem;
  }
  .news_box {
    overflow: hidden;
    border-radius: .5rem;
  }
  .bg-dark63 {
    background-color: #fff;
  }
  #clothingnav3 {
    width: 100%;
    float: none;
    background-color: #fff;
    height: auto;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #clothingnav3.nav-tabs {
    border-bottom: none;
    display: flex;
    flex-direction: row;
  }
  #clothingnav3.nav-tabs .nav-link {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #3D446E;
    border: none;
    letter-spacing: 1px;
    width: 100%;
    padding: 10px 0;
  }
  #clothingnav3 .nav-item {
    width: 25%;
    text-align: center;
  }
  #clothingnav3.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border: none;
    border-radius: 0;
    border-bottom: 4px #0187FC solid;
    color: #3D446E;
    background: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, rgba(255, 255, 255, 0.32) 100%);
  }
  #clothingnavcontent3 {
    padding: 15px;
    float: none;
    background-color: rgba(0, 9, 16, 0.63);
    border-radius: .5rem;
    overflow: hidden;
    width: 100%;
  }
  #clothingnavcontent3 .news {
    width: 100%;
    float: left;
  }
  #clothingnavcontent3 .text-2 {
    padding: 5px 14px;
    height: 98px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: space-around;
  }
  #clothingnavcontent3 .text-2:hover {
    background: linear-gradient(270deg, rgba(8, 119, 254, 1) 0%, rgba(8, 119, 255, 1) 100%);
    border-radius: 5px;
  }
  #clothingnavcontent3 .text-2 a {
    color: #fff;
    font-size: 14px;
  }
  #clothingnavcontent3 .text-2 p {
    margin: 10px 0;
  }
  .btn-box a {
    font-size: 1rem;
    padding: .8rem 8rem;
    margin-right: .8rem;
  }
  .btn-box a:last-child {
    margin-right: .0rem;
  }
}
@media (max-width: 768px) {
  .box_5 {
    padding-bottom: 1rem;
  }
  .pad_b {
    padding-bottom: 2rem;
  }
  .margin_b {
    margin-bottom: 0;
  }
  .width-icon2 {
    width: 30px;
    margin-right: .3rem;
  }
  .box_1 {
    padding: 20px 10px 80px;
    width: 100%;
    background-size: 100%;
    margin-bottom: 0;
  }
  .box_3 {
    height: auto;
    /* margin-bottom: 1.5rem; */
  }
  .box1 {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .box1 p {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 12px;
  }
  .box1 .text-center {
    width: 100%;
  }
  .box1 .btn-primary {
    padding: .8rem 3rem;
    font-size: 1rem;
    margin: 0 auto 1.5rem;
  }
  .box_1 .box-shadow3 {
    border-radius: .5rem;
    /* padding: 10px 10px 5px; */
    padding: 1rem;
    margin-bottom: 20px;
    height: 25vh;
  }
   .box_1 div h3 {
    font-size: 14px;
    /* margin-bottom: 5px; */
    margin: 0.5rem 0;

  }
  .box_1 div p {
    font-size: 12px;
  }
  .box_1 div p i {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #0069ff;
  }
  .tab-content .title-box {
    padding-top: 3rem;
  }
  #clothingnav1.nav-tabs .nav-link {
    font-size: 1rem;
    color: #3D446E;
    padding: 10px 0;
  }
  #clothingnavcontent1.tab-content {
    padding-bottom: 1rem;
  }
  .col-sm-6 {
    width: 50%;
  }
  .tap2 p {
    height: 54px
  }
  .btn-box a {
    font-size: 1rem;
    padding: .8rem 3.5rem;
    margin-right: .8rem;
  }
  .box_3 .tap1 {
    padding: 25px 20px;
    height: 250px
  }
  .box_3 .tap1 h3 {
    font-size: 16px;
  }
  .box_3 .tap1 p {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
  }
  #clothingnav2.nav-tabs .nav-link {
    font-size: 14px;
    padding: 10px 0;
    /* padding-left: 0; */
  }
}
@media (max-width: 576px) {
  .col-sm-6 {
    padding: 0 8px;
  }
  .pad_b {
    padding-bottom: 1rem;
  }
  .tap2 {
    padding: 1rem .6rem 0;
    margin-bottom: 1rem;
  }
  .tap2 p {
    height: 70px;
    font-size: 12px;
  }
   .box_1 div h3 {
    font-size: 12px;
    /* margin-bottom: 5px; */
    margin: 0.5rem 0;
  }
  .box_3 .tap1 {
    padding: 25px 20px 30px 15px;
    height: 240px
  }
  .box_3 .tap1 h3 {
    font-size: 14px;
  }
  .box_3 .tap1 p {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .box_4 {
    padding-bottom: 1rem;
  }
  .btn-box a {
    font-size: 1rem;
    padding: .6rem 0;
    margin-right: .8rem;
    width: calc(50% - 20px);
  }
  .btn-box1 a {
  padding: .6rem 4rem;
}
  .btn-box.btn-box2 a {
    padding: .3rem 0;
    margin-right: .8rem;
    width: calc(50% - 20px);
  }
  .btn-box.btn-box2 a:last-child {
    margin-right: .0rem;
  }

#clothingnav2.nav-tabs {
  display: flex;
  justify-content: space-between;
}
#clothingnav2 .nav-item {
  width: auto;
  text-align: center;
}
#clothingnav2.nav-tabs .nav-link {
  font-size: 14px;
  padding: 10px 15px;
  /* padding-left: 0; */
}
.width-icon2 {
  width: 1.4rem;
  margin-right: 2px;
}
.width-icon3 {
  width: 1.8rem;
  margin-right: .2rem;
}
  .p2 h3 {
  font-size: 24px;
}
  .p2 p {
  font-size: 14px;

}
}
/*-------*/
.pf_center {
  left: 50%;
  transform: translateX(-50%);
}
.pf_center p {
  color: #fff;
  font-size: 16px;
}
.text-100 {
  border-radius: .8rem;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
  z-index: 100;
  margin: 0 auto;
  box-shadow: 0px 0px 20px 0px rgb(45 52 71 / 20%);
}
.case-bj .text-100{
  bottom: -85px;
}
.text-100 p {
  margin-bottom: 0;
  color: #363C58;
  padding-left: 10px;
}
.text-100 img {
  /* border: 1px #bbb dashed; */
  margin-right: 10px;
}
.text-100 .number_box {
  margin-bottom: 10px;
  color: #0068FF;
}
.text-100 .number_box span {
  margin: 0 0 0 .3rem;
}
.text-100 .number_box i {
  color: #1ce524;
  font-size: 1.6rem;
  line-height: 1;
}
.border-l {
  border-left: 1px #EBECF0 solid;
}
.text-100 .dis_box,
.v3-text-100 .dis_box{
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .text-100 .dis_box {
    justify-content: flex-start;
    /* margin: 2rem 0 2rem 3rem; */
  }
  .text-100 {
    padding: 10px;
    transform: translateX(0);
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .text-100 {
    background: none;
    box-shadow: 0px 5px 10px 0px rgba(167, 178, 204, 0.3);
    border-radius: 10px;
  }
  .text-100 .dis_box {
    justify-content: flex-start;
    /* margin: 2rem 0 2rem 2rem; */
  }
  .text-100 p {
    padding-left: 0;
  }
  .text-100 .col-6 {
    padding: 0
  }
  .text-100 img {
    /* width: 60px;
    height: 60px; */
  }
  .text-100 .number_box h2 {
    font-size: 30px;
  }
  .text-100 p {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .text-100 {
    margin-top: 0;
    background: none;
    box-shadow: 0px 5px 10px 0px rgb(174 183 205 / 30%);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .banner-bg1 .text-100 {
    box-shadow: 0px 5px 10px 0px rgb(70 85 123 / 47%);
  }
  .banner-blue2 .text-100 {
    box-shadow: 0px 5px 10px 0px rgb(227 227 227 / 38%);
  }
}
.solution-bj {
  position: relative;
  background: #eef4fb url(../image/bj-home4.png) center bottom no-repeat;
  height: 500px;
  overflow: hidden;
}
.solution-bj2 {
  background: #f6fafc url(../image/bj-home5.png) center bottom no-repeat;
}
.solution-bj3 {
  background: #f1f3f3 url("../image/bj-home6.png") center bottom no-repeat;
}
.solution-bj .container {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.bg-blue {
  background: linear-gradient(180deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
}
.animat-box {
  margin: 40px auto;
  color: #fff;
  background: url("../image/solution/b0.png") center center no-repeat;
}
@keyframes anim4 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes left {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes right {
  from {
    transform: translateX(50%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.up-down {
  animation: anim4 1s infinite ease-in-out;
  animation-delay: 1s;
}
.left-ain, .right-ain {
  width: 35%;
  /* 应用动画 */
  animation: anim4 1s infinite ease-in-out;
  /* 动画延迟5秒执行 */
  animation-delay: 3s;
}
.right-ain p {
  margin: 40px 0;
  padding: 16px 150px 16px 0;
  text-align: center;
  opacity: 0;
  animation: right 0.5s ease-in-out forwards;
  animation-iteration-count: 1;
}
.right-ain p:nth-child(1) {
  background: url("../image/solution/b4.png") 0 center no-repeat;
  background-size: 100%;
  margin-left: 50px;
  animation-delay: calc(0.5s * (1 - 1));
}
.right-ain p:nth-child(2) {
  background: url("../image/solution/b4.png") 0 center no-repeat;
  background-size: 100%;
  margin-left: 0;
  animation-delay: calc(0.5s * (2 - 1));
}
.right-ain p:nth-child(3) {
  background: url("../image/solution/b3.png") 0 center no-repeat;
  background-size: 100%;
  margin-left: 0;
  animation-delay: calc(0.5s * (3 - 1));
}
.right-ain p:nth-child(4) {
  background: url("../image/solution/b3.png") 0 center no-repeat;
  background-size: 100%;
  margin-left: 50px;
  animation-delay: calc(0.5s * (4 - 1));
}
.left-ain p {
  margin: 40px 0;
  padding: 16px 0 16px 150px;
  text-align: center;
  opacity: 0;
  animation: left 0.5s ease-in-out forwards;
  animation-iteration-count: 1;
}
.left-ain p:nth-child(1) {
  background: url("../image/solution/b1.png") 0 center no-repeat;
  background-size: 100%;
  margin-right: 50px;
  animation-delay: calc(0.5s * (1 - 1));
}
.left-ain p:nth-child(2) {
  background: url("../image/solution/b1.png") 0 center no-repeat;
  background-size: 100%;
  margin-right: 0;
  animation-delay: calc(0.5s * (2 - 1));
}
.left-ain p:nth-child(3) {
  background: url("../image/solution/b2.png") 0 center no-repeat;
  background-size: 100%;
  margin-right: 0;
  animation-delay: calc(0.5s * (3 - 1));
}
.left-ain p:nth-child(4) {
  background: url("../image/solution/b2.png") 0 center no-repeat;
  background-size: 100%;
  margin-right: 50px;
  animation-delay: calc(0.5s * (4 - 1));
}
.ain-center {
  width: 27%;
  height: 346px;
  margin: 87px 0;
  text-align: center;
  background: url("../image/solution/b.png") center center no-repeat;
  background-size: auto 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ain-center h2 {
  font-size: 64px;
  background: -webkit-linear-gradient(45deg, #0069ff, #41dbfe0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(45deg, #0069ff, #41dbfe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(45deg, #0069ff, #41dbfe); /* Firefox 3.6 - 15 */
  background: linear-gradient(45deg, #0069ff, #41dbfe); /* 标准的语法 */
  -webkit-background-clip: text; /* 将渐变应用到文字上 */
  -webkit-text-fill-color: transparent; /* 设置文字颜色为透明，显示渐变效果 */
}
@media (max-width: 1400px) {
  .right-ain p {
    padding: 16px 80px 16px 0;
  }
  .left-ain p {
    padding: 16px 0 16px 80px;
  }
}
@media (max-width: 1200px) {
  .animat-box {
    color: #fff;
    background: none;
    margin: 0px auto;
  }
  .ain-center {
    display: none;
  }
  .left-ain, .right-ain {
    width: 50%;
  }
  .solution-bj {
    background: linear-gradient(180deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
    padding: 20px 0;
    height: auto;
  }
  .solution-bj .container {
    position: static;
    transform: translateX(0);
  }
}
.center-ain {
  display: none;
}
@media (max-width: 768px) {
  .left-ain, .right-ain {
    display: none;
  }
  .center-ain {
    display: block;
    width: 100%;
    padding: 0 20px;
  }
  .center-ain p {
    width: 100%;
    margin: 4px 0;
    padding: 16px 0 16px 0;
    text-align: center;
    opacity: 0;
    background-size: 100%;
  }
  .center-ain p:nth-child(1) {
    background: url("../image/solution/b1.png") right center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: left 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(2) {
    background: url("../image/solution/b4.png") left center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: right 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(3) {
    background: url("../image/solution/b1.png") right center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: left 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(4) {
    background: url("../image/solution/b4.png") left center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: right 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(5) {
    background: url("../image/solution/b2.png") right center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: left 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(6) {
    background: url("../image/solution/b3.png") left center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: right 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(7) {
    background: url("../image/solution/b2.png") right center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: left 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
  .center-ain p:nth-child(8) {
    background: url("../image/solution/b3.png") left center no-repeat;
    animation-delay: calc(0.5s * (1 - 1));
    animation: right 0.5s ease-in-out forwards;
    animation-iteration-count: 1;
  }
}
/*-----产品中心------*/
.product-1 {
  padding: 50px 20px 70px;
  color: #fff;
  display: flex;
  justify-content: center;
}
.product-1 p {
  padding: 0 5px 0 25px;
  margin-bottom: 0;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-1 p img {
  margin-right: 10px;
}
.width-icon6 {
  width: 22px;
}
@media (max-width: 1200px) {
  .product-1 {
    padding: 40px 20px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .product-1 p {
    width: 50%;
    font-size: 16px;
    justify-content: flex-start;
    padding: 10px 0;
  }
}
@media (max-width: 768px) {
  .product-1 {
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 0;
  }
  .product-1 p {
    font-size: 16px;
    width: 100%;
    justify-content: flex-start;
    padding: 10px 20px;
  }
}
/*-----------*/
.product-2 {
  padding-top: 80px;
}
.product-2 div {
  background: #fff;
  display: flex;
  border-radius: 10px;
  height: 70px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  cursor: pointer;

}
.product-2 a {
  width: 100%;
  color: #2a2f4c;
  padding: 20px 0;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.product-2 div:hover a {
  color: #fff;
}
.product-2 div:hover {
  background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
}
.product-2 div .width-icon3:first-child {
  display: block;
}
.product-2 div .width-icon3:last-child {
  display: none;
}
.product-2 div:hover .width-icon3:first-child {
  display: none;
}
.product-2 div:hover .width-icon3:last-child {
  display: block;
}
.p-bj1 {
  position: absolute;
  width: 80px;
  top: -13px;
  left: -20px;
  opacity: .2;
}
.p-bj2 {
  position: absolute;
  width: 50px;
  bottom: -8px;
  right: -5px;
  opacity: .2;
}
@media (max-width: 768px) {
  .product-2 {
    display: none;
  }
}
/*--------*/
.product-3 {
  margin-top: 50px;
  padding-bottom: 100px;
}
.product-3.row {
  display: flex;
  justify-content: space-between;
}
.text-box1 {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0;
}
.text-box1 .btn-box1 {
  padding: 0;
}
.text-box1 h3 {
  font-size: 20px;
  color: #3D446E;
  background: url("../images/p-icon.svg") 0 0 no-repeat;
  background-size: 25px;
  padding-left: 35px;
  margin-bottom: 5px;
}
.text-box1 h3.margin_b {
  margin-bottom: 30px;
}
.text-box1 h3 img {
  width: 25px;
  margin-right: 10px;
}
.text-box1 p {
  font-size: 20px;
  padding-left: 35px;
  max-width: 580px;
  margin-bottom: 30px;
  color: #65698B;
}
.text-box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* margin-bottom: 7px; */
}
.text-box1 li p {
  padding: 0;
  font-size: 16px;
  color: #3D446E;
}
.text-box1 li div {
  width: 60px;
  height: 65px;
  /* display: flex; */
  justify-content: center;
  /* margin-bottom: 6px; */
  /* align-content: center; */
  text-align: center;
}
.box-shadow4 {
  position: sticky;
  top: -10px;
  background: #fff;
  box-shadow: 0px 9px 20px 0px rgba(167, 193, 204, 0.18);
  z-index: 100;
}
.margin_left {
  margin-left: 5%;
}
.p-anmiate {
  width: 55%;
  height: 462px;
  position: relative;
}
.bg-f5 {
  background-color: #F5F7FA;
}
.product-3 .box_none {
  display: none;
}
.p_none {
  display: none;
}
.p_display {
  display: block;
}
@media (max-width: 1440px) {
  .product-3.row {
    /* display: flex; */
    /* justify-content: space-between; */
}
    .p-anmiate{
      height:auto;
    }
    .p-anmiate img {
    width: 100%;
    border-radius: 8px;
  }
  .product-3 {
  margin-top: 30px;
  padding-bottom: 60px;
}
  .text-box1 p {
    font-size: 18px;

}
}
@media (max-width: 1024px) {
  .product-3.row {
    display: flex;
    justify-content: space-between;
}
  .text-box1 li p {
    padding: 0;
    font-size: 12px;
    color: #3D446E;
    text-align: center;
  }
  .p_none {
    display: block;
    padding: 0 15px;
  }
  .p_display {
    display: none;
  }
  .text-box1, .p-anmiate {
    width: 100%;
  }
  .p-anmiate {
    /* margin-bottom: 1rem; */
  }

  .product-3 {
    margin-top: 0;
    padding-bottom: 0px;
  }
  .text-box1 {
    padding: 15px 15px 30px;
  }
  .text-box1 .btn-box1 {
    text-align: center;
  }
  .text-box1 div:first-child {
    margin-bottom: 0;
  }
  .text-box1 h3 {
    font-size: 18px;
    color: #3D446E;
    background-size: 22px;
    padding-left: 30px;
    margin-bottom: 5px;
  }
  .text-box1 h3 img {
    width: 25px;
    margin-right: 10px;
  }
  .text-box1 p {
    font-size: 14px;
    padding-left: 30px;

    max-width: 100%;
    margin-bottom: 30px;
    color: #65698B;
  }
  .box-shadow4 {
    box-shadow: 0px 9px 20px 0px rgba(167, 193, 204, 0.18);
  }
  .p-anmiate img {
    width: 100%; /* display: none; */
  }
  .margin_left {
    margin-top: 20px;
    margin-left: 0;
  }
  .text-box1 .btn-box1 a {
    padding: 8px 40px;
  }
}
.bg-primary1 {
  background-color: #1D3454;
}
/*---------------*/
.features-1 {
  margin-top: 50px;
  padding-bottom: 100px;
}
.text-box2 {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.text-box2 li {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.text-box2 li p {
  margin: 10px 0 20px;
}
@media (max-width: 1024px) {
  .text-box2 {
    width: 100%;
    padding: 0px 20px 40px;
  }
}
/*-----------*/
.class-1 {
  padding: 0;
  margin-bottom: 2rem;
  padding-bottom: 8rem;
}
.class-img {
  width: 100%;
  background: #000;
  border-radius: .7rem;
}
.class-img img {
  width: 100%;
  height: 14.875rem;
  border-radius: .7rem;
  opacity: .7;
}
.text-box3 {
  width: calc(100% - 40px);
  padding: 25px 20px 0px;
  position: absolute;
  left: 20px;
  bottom: 0;
  background: url("../images/box5_1-1.svg") 18px 12px no-repeat, linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 246, 255, 1) 100%);
  background-size: 50px;
  border-radius: .8rem;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.text-box3:hover {
  transform: translate(0, -10px);
}
.text-box3 h4 {
  height: 22px;
  color: #3D446E;
  font-size: 18px;
  display: flex;
  text-align: justify;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.text-box3 h4 span {
  color: #0187FC;
  border: 1px #0187fc solid;
  font-size: 12px;
  padding: 3px;
  font-weight: 300;
}
.text-box3 p {
  padding: 18px 0 0;
  margin-bottom: 15px;
  font-size: 16px;
  height: 4em;
  color: #3D446E;
}
.text-box3 div {
  text-align: center;
  padding: 15px;
  border-top: 1px solid #EBECF0;
}
.text-box3 div a {
  display: block;
  line-height: 3em;
}
.class-box {
  /* overflow: hidden; */
  padding-bottom: 7rem;
}
@media (max-width: 1024px) {
  .class-box {
    padding-bottom: 0rem;
  }
}
.pages {
  padding-top: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
.pages li {
  width: 36px;
  margin: 0 5px;
  text-align: center;
}
.pages li:first-child .page-link, .pages li:last-child .page-link {
  background: none;
  font-size: 14px;
}
.pages .page-link {
  /* background:#fff; */
  border: none;
}
/*-----案例详情-------*/
.case-banner {
  /* margin-top: 64px; */
  margin-top: 14px;
  position: relative;
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
}
.case-bj {
  background: #1C2437 url("../image/classical/bg-top_01e.png") top right no-repeat;
  background-size: 417px;
}
.img-ban {
  width: 871px;
}
.img-ban img {
  width: 100%;
  height: auto;
}
.text-ban {
  position: absolute;
  top: 0;
  left: 37%;
  display: flex;
  color: #fff;
  height: 450px;
  padding: 50px 0 115px 75px;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(270deg, rgba(28, 36, 55, 0) 0%, rgba(28, 36, 55, 1) 40%);
  /* width: 60%; */
}
.text-ban img {
  width: 220px;
}
.text-ban h3 {
  font-size: 24px;
  /* margin: 30px 0; */
  margin-top: 3.75rem;
}
#core {
  width: 50em;
  font-size: 14px;
  margin:20px 0;
  color: #FFFFFF;
}
.text-ban p {
  width: 54em;
  font-size: 14px;
  /* margin-bottom:100px; */
  color: #B5B9BF;
}
.case-ban {}
@media (max-width: 1200px) {
  .case-banner {
    margin-top: 64px;
    background-color: #1C2437;
    position: relative;
    height: 400px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .text-ban {
    position: absolute;
    top: 0;
    left: 37%;
    display: flex;
    color: #fff;
    height: 450px;
    padding: 57px 0 100px 50px;
    flex-direction: column;
    justify-content: space-between;
    background-color: #1C2437;
  }
  .case-bj {
    padding-bottom: 20px;
    background: none;
  }
  .padding-b8 {
    padding-bottom: 2rem;
  }
  .text-ban h3 {
    font-size: 22px;
  }
  .text-ban p {
    width: auto;
    padding-right: 2em;
    font-size: 14px;
    /* margin-bottom: 100px; */
    color: #B5B9BF;
  }
}
@media (max-width: 1024px) {
  .case-banner {
    margin-top: 64px;
    display: flex;
    background-color: #1C2437;
    justify-content: flex-start;
    flex-direction: column;
    height: auto;

    position: static;
  }
  .case-bj {
    background: none;
  }
  .img-ban {
    height: 400px;
    width: 100%;
  }
  .text-ban {
    display: flex;
    color: #fff;
    width: 100%;
    padding: 30px 30px 30px 30px;
    flex-direction: column;
    position: static;
    height: auto;
    background: #1C2437 url(../image/classical/bg-top_01e.png) top right no-repeat;
    background-size: 30%;
  }
  .text-ban h3 {
    /* margin: 20px 0; */
    margin-top: 2.5rem;
  }
  .text-ban p {
    width: auto;
    padding-bottom: 2em;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .img-ban {
    width: 100%;
    overflow: hidden;
    height: auto;
  }
}
@media (max-width: 576px) {
  .case-banner {
    margin-top: 64px;
    display: flex;
    background-color: #1C2437;
    justify-content: flex-start;
    flex-direction: column;
    height: auto;
    position: static;
    margin-bottom: 0;
  }

  .text-ban {
    display: flex;
    color: #fff;
    /* width: 800px; */
    padding: 25px 20px 35px 20px;
    flex-direction: column;
    position: static;
    height: auto;
  }
  .text-ban h3 {
    /* margin: 20px 0; */
    margin-top: 2.5rem;
  }
  .text-ban p {
    width: auto;
    padding-bottom: 2em;
    padding-right: 0;
  }
  .padding-b8 {
    padding-bottom: 0rem;
  }
}
.btn-box2 a {
  padding: 10px 50px;
}
/*-----------*/
.case-box {
  color: #3D446E;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
}
.case-box a {
  color: #3D446E;
}
.case-box a:hover {
  color: #0187FC;
  cursor: pointer;
}
.case-3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.case-3 a {
  color: #3D446E;
  padding: 20px 40px;
}
.case-1 {
  padding: 30px 30px 50px;
}
.casw-tit1 {
  background: url("../images/left-icon.svg") 0 center no-repeat;
  background-size: 18px;
  padding-left: 25px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-top: 3em;
  margin-bottom: 1em;
}
.casw-tit1:first-child {
  margin-top: 0
}
.casw-tit1 span {
  /* color: #0187FC;
  border: 1px #0187fc solid; */
  color: #000;
  font-size: 14px;
  padding: 3px;
  font-weight: bold;
}
.casw-tit2 {
  background: url("../images/icon_tit2.png") 0 center no-repeat;
  background-size: 18px;
  padding-left: 25px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1em;
}
.casw-tit3 {
  background: url("../images/icon_tit2.png") 0 center no-repeat;
  background-size: 18px;
  padding-left: 25px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1em;
}
.case-1 h3 {
  font-size: 16px;
}
.case-1 h5 {
  font-size: 14px;
  padding: 12px 0 12px 22px;
  font-weight: 400;
  background: url("../images/left-icon.svg") 2px 16px no-repeat;
  background-size: 9px;
}
.case-2 {
  background: #0187FC;
  color: #fff;
  padding: 30px 119px;
  border-radius: 4px;
  position: relative;
}
.case-2 p {
  padding: 20px 0;
}
.case-2 .pf1 {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 50px;
  opacity: .3;
}
.case-2 .pf2 {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 50px;
  opacity: .3;
  transform: rotate(180deg);
}
@media (max-width: 576px) {
  .case-1 {
    padding: 20px;
    margin: 0 -15px;
  }
  .casw-tit1 {}
  /* .casw-tit1 span {
    color: #0187FC;
    border: 1px #0187fc solid;
    font-size: 12px;
    padding: 3px;
    font-weight: 300;
  } */
  .case-1 h3 {
    font-size: 16px;
  }
  .case-1 h5 {
    font-size: 14px;
    padding: 10px 0 8px 22px;
    font-weight: 400;
    background: url("../images/left-icon.svg") 2px 15px no-repeat;
    background-size: 9px;
  }
  .case-2 {
    background: #0187FC;
    color: #fff;
    padding: 15px 30px 7px 71px;
    border-radius: 4px;
    position: relative;
  }
  .case-2 p {
    padding: 20px 0;
  }
  .case-2 .pf1 {
    top: 20px;
    left: 10px;
    width: 50px;
    opacity: .3;
  }
  .case-2 .pf2 {
    position: absolute;
    bottom: 52px;
    right: 10px;
    width: 50px;
    opacity: .3;
    transform: rotate(180deg);
  }
}
.case-4 {
  padding: 20px;
  margin-bottom: 20px;
}
.case-4 div a {
  border: 1px solid #65698B;
  padding: 4px 15px;
  margin-right: 10px;
  line-height: 3;
  white-space: nowrap;
  opacity: .5;
  font-size: 12px;
}
.case-4 div a:hover {
  opacity: 1;
  border: 1px solid #0187FC;
}
.case-4 p {
  font-size: 14px;
  padding: 8px 0;
}
.case-4 p a {
  color: #3D446E;
}
.case-5 {
  padding: 20px 5px 20px 15px;
}
.case-5 .text-center {
  border-top: 1px solid #EBECF0;
}
.case-5 .text-center a {
  color: #0187FC;
  display: block;
  padding: 15px 0 0
}
/*-------图文-------*/
.media-case {
  height: 345px;
  overflow: auto;
  padding-right: 10px;
  margin-bottom: 5px;
}
.media-case .media {
  margin-bottom: 1rem;
}
.media-case .media-body {}
.media-case img {
  width: 110px;
  height: 70px;
  border-radius: 4px;
}
.media-case h5 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 18px;
  line-height: 1.2;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
.media-case .text-right {
  color: #65698B;
  font-size: 12px;
}
/*------------*/
.priva-1 {}
.priva-1 h3 {
  /* font-size: 44px; */
  color: #3D446E;
}
.priva-1 p {
  color: #65698B;
}
.priva-1 b {
  font-size: 24px;
}
.priva-2 {
  position: relative;
  overflow: hidden;
}
.priva-2:nth-child(1) {
  border-right: 1px solid #EBECF0;
}
.priva-2:nth-child(2) {
  border-right: 1px solid #EBECF0;
}
.priva-2 .pf1 {
  position: absolute;
  right: -75px;
  bottom: -80px;
  opacity: 0;
  width: 300px;
}
.priva-2 h3 {
  padding: 40px 31px;
  font-size: 18px;
  color: #3D446E;
  background: url("../images/bg.png") 0 0 repeat-x;
}
.priva-2:hover h3 {
  background: url("../image/privatization/bj-1.png") right 20px top 50% / 294px 114px no-repeat, linear-gradient(232.59deg, rgba(65, 220, 254, 1) 0%, rgba(0, 104, 255, 1) 100%);
  color: #fff;
}
.priva-2 h3 img:first-child {
  display: block;
}
.priva-2 h3 img:last-child {
  display: none;
}
.priva-2:hover h3 img:last-child {
  display: block;
}
.priva-2:hover h3 img:first-child {
  display: none;
}
.priva-2:hover .pf1 {
  cursor: pointer;
  opacity: .08;
}
.priva-2 p {
  padding: 30px 79px 0 32px;
  background: url("../images/box3_5-1.svg") 5px 33px no-repeat;
  background-size: 19px;
  margin: 0 30px;
  color: #65698B;
}
.border-t {
  border-top: 1px solid #EBECF0;
}
.priva-box1 {
  background: #fff;
  border: 1px solid rgba(1, 135, 252, 0.14);
  box-shadow: 0px 9px 20px 0px rgba(1, 135, 252, 0.08);
}
.priva-box1 .col-md-4 {
  padding: 0 0 85px;
}
@media (max-width: 576px) {
  .priva-box1 {
    padding-bottom: 2rem;
    margin-bottom: 0;
  }
  .priva-2 h5 {
    padding: 30px 31px 25px;
    background: url(../images/bg.png) 0 0 repeat-x;
  }
  .priva-2 p {
    padding: 25px 0 0 32px;
    background: url("../images/box3_5.svg") 5px 28px no-repeat;
    background-size: 19px;
    margin: 0 30px;
  }
  .priva-box1 .col-md-4 {
    padding: 0 0 50px;
  }
}
.priva-box2 {
  background: url("../image/privatization/bj-2.png") center center no-repeat, linear-gradient(270deg, rgb(17 82 168) 0%, rgb(42 61 88) 100%);
  /* padding-bottom: 80px; */
}
.priva-3 {
  /* 矩形 */
  width: 375px;
  height: 340px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(6, 32, 92, .5) 0%, rgba(2, 43, 102, 1) 100%);
  border: 1px solid rgba(223, 237, 255, 0.28);
  box-shadow: 0px 9px 20px 0px rgba(187, 223, 255, 0.23);
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.priva-3:hover {
  /* 矩形 */

  background: linear-gradient(180deg, rgba(6, 32, 92, 1) 0%, rgba(2, 43, 102, 1) 100%);

}
.priva-3 h3 {
  font-size: 18px;
  background-color: #003271;
  line-height: 68px;
  display: flex;
  padding: 0 30px;
}
.priva-3 h3 span {
  font-weight: 300;
  font-size: 14px;
  padding: 0 10px;
}
.priva-3 p {
  margin: 30px 0 0 30px;
}
.priva-4 {
  background: url("../image/privatization/bj-5.png")0 0 repeat-x;
}
.priva-5 {
  display: flex;
  justify-content: space-around;
  padding-bottom: 3rem;
  color: #3D446E;
}
.priva-5 img {
  margin-right: 10px;
}
.priva-5 h3 {
  display: flex;
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 576px) {
  .priva-5 {
    display: flex;
    justify-content: space-around;
    padding-bottom: 1rem;
    flex-direction: column;
    align-items: center;
  }
  .priva-5 h3 {
    padding: 15px;
    font-size: 20px;
    display: flex;
    align-items: center;
  }
  .priva-box2 {
    padding-bottom: 15px;
  }
  .priva-box2 .margin_t {
    margin-top: 1.5rem;
  }
}
.width-20 {
  width: 20%;
}
/*-------------*/
.focus-box {
  margin-bottom: 30px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
}
.nav-title {
  border-bottom: 1px #ddd solid;
  align-items: center;
  height: 60px;
}
.nav-title form {
  margin-right: 20px;
  float: right;
  margin-top: 14px;
}
.nav-title ul {
  float: left;
  display: flex;
}
.nav-title ul li {
  line-height: 60px;
}
.nav-title ul a {
  color: #3D446E;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 25px;
}
.nav-title ul a.active {
  border-bottom: 4px #0187FC solid;
}
.search {
  padding-left: 30px; /* Make space for the icon */
  background: url("../images/search.svg") 5px center no-repeat;
  background-size: 20px;
  height: 32px;
  width: 300px;
}
@media (max-width: 1400px) {

  .search {
    width: auto;
  }
  .nav-title ul a {
    color: #3D446E;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 18px;
  }
}
@media (max-width: 1024px) {
  .nav-title {
    border-bottom: 1px #ddd solid;
    align-items: center;
    height: auto;
    overflow: hidden;
  }
  .nav-title form {
    float: none;
    padding: 10px 20px;
    width: 100%;
  }
  .nav-title ul {
    float: none;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: -1px;
  }
  .nav-title ul li {
    line-height: 60px;
  }
  .nav-title ul a {
    color: #3D446E;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 10px;
  }
  .nav-title ul a.active {
    border-bottom: 4px #0187FC solid;
  }
  .search {
    padding-left: 30px; /* Make space for the icon */
    background: url("../images/search.svg") 5px center no-repeat;
    background-size: 20px;
    height: 32px;
    width: 100%;
  }
}
/*---------*/
.focus-box .media-focus {
  overflow-y: auto;
  /*height: 1690px;*/
}
.focus-1 {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px #ddd solid;
  overflow: hidden;
}
.focus-1 h5, .focus-1 p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.focus-1 a h5 {
  color: #3D446E;
}
.focus-1 a:hover h5 {
  color: #0187FC;
}
.focus-1 p {
  color: #65698B;
  padding: 12px 0;
}
.focus-1 span {
  color: #AEAEB2;
  font-size: 12px;
}
.focus-1 .img-box {
  width: 220px;
  height: 98px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  border-radius: 4px;
}
.focus-1 .img-box img {
  width: 100%;
}
.focus-1 .text-box4 {}
@media (max-width: 768px) {
  .focus-1 {
    padding: 20px 0;
    margin: 0 15px;
    border-bottom: 1px #ddd solid;
    overflow: hidden;
  }
  .focus-1 .img-box {
    width: 100px;
    height: 70px;
    margin-right: 10px;
  }
  .focus-1 .img-box img {
    width: auto;
    height: 100%;
  }
  .focus-1 h5 {
    width: auto;
    font-size: 16px;
    line-height: 1.5em; /* 行高 */
    /* height: 3.0em; */ /* 高度为行高的两倍 */
  }
  .focus-1 a:hover h5 {
    color: #0187FC;
  }
  .focus-1 p {
    font-size: 12px;
    padding: 0;
  }
  .focus-1 .text-box4 {}
}
@media (max-width: 576px) {
  .focus-1 {
    padding: 15px 0;
  }
  .focus-1 .img-box {
    width: 100px;
    height: 70px;
    margin-right: 10px;
  }
  .focus-1 .img-box img {

    width: auro;
    height: 70px;
  }
  .focus-1 h5 {
    font-size: 14px;
  }
  .focus-1 a:hover h5 {
    color: #0187FC;
  }
  .focus-1 p {
    font-size: 12px;
    padding: 0;
  }
}
/*------------*/
.swiper-ban {
  position: relative;
  background: #000;
  width: 100%;
}
.swiper-ban .pf1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  opacity: 1;
  z-index: 100;
}
.swiper-ban .pf1 div {}
.swiper-ban .pf1 h4 {
  font-size: 40px;
  width: 21em;
  line-height: 1.4;
  margin-bottom: 15px;
  height: 2.8em;
}
.swiper-ban img {

  opacity: .6;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: 1440px;
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
  padding: 5px 10px;
}
@media (max-width: 1400px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 100%;
    text-align: center;
  }
}
.swiper-pagination-bullet {
  width: 60px;
  height: 3px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  position: relative;
}
.swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #007aff;
  border-radius: 2px;
  animation: progress-load 5s forwards;
}
@keyframes progress-load {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .swiper-ban .pf1 h4 {
    font-size: 24px;
    width: 80%;
    line-height: 1.4;
    margin-bottom: 15px;
    height: 2.8em;
  }
  .focus-box {
    margin-bottom: 0rem;
    margin: 0 -10px;
  }
  .focus-box .media-focus {
    overflow-y: hidden;
    height: auto;
    padding-bottom: 1rem;
  }
}
@media (max-width: 576px) {
  .swiper-ban .pf1 h4 {
    font-size: 18px;
    width: auto;
    padding-right: 2em;
    margin-bottom: 15px;
    max-height: 3.0em; /* 高度为字体大小的两倍 */
    line-height: 1.5em; /* 行高 */
    height: 3.0em; /* 高度为行高的两倍 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .swiper-ban .pf1 a {
    padding: 4px 20px;
    font-size: 14px;
  }
}
/*-------------*/
.focus-ban1 {
  /* margin-top: 64px; */
  margin-bottom: 2rem;
}
/*-------*/
.focus-ban {
  margin-top: 64px;
}
.focus-ban .pad_b {
  padding-bottom: 95px;
}
.focus-ban .pf1 {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
}
.focus-4 {
  display: flex;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 246, 255, 1) 100%);
  border: 2px solid #FFFFFF;
  overflow: hidden;
  border-radius: 10px;
}
.focus-4 .float-left {
  width: 304px;
  /* margin-right:20px; */
}
.focus-4 .float-left img {
  width: 304px;
}
.focus-4 .text-3 {
  width: calc(100% - 304px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.focus-4 .text-3 h1 {
  color: #3D446E;
  font-size: 24px;
}
.focus-4 .text-4 {
  font-size: 12px;
  padding: 6px;
  background-color: #edf6fe;
}
.focus-4 .text-3 p span {
  padding-right: 10px;
  font-size: 14px;
  color: #65698B;
  white-space: nowrap;
}
.focus-4 .text-3 span {
  font-size: 12px;
  color: #999;
  padding: 5px 0;
}
.focus-4 .text-4 i {
  background-color: #0187FC;
  color: #fff;
  padding: 0 5px;
  border-radius: 1px;
  line-height: 18px;
  margin-right: 10px;
}
.img_ban6 {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.img_ban7 {
  display: none;
}
@media (max-width: 992px) {
  .focus-4 .text-3 {
    width: 100%;
    padding: 20px;
    border-radius: 4px;
  }
  .focus-4 .float-left {
    display: none;
  }
}
@media (max-width: 576px) {
  .focus-4 {
    border-radius: 4px;
  }
  .img_ban6 {
    display: none;
  }
  .img_ban7 {
    display: block;
    width: 100%;
    /* padding-top: 65px; */
    padding-bottom: 140px;
  }
  .focus-4 .text-3 {
    width: 100%;
    padding: 15px;
    /* height: 180px; */
  }
  .focus-4 .text-3 h1 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .focus-4 .text-3 p {
    font-size: 14px;
    line-height: 1.4;
    /* margin:5px 0 0; */
  }
}
.focus-5 {
  padding: 20px 0;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  padding-bottom: 1px;
}
.focus-tit1 {
  line-height: 1;
  padding-bottom: 15px;
  margin: 0 20px;
  border-bottom: 1px #ddd solid;
  font-size: 16px;
}
/*-----------*/
#accordion1 ul.menu {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0 auto 20px;
  font-family: 'Century Gothic';
  /* box-shadow: 0px 0px 25px #00000070; */
  clear: both;
  display: table;
}
#accordion1 ul.menu .list {
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  vertical-align: sub;
  clear: both;
  cursor: pointer;
  /* padding: 0 20px; */
}
#accordion1 ul.menu .list.active p {
  background: #edf6fe url("../images/caret-right-fill.svg") -4px 20px no-repeat;
  background-size: 13px;
  color: #0187fc;
  font-weight: 600;
}
#accordion1 ul.menu .list p {
  padding: 15px 20px;
  font-weight: 500;
  font-size: 14px;
  color: #3D446E;
}
#accordion1 ul.menu .list:after {
  /*content: "\f107";*/
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #3d449d;
}
#accordion1 ul.menu .list a {
  text-decoration: none;
  color: #fff;
  padding: 17px 0px 17px 20px;
  display: block;
  height: 100%;
  box-sizing: border-box;
}
#accordion1 ul.menu .list a:hover {}
#accordion1 ul.menu .list .items {
  height: 0px;
  overflow: hidden;
}
#accordion1 ul.menu .list .items a {
  padding: 8px 20px;
}
#accordion1 ul.menu .list .items a:hover {}
#accordion1 ul.menu .list:last-child {}
#accordion1 ul.menu .active:after {
  /*content: "\f106";*/
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color: #3d449d;
}
#accordion1 ul.menu .active > .items {
  display: block;
  /* background: #151b26; */
  /* padding: 0 0 10px; */
  height: auto;
  color: #3d449d;
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
#accordion1 ul.menu .active > .items li {
  /* padding: 0px 0 0 10px; */
  list-style: none;
}
#accordion1 ul.menu .active > .items li a {
  padding-left: 30px;
}
#accordion1 ul.menu .active > .items li:last-child {
  /* border-color: transparent; */
  /* padding:20px; */
}
#accordion1 ul.menu .active > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
#accordion1 ul.menu .active .items a {
  color: #3D446E;
}
#accordion1 ul.menu .active > .items li a:hover {
  background: #edf6fe url("../images/caret-right-fill.svg") -4px center no-repeat;
  background-size: 13px;
  color: #0187fc;
}
#accordion1 ul.menu .list .padding1 {
  margin: 10px 20px;
}
/*---------*/
.focus-row {
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 1200px) {
  .focus-box1 .col-xl-2 {
    display: none;
  }
}
.focus-box1 {
  overflow: hidden;
}
.focus-text {
  padding: 10px 30px 0;
  max-height: 1540px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.focus-text h2, .focus-text h3, .focus-text h4, .focus-text h5, .focus-text h6 {
  color: #3D446E;
}
.focus-text h2 {
  font-size: 18px;
  position: relative;
  line-height: 2;
  background: url("../images/bg-1.png") 0 bottom no-repeat;
  background-size: auto;
  margin-bottom: 40px;
}
.focus-text h3 {
  font-size: 16px;
  background: url("../images/icon_tit1.png") 0 -3px no-repeat;
  background-size: 12px;
  padding-left: 18px;
  margin-bottom: 20px;
}
.focus-text h4 {
  font-size: 16px;
  margin-bottom: 20px;
  background: url(../images/left-icon.svg) 3px center no-repeat;
  background-size: 7px;
  padding-left: 18px;
  font-size: 16px;
}
.focus-text h5 {
  font-size: 14px;
  margin-bottom: 20px;
}
.focus-text h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.focus-text p {
  line-height: 22px;
  font-size: 14px;
  color: #65698B;
  padding: 0px 0 30px 18px;
  margin: 0;
}
.focus-text p b {
  color: #3D446E;
}
.focus-text span {
  font-size: 12px;
  opacity: .5;
}
.focus-text .p1 p {
  padding: 0 0 30px;
}
.p4 {
  padding-left: 18px;
  padding-bottom: 20px;
}
.p4 p {
  background: url(../images/left-icon.svg) 2px 9px no-repeat;
  background-size: 7px;
  padding: 0 0 7px 14px;
}
.focus-text img {
  padding-bottom: 10px;
  width: 100%;
  height: auto;
}
.focus-text .p1 span {
  text-align: center;
  font-size: 12px;
  color: #65698B;
}
@media (max-width: 576px) {
  .focus-text {
    padding: 0 15px;
    /* height:400px; */
    overflow: auto;
    margin-bottom: 10px;
  }
  .focus-text h3 {
    font-size: 16px;
    line-height: 1.2;
    background-size: auto;
    margin-bottom: 20px;
  }
  .focus-text p {
    padding: 0 0 20px 18px;
  }
  .focus-text .p1 p {
    padding: 0 0 20px;
  }
  .p4 p {
    padding: 0 0 7px 14px;
  }
}
/*------------*/
.about-ban {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* margin-bottom: 3rem; */
}
.about-ban .pf_center {
  position: absolute;
  top: 42%;
  width: 100%;
  font-size: 44px;
  z-index: 100;
}
.about-ban .pf_center h1 {
  padding-bottom: 1rem;
  color: #3D446E;
}
.about-ban .pf_center h2 {
  padding-bottom: 2rem;
  color: #fff;
  font-size: 44px;
}
.about-ban .img-box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.about-ban .img-box1 img {
  opacity: .7;
}
@media (max-width: 1200px) {
  .about-ban {
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin-bottom: 0;
  }
  .about-ban .img-box1 {
    height: 300px;
    overflow: hidden;
  }
  .about-ban img {
    height: 100%;
  }
  .about-ban .pf_center h1 {
    font-size: 26px;
    width: 100%;
    padding-bottom: .5rem;
  }
  .about-ban .pf_center h2 {
    font-size: 26px;
    width: 100%;
    padding: 0 1em;
    padding-bottom: .5rem;
  }
  .about-ban a {
    padding: 8px 30px;
  }
}
@media (max-width: 576px) {
  .about-ban .pf_center h2 {
    font-size: 20px;
    width: 100%;
    /* padding: 0 1em; */
    padding-bottom: .5rem;
  }
  .about-ban .pf_center p {
    font-size: 12px;
  }
}
/*-------*/
.about-box1 {
  padding-top: 542px;
  position: relative;
}
.about-1 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  /* width: 1400px; */
  border-radius: 8px;
  background: url("../images/box5_1-1.svg") 30px 30px no-repeat, linear-gradient(0deg, rgba(255, 255, 255, .9) 0%, rgba(240, 246, 255, 1) 100%);
  background-size: 80px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  padding: 83px;
}
.about-1 .left {
  float: left;
  width: 45%;
  color: #3D446E;
}
.about-1 .left h2 {
  font-size: 32px;
  margin-bottom: 29px;
}
.about-1 .left p {
  margin-top: 24px;
}
.about-1 .right {
  width: 48%;
  float: right;
  overflow: auto;
}
#about .swiper-slide {
  margin-bottom: 32px;
  display: block;
  flex-direction: row;
  justify-content: flex-start;
}
.about-2 {
  /* 蒙版 */
  width: 100%;
  height: 370px;
  background: linear-gradient(180deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
}
.about-2 .title-box{

/* padding-top: 5rem; */
}
.text-5 {
  float: left;
  padding-left: 15px;
  color: #fff;
}
.text-5 h3{
	font-size: 20px;
}
.text-5 p {
  margin-top: 1rem;
  font-size: 14px;
  line-height: 1.6;
}
.about-box2 {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1360px) {
  .about-box1 {
    padding-top: 0;
    margin: 20px auto;
  }
  .about-1 {
    position: static;
    /* top: 0; */
    /* left: 50%; */
    transform: translateX(0);
    width: 100%;
    border-radius: 0;
    background: url("../images/box5_1-1.svg") 14px 9px no-repeat, linear-gradient(0deg, rgba(255, 255, 255, .9) 0%, rgba(240, 246, 255, 1) 100%);
    background-size: 80px;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .about-box1 {
    padding-top: 0;
    /* position: static; */
  }
  .about-1 {
    padding: 35px 15px 20px;
  }
  .about-1 .left {
    float: left;
    width: 100%;

    color: #3D446E;
  }
  .about-1 .left h2 {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .about-1 .left p {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .about-1 .right {
    width: 100%;
    float: right;
    overflow: auto;
  }
  #about .swiper-slide {
    margin-bottom: 28px;
  }
  .about-2 {
    /* 蒙版 */
    width: 100%;
    height: auto;
    padding-bottom: 2rem;
  }
  .about-box2 {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
  }
  .about-box2 .about-3 {
    display: flex;
    padding-bottom: 2rem;
    padding-left: 1rem;
    margin: 0 auto;
  }
  .text-5 {
    float: left;
    padding-left: 10px;
    color: #fff;
    min-width: 310px;
  }
  .text-5 p {
    margin-top: 1rem;
    font-size: 12px;
    line-height: 1.6;
  }
}
@media (max-width: 576px) {
    .about-box1 {
    margin: 0 auto;
  }
    .about-2 {
    padding-bottom:0rem;
  }
    .about-box2 .about-3 {
    display: flex;
    padding-bottom: 2rem;
    padding-left: 1rem;
    width: 100%;
    margin: 0 auto;
  }
    .text-5 {
    min-width: auto;
  }
}
/*-------*/
.about-4 {
  overflow: auto;
  padding-bottom: 5rem;
}
.about-4 .left {
  float: left;
  width: 50%;
}
.about-4 .left .swiper-slide {
  position: relative;
  background: #000;
  margin-bottom: 20px;
  color: #fff;
}
.about-4 .left .swiper-slide img {
  padding: 0;
  opacity: .7;
}
.about-4 .left .swiper-slide .pf1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 100;
}
.about-4 .left .swiper-slide .pf1 h4 {
  font-size: 30px;
  padding-bottom: 20px;
}
.text-6 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.text-6 h4 {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #0187fc;
  border: 9px #c9e5fe solid;
  margin-right: 12px;
}
.text-6 div {
  width: calc(100% - 50px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 25px;
  height: 72px;
}
.text-6 div:hover {
  background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
  border-radius: 4px;
  color: #fff;
}
.text-6 h3 {
  font-size: 20px;
  padding-right: 40px;
}
.text-6 p {
  background: url(../images/left-icon.svg) 2px center no-repeat;
  background-size: 10px;
  padding-left: 18px;
}
.about-4 .right {
  float: right;
  width: 45%;
  margin: 0;
  background: url("../images/bg-2.png") -1px 0 no-repeat;
  background-size:35px 100%;
}
@media (max-width: 992px) {
  .about-4 {
    overflow: auto;
    padding-bottom: 3rem;
  }
  .about-4 .swiper-slide .pf1 {
    width: 90%;
  }
  .about-4 .left, .about-4 .right {
    float: none;
    width: 100%;
  }
  .about-4 .right {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .text-6 {
    margin-bottom: 15px;
  }
  .text-6 h4 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #0187fc;
    border: 9px #c9e5fe solid;
    margin-right: 12px;
  }
  .text-6 div {
    padding: 10px 15px;
  }
  .text-6 div:hover {

    background: linear-gradient(270deg, rgba(98, 182, 255, 1) 0%, rgba(0, 104, 255, 1) 100%);
    border-radius: 4px;
    color: #fff;
  }
  .text-6 h3 {
    font-size: 20px;
    padding-right: 30px;
  }
  .text-6 p {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .about-4 {
    overflow: auto;
    padding-bottom: 2rem;
  }
  .about-4 .swiper-slide .pf1 {
    width: 90%;
  }
  .about-4 .left, .about-4 .right {
    float: none;
    width: 100%;
  }
  .about-4 .right {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .text-6 {
    margin-bottom: 15px;
  }
  .text-6 h4 {
    margin-right: 12px;
  }
  .text-6 div {
    padding: 10px 15px;
    height: auto;
  }
  .text-6 h3 {
    font-size: 18px;
    padding-right: 15px;
  }
  .text-6 p {
    font-size: 12px;
  }
}
.about-box3 {
  background: #e4e8eb url(../image/about/bj-1.png) center center no-repeat;
  background-size: auto 100%;
  padding-bottom: 5rem;
}
.about-5 {
  border-radius: 8px;
  background: #fff;
  border: 1px solid #EBECF0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.about-5:hover {
  transform: translate(0, -10px);
}
.about-5 div {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-5 h3 {
  color: #3D446E;
  font-size: 18px;
  margin: 0 0 10px;
}
.about-5 p {
  color: #65698B;
  height: 6em;
  font-size: 14px;
}
.about-box4 {
  /* 矩形 */
  width: 100%;
  height: auto;
  padding: 20px 0;
  background-color: #EBECF0;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24), 0px 2px 0px 0px rgba(255, 255, 255, 1);
  border-top: 2px #fff solid;
}
.about-box4 .row {}
.about-box4 .priva-1 h3 {
  color: #0187FC;
}
@media (max-width: 1360px) {
  .about-5 p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .about-box3 {
    padding-bottom: 1.5rem;
  }
  .about-box4 {
    padding: 10px 0;
  }
  .about-5 {
    padding: 20px 15px;
    margin-bottom: 1rem;
  }
  .about-5 p {
    height: 4.5em;
    font-size: 12px;
  }
  #about .priva-1 {
    margin: 10px auto;
  }
}
.about-6 {
  /* 矩形 */
  text-align: center;
  width: 100%;
  height: auto;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid #EBECF0;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  padding: 15px;
  margin-bottom: 20px;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.about-6:hover {
  transform: translate(0, -10px);
}
.about-6 img {
  border-radius: 20px;
  border: 10px #F1F8FF solid;
  height: auto;
  width: 100%;
}
.about-6 p {
  padding-top: 12px;
  font-size: 14px;
  height: 3.7em;
}
.about-box5 {
  padding-bottom: 4rem;
}
.about-7 {
  /* 蒙版 */
  width: 100%;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 246, 255, 1) 100%), #FFFFFF;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 30px 20px;
  margin-bottom: 4rem;
  transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.about-7:hover {
  transform: translate(0, -10px);
}
.about-7 h3 {
  background: url("../images/left-icon.svg") 0 center no-repeat;
  background-size: 26px;
  padding-left: 34px;
  color: #3D446E;
  margin-bottom: 15px;
  font-size: 18px;
}
.about-7 p {
  font-size: 14px;
  color: #65698B;
  height: 3em;
  text-align: center;
}
@media (max-width: 576px) {
  .about-box5 {
    padding-bottom: 1rem;
  }
  .about-7 {
    margin-bottom: 1rem;
  }
}
/*--------------*/
.about-8 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
}
.about-8 h4, .about-8 p {
  font-size: 14px;
  line-height: 1.8;
}
.about-8 h3 {
  font-size: 18px;
  padding-bottom: 15px;
  color: #3d446e;
}
.about-8 p {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.about-8 h4 {
  margin-top: 15px;
}
.about-8 p img {
  width: 18px;
  margin-right: 10px;
}
.ewm-box1 {
  display: flex;
  /* justify-content: space-between; */
}
.ewm-box1 div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
}
.ewm-box1 img {
  width: 120px;
}
@media (max-width: 1200px) {
  .about-8 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    flex-direction: column;
    padding: 0 10px;
  }
  .about-8 div {
    margin-bottom: 2rem;
  }
  .about-8 div.about-9 {
    margin-bottom: 0rem;
  }
  .ewm-box1 div {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .ewm-box1 img {
    width: 90px;
  }
}
/*------------*/
.cooper-1 {
  padding: 20px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(240, 246, 255, 1) 100%), #FFFFFF;
  box-shadow: 0px 2px 15px 0px rgba(167, 178, 204, 0.4);
  /* margin-bottom: 40px; */
}
.cooper-1 h3 {
  font-size: 16px;
  color: #3D446E;
  margin-bottom: 15px;
}
.cooper-1 p {
  font-size: 14px;
  color: #65698B;
  height: 3.6em;
}
.cooper-1:hover {
  transform: translate(0, -10px);
}
/*.cooper-1:hover h3 {
  color: #0187FC;
}*/
@media (max-width: 1200px) {
  .cooper-1 {
    margin-bottom: 20px;
  }
  .cooper-1 p {
    font-size: 14px;
    color: #65698B;
    height: 3.6em;
  }
}
@media (max-width: 576px) {
  .cooper-1 {
    margin-bottom: 1rem;
  }
  .cooper-1 p {
    font-size: 12px;
    color: #65698B;
    height: 3em;
  }
}
/*-------*/
.cooper-2 {
  background: #000;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
    transition: all .3s;
  -moz-transition: all .3s; /* Firefox 4 */
  -webkit-transition: all .3s; /* Safari and Chrome */
  -o-transition: all .3s;
}
.cooper-2:hover{
  transform: scale(1.03);
}
.cooper-2.height-1 {
  height: 360px;
}
.cooper-2.height-2 {
  height: 170px;
}
.cooper-2.height-2 img {
  width: 100%;
}
.cooper-2 img {
  opacity: .7;
  height: 100%;
}
.cooper-2 .pf {
  position: absolute;
  top: 20px;
  bottom: 20px;
  padding: 0 20px;
  color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 100;
}
.cooper-2 h4 {
  font-size: 24px;
  line-height: 1.5;
}
.cooper-2 h5 {
  font-size: 18px;
  line-height: 1.5;
}
.cooper-2 p {
  font-size: 14px;
  text-align: right;
}
@media (max-width: 576px) {
  .cooper-2 {}
  .cooper-2 .pf {
    position: absolute;
    top: 10px;
    bottom: 10px;
    padding: 0 10px;
  }
  .cooper-2 img {
    height: auto;
    width: 100%;
  }
  .cooper-2.height-2 img {
    height: 100px;
    width: auto
  }
  .cooper-2 h4 {
    font-size: 18px;
    line-height: 1.5;
  }
  .cooper-2 h5 {
    font-size: 12px;
    line-height: 1.5;
  }
  .cooper-2 p {
    font-size: 12px;
    text-align: right;
  }
  .cooper-2.height-1 {
    height: auto;
  }
  .cooper-2.height-2 {
    height: auto;
  }
}
.swiper-display {
  display: block;
}
.swiper-none {
  display: none;
}
@media (max-width: 768px) {
  .swiper-display {
    display: none;
  }
  .swiper-none {
    display: block;
  }
}
/*------------*/
.pf_box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  display: none;
}
.pf_box.active {
  display: block;
}
.form-box {
  /* 矩形 */
  width: 430px;
  height: 500px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(167, 178, 204, 0.24);
  padding: 50px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.form-box h2 {
  color: #3F434B;
  font-size: 24px;
  margin-bottom: 50px;
}
.form-box .form_flex {
  display: block;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}
.form-box .form-group {
  margin: 25px 0 0;
}
.form-box .form-control {
  width: 100%;
  height: 47px;
  border: none;
  border-radius: 0;
  border-bottom: 1px #EBECF0 solid;
}
.form-box .btn-primary {
  width: 100%;
  height: 47px;
  margin-left: 0;
  margin-top: 70px;
}
.form-box .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.pf-btn {
  padding: 12px 50px;
  cursor: pointer;
}
@media (max-width: 576px) {
  .form-box {
    /* 矩形 */
    width: 90%;
    height: auto;
    padding: 40px 20px 30px 20px;
  }
  .form-box h3 {
    color: #3F434B;
    font-size: 22px;
    margin-bottom: 40px;
  }
  .form-box .btn-primary {
    margin-top: 40px;
  }
  .pf-btn {
    padding: 8px 30px;
  }
}
/*----------*/
.cooper-3 {
  background: url("../image/logo/bj-1.png") center center no-repeat;
  background-size: 100% 100%;
  padding: 30px 0;
}
.cooper-3 .dis_flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cooper-3 h3 {
  color: #fff;
}
.cooper-4 .btn-box1 {
  padding: 2rem 0 0;
}
.cooper-5 {
  padding-bottom: 3rem;
}
@media (max-width: 1200px) {
  .cooper-4 .btn-box1 {
    padding: .5rem 0 0;
  }
}
@media (max-width: 768px) {
  .cooper-3 {
    padding: 25px 15px;
    background-size: auto 100%;
  }
  .pf-btn {
    padding: 8px 30px;
  }
  .cooper-3 h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .cooper-5 {
    padding-bottom: 0;
  }
}
@media (max-width: 576px) {
  .cooper-3 {
    padding: 20px 15px;
    background-size: auto 100%;
  }
  .cooper-3 .dis_flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .cooper-3 h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}
/*--------------*/
.bg-blue1 {
  background: #012749;
}
.title-box2 {
  color: #fff;
  padding-top: 2rem;
  text-align: center;
  padding-bottom: 4rem;

}
.title-box2 h2{
    font-size: 32px;
}
.cooper-box {
  width: 100%;
  height: 150px;
  background:
    radial-gradient(circle at 100% 100%, #012749 13px, transparent 0) right bottom, radial-gradient(circle at 0% 100%, #012749 13px, transparent 0) bottom left #ffffff;
  background-size: 50% 50%, 15px 15px, 30% 30%, 30% 30%;
  background-repeat: no-repeat;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.cooper-box h4 {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  line-height: 80px;
  font-size: 30px;
  width: 700px;
  text-align: center;
  background: url("../image/logo/bj-2.png") center center no-repeat;
  background-size: 100% 100%;
}
.cooper-box p {
  text-align: center;
  padding-top: 94px;
  color: #0187FC;
  font-size: 18px;
}
.cooper-box1 {
  width: 100%;
  background:
    radial-gradient(circle at 100% 0%, #012749 13px, transparent 0) right top, radial-gradient(circle at 0 0%, #012749 13px, transparent 0) top left #ffffff;
  background-size: 50% 50%, 15px 15px, 30% 30%, 30% 30%;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 100px;
}
.cooper-box1 div {
  margin: 0 20px;
  border-top: 3px #ddd dotted;
  text-align: center;
  padding: 50px 20px 80px;
}
.cooper-box1 div h3 {
  color: #3D446E;
  font-size: 30px;
  margin-bottom: 30px;
}
.cooper-box1 div p {
  font-size: 16px;
  color: #3D446E;
  margin-bottom: 20px;
}
.cooper-box1 div p b {
  color: #0187FC;
}
@media (max-width: 992px) {
  .cooper-box h4 {
    font-size: 24px;
    width: 68%;
    top: -25px;
    background: url("../image/logo/bj-3.png") center center no-repeat;
    background-size: 100%;
  }
}
@media (max-width: 576px) {
  .title-box2 {
    padding-bottom: 3rem;
  }
    .title-box2 h2{
      font-size: 28px;
    }
  .cooper-box h4 {
    font-size: 22px;
    width: 68%;
    top: -25px;
    background: url("../image/logo/bj-3.png") center center no-repeat;
    background-size: 100%;
  }
  .cooper-box p {
    text-align: center;
    padding: 70px 15px 0;
    color: #0187FC;
    font-size: 18px;
  }
  .cooper-box1 div h3 {
    font-size: 24px;
  }
  .cooper-box1 div {
    margin: 0px 15px;
    border-top: 3px #ddd dotted;
    text-align: center;
    padding: 30px 0px 30px;
  }
  .cooper-box1 p {
    margin-bottom: 15px;
  }
}
/*------------------*/
.priva-pf {
  position: absolute;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
}
.pa-tc {
  top: 30%;
  text-align: center;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.about-ban .pa-tc {
  top: 30%;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.pa-tc h1 {
  font-size: 44px;
  color: #3D446E;
}
.about-ban .pa-tc h1 {
  font-size: 44px;
 color: #fff;
}
/* 01570 */ /* 16.4 */
@media (max-width: 1570px) {
  .v3_box_1 .v3_box-shadow3 {
    height: 23vh;
  }
  .box-shadow3 {
    height: 28vh;
  }
}
/* 01440 */ /* 15 */
@media (max-width: 1440px) {
  .v3_box_1 .v3_box-shadow3 {
    /* height: 25vh; */
  }
  .v3_gybj .left {
    width: 52%;
  }
  .v3_gybj .right {
    width: 44%;
  }
  .v3-ban2 {
    width: 44.2vw;
  }
  .v3-ban3 {
    width: auto;
  }
}
/* 01366 */ /* 14 */
@media (max-width: 1366px) {
  .v3_gybj .v3-text-6 h4 {
    height: 13px !important;
  }
  .v3-ban2 {
    width: 44.2vw;
  }
  .v3-ban3 {
    /* width: 43%; */
    width: 35vw;
  }
  .v3-ban3 p:first-child {
    margin-bottom: 7vh;
  }

}

/* 01280 */ /* 13 */
@media (max-width: 1280px) {
  .v3-priva-31-yd {
    top: 20%;
    padding: 0 5%;
  }
  .v3-priva-jjfa p:nth-child(1){
    font-size: 2.8vw;
  }

  .v3-priva-3-btn {
    position: absolute;
    display: flex;
    width: -webkit-fill-available;
    bottom: 10%;
    justify-content: center;
  }
  .v3-priva-3 p:nth-child(1) {
    font-size: 3vw;
  }

  .v3_hxgnx .v3-border-left {
    border-left: none!important;
  }

  .v3-jzzz2 .v3-pad2 {
      margin-bottom: 3vh;
  }
  .priva-pf {
    position: static;
    left: 50%;
    transform: translateX(0);
  }
  .pa-tc h2 {
    font-size: 30px;
    color: #fff;
  }
  .v3_gybj .left {
    width: 52%;
  }
  .v3_gybj .right {
    width: 44%;
  }
  .v3_hxgnx {
    height: 38vh;
  }

}
/* 01200 */ /* 12 */
@media (max-width: 1200px) {

  .v3-priva-3 {
    left: 0;
    width: 100%;
    padding: 0 5%;
    margin-top: -44%;
  }
}
/* 01024 */ /* 10 */
@media (max-width: 1024px) {
  .v3_gybj .v3-text-6 h4 {
    margin-right: 18px;
  }
}
/* 0992 */ /* 9.7 */
@media (max-width: 992px) {
  .v3-priva-31-yd {
    top: 20%;
    padding: 0 5%;
  }
  .v3-priva-jjfa p:nth-child(1){
    font-size: 2.8vw;
  }

  .v3-priva-3 {
    left: 0;
    width: 100%;
    padding: 0 5%;
    margin-top: -44%;
  }

  .v3-priva-3-btn {
    position: absolute;
    display: flex;
    width: -webkit-fill-available;
    bottom: 10%;
    justify-content: center;
  }
  .pa-tc {
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .pa-tc h1 {
    font-size: 32px;
    color: #3D446E;
  }
  .v3_gybj .left {
    width: 52%;
  }
  .v3_gybj .right {
    width: 44%;
}

}
/* 0768 */ /* 7 */
@media (max-width: 768px) {
  .v3-priva-31-yd {
    top: 20%;
    padding: 0 5%;
  }
  .v3-priva-jjfa p:nth-child(1){
    font-size: 2.8vw;
  }

  .v3-ban-bj3-yd {
    /* height: 74vh; */
  }
  .v3-priva-3-btn {
    position: absolute;
    display: flex;
    width: -webkit-fill-available;
    bottom: 10%;
    justify-content: center;
  }
  .v3_gybj .v3-text-6 h4 {
    height: 11px !important;
    margin-left: 1px;
  }
  .v3-cgal-img {
    height: 15vh;
    line-height: 15vh;
  }
  .v3-box-shadow4 {
    height: calc(100% - 9.8rem);
  }
  .v3_hxgnx {
    height: 36vh;
  }
  .v3_hxgnx .v3-border-left {
    border-left: none!important;
  }
  .v3_gybj .left {
    width: 52%;
  }
  .v3_gybj .right {
    width: 44%;
  }
  .v3-priva-3 {
    left: 0;
    width: 100%;
    padding: 0 5%;
    margin-top: -44%;
  }
  .v3-priva-3 p:nth-child(1) {
    font-size: 2.25rem;
    margin-bottom: 1vh
  }
  .v3-priva-3 p:nth-child(2), .v3-priva-3 p:nth-child(3), .v3-priva-3 p:nth-child(4){
    height: auto;
  }
  .v3-cgal .v3-t1 {
    display: block;
  }
  .v3-cgal .v3-t1 .v3-t11 {
    width: auto;
  }
  #clothingnavcontent1 .v3-cgal .v3-t12 {
    width: fit-content;
  }
  .v3-cgal{
    height: 43vh;
  }
  .v3-tab-content {
    height: 145vh;
  }
}
/* 0576 */
@media (max-width: 576px) {
  .v3-qywh {
    font-size: 1.5rem;
  }

 .v3_gybj .top,
 .title-box h2,
 .v3-priva-3 p:nth-child(1) {
    font-size: 1.1875rem;   /* 35px  */
  }
  .v3_gybj .p11,
  .v3_gybj .p55 {/* 25px  */
    /* font-size: 1.5625rem; */
  }
  .v3_hxgnx .title{
    font-size: 1.5rem;/* 24px  */
  }
  #fa1 .v3-fa-title h2, #fa2 .v3-fa-title h2, #fa3 .v3-fa-title h2, #fa4 .v3-fa-title h2, #fa5 .v3-fa-title h2, #fa6 .v3-fa-title h2, #fa7 .v3-fa-title h2 {
    font-size: 1.4rem;
  }
  .v3-chaj,
  .v3-tyspzx .v3-hxgn {
    font-size: 1.25rem!important; /* 20px  */
  }
  .v3-tyspzx .v3-ljzx,
  .v3_gybj .p11,
  .box_1 div h3,
  .v3_gybj .p55 {
    font-size: 1rem;
  }

  .v3-card p:nth-child(2){ /* 18px  */
    font-size: 1rem;
  }
  /* 字体 */
  .v3_gybj .p22, .v3_gybj .p33, .v3_gybj .p44,
  .v3_gybj .p66, .v3_gybj .p77,
  .v3-card p:nth-child(3),
  .v3-text-6 .v3-card span,
  .v3-cgal .v3-t1 .v3-t11,
  .responsive-spacing .v3-p,
  .v3_box-shadow3 p,
  .v3-btn-primary,.v3-btn-primary2 {
    font-size: 0.875rem;
  }

  .v3-cgal .v3-p,
  .v3_hxgnx .text-100 p,
  .v3-priva-3 p:nth-child(2),
  .v3-priva-3 p:nth-child(3),
  .v3-priva-3 p:nth-child(4) {
    font-size: 0.75rem; /* 12px  */
  }
  .v3-tyspzx .v3-hxgn {
    text-align: center;
  }

  .v3_gybj .p11, .v3_gybj .p55 {
    font-weight: 600;
  }
  /* .v3-width-icon2 {
    width: 1.5rem;
  } */
  .priva-pf {
    position: static;
    left: 0;
    transform: translateX(0);
  }
  .priva-1 h1 {
    font-size: 32px;
    color: #3D446E;
  }
  .priva-1 p {
    font-size: 12px;
    color: #65698B;
  }
  .priva-1 b {
    font-size: 14px;
  }
  .pa-tc {
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .pa-tc h1 {
    font-size: 20px;
    color: #3D446E;
    line-height: 1.5;
  }
  .about-ban .pa-tc h1 {
    font-size: 20px;
}
  .pa-tc h2 {
    font-size: 20px;
    color: #fff;
  }
  .focus-ban1 {
    margin-bottom: 0rem;
  }
  .v3-priva-3 p:nth-child(2), .v3-priva-3 p:nth-child(3), .v3-priva-3 p:nth-child(4) {
    /* font-size: 0.5rem; */
    line-height: 2vh;
    height:auto;
    /* width: 80%; */
  }
  .v3-priva-3 {
    left: 0;
    width: 100%;
    padding: 0 5%;
    /* margin-top: -16vh; */
    margin-top: -44%;
  }
  .v3-priva-3-btn {
    position: absolute;
    display: flex;
    width: -webkit-fill-available;
    bottom: 7%;
    justify-content: center;
  }
  .v3-priva-3 p:nth-child(1) {
    /* font-size: 12px;; */
    /* margin-bottom: 0; */
    height: auto;
  }
  .v3-btn-primary,.v3-btn-primary2 {
    padding: .2rem .5rem;
  }
  .v3-btn-primary2 {
    margin-top: 0;
  }

  .v3_box_1{
    display: contents;
    width: auto;
  }
  .img-box {
    width: 2.5rem;
    height: 2.5rem;
  }
  .v3-chaj-box-shadow3-top {
    margin-bottom: 2vh;
  }

  .container-fluid{
    margin-bottom: 2vh;
  }
  .v3_container-fluid {
    padding-top: 2rem;
  }
  .box_1 {
    padding: 1.25rem .625rem 0;
  }
  .v3-qlljjfa {
    left: 0;
  }
  .v3_hxgnx .text-100 .number_box h2 {
    font-size: 1rem;
  }
  .v3_hxgnx .number_box span {
    font-size: 0.5rem;
  }
  .v3-qlljjfa {
    height: auto;
  }
  .v3-border-left {
    border-left:none!important;
  }

  #cgal #clothingnav1.nav-tabs .nav-link {
    font-size: 0.6rem;
    padding: .25rem 0;
  }
  #cgal #clothingnav1 .nav-item {
    margin: 0 .3125rem;
  }
  #cgal #clothingnav1.nav-tabs {
    height: auto;
  }
  .v3-width-icon3 {
    width: 80%;
  }
  .v3-cgal-img {
    height: 5rem;
    line-height: 5rem;
  }
  .v3-box-shadow4 {
    height: calc(100% - 5.8rem);
  }

  #cgal #clothingnavcontent1 .v3-cgal .v3-t12 {
    font-size: 0.5rem;
  }

  .v3-cgal {
    height: 32vh;
    margin-bottom: 2vh;
  }
  .v3-ckal {
    /* bottom: 0.7rem; */
  }
  #cgal #clothingnavcontent1.tab-content{
    background: none;
    padding-bottom: 0;
  }
  .v3-tab-content {
    height: 142vh;
  }
  #cgal .box_1 div p a{
    font-size: 0.5rem;
  }
  #cgal .box_1 div p a i {
    font-size: 1rem;
  }
  .v3-zxhqgdal {
    padding-bottom: 2rem;
  }
  #cgal .btn-box1 {
    padding: 0 0 2rem;
  }
  .v3_bjcpdw {
    padding-top: 1rem;
    margin-bottom: 0;
    padding-bottom: 2rem;
  }
  .v3_gybj .mdl {
    display: block;
  }
  .v3_box_5 {
    height: auto;
  }
  .v3_gybj .left {
    width: auto;
  }
  .v3_gybj .right {
    width: auto;
  }
  .banner .v3-title-box {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .v3-text-6 {
    margin-right: 0.7rem;
  }
  .v3_gybj .right .v3-right-main {
    margin: 0;
    background: url("../images/bg-2.png") -0.1rem 0rem no-repeat;
    background-size: 35px 100%;
    height: 100%;
  }
  .v3_gybj .left {
    margin: 0 0.5rem;
  }
  .v3_gybj .rightp11 {
    padding-left: 0;
    padding-top: 6vh;
  }
  #clothingnavcontent1 .v3-cgal .v3-t12 {
    padding: 4px 6px;
  }
  .text-100 .dis_box {
    /* margin: 1vh 0; */
    margin-top: 2vh;
  }
  .v3_hxgnx .title {
    margin-bottom: 4vh;
  }
  .v3_hxgnx .number {
    font-size: 5vw;
  }
  .v3_hxgnx img {
    width: 30%;
  }
  .v3_hxgnx .text-100 .dis_box,  .v3_hxgnx .v3-text-100 .dis_box {
    margin-bottom: 3vh;
  }
  .v3_hxgnx {
    height: 42vh;
  }
  .box_1 .box-shadow3 {
    height: 35vh;
    line-height: 2.5vh;
  }
  .homeSwiper .swiper-slide img{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position:82%;
  }
  .v3-priva-3 p {
    margin-bottom: 3vh;
  }
  .v3-tyzx {
    display: block;
  }
  .fak11,
  .fak21,
  .fak31,
  .fak41,
  .fak51,
  .fak61,
  .fak71{
    width: 100%;
  }
  .fak12,
  .fak22,
  .fak32,
  .fak42,
  .fak52,
  .fak62,
  .fak72{
    width: -webkit-fill-available;
    height: 26vh;
  }
  .v3-qlljjfa {
    top: 2rem;
    height: 9rem;
    box-shadow: none;
  }
  .w41rem {
    width: auto;
  }
  .v3-priva-31-yd {
    top: 20%;
    padding: 0;
    width: 90%;
  }
  .v3-priva-3-3 {
    top: 10%;
  }
  .title-box {
    /* background: pink; */
  }
  .v3-w18 {
    width: auto;
    margin: 0px 4vw;
  }
  .v3-ban-bj3{
    height: 40vh;
  }
  .text-100 img{
    width: 1.25rem;
    height: 1.25rem;
  }
  .v3-jzzz .v3-pad2 {
    padding: 0;
  }
  .v3-jzzz-box {
    top: 0;
    left: 0;
    box-shadow: none;
  }
  .v3-jzzz {
    height: 35vh;
  }
  #fa1 .v3-jzzz {
    height: 36vh;
  }
  #fa2 .v3-jzzz2  {
    height: 36vh;
    margin-top:0;
  }
  #fa3 .v3-jzzz  {
    height: 36vh;
  }

  #fa4 .v3-jzzz {
    height: 39vh;
  }
  #fa5 .v3-jzzz {
    height: 29vh;
  }

  #fa6 .v3-jzzz6 {
    height: 40vh;
  }
  #fa7 .v3-jzzz {
    height: 39vh;
  }

  .v3-jzzz2 .v3-pad2 {
    width: auto;
  }
  .v3-nage {
    margin-left: 2%;
  }
  .case-banner {
    margin-top: 1vh;
  }
  #core {
    width: auto;
  }
  .v3_box_1 .v3_box-shadow3 {
    height: 18vh;
  }
  .title-box h2 {
    margin-bottom: 3vh;
  }
  #v3-qywh .row {
    margin-right: 0;
  }
  .logo {
    width: 21vw;
  }
  .img-box {
    padding: 4%;
  }
  .v3-card p:nth-child(3) {
    width: 67%;
  }
  .v3-text-6 .v3-card {
    height: auto;
  }
  .v3_gybj .p11,
  .v3_gybj .p55 {
    text-align: center;
  }
  #fa1 .v3-jzzz .v3-pad2 {
    padding: 0;
  }
  .case-1 h5 {
    line-height: 2.8vh;
  }
  #content p {
    line-height: 3.8vh;

  }
  #v3-chaj .v3_chaj {
    width: 100%;
  }
  .v3-tyspzx .v3-ljzx2 {
    margin: auto;
    margin-top: 1vh;
  }
  .v3-gwz {
    font-size: .875rem;
  }
  .v3-tyspzx .v3-list p:nth-child(odd) {
    font-size: .875rem;
  }
  .v3-tyspzx .v3-list p:nth-child(even) {
    font-size: .75rem;
  }
  .v3_gybj .v3-text-6 h4 {
    height: 10px !important;
}
#cgal #clothingnavcontent1 .v3-cgal .v3-t12 {
  width: fit-content;
  margin-top: 0.5vh;
}
.v3-cgal .v3-t1 {
  display: block;
}
.v3-priva-jjfa p:nth-child(1) {
  font-size: 5vw;
}
.fak12, .fak22, .fak32, .fak42, .fak52, .fak62, .fak72 {
  background-position: center;
}
.v3-menu .v3-nav-link {
  color: #000!important;
}
.navbar-light .navbar-toggler-icon {
  /* background: url("/images/v3/zdbg.svg") no-repeat center/cover; */
}
.v3-tyspzx .v3-list {
  display: block;
}
#fa1 .v3-fa-title p,
#fa2 .v3-fa-title p,
#fa3 .v3-fa-title p,
#fa4 .v3-fa-title p,
#fa5 .v3-fa-title p,
#fa6 .v3-fa-title p,
#fa7 .v3-fa-title p {
font-size: 1rem;
}

  /* #fa1 .v3-jzzz,
  #fa2 .v3-jzzz,
  #fa3 .v3-jzzz,
  #fa4 .v3-jzzz,
  #fa5 .v3-jzzz,
  #fa6 .v3-jzzz,
  #fa7 .v3-jzzz {

  } */
}