.col-title {  }
.col-title .tit-en { font-size: 0.36rem; font-family: "Microsoft Yahei Light"; line-height: 1; }
.col-title .tit { font-size: 36px; }
@media screen and (max-width: 991px) {
  .col-title .tit-en { font-size: 0.26rem; }
  .col-title .tit { font-size: 26px; }
}

.col-title2 {  }
.col-title2 .tit { position: relative; display: inline-block; padding-bottom: 0.14rem; font-size: 0.22rem; color: #284c86; }
.col-title2 .tit:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #8c8c8c; }
.col-title2 .txt01 { font-size: 0.45rem; color: #434343; font-weight: bold; }
.col-title2 .txt02 { font-size: 0.14rem; color: #8a8a8a; text-transform: uppercase; }

@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .col-title2 .txt01 { font-size: 0.35rem;  }
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .col-title2 .txt01 { font-size: 0.3rem;  }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .col-title2 .txt01 { font-size: 0.26rem;  }
}
@media screen and (max-width: 575px) {
  .col-title2 .txt01 { font-size: 0.26rem;  }
}

.col-title3 {  }
.col-title3 .tit { font-weight: bold; }
.col-title3 .txt { color: #666; }


.col-title4 {  }
.col-title4 .tit { font-size: 0.4rem; font-weight:bold; }
.col-title4 .txt { font-size: 0.26rem; color: #444; }
@media screen and (max-width: 991px) {
  .col-title4 .tit { font-size: 0.28rem; }
  .col-title4 .txt { font-size: 0.2rem; }
}


.page-about { padding-top: 1.2rem; background-color: #f4f4f4; }
.page-about01 { margin-bottom: -2.0rem; padding: 0.7rem 0.5rem; background-color: #fff; }
.page-about01-txt { line-height: 1.8; }

@media screen and (max-width: 991px) {
  .page-about { padding-top: 0.6rem; background-color: #f4f4f4; }
  .page-about01 { margin-bottom: 0.4rem; padding: 0.3rem 0.2rem; background-color: #fff; }
}



.page-contact { background: url(../images/e002.jpg) no-repeat 50% 0%; background-size: 100% auto; }
.contact01 { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.contact01 .item { padding: 0.2rem 0.4rem; border-top: 7px solid #284c86; height: 2.4rem; background-color: #fff; box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.1); }
.contact01 .item .tit { display: flex; justify-content: center; align-items: center; font-size: 0.22rem; text-align: center; white-space: nowrap; }
.contact01 .item .tit:before { content: ''; margin: 0 0.3rem; width: 0.45rem; height: 1px; background-color: #ebebeb; }
.contact01 .item .tit:after { content: ''; margin: 0 0.3rem; width: 0.45rem; height: 1px; background-color: #ebebeb; }
.contact01 .item .txt {  }
.contact02 { padding-bottom: 0.8rem; }

@media screen and (max-width: 991px) {
  .contact01 .item { height: auto; }
}


.page-news { background-color: #f6f6f6; }

.detail-share { padding: 0.3rem; background-color: #fff;  }
  .detail-share strong { display: block; margin-bottom: 0.16rem; color: #545454;  }
  .detail-share-show { display: flex; }
  .detail-share-show a { display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #999; width: 0.42rem; height: 0.42rem; color: #999; }
  .detail-share-show a + a { margin-left: 0.1rem; }
  .detail-share-show a .ifa { font-size: 0.24rem; }
  .detail-share-show a:hover { border: 1px solid #2154a7; background-color: #2154a7; }
  .detail-share-show a:hover .ifa { color: #fff; }

  .detail-share .a-more { display: block; padding: 0.08rem; width: 100%; color: #fff; text-align: center; background-color: var(--theme-color); }
  .detail-share .a-more:hover { background-color: #2154a7; }
@media screen and (max-width: 991px) {
  .detail-share { padding: 0.16rem; }
}



.page-pro { background-color: #f4f4f4; }
.pro-cp { padding: 0.2rem 0.1rem; height: 100%; background-color: #fff; }
.pro-cp .pro-cp-title { padding: 0.16rem; border-bottom: 1px solid #efefef; font-family: "Microsoft Yahei Light"; }
  .pro-cp .pro-cp-title .tit-sub { margin-bottom: 0; font-size: 0.2rem; color: #a1a1a1; }
  .pro-cp .pro-cp-title .tit { font-size: 0.3rem; }
.pro-cp .item { padding: 0.2rem; }
  .pro-cp .item + .item { border-top: 1px solid #efefef; }
  .pro-cp .item a { display: flex; align-items: center; color: #444; transition:all .3s ease-out; }
  .pro-cp .item a:before { content: '\e601'; margin-right: 0.12rem; font-family: "ifa" !important; }
  .pro-cp .item.cur a { font-weight: bold; color: #d62521; }
  .pro-cp .item a:hover {  padding-left: 10px; }

.list-pro-box {  }

.pro-contact { padding-top: 0.6rem; padding-bottom: 1rem; background-color: #eaeaea; }


@media ( min-width: 992px ){
.ind01 { padding-top: 1rem; padding-bottom: 1rem; background-color: #f4f4f4; }
  .ind01-bg { }
  .ind01-bg .img-h { padding-top: 6.5rem; }
  .ind01-show { position: relative; z-index: 20; margin-top: -4.5rem; }
    .ind01-show-pc { display: flex; justify-content: center; position: relative; }
      .ind01-show-pc:before ,
      .ind01-show-pc:after { content: ''; position: absolute; top: 50%; right: 92%; width: 10.0rem; height: 1px; background-color: #fff; }
      .ind01-show-pc:before { left: 92%; right: auto; }
      .ind01-show-pc .item { padding: 0.08rem 0.14rem; }
      .ind01-show-pc .item a { color: #fff; }
      .ind01-show-pc .item a:hover { color: #d6111f; }
    .ind01-show-plist { margin: 0 auto; width: 46%; }
    .ind01-show-plist .swiper { overflow: visible; }

    .ind01-show-plist .swiper-slide { display: flex; justify-content: flex-end; align-items: center; height: 100%; }
    .ind01-show-plist .swiper-slide.swiper-slide-next { justify-content: flex-start; }
    .ind01-show-plist .swiper-slide .item { overflow: hidden; position: relative; margin-top: 2.3rem; width: 60%; height: 2.5rem; background-color: #fff; transition:all .3s ease-out; }
    .ind01-show-plist .swiper-slide.swiper-slide-prev .item,
    .ind01-show-plist .swiper-slide.swiper-slide-next .item {  }

    .ind01-show-plist .txtbox01 { opacity: 0; }
      .ind01-show-plist .txtbox01 .tit { font-size: 0.28rem; color: #d62521; }
      .ind01-show-plist .txtbox01 .img-h { padding-top: 50%; }
      .ind01-show-plist .txtbox01 .img-h img { object-fit: contain; }
      .ind01-show-plist .txtbox01 .txt { color: #3b3b3b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
      .ind01-show-plist .txtbox01 .a-more { display: flex; align-items: center; color: #040000; }
      .ind01-show-plist .txtbox01 .a-more:before { content: '\e601'; margin-right: 0.08rem; font-size: 0.2rem; font-family: "ifa" !important; color: #040000; }
      .ind01-show-plist .txtbox01 .a-more:hover { color: #d6111f; }
      .ind01-show-plist .txtbox01 .a-more:hover:before { color: #d6111f; }

    .ind01-show-plist .txtbox02 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, #8fa7bd, #f4f4f4); opacity: 1; }
      .ind01-show-plist .txtbox02 .img-box2 { position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; }
      .ind01-show-plist .txtbox02 .tit { position: absolute; left: 0.2rem; bottom: 0.1rem; z-index: 250; color: #fff; font-size: 0.18rem; }


    .ind01-show-plist .swiper-slide.swiper-slide-active .item { margin-top: 0; padding: 0.3rem; width: 100%; height: 5.7rem; }
    .ind01-show-plist .swiper-slide.swiper-slide-active .item .txtbox01 { opacity: 1; }
    .ind01-show-plist .swiper-slide.swiper-slide-active .item .txtbox02 { opacity: 0; pointer-events: none; }

    .ind01-show-plist .ind01-show-plist-btns { display: none; }

}
@media screen and (max-width: 991px) {
.ind01 { padding-top: 0.6rem; background-color: #f4f4f4; }
  .ind01-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .ind01-bg .img-h { padding-top: 6.5rem; }
  .ind01-show { position: relative; z-index: 20; padding-top: 0.3rem; padding-bottom: 0.6rem;  }
    .ind01-show-pc { display: flex; flex-wrap: wrap; }
      .ind01-show-pc .item { padding: 0.03rem; }
      .ind01-show-pc .item a { display: inline-block; padding: 0.04rem 0.06rem; border-radius: 0.06rem; color: #fff; font-size: 0.15rem; background-color: rgba(255,255,255,.3); }
      .ind01-show-pc .item a:hover { color: #d6111f; }

    .ind01-show-plist {  }
    .ind01-show-plist .swiper { margin: 0 0.3rem; }

    .ind01-show-plist .swiper-slide { display: flex; justify-content: flex-end; align-items: center; height: 100%; }
    .ind01-show-plist .swiper-slide.swiper-slide-next { justify-content: flex-start; }
    .ind01-show-plist .swiper-slide .item { overflow: hidden; position: relative; padding: 0.2rem 0.12rem; width: 100%; height: 4.1rem; background-color: #fff; transition:all .3s ease-out; }
    .ind01-show-plist .swiper-slide.swiper-slide-prev .item,
    .ind01-show-plist .swiper-slide.swiper-slide-next .item {  }

    .ind01-show-plist .txtbox01 { }
      .ind01-show-plist .txtbox01 .tit { font-size: 0.18rem; color: #d62521; }
      .ind01-show-plist .txtbox01 .img-h {  }
      .ind01-show-plist .txtbox01 .img-h img { object-fit: contain; }
      .ind01-show-plist .txtbox01 .txt { color: #3b3b3b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
      .ind01-show-plist .txtbox01 .a-more { display: flex; align-items: center; color: #040000; }
      .ind01-show-plist .txtbox01 .a-more:before { content: '\e601'; margin-right: 0.08rem; font-size: 0.2rem; font-family: "ifa" !important; color: #040000; }
      .ind01-show-plist .txtbox01 .a-more:hover { color: #d6111f; }
      .ind01-show-plist .txtbox01 .a-more:hover:before { color: #d6111f; }
      .ind01-show-plist .txtbox02 { display: none; }

  .ind01-show-plist .swiper-btt-prev ,
  .ind01-show-plist .swiper-btt-next { position: absolute; right: 0; top: 50%; z-index: 40; transform: translateY(-50%); }
  .ind01-show-plist .swiper-btt-prev { left: 0; }
  .ind01-show-plist .swiper-btt-prev .ifa ,
  .ind01-show-plist .swiper-btt-next .ifa { font-size: 0.4rem; color: #fff; }

  .ind01-show-plist .swiper-btt-prev:hover .ifa ,
  .ind01-show-plist .swiper-btt-next:hover .ifa { color: #d6111f; }

}


.ind02 { position: relative; padding-top: 1rem; padding-bottom: 1.2rem; background-color: #f4f4f4; }
.ind02:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4.5rem; background: url(../images/e004.jpg) no-repeat 50% 50%; background-size: cover; }
.ind02 .container { position: relative; z-index: 20; }

.ind02-show { padding: 0.8rem 0.2rem; background-color: #fff; }
  .ind02-show .item { padding: 0.3rem 0.2rem; border-radius: 0.08rem; border: 1px solid #dedede; background-color: #fff; transition:all .3s ease-out; }
    .ind02-show .item .img { display: block; margin-bottom: 0.06rem; line-height: 1; }
    .ind02-show .item .img .ifa { font-size: 0.7rem; transition:all .3s ease-out; }
    .ind02-show .item .txtbox { display: flex; justify-content: space-between; align-items: center; }
    .ind02-show .item .txtbox .tit { margin-bottom: 0; font-size: 0.2rem; transition:all .3s ease-out; }
    .ind02-show .item .txtbox .ifa { font-size: 0.4rem; line-height: 1; transition:all .3s ease-out; }

  .ind02-show .item:hover { border: 1px solid #284c86; background-color: #284c86; }
    .ind02-show .item:hover .img .ifa { color: #fff; }
    .ind02-show .item:hover .txtbox .tit { color: #fff;  }
    .ind02-show .item:hover .txtbox .ifa { color: #d6111f;  }

@media screen and (max-width: 991px) {
  .ind02 { padding-top: 0.8rem; padding-bottom: 0.8rem; }
  .ind02-show { padding: 0.5rem 0.2rem; }
  .ind02-show .item { padding:0.16rem; }
  .ind02-show .item .txtbox .tit { font-size: 0.15rem; }
  .ind02-show .item .txtbox .ifa { margin-right: -0.2rem; }
}


.ind03 { position: relative; background-color: #f4f4f4; }
.ind03:before { content: ''; position: absolute; right: 0; top: 0; width: 55%; height: 100%; background: url(../images/e005.jpg) no-repeat 50% 50%; background-size: cover; }
.ind03 .col-bg { position: relative; margin-top: 1.1rem; }
.ind03 .col-bg:before { content: ''; position: absolute; right: 0; top: 0; z-index: 10; width: 10rem; height: 100%; background-color: #fff; }
.ind03-show { position: relative; z-index: 20; padding: 0.8rem 1rem 0.8rem 0.4rem; background-color: #fff; }
.ind03-show .txtbox { line-height: 1.8; }
.ind03-show .a-more { display: flex; align-items: center; color: #040000; }
.ind03-show .a-more:before { content: '\e601'; margin-right: 0.08rem; font-size: 0.2rem; font-family: "ifa" !important; color: #040000; }
.ind03-show .a-more:hover { color: #d6111f; }
.ind03-show .a-more:hover:before { color: #d6111f; }

@media screen and (max-width: 991px) {
  .ind03:before { display: none; }
  .ind03 .img-h { padding-top: 46%; }
  .ind03 .col-bg { margin-top: 0; }
  .ind03 .col-bg:before { display: none; }
  .ind03-show { padding: 0.3rem 0.2rem; }
}



.ind04 { padding-top: 0.8rem; padding-bottom: 1rem; background-color: #f4f4f4; }
.ind04-show { position: relative; }
  .ind04-show .swiper { margin: 0 0.4rem; }
  .ind04-show .item { padding: 0.16rem; background-color: #fff; }
  .ind04-show .item .txt-box {  }
  .ind04-show .item .tit { color: #3b3b3b; font-size: 0.2rem; }
  .ind04-show .item .txt { color: #3b3b3b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .ind04-show .item .a-more { display: flex; align-items: center; color: #3b3b3b; }
  .ind04-show .item .a-more:before { content: '\e601'; margin-right: 0.08rem; font-size: 0.2rem; font-family: "ifa" !important; color: #3b3b3b; }


  .ind04-show .item:hover { background-color: #254c8c; }
  .ind04-show .item:hover .tit { color: #fff; }
  .ind04-show .item:hover .txt { color: #fff; }
  .ind04-show .item:hover .a-more { color: #fff; }
  .ind04-show .item:hover .a-more:before { color: #fff; }

.ind04-show .swiper-btn-prev ,
.ind04-show .swiper-btn-next { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.ind04-show .swiper-btn-prev { left: 0; }
.ind04-show .swiper-btn-prev .ifa ,
.ind04-show .swiper-btn-next .ifa { font-size: 0.4rem; color: #aaa; }

.ind04-show .swiper-btn-prev:hover .ifa ,
.ind04-show .swiper-btn-next:hover .ifa { color: #d6111f; }

.ind05 { padding-top: 1.35rem; background: url(../images/e006.jpg) no-repeat 50% 0%; background-size: cover; }




.page-culture01 { overflow:hidden; padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #f4f4f4; }
.page-culture01 .item { position: relative; padding: 0.5rem; height: 4.5rem; background-color: #FFF; box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.1); transition:all .3s ease-out; }
.page-culture01 .item .tit { margin-top: 0.4rem; margin-bottom: 0.4rem; text-align: center; transition:all .3s ease-out; }
.page-culture01 .item .txt { line-height: 2.4; transition:all .3s ease-out; }
.page-culture01 .item .item-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0; transition:all .3s ease-out; }

.page-culture01 .cur .item { color: #fff; background-color: #1a3d91; }
.page-culture01 .cur .item .item-bg { opacity: 1; }
@media screen and (max-width: 991px) {
 .page-culture01 .item { padding: 0.2rem; border-top: 1px solid #ddd; height: 3.8rem; } 
}

.page-culture02 { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.page-culture02 .item { position: relative; }
.page-culture02 .item .txtbox { pointer-events: none; position: absolute; left: 0; top: 0; z-index: 10; padding: 0.7rem  0.5rem; }
.page-culture02 .item .tit { position: relative; display: inline-block; padding-top: 0.2rem; }
.page-culture02 .item .tit:before { content:''; position: absolute; left: 0; top: 0;  width: 100%; height: 2px; background-color: #1a3d91; }
.page-culture02 .item .txt { color: #6e6e6e; line-height: 2; }
.page-culture02 .item .item-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.page-culture02 .item1 .img-h { padding-top: 5.8rem; }
.page-culture02 .item2 { height: 48%; }
.page-culture02 .item2 + .item2 { margin-top: 3%; }
.page-culture02 .item2 .img-h { padding-top: 0%; height: 100%; }
@media screen and (max-width: 991px) {
 .page-culture02 .item1 .img-h { padding-top: 3.8rem; }
 .page-culture02 .item2 { height: 2.8rem; }
}

.page-rd01 { padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #f4f4f4; }
.page-rd01 .row { background-color: #fff; }
.page-rd01 .item { display: flex; flex-direction: column; justify-content: center; padding: 0.6rem; height: 100%; }
.page-rd01 .item .tit { font-weight: bold; }
.page-rd01 .item .txt { line-height: 2.2; color: #666; }
.page-rd01 .img-h { padding-top: 3.9rem;  }
@media screen and (max-width: 991px) {
  .page-rd01 .item { padding: 0.3rem 0.2rem; }
  .page-rd01 .img-h { padding-top: 2.4rem;  }
  .page-rd01 .col01 { order: 1; }
  .page-rd01 .col02 { order: 2; }
  .page-rd01 .col03 { order: 3; }
  .page-rd01 .col04 { order: 4; }
}


@media ( min-width: 992px ){
    .page-rd02 { padding-top: 0.8rem; }
    .page-rd02-tr { overflow: hidden; position: relative; height: 5.5rem; }
    .page-rd02-tr .container { display: flex; align-items: center; height: 100%; }
    .page-rd02-tr .txtbox { width: 50%; }
    .page-rd02-tr .txtbox .tit { font-weight: bold; }
    
    .page-rd02-tr.tr01 { background-color: #1e3e8a; }
    .page-rd02-tr.tr01 .item-bg { position: absolute; right: 0; top: 0; padding-top: 5.5rem; width: 45%; }
    .page-rd02-tr.tr01 .item-bg:before { content:''; position: absolute; left: 0; top: 0; z-index: 10; width: 1.8rem; height: 100%; background-image: linear-gradient(108deg, #1e3e8a 50%, rgba(255, 255, 255, 0) 10%); background-size: 100% 100%; background-repeat: no-repeat; }
    .page-rd02-tr.tr01 .txtbox { color: #fff; }
    
    
    .page-rd02-tr.tr02 { background-color: #fff; }
    .page-rd02-tr.tr02 .container { justify-content: flex-end; }
    .page-rd02-tr.tr02 .item-bg { position: absolute; left: 0; top: 0; padding-top: 5.5rem; width: 55%; }
    .page-rd02-tr.tr02 .item-bg:before { content:''; position: absolute; right: 0; top: 0; z-index: 10; width: 1.8rem; height: 100%; background-image: linear-gradient(288deg, #fff 50%, rgba(255, 255, 255, 0) 10%); background-size: 100% 100%; background-repeat: no-repeat; }
    .page-rd02-tr.tr02 .txtbox { width: 43%; }
}

@media screen and (max-width: 991px) {
    .page-rd02 { padding-top: 0.8rem; }
    .page-rd02-tr .item-bg { padding-top: 3rem; }
    .page-rd02-tr .txtbox { padding: 0.2rem; }
    .page-rd02-tr .txtbox .tit { font-weight: bold; }
}






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