.page-tit-box { display: flex; justify-content: space-between; align-items: center; }
  .page-tit { font-family: 'AvantGardeITCbyBTMedium'; }
    .page-tit .mtit { display: flex; align-items: center; margin-bottom: 0.12rem; font-size: 0.18rem; color: var(--theme-color); line-height: 1; }
    .page-tit .mtit:after { content: ''; display: inline-block; margin-left: 0.1rem; width: 1.0rem; height: 3px; background-color: var(--theme-color); }
    .page-tit .tit { margin-bottom: 0.16rem; font-size: 0.35rem; line-height: 1; }
    .page-tit .tit.f-m { font-size: 0.45rem; }
  .page-tit-box .a-more { display: flex; justify-content: center; align-items: center; padding: 0 0.2rem; border: 1px solid #ababab; border-radius: 0.05rem; height: 0.54rem; font-size: 0.16rem; font-weight: bold; color: #161616; transition:all .3s ease-out; }
  .page-tit-box .a-more .ifa { margin-left: 0.08rem; font-size: 0.24rem; font-weight: normal; color: #979797; transition:all .3s ease-out; }
  .page-tit-box .a-more:hover { border: 1px solid var(--theme-color); color: #fff; background-color: var(--theme-color); }
  .page-tit-box .a-more:hover .ifa { color: #fff; }
  .page-tit-box.page-tit-box-bline { border-bottom: 0.2rem solid #f5f5f5; }
  .page-tit-box.page-tit-box-color .tit { color: var(--theme-color); }
  .page-tit-box.page-tit-box-color2 .tit { color: #fff; }
  .page-tit-box.page-tit-box-center { justify-content: center; }

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  .page-tit .tit { font-size: 0.26rem; }
  .page-tit-box .a-more { padding: 0 0.12rem; height: 0.40rem; font-size: 0.16rem; }
  .page-tit .tit.f-m { font-size: 0.28rem; }
}


.col-bg { background-color: #f7f7f7; }
.col-bg2 { background-color: #dbdbdb; }

.more { display: flex; justify-content: center; align-items: center; margin-bottom: 0;padding: 0.06rem 0.1rem; border-radius: 0.04rem; width: 2.15rem; font-size: 0.2rem; color: #fff; background-color: #fa2819; transition:all .3s ease-out; }
.more .ifa { margin-left: 0.2rem; font-size: 0.2rem; }
.more:hover { color: #fff; }
.more.more-hover-bg:hover { background-color: #b7b7b7; }

.more.more-hover-bgfff:hover { color: var(--theme-color); background-color: #fff; }


.video-popup { position: relative; }
.video-popup:after { content: '\e604'; position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%,-50%); font-size: 1rem; color: var(--theme-color); font-family: "ifa" !important; }

.crumbs { display: flex; align-items: center; }
.crumbs .ifa { margin-right: 0.04rem; font-size: 0.2rem; }
.crumbs a { margin: 0 0.05rem; color: #000; }

.category-left { background-color: #f6f6f6; }
.category-left .title { position: relative; margin: 0 0.06rem 0.06rem; padding-top: 0.24rem; padding-bottom: 0.16rem; font-family: 'AvantGardeITCbyBTMedium'; color: #1a1a19; font-size: 0.24rem; }
.category-left .title:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 5; width: 1.15rem; height: 3px; background-color: #da251e; }
.category-left .title:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 3px; background-color: #e6e5e5; }
.category-left ul { list-style: none; margin: 0; padding: 0; }
.category-left > ul {  }
.category-left > ul > li { border-bottom: 2px solid #fff; }
.category-left > ul > li > a { display:flex; justify-content: space-between; padding: 0.12rem 0.1rem; color: #000; }
.category-left > ul > li > a .ifa { font-size: .24rem; line-height:1; }
.category-left > ul > li.cur > a { color: var(--theme-color); }
.category-left > ul > li > a:hover { color: var(--theme-color); }

.category-left > ul > li.item-has-sub.cur > a .ifa { transform:rotate(90deg); }

.category-left ul ul { display: none; }
.category-left ul ul { display: none; }
.category-left ul ul li { padding-bottom: 0.1rem; }
.category-left ul ul a { display: flex; align-items: center; padding: 0 0.1rem 0 0.2rem; color: #000; }
.category-left ul ul a .ifa { opacity: .4; }
.category-left ul ul a:hover { color: var(--theme-color); }

.category-left li.cur > ul { display: block; }

.products-left {  }
.products-left .title { position: relative; margin: 0.06rem 0.06rem 0.06rem; padding-top: 0.16rem; padding-bottom: 0.08rem; font-family: 'AvantGardeITCbyBTMedium'; color: #1a1a19; font-size: 0.24rem; }
.products-left ul { list-style: none; margin: 0; padding: 0;  }
  .products-left .item { padding: 0.1rem; background-color: #f6f6f6; }
    .products-left .item + .item { border-top: 2px solid #fff; }
    .products-left .item a { display: flex; color: #000; }
    .products-left .item .img-box { flex-shrink: 0; margin-right: 0.12rem; width: 40%; }
    .products-left .item .img-box .img-h { padding-top: 70%; }
    .products-left .item .txt-box { display: flex; flex-direction: column; justify-content: center; width: 60%; }
    .products-left .item .txt01 { margin-bottom: 0.06rem; font-weight: bold; }
    .products-left .item .txt02 { margin-bottom: 0; line-height: 1.2; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .products-left .item a:hover { color: var(--theme-color); }

.pind-item { overflow: hidden; position: relative; padding: 0.1rem; border: 1px solid #eeeded; /*box-shadow: 0 0 0.16rem rgba(116, 116, 116, 0.4);*/ transition:all .3s ease-out;  }
  .pind-item .img-box { position: relative; margin-bottom: 0.1rem; }
  .pind-item .txt-box { display: flex; align-items: center; padding: 0.06rem 0.18rem; width: 100%; height: 0.7rem; background-color: #f5f5f5; transition:all .3s ease-out; }
  .pind-item .txt-box .tit { position: relative; z-index: 10; margin-bottom: 0; color: #221d1d; font-weight: bold; line-height: 1.2; transition:all .3s ease-out; }
.pind-item:hover { border: 1px solid var(--theme-color); }
.pind-item:hover .txt-box { background-color: var(--theme-color); }
.pind-item:hover .txt-box .tit { color: #fff; }





.application-col-item { overflow: hidden; position: relative; border: 1px solid #efefef; }
.application-col-item .txt-box { padding: 0.2rem; transition:all .3s ease-out; }
.application-col-item .txt-box .tit { color: #201b17; font-weight: bold; transition:all .3s ease-out; }
.application-col-item .txt-box .txt { color: #201b17; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.application-col-item:hover .txt-box .tit { color: var(--theme-color); }

  
.about-box { color: #1a1a19; line-height: 2; }
.about-box h4 { margin: 0.3rem 0; font-size: 0.28rem; font-family: 'AvantGardeITCbyBTMedium'; }
.about-box-img { position: relative; }
.about-box-img:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }
.about-box-img2 img { box-shadow: 0 0 0.08rem rgba(116, 116, 116, 0.2); }
.about-box-v { position: relative; padding-top: 60%; }
.about-box-v iframe { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; }

.page-contact {  }
.page-contact-tit { font-weight: bold; font-family: 'AvantGardeITCbyBTMedium'; }
.page-contact3 { background: url(../images/page-contact3-bg.jpg) no-repeat 50% 50%; background-size: cover; }
.page-contact3 .item { display: flex; flex-direction: column; padding: 0.15rem; background-color: #f5f5f5; }
.page-contact3 .item .tit { margin-top: 0.16rem; margin-bottom: 0.06rem; color: #6e6e6e; font-size: 0.16rem; }
.page-contact3 .item:hover .tit { color: var(--theme-color); }

.page-about02 {  }
.page-about02 .item { position: relative; padding-top: 60%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.page-about02 .item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color); opacity: 0; transition:all .3s ease-out; }
.page-about02 .item.a1 { background-image: url(../images/page-about02-01.jpg); }
.page-about02 .item.a2 { background-image: url(../images/page-about02-02.jpg); }
.page-about02 .item .txtbox { display: flex; flex-direction: column; position: absolute; left: 1rem; bottom: 5%; z-index: 10; color: #fff; transition:all .3s ease-out; }
.page-about02 .item .ifa { margin-left: -0.08rem; font-size: 0.66rem; line-height: 1; }
.page-about02 .item strong { font-size: 0.3rem; font-family: 'Impact'; font-weight: normal; }
.page-about02 .item p { max-width: 5rem; height: 1.04rem; font-size: 0.16rem; line-height: 1.3; }

.page-about02 .item:hover:before { opacity: .87; }
.page-about02 .item:hover .txtbox { bottom: 25%; }
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .page-about02 .item { padding-top: 40%; }
  .page-about02 .item .txtbox { width: 80%; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .page-about02 .item { padding-top: 60%; }
  .page-about02 .item .txtbox { left: 10%; width: 80%; }
}
@media screen and (max-width: 575px) {
  .page-about02 .item { padding-top: 0; }
  .page-about02 .item .txtbox { position: static; padding: 0.6rem 0.2rem; }
  .page-about02 .item .ifa { font-size: 0.52rem; }
  .page-about02 .item strong { font-size: 0.26rem; }
  .page-about02 .item p { height: auto; }

}



.page-about03-list {  }
.page-about03-list .item { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.2rem; border-radius: 0.1rem; height: 100%; background-color: #f5f5f5; transition:all .3s ease-out; }
.page-about03-list .ifa { font-size: 0.7rem; transition:all .3s ease-out; }
.page-about03-list .txt { margin-bottom: 0; height: 0.675rem; text-align: center; }

.page-about03-list .col:nth-child(odd) .ifa { color: var(--theme-color); }
.page-about03-list .item:hover { margin-top: -0.06rem; }

.page-about05 { background: url(../images/page-about05-02.jpg) no-repeat 100% 50%; background-size: auto 100%; }
.page-about05-box { position: relative; padding-top: 1.0rem; padding-bottom: 1.0rem; padding-right: 0.7rem; width: 75%; }
.page-about05-box:before { content: ''; position: absolute; right: 0; top: 0; width: 300%; height: 100%; background-color: #f5f5f5; }
.page-about05-box .swiper { padding-bottom: 0.8rem; }
/*.page-about05-box .swiper-wrapper { align-items: stretch; }*/
.page-about05-box .item { position: relative; margin-top: 0.7rem; padding: 0.8rem 0.6rem 0.3rem; border-radius: 0.06rem; background-color: #fff; }
.page-about05-box .img-box { overflow: hidden; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); border: 1px solid var(--theme-color); border-radius: 50%; width: 1.15rem; height: 1.15rem; background-color: #fff; }
.page-about05-box .img-box img {  }
.page-about05-box .txt-box { position: relative; min-height: 2.3rem; }
.page-about05-box .txt-box .txt:before { content: ''; position: absolute; left: -0.28rem; width: 0.18rem; height: 0.16rem; background: url(../images/page-about05-03.jpg) no-repeat 100% 50%; background-size: cover; }

    .page-about05-box .swiper-pagination { }
      .page-about05-box .swiper-pagination .swiper-pagination-bullet { display: inline-block; margin: 0 0.05rem; border-radius: 50%; border: 1px solid #171717; width: 0.12rem; height: 0.12rem; background-color: #fff; }
      .page-about05-box .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid var(--theme-color); background-color: var(--theme-color); }
    .page-about05-btns { position: absolute; top: 1rem; right: 0.7rem; }
    .page-about05-btns .ifa { color: #fff; font-size: 0.2rem;  }
    .page-about05-btns .page-about05-prev { display: flex; justify-content: center; align-items: center; margin-bottom: 0.08rem; border-radius: 0.03rem; width: 0.4rem; height: 0.4rem; background-color: #1c1e21; }
    .page-about05-btns .page-about05-next { display: flex; justify-content: center; align-items: center; border-radius: 0.03rem; width: 0.4rem; height: 0.4rem; background-color: var(--theme-color); }

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .page-about05 { background: none; background-color: #f5f5f5; }
  .page-about05-box { padding-right: 0; width: 100%; }
  .page-about05-btns { right: 0; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .page-about05 { background: none; background-color: #f5f5f5; }
  .page-about05-box { padding-right: 0; width: 100%; }
  .page-about05-btns { right: 0; }
}
@media screen and (max-width: 575px) {
  .page-about05 { background: none; background-color: #f5f5f5; }
  .page-about05-box { padding-right: 0; width: 100%; }
  .page-about05-btns { right: 0; }
}



.page-about06 {  }
.page-about06 .item { height: 100%; }
.page-about06 .item.img-h { padding-top: 55%; }

.page-about07 {  }
.page-about07-box { position: relative; height: 6.6rem; background-color: #cacaca; }
.page-about07-box iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-about07-win { position: absolute; top: 50%; left: 75%; transform: translate(-50%,-50%); padding: 0.4rem 0.4rem 0.1rem; width: 4.5rem; background-color: #fff; }
  .page-about07-win .tit { font-size: 0.35rem; color: #d62521; line-height: 1; font-family: 'AvantGardeITCbyBTMedium'; }
  .page-about07-win .txt { color: #8c8c8c; }
  .page-about07-win [type="tel"], 
  .page-about07-win [type="email"], 
  .page-about07-win [type="text"] { height: 0.42rem; background-color: #e7e7e7; }
  .page-about07-win textarea { display: block; height: 0.8rem; background-color: #e7e7e7; }
  .page-about07-win [class*='col-'] { margin-bottom: 0.12rem; }
  .page-about07-win .button { width: 100%; }
  .page-about07-win .wpcf7-response-output { margin: -1em 0 1em !important; }

@media screen and (max-width: 991px) {
  .page-about07-box { height: auto; }
  .page-about07-box iframe { position: static; width: 100%; height: 4.0rem; }
  .page-about07-win { position: static; transform: translate(0%,0%); padding: 0.4rem 0.4rem 0.1rem; width: 100%; background-color: #fff; }
}


.page-service1 {  }
  .page-service1 .text { font-size: 0.2rem; }
  .page-service1-list {  }
  .page-service1-list .item { display: flex; flex-direction: column; align-items: center; padding: 0.3rem; border-radius: 0.1rem; background-color: #f5f5f5; transition:all .3s ease-out; }
    .page-service1-list .item .ifa { color: #232323; font-size: 0.7rem; line-height: 1; transition:all .3s ease-out; }
    .page-service1-list .item p { margin-top: 0.1rem; margin-bottom: 0; font-size: 0.2rem; transition:all .3s ease-out; }
  .page-service1-list .item:hover { background-color: var(--theme-color); }
  .page-service1-list .item:hover .ifa { color: #fff; }
  .page-service1-list .item:hover p { color: #fff; }

.service-list {  }
  .service-list .item { display: flex; padding: 0.3rem 0.08rem; border-radius: 0.1rem; border: 1px solid #efefef; }
  .service-list .item .ifa { margin-right: 0.1rem; margin-top: 0.3rem; font-size: 0.6rem; line-height: 1; }
  .service-list .item .txtbox { position: relative; padding-top: 0.2rem; height: 2.2rem; }
  .service-list .item .txtbox:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; max-width: 60%; width: 1.1rem; height: 3px; background-color: var(--theme-color); }
  .service-list .item .tit { font-size: 0.16rem; font-weight: bold; color: #656669; transition:all .3s ease-out; }
  .service-list .item .txt { margin-bottom: 0; color: #656669; }
  .service-list .item:hover .tit { color: var(--theme-color);  }
  .service-list .item:hover .ifa { color: var(--theme-color);  }
@media screen and (max-width: 767px) {
  .service-list .item .ifa { margin-top: 0.1rem; }
  .service-list .item .txtbox { height: auto; }
}


.list-news3 {  }
.list-news3 .item { display: flex; justify-content: space-between; padding: 0.2rem; background-color: #f6f6f6; transition:all .3s ease-out; }
.list-news3 .item + .item {  }
.list-news3 .img-box { overflow: hidden; position: relative; flex-grow: 0; flex-shrink: 0; margin-right: 0.2rem; width: 35%; }
.list-news3 .img-box .img-h { padding-top: 60%; }
.list-news3 .txt-box { position: relative; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 0; width: 65%; }
  .list-news3 .txt-box .tit { margin: 0; /*font-size: 0.24rem;*/ color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out; }
  .list-news3 .txt-box .txt { margin-bottom: 0; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;  }
  .list-news3 .txt-box .date { margin-bottom: 0; font-size: 0.15rem; color: #777; }

.list-news3 .item:hover { box-shadow: 0 0 0.12rem rgba(116, 116, 116, 0.3); }
  .list-news3 .item:hover .txt-box .tit { color: var(--theme-color); }
  /*.list-news3 .item:hover .txt-box .txt { color: #fff; }*/
  /*.list-news3 .item:hover .txt-box .date { color: #fff; }*/

@media ( max-width: 1199px ) and ( min-width: 992px ){

}
@media screen and (max-width: 991px) {
.list-news3 .item { padding: 0.1rem; }
.list-news3 .img-box { margin-right: 0.1rem; }
.list-news3 .txt-box .date { font-size: 0.13rem; }

}


.news-v { margin: 0 auto; padding: 0; }
  .news-v .news-v-head { margin-bottom: 0.2rem; padding: 0; text-align: center; }
    .news-v .news-v-head .news-v-state { display: flex; justify-content: center; align-items: center; color: #999; font-size: 0.14rem; }
    .news-v .news-v-head .news-v-state .ifa { margin-right: 0.06rem; }
    .news-v .news-v-head .title { margin-top: 0; font-family: 'AvantGardeITCbyBTMedium'; }
    .news-v .news-v-head .title a { color: #000; font-size: 0.3rem; }
  .news-v .news-v-body { min-height: .4rem; /*background-color: #fff;*//* box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);*/ }
  
.detail-prevnext { width: 100%; }
  .detail-prevnext .item { text-align: center; }
    .detail-prevnext strong { color: #1a1a19; font-weight: normal; }
    .detail-prevnext a { font-size: 0.15rem; color: #7d7d7d; }
    .detail-prevnext a:hover { color: var(--theme-color);  }
@media screen and (max-width: 575px) {
  .news-v .news-v-head .title a { font-size: 0.26rem; }
}


.faq-list { border-top: 1px solid #efefef; }
.faq-list .item { border-bottom: 1px solid #efefef; }
.faq-list .item-a { cursor: pointer; position: relative; margin-bottom: 0; padding: 0.2rem; font-size: 0.16rem; color: #57585a; }
  .faq-list .item-a .icon-box { position: absolute; top: 50%; right: 0.22rem; transform: translateY(-50%); }
  .faq-list .item-a .icon-box .ifa { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 0.3rem; transition:all .3s ease-out; }
.faq-list .item-b { display: none; margin-bottom: 0; padding: 0.2rem; border-top: 1px solid #efefef; color: #57585a; }
.faq-list .item.cur .item-a  {  color: var(--theme-color); }
.faq-list .item.cur .item-a .icon-box {  color: var(--theme-color); }
.faq-list .item.cur .item-a .icon-box .ifa { transform:translate(-50%,-50%) rotate(180deg); }
.faq-list .item.cur .item-b { display: block; }

.faq-list .item-a:hover { color: var(--theme-color); }
  .faq-list .item-a:hover .icon-box .ifa { color: var(--theme-color); }

/*产品*/
.product-imgs{ }
  .imgbox-large { position: relative; border: 1px solid #f0f0f0; }
    .imgbox-large .swiper-container{  }
    .imgbox-large .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; background-size: contain; }
      .imgbox-large .swiper-slide .img-h { padding-top: 75%; }
      .imgbox-large .swiper-slide .img-h img { object-fit: contain; }

  .imgbox-Small{ position: relative; margin-top: 0.05rem; padding: 0.1rem 0.3rem; }
      .imgbox-Small .swiper-container{  }
    .imgbox-Small .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; background-size: contain; }
      .imgbox-Small .swiper-slide{ cursor:pointer; }
      .imgbox-Small .arrow-left,
      .imgbox-Small .arrow-right{ position: absolute; right: 0; top: 50%; z-index: 10; display: flex; align-items: center; font-size: 0.4rem; color: #959595 ; transform: translateY(-50%); }
      .imgbox-Small .arrow-left { left: 0; right: auto; }
      .imgbox-Small .arrow-left .ifa,
      .imgbox-Small .arrow-right .ifa { font-size: 0.26rem; line-height: 1; }
      .imgbox-Small img{ padding: 1px; border: 1px solid #cecece; }
      .imgbox-Small .active-nav img{ padding: 0; border: 1px solid #2c653a ; }

.pro-v-basic { display: flex; flex-direction: column; justify-content: space-between; }
    .pro-v-basic .pro-tit { margin: 0 0 0.1rem; }
    .pro-v-basic .pro-tit a { color: #000; font-weight: bold; line-height: 1; font-family: 'Tahoma'; }
    .pro-v-basic .pro-txt { margin: 0; color: #656565; }

  .pro-v-basic .pro-top-btns { position: relative; z-index: 10; display: flex; margin-left: -0.08rem; }
    .pro-v-basic .go-btn { display: flex; justify-content: center; align-items: center; margin-left: 0.08rem; border-radius: 0.05rem; border: 1px solid var(--theme-color); color: #fff; background: var(--theme-color); transition:all .3s ease-out; }
    .pro-v-basic .go-btn + .go-btn { margin-left: 0.2rem; }
    .pro-v-basic .go-btn .ifa { font-size: 0.3rem; }
    .pro-v-basic .go-btn.go-inquiry { flex-grow: 1; padding-left: 0.16rem; padding-right: 0.16rem; font-size: 0.18rem; font-weight: bold; }
    .pro-v-basic ul { display: flex; list-style: none; margin: 0; padding: 0; }
    .pro-v-basic ul .go-btn { width: 0.6rem; height: 0.6rem; }
    .pro-v-basic .go-btn:hover { border: 1px solid var(--theme-color); color: var(--theme-color); background-color: #fff; }

    .pro-share { display: flex; flex-direction: column; align-items: flex-start; }
    .pro-share .pro-share-tit { color: #000; font-size: 0.18rem; font-weight: bold; font-family: 'Tahoma'; }
    .pro-share p { margin-bottom: 0; color: #656565; font-size: 0.16rem; }
    .pro-share a:hover p { color: var(--theme-color); }

.pro-v-body { }
  .pro-v-body .pro-v-body-t { display: flex; list-style: none; margin: 0; padding: 0; border-bottom: 0.2rem solid #f5f5f5; }
  .pro-v-body .pro-v-body-t li { padding: 0.12rem 0.06rem 0.1rem; font-size: 0.24rem; font-family: 'AvantGardeITCbyBTMedium'; }
  .pro-v-body .pro-v-body-t li + li { margin-left: 0.1rem; }
  .pro-v-body .pro-v-body-t.bg { border-bottom: 0.08rem solid #f5f5f5; }
  .pro-v-body .pro-v-body-t.bg li { cursor: pointer; padding: 0.12rem 0.16rem 0.1rem; font-size: 0.2rem;  background-color: #f5f5f5; }
  .pro-v-body .pro-v-body-t.bg li:hover { color: #fff; background-color: var(--theme-color); }
  .pro-v-body .pro-v-body-b { position: relative; }

  .pro-v-gallery .pro-v-body-b { padding-left: 0.4rem; padding-right: 0.4rem; }
  .pro-v-gallery-prev,
  .pro-v-gallery-next { cursor: pointer; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
  .pro-v-gallery-next { left: auto; right: 0; }
  .pro-v-gallery-prev .ifa,
  .pro-v-gallery-next .ifa { font-size: 0.4rem; }
  .pro-v-gallery-prev:hover .ifa,
  .pro-v-gallery-next:hover .ifa { color: var(--theme-color);}
  .pro-v-gallery-prev.swiper-button-disabled,
  .pro-v-gallery-next.swiper-button-disabled { opacity: .12; }

@media screen and (max-width: 1199px) {
/*  .pro-v-basic { padding: 0.3rem 0.3rem; }
  .pro-v-basic:before { left: 50%; width: 300%; transform: translateX(-50%); }
  .pro-v-basic .pro-tit { font-weight: bold; text-align: center; }
  .pro-v-basic .pro-top-btns { justify-content: center; }*/
}


.pro-v-video {  }
  .pro-v-video .item { position: relative; background-color: #ccc; }
  .pro-v-video .item iframe { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; }



.ind01 {  }
.ind01 .item { display: flex; justify-content: flex-end; align-items: center; position: relative; padding: 0; border-radius: 0.04rem; height: 3.25rem; background-color: #b7b7b7; }
.ind01 .item .img-box { width: 2.6rem; }
.ind01 .item .txt-box { position: absolute; bottom: 50%; left: 0.3rem; color: #fff; transform: translateY(50%); }
.ind01 .item .txt-box .tit { margin-bottom: 0.3rem; width: 2.85rem; min-height: 0.82rem; font-size: 0.34rem; font-family: 'AvantGardeITCbyBTMedium'; }
/*.ind01 .item .txt-box .more { display: flex; justify-content: center; align-items: center; margin-bottom: 0;padding: 0.06rem 0.1rem; border-radius: 0.04rem; width: 2.15rem; font-size: 0.2rem; background-color: #fa2819; }
.ind01 .item .txt-box .more .ifa { margin-left: 0.2rem; font-size: 0.2rem; }*/
.ind01 .col:nth-child(3n+2) .item { background-color: var(--theme-color); }
.ind01 .col:nth-child(3n+2) .item .more { border: 1px solid rgba(255,255,255,.7); }
.ind01 .col:nth-child(3n+3) .item { background-color: #111; }

@media screen and (max-width: 991px) {
  .ind01 .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: auto; }
  .ind01 .item .img-box { max-width: 55%; }
  .ind01 .item .txt-box { position: static; transform: translateY(0%); width: 100%; padding: 0.12rem; }
  .ind01 .item .txt-box .tit { margin-bottom: 0.12rem; width: 100%; min-height: auto; font-size: 0.24rem; text-align: center; }
  .ind01 .item .txt-box .more { width: 100%; }
}


.ind02 {  }
  .ind02 .ind02-about-box-img .item { display: flex; flex-direction: column; justify-content: center; align-items: center;  }
  .ind02 .ind02-about-box-img .ifa { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.83rem; height: 0.83rem; font-size: 0.6rem; background-color: #e7e7e7; transition:all .3s ease-out; }
  .ind02 .ind02-about-box-img .col:nth-child(odd) .ifa { color: var(--theme-color); }
  .ind02 .ind02-about-box-img p { margin-top: 0.1rem; text-align: center; line-height: 1; }

  .ind02 .ind02-about-box-img .item:hover .ifa { color: #fff; background-color: var(--theme-color); }


.ind03 { position: relative; background: url(../images/ind03-bg.jpg) no-repeat 50% 50%; background-size: cover; }
.ind03-txtbox { display: flex; flex-direction: column; justify-content: center; padding: 1rem 0.3rem; height: 100%; color: #4b4b4b; font-size: 0.18rem; }
  .ind03-txt {  }
  .ind03-txt .item { position: relative; padding: 0.2rem 0.1rem; font-size: 0.2rem; }
  .ind03-txt .item:before { content: ''; position: absolute; bottom: 0; left: 0; z-index: 5; width: 7%; height: 5px; background-color: var(--theme-color); transition:all .3s ease-out; }
  .ind03-txt .item:after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 5px; background-color: #dadada; }
  .ind03-txt .item:hover:before { width: 100%; }
.ind03-box-img { position: absolute; left: 0; top: 0; width: 41.66666667%; height: 100%; }
  .ind03-box-img img { position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover;width: 100%;height: 100%; }


@media screen and (max-width: 767px) {
.ind03-box-img { position: relative; padding-top: 40%; width: 100%; height: 100%; }
.ind03-txtbox { padding: 0.5rem 0.2rem; }
  
}




.ind04 {  }
.ind04 .more-box { display: flex; justify-content: center; }

.ind05 { background-color: #e9e9e9; }
.ind05-box {  }
  .ind05-box .item { overflow: hidden; display: block; border: 1px solid #d9d9d9; border-radius: 0.1rem; }
  .ind05-box .item .img-h { padding-top: 50%; }

.ind07 {  }
  .ind07-box {  }
  .ind07-box .item {  }
  .ind07-box .item .img-box { position: relative; border-radius: 0.06rem 0.06rem 0 0; background-color: #f5f5f5; }
  .ind07-box .item .img-box .pc { position: absolute; left: 0.16rem; bottom: 0.12rem; padding: 0.03rem 0.08rem; border-radius: 0.04rem; color: #fff; font-size: 0.14rem; background-color: #1c1e21; transition:all .3s ease-out; }
  .ind07-box .item .txt-box { padding: 0.16rem; border-radius: 0 0 0.06rem 0.06rem; background-color: #f5f5f5; }
  .ind07-box .item .tit { color: #1f1f1f; font-size: 0.18rem; transition:all .3s ease-out; }
  .ind07-box .item .txt { margin-bottom: 0; color: #6b6b6b; min-height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
  .ind07-box .item .txt-box2 { display: flex; justify-content: space-between; align-items: center; border-radius: 0.06rem; background-color: #f5f5f5; }
    .ind07-box .item .date { display: flex; align-items: center; margin-bottom: 0; color: #6b6b6b; font-size: 0.14rem; }
      .ind07-box .item .date .ifa { margin-left: 0.16rem; margin-right: 0.06rem; color: var(--theme-color); font-size: 0.2rem; line-height: 1; }
    .ind07-box .item .date-icon { position: relative; padding: 0.1rem; border-radius: 0.06rem; width: 0.6rem; height: 0.6rem; background-color: #1c1e21; transition:all .3s ease-out; }
      .ind07-box .item .date-icon .ifa { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); font-size: 0.36rem; color: #fff; line-height: 1; }

  .ind07-box .item:hover .img-box .pc { background-color: var(--theme-color); }
  .ind07-box .item:hover .tit { color: var(--theme-color); }
  .ind07-box .item:hover .date-icon { background-color: var(--theme-color); }
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  .ind07-box .item .date-icon { width: 0.46rem; height: 0.46rem; }
    .ind07-box .item .date-icon .ifa {  font-size: 0.3rem; }
  
}



@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) {
  
}