ind01-list2.col-title {  }
  .col-title .tit { position: relative; padding: 0 0 0.2rem; color: #333; font-weight: bold; }
  .col-title .tit:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0.84rem; height: 0.03rem; background-color: var(--theme-color); }
  .col-title .tit.white { color: #fff; }
  .col-title .tit.white:after {  background-color: #fff; }
  .col-title.min-line .tit:after { width: 0.45rem; height: 0.02rem; }

.col-title2 { max-width: 8.0rem; }
.col-title2 .tit { font-weight: bold; }
.col-title2 .txt { color: #515151; font-size: 0.2rem; }
.col-title2.text-center { margin-left: auto; margin-right: auto; max-width: 8.0rem; }


.swiper-imgs {  }
  .swiper-imgs .img-box { border: 1px solid #e7e7e7; }
  .swiper-imgs .swiper-btns { position: relative; height: 0.5rem; }
  .swiper-imgs .swiper-btns .swiper-btn-prev:after,
  .swiper-imgs .swiper-btns .swiper-btn-next:after { content: ''; }
  .swiper-imgs .swiper-btns .swiper-btn-prev ,
  .swiper-imgs .swiper-btns .swiper-btn-next { border-radius: 50%; border: 1px solid #cfcfcf; width: 0.45rem; height: 0.45rem; }
  .swiper-imgs .swiper-btns .swiper-btn-next { left: 0.6rem; }
  .swiper-imgs .swiper-btns .swiper-btn-prev .ifa,
  .swiper-imgs .swiper-btns .swiper-btn-next .ifa { font-size: 0.28rem; color: #cfcfcf; }
  .swiper-imgs .swiper-btns .swiper-scroll { left: 1.2rem; right: 0; bottom: 50%; transform: translateY(50%); width: auto; height: 0.04rem; background-color: #e6e6e6; }
  .swiper-imgs .swiper-btns .swiper-scroll .swiper-scrollbar-drag { height: 0.04rem; background-color: var(--theme-color); opacity: .8; }

  .swiper-imgs .swiper-btns .swiper-btn-prev:hover ,
  .swiper-imgs .swiper-btns .swiper-btn-next:hover { border: 1px solid var(--theme-color); }
  .swiper-imgs .swiper-btns .swiper-btn-prev:hover .ifa,
  .swiper-imgs .swiper-btns .swiper-btn-next:hover .ifa { color: var(--theme-color); }


.ind-col { position: relative; z-index: 100; background-color: #ffffff; }


.ind01 { background-color: #f4f4f4; }
.ind01 .txt-1 { color: #525252; font-size: 0.24rem; }
.ind01 .txt-2 { color: #525252; }
.ind01-list1 {  }
.ind01-list1 .item { overflow: hidden; border-radius: 0.1rem; background-color: #e1e1e6; transition:all .3s ease-out; }
.ind01-list1 .item .img-h { padding-top: 90%; }
.ind01-list1 .item .img1 {  }
.ind01-list1 .item .img2 { opacity: 0; }

.ind01-list1 .item:hover { background-color: #eb575b; }
.ind01-list1 .item:hover .img1 { opacity: 0; }
.ind01-list1 .item:hover .img2 { opacity: 1; }

.ind01-list2 { }
.ind01-list2 .swiper { height: 6.8rem; }
.ind01-list2 .swiper-slide { display: flex; justify-content: center; align-items: center; height: calc((100% - 30px) / 2) !important;  text-align: center; font-size: 18px; background: #fff; }
.ind01-list2 .swiper-slide a { display:block; height: calc(100%); }
.ind01-list2 .swiper-slide a .img-box  { height: calc(100%); }
.ind01-list2 .item { overflow: hidden; position: relative; width: 100%; height: 100%; background-color: #e9e9e9; box-shadow: 0 0 0.05rem rgba(116, 116, 116, 0.38);; }
.ind01-list2 .item:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 50%; z-index: 3; background-image: linear-gradient(to top, rgba(0,0,0,.6) , rgba(0,0,0,0) 70%); transition:all .3s ease-out; }
.ind01-list2 .txt-box { position: absolute; left: 0; top: 100%; z-index: 6; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; transition:all .3s ease-out; }
.ind01-list2 .txt-box .tit { color: #fff; }
.ind01-list2 .txt-box .a-more { color: #fff; }
.ind01-list2 .txt-box2 { position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.2rem; z-index: 6; margin-bottom: 0; color: #fff; text-align: left; line-height: 1; transition:all .3s ease-out; }

.ind01-list2 .item:hover:before { top: 0; }
.ind01-list2 .item:hover .txt-box { top: 0%; }
.ind01-list2 .item:hover .txt-box2 { bottom: -0.8rem; }

.ind01-list2-btns {  display: flex; justify-content: flex-end; }
.ind01-list2 .swiper-btn-prev001,
.ind01-list2 .swiper-btn-next001 { display: flex; justify-content: center; align-items: center; padding: 0.06rem 0.2rem; border: 1px solid #444; }
.ind01-list2 .swiper-btn-next001 { margin-left: 0.1rem; }
.ind01-list2 .swiper-btn-prev001 .ifa,
.ind01-list2 .swiper-btn-next001 .ifa { color: #444;  font-size: 0.32rem; line-height: 1; }

.ind01-list2 .swiper-btn-prev001:hover,
.ind01-list2 .swiper-btn-next001:hover { border: 1px solid var(--theme-color); background-color: var(--theme-color); }
.ind01-list2 .swiper-btn-prev001:hover .ifa,
.ind01-list2 .swiper-btn-next001:hover .ifa { color: #fff; }

@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .ind01-list2 .swiper { height: 5.2rem; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .ind01-list2 .swiper { height: 6rem; }
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .ind01-list2 .swiper { height: 5rem; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
    .ind01-list2 .swiper { height: 7rem; }
}
@media screen and (max-width: 575px) {
    .ind01-list2 .swiper { height: 5.4rem; }  
}


.ind02 { background: url(../images/m003.png) #fff no-repeat 100% 50%; background-size: auto 100%; }
.ind02-head { display: flex; justify-content: space-between; align-items: center; }
.ind02-head .tit { margin-bottom: 0; color: #023a84; font-size: 0.16rem; }
.ind02-head .a-more { display: flex; align-items: center; color: #5e5e5e; }
.ind02-head .a-more .ifa { font-size: 0.28rem; line-height: 1; }
.ind02-head .a-more:hover { color: var(--theme-color); }
.ind02-bigtxt { color: #515151; font-size: 0.32rem; font-weight: bold; }
.ind02-bigtxt span { display: block; font-size: 0.56rem; line-height: 1; }
.ind02 .page-about01-mun { border-top: 0px solid #dadada; border-bottom: 0px solid #dadada; }
.ind02 .page-about01-mun [class*='col-'] + [class*='col-']:before { display: none; }
.ind02 .page-about01-mun .item { justify-content: flex-start; padding: 0.06rem 0; }
.ind02 .page-about01-mun .item .ifa { color: var(--theme-color);  }
.ind02 .page-about01-mun .item .tt1 span { font-size: 0.36rem; }
.ind02-swiper { position: relative; padding-left: 0.2rem; }
.ind02-swiper:before { content: ''; position: absolute; left: 0; top: 0; width: 0.11rem; height: 70%; background-color: #023a84; }
@media screen and (max-width: 767px) {
.ind02-bigtxt { font-size: 0.26rem; line-height: 1.4; }
.ind02-bigtxt span { font-size: 0.36rem; }
.ind02 .page-about01-mun .item {  margin-left: auto; margin-right: auto; width: 2.5rem; }

.ind02 .page-about01-mun [class*='col-'] + [class*='col-']:before { display: block; left: 50%; top: 0%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #f2f2f2; }
}


.ind03 {  background-color: #dddfe4; }
.ind03-txtshow { height: 0; }
.ind03-txtbox { display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 5; padding: 0.3rem; padding-left: 0; height: 100%; }
  .ind03-txtbox .ifa { color: var(--theme-color); font-size: 0.8rem; line-height: 1; }
  .ind03-txtbox .txt01 { font-size: 0.24rem; font-weight: bold; text-transform: uppercase; line-height: 1.3; }
  .ind03-txtbox .txt02 { color: #626262; }
  .ind03-txtbox .a-more { display: inline-block; padding: 0.08rem 0.3rem; border: 1px solid var(--theme-color); }
  .ind03-txtbox .a-more:hover { border: 1px solid var(--theme-color); color: #fff; background-color: var(--theme-color); }
.ind03-list { display: flex; height: 100%; }
.ind03-list .item { position: relative; width: 25%; min-height: 5.35rem; height: 100%; transition:all .3s ease-out; background-size: cover; }
.ind03-list .item:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 3; background-color: rgba(0,0,0,.0); transition:all .3s ease-out; }
.ind03-list .item .txtbox { position: absolute; left: 0; top: 100%; right: 0; z-index: 5; display: flex; justify-content: center; align-items: center; height: 100%; color: #fff; font-size: 0.22rem; font-weight: bold;  transition:all .3s ease-out;  }
.ind03-list .item.cur { width: 50%; }
.ind03-list .item .img-h { height: 100%; }
.ind03-list .item:hover:before { background-color: rgba(0,0,0,.3); }
.ind03-list .item:hover .txtbox { top: 0; }

@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .ind03-txtbox .txt01 { font-size: 0.2rem; }
}
@media screen and (max-width: 991px) {
  .ind03-txtshow { height: auto; }
  .ind03-list .item { min-height: 2.95rem; }
  .ind03-list .item .txtbox { font-size: 0.16rem; }
  
}


.ind04 {  }
.ind04 .item { position: relative; background-color: #000; }
.ind04 .item:before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; top: 50%; z-index: 3; background-image: linear-gradient(to top, rgba(0,0,0,1) , rgba(0,0,0,0) 70%); transition:all .3s ease-out; }
.ind04 .img-h { padding-top: 140%; }
.ind04 .txtbox { position: absolute; left: 0.25rem; right: 0.25rem; bottom: 20%; z-index: 6; transform: translateY(50%); color: #fff; transition:all .3s ease-out; }
.ind04 .txtbox .tit { font-weight: bold; }
.ind04 .txtbox .txt { margin-bottom: 0; height: 0.8rem; font-size: 0.15rem; }

.ind04 .item:hover:before { top: 0; }
.ind04 .item:hover .txtbox {  bottom: 50%; }
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
.ind04 .img-h { padding-top: 80%; }
}
@media screen and (max-width: 991px) {
.ind04 .img-h { padding-top: 80%; }
}

.ind05 {  }







.page-about01 { background: url(../images/m003.png) no-repeat 100% 50%; background-size: auto 100%; }
  .page-about01 .sub-tit { display: flex; align-items: center; color: #515151; font-size: 0.33rem; font-weight: bold; line-height: 1; }
  .page-about01 .sub-tit .t1 { font-size: 0.6rem; }
  .page-about01 .txtbox { color: #5e5e5e; }

  .page-about01-mun { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
  .page-about01-mun [class*='col-'] { position: relative; }
  .page-about01-mun [class*='col-'] + [class*='col-']:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 70%; background-color: #dadada; }
  .page-about01-mun .item { display: flex; justify-content: center; align-items: center; padding: 0.14rem 0; height: 100%; }
  .page-about01-mun .item .ifa { margin-right: 0.2rem; color: #474747; font-size: 0.66rem; line-height: 1; }
  .page-about01-mun .item .tt1 { display: flex; margin-bottom: 0; color: #474747; font-size: 0.66rem; line-height: 1; }
    .page-about01-mun .item .tt1 span { font-size: 0.54rem; font-weight: bold; }
    .page-about01-mun .item .tt1 em { font-size: 0.13rem; font-style: normal; font-weight: bold; }
  .page-about01-mun .item .tt2 { margin-bottom: 0; color: #474747; font-size: 0.14rem; text-transform: uppercase; }

@media screen and (max-width: 991px) {
  .page-about01 .sub-tit { flex-direction: column; align-items: flex-start; font-size: 0.23rem; }
  .page-about01 .sub-tit .t1 { font-size: 0.4rem; }
  .page-about01-mun [class*='col-'] + [class*='col-']:before { display: none; }
  
  
  
}
@media screen and (max-width: 767px) {
  .page-about01-mun .item { justify-content: flex-start; margin-left: auto; margin-right: auto; width: 2.8rem; }
  .page-about01-mun [class*='col-'] + [class*='col-']:before { display: block; left: 50%; top: 0%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #f2f2f2; }
}

.page-about02 {  }
  .page-about02-tr01 { background-color: #dddfe4; }
  .page-about02-play { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%); border-radius: 50%; width: 0.56rem; height: 0.56rem; background-color: rgba(255,255,255,.9); }
  .page-about02-play:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; width: 0.56rem; height: 0.56rem; background-color: #fff; animation: page-about02-am 1s linear infinite; opacity: 1; }
  .page-about02-play .ifa { position: absolute; left: 55%; top: 50%; transform: translate(-50%,-50%); color: var(--theme-color); font-size: 0.7rem; line-height: 1; }

  .page-about02-tr02 { padding-top: 0.4rem; padding-bottom: 0.4rem; background-color: #eeeff2; }
    .page-about02-tr02 .item { display: flex; align-items: center; }
    .page-about02-tr02 .item .ifa { flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: 0.2rem; border-radius: 50%; border: 1px solid var(--theme-color); width: 0.86rem; height: 0.86rem; color: var(--theme-color); font-size: 0.5rem; line-height: 1; }
    .page-about02-tr02 .item .tit { color: #000; font-size: 0.2rem; font-weight: bold; line-height: 1; }
    .page-about02-tr02 .item .txt { margin-bottom: 0; color: #000; }

.page-about03 {  }
.page-about03 .img-h { padding-top: 145%; }

.page-about04 { background-color: #e1e1e6; }
.page-about04-list {  }
.page-about04-list .item { background-color: #fff; }
.page-about04-list .txt-box { padding: 0.12rem; }
.page-about04-list .tit { margin-bottom: 0; color: #404a3d; font-size: 0.18rem; text-align: center; }

.contact01 {  }
.contact01 ul { list-style: none; margin: 0; padding: 0; }
.contact01 ul li { position: relative; padding-left: 0.3rem; line-height: 2.5; }
.contact01 ul li + li { margin-top: 0.12rem; }
.contact01 ul li .ifa { position: absolute; left: 0; top: 0.06rem; color: var(--theme-color); font-size: 0.22rem; line-height: 1; }

.contact02 { background-color: #e5e6eb; }

.page-support01 { background-color: #fafafa; }
.page-support01-list .item { display: flex; flex-direction: column; align-items: center; padding: 0.3rem 0.3rem; border-radius: 0.08rem; border: 1px solid #e5e6eb; height: 100%; background-color: #fff; box-shadow: 0 0.05rem 0.05rem var(--box-shadow); transition:all .3s ease-out; }
.page-support01-list .ifa { color: var(--theme-color); font-size: 0.76rem; line-height: 1; }
.page-support01-list .tit { position: relative; margin-bottom: 0.2rem; padding: 0.2rem 0; color: #656669; text-align: center; }
.page-support01-list .tit:before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0.38rem; height: 4px; background-color: var(--theme-color); }
.page-support01-list .txt { margin-bottom: 0; color: #656669; }
.page-support01-list .item:hover {  padding: 0.3rem 0.3rem; border: 1px solid var(--theme-color); }

.page-support02 { background-color: var(--theme-color); }
.page-support02-text { max-width: 9.8rem; color: #fff; }
.page-support02 .item { border: 1px solid rgba(255,255,255,.3); transition:all .3s ease-out; }
.page-support02 .item:hover { border: 1px solid rgba(255,255,255,.7); }

.faq-list { border-top: 1px solid #e3e3e3; }
  .faq-list .item { padding: 0.18rem 0.12rem; border-bottom: 1px solid #e3e3e3; }
  .faq-list .item .txt01,
  .faq-list .item .txt02 { display: flex; position: relative;  padding: 0.06rem 0; color: #000; }
  .faq-list .item .txt01 { font-weight: bold; }
  .faq-list .item .txt01 .a1,
  .faq-list .item .txt02 .a1 { margin-right: 0.08rem; font-weight: bold; }
  .faq-list .item .txt01 .ifa { cursor: pointer; position: absolute; top: 0.05rem; right: 0.05rem; font-size: 0.22rem; transition:all .12s ease-out; }
  .faq-list .item .txt01 .ifa:hover { color: var(--theme-color); }
  .faq-list .item .a1 { margin-bottom: 0; }
  .faq-list .item .txt02 { display: none; }
  .faq-list .item.cur .txt02 { display: flex; }
  .faq-list .item.cur .ifa  { transform: rotate(180deg); }

@media screen and (max-width: 991px) {
  .faq-list .item { padding: 0.18rem 0;  }
}

.list-down2 { }
  .list-down2 th,
  .list-down2 td { color: #000; font-weight: normal; vertical-align: middle; text-align: center;}
  /*.list-down2 .tit { max-width: 6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }*/
  .list-down2 .item-a {display: inline-flex; justify-content: center; align-items: center; padding:0.02rem 0.2rem; width: 1.8rem; color: #fff; background-color: var(--theme-color); }
  .list-down2 .item-a .ifa { margin-right: 0.05rem; font-size: 0.2rem; line-height: 1; }
  .list-down2 .item-a:hover { background-color: #38383a; }

  @media screen and (max-width: 991px) {
    .list-down2 table, .list-down2 thead, .list-down2 tbody, .list-down2 th, .list-down2 td, .list-down2 tr { display: block; text-align:left; }
    .list-down2 tr + tr { margin-top: 0.16rem; padding-top: 0.16rem; border-top: 1px solid #ccc; }
    .list-down2 th { position: absolute; top: -9999px; left: -9999px; }
    .list-down2 td { border: none; position: relative; padding-left: 1.1rem; }
    .list-down2 td:before { position: absolute; left: 6px; content: attr(data-label); color: #999;  }
  }

.page-support04 { background-color: #d4d7dd; }
.page-support04-show .txtbox { position: absolute; left: 2%; bottom: 10%; z-index: 4; padding: 0.3rem 0.4rem; border-radius: 0.12rem; color: #fff; font-size: 0.2rem; background-color: #484848; }
.page-support04-show .txtbox p { margin-bottom: 0; }
.page-support04-show .txtbox .num { color: #ff9195; font-size: 0.4rem; }
.page-support04-show .dian { position: absolute; left: 77%; top: 33%; transform: translate(-50%,-50%); border-radius: 50%; width: 0.16rem; height: 0.16rem; background-color: var(--theme-color); }
.page-support04-show .dian:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; width: 0.56rem; height: 0.56rem; background-color: var(--theme-color); animation: page-support04-am 1s linear infinite; opacity: 1; }

@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
.page-support04-show .txtbox { padding: 0.2rem 0.3rem; font-size: 0.18rem; }
.page-support04-show .txtbox .num { font-size: 0.3rem; }

}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
.page-support04-show .txtbox { padding: 0.16rem 0.22rem; font-size: 0.16rem; }
.page-support04-show .txtbox .num { font-size: 0.26rem; }
}
@media screen and (max-width: 991px) {
.page-support04-show .dian {  transform: translate(-50%,-50%) scale(0.4); }
.page-support04-show .txtbox { position: static; margin-left: -0.16rem; margin-right: -0.16rem;  border-radius: 0; font-size: 0.18rem; }
.page-support04-show .txtbox > div { display: block; }
.page-support04-show .txtbox > div strong { display: block}
.page-support04-show .txtbox > div p { display: inline-block; padding-left: 0.12rem; }
.page-support04-show .txtbox .num { font-size: 0.3rem; }
  
}

.page-support05 { background-color: #f7f7f7; }


.page-new-v { background-color: #fcfcfc; }


.page-pro { background-color: #fafafa;  }

.pro-areax { display: flex; align-items: stretch; }
.pro-areax .pro-left { flex-grow: 0; flex-shrink: 0; margin-right: 0.25rem; padding: 0.18rem 0.2rem; width: 3.2rem; background-color: #fff; }

@media screen and (max-width: 991px) {
.pro-areax { flex-direction: column; }
}

  .pro-areax .pro-left .pro-left-tit { display: block; position: relative; color: #000; font-size: 0.2rem; }
  .pro-areax .pro-left .pro-left-tit.line { margin-bottom: 0.08rem; padding-bottom: 0.08rem; }
  .pro-areax .pro-left .pro-left-tit.line:before { content: ''; position: absolute; left: -0.2rem; bottom: 0; right: -0.2rem; height: 2px; background-color: #dbdbdb; }
  .pro-areax .pro-left .pro-left-tit.line:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0.9rem; height: 2px; background-color: var(--theme-color); }

  .pro-areax .pro-left .search-bar { width: 100%; }
  .pro-areax .pro-left .search-bar .text { border: 0; background-color: #f8f8f8; }
  .pro-areax .pro-left .search-bar .button { background: url(../images/m008.png) #f8f8f8 no-repeat 50% 50%; background-size: 50%; }

  .pro-left-pc { list-style: none; margin: 0; padding: 0; }
    .pro-left-pc > li { }
    .pro-left-pc > li > a { position: relative; display: block; padding: 0.08rem 0; color: #303030; font-size: 0.18rem;}
    .pro-left-pc > li > a:before { content: '\e62d'; position: absolute; right: 0; top: 50%; color: var(--theme-color); font-size: 0.26rem; font-family: "ifa" !important; transform: translateY(-50%); opacity: 0; transition:all .3s ease-out; }
    .pro-left-pc > li > a:after { content: ''; position: absolute; left: -0.2rem; right: -0.2rem; bottom: 0; border-bottom: 1px solid #d8d8d8; color: #303030; }
    .pro-left-pc > li > a:hover { color: var(--theme-color); }
    .pro-left-pc > li > a.cur { color: var(--theme-color); }
    .pro-left-pc > li > a.cur:before { opacity: 1; }

    .pro-left-pc .sub-ul { list-style: none; margin: 0; padding: 0; }
      .pro-left-pc .sub-ul > li { }
      .pro-left-pc .sub-ul > li:first-child { margin-top: 0.08rem; }
      .pro-left-pc .sub-ul > li:last-child { margin-bottom: 0.08rem; }
      .pro-left-pc .sub-ul > li > a { display: block; padding: 0.02rem 0; color: #000; }
      .pro-left-pc .sub-ul > li > a.cur { color: var(--theme-color); }
      .pro-left-pc .sub-ul > li > a:before { content: ''; }

    .pro-left-pc .sub-ul2 { list-style: none; margin: 0; padding: 0; }
      .pro-left-pc .sub-ul2 > li { }
      .pro-left-pc .sub-ul2 > li:first-child { margin-top: 0.04rem; }
      .pro-left-pc .sub-ul2 > li:last-child { margin-bottom: 0.04rem; }
      .pro-left-pc .sub-ul2 > li > a { display: block; padding: 0.02rem 0 0.02rem 0.1rem; color: #000; font-size: 0.17rem; }
      .pro-left-pc .sub-ul2 > li > a.cur { color: var(--theme-color); }
      .pro-left-pc .sub-ul2 > li > a:before { content: '-'; margin-right: 0.05rem; }

    .pro-left-messages .guestbook [type="tel"],
    .pro-left-messages .guestbook [type="email"],
    .pro-left-messages .guestbook [type="text"] { border: 0px #d5d5d5 solid; background-color: #f3f2f2; }
    .pro-left-messages .guestbook textarea { border: 0px #d5d5d5 solid; background-color: #f3f2f2; }
    .pro-left-messages .guestbook .submit-box p { position: relative; }
    .pro-left-messages .guestbook .submit-box .wpcf7-spinner { position: absolute; left: 110%; top: 50%; transform: translateY(-50%); }
    .pro-left-messages .wpcf7 form .wpcf7-response-output { margin: 0.8em 0 1em; }
    
    .pro-left-messages .guestbook .button { background-color: #38383a; }
    .pro-left-messages .guestbook .button:hover { background-color: var(--theme-color); }

.pro-areax .page-box { flex-grow: 1; flex-shrink: 1; }

.pro-gb { background-color: #fafafa; }
.products-recommended { background-color: #fafafa; }










.page-show-box { display: flex; align-items: stretch; }
  .page-left-box { flex-shrink: 0; position: relative; width: 2.6rem; }
    .left-nav { position: absolute; top: 0; left: 0; list-style: none; margin: 0; padding: 0; width: 2.6rem; }
    .left-nav li { cursor: pointer; list-style: none; padding-left: 0.16rem; font-size: 0.24rem; color: #353535; }
    .left-nav li + li { margin-top: 0.36rem; }
    .left-nav li:after { content: '\e666'; margin-left: 0.2rem; color: #d5d5d5; font-size: 0.2rem; font-family: "ifa" !important; opacity: 0; }
    .left-nav li:hover ,
    .left-nav li.cur { color: #0d7a3c; }
    .left-nav li.cur:after { opacity: 1; }
  .page-right-box { flex-grow: 0; padding-left: 0.3rem; padding-right: 0.3rem; border-left: 1px solid #f2f2f2; width: calc(100% - 2.6rem); min-height: 5.0rem; }
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .page-left-box { width: 1.5rem; }
    .left-nav { width: 1.5rem; }
    .left-nav li { padding-left: 0.08rem; font-size: 0.18rem; }
    .left-nav li + li { margin-top: 0.18rem; }
    .left-nav li:after { margin-left: 0.08rem; font-size: 0.16rem; }
  .page-right-box { padding-left: 0.16rem; padding-right: 0.16rem; width: calc(100% - 1.5rem);}
}
@media screen and (max-width: 767px) {
  .page-left-box { width: 0.9rem; }
    .left-nav { width: 0.9rem; }
    .left-nav li { padding-left: 0; font-size: 0.14rem; }
    .left-nav li + li { margin-top: 0.1rem; }
    .left-nav li:after { margin-left: 0.04rem; font-size: 0.12rem; }
  .page-right-box { padding-left: 0.16rem; padding-right: 0.16rem; width: calc(100% - 0.9rem);}
}









@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  
}

@keyframes page-about02-am {
  0% { width: 0.56rem; height: 0.56rem; opacity: .7; }
  50% { width: 0.76rem; height: 0.76rem; opacity: .3; }
  100% { width: 0.96rem; height: 0.96rem; opacity: 0; }
}

@keyframes page-support04-am {
  0% { width: 0.16rem; height: 0.16rem; opacity: .7; }
  50% { width: 0.26rem; height: 0.26rem; opacity: .3; }
  100% { width: 0.36rem; height: 0.36rem; opacity: 0; }
}