/*.page-tit-box2 {  }
  .page-tit-box2 .page-tit { position: relative; display: inline-block; margin-top: 0; margin-bottom: 0.12rem; color: #434343; }
  .page-tit-box2.text-center .page-tit:before { left: 50%; width: 1rem; transform: translateX(-50%); }
.page-tit-box2.tit-color .page-tit { color: #000; }

.page-tit-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; }
  .page-tit { position: relative; }
    .page-tit .title { position: relative; display: inline-block; color: #0b6e3d; font-weight: bold; line-height: 1; }
    .page-tit .title.style2 { color: #000; font-weight: normal; }
      .page-tit .title:before { content: ''; position: absolute; bottom: -0.15rem; left: 0; width: 100%; height: 3px; background-color: var(--theme-color); }
      .page-tit .title:after { content: ''; position: absolute; bottom: 0.03rem; left: 100%; margin-left: 0.25rem; width: 0.25rem; height: 50%; background: url(../images/010.png) no-repeat 50% 50%; background-size: cover; }
    .page-tit .txt { margin: 0 auto; padding-top: 0.2rem; max-width: 9.0rem; color: #0d7a3c; font-size: 0.16rem; }
@media screen and (max-width: 991px) {
  .page-tit-box { margin-bottom: 0.4rem; }
}*/

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


.pind-item { overflow: hidden; position: relative; border-radius: 0.2rem; box-shadow: 0 0 0.16rem rgba(116, 116, 116, 0.4); }
  .pind-item .img-box { position: relative; margin-bottom: 1.2rem; }
  .pind-item .img-box:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1rem; background-image: linear-gradient( rgba(255,255,255,.0), rgba(255,255,255,1)); opacity: 0; }
  .pind-item .txt-box { position: absolute; bottom: 0%; width: 100%; margin-top: -120px; padding: 0.3rem; text-align: center; transition:all .2s ease-out; }
  .pind-item .txt-box:before { content: ''; position: absolute; top: 0; left: 0; clip-path: polygon(0 0, 50% 0.7rem, 100% 0, 100% 100%, 0 100%); width: 100%; height: 100%; background-color: rgba(10,92,176,.8); opacity: 0; transition:all .2s ease-out; }
  .pind-item .txt-box h3 { position: relative; z-index: 10; color: #113c6c; transition:all .2s ease-out; }
  .pind-item .txt-box p { display: none; position: relative; z-index: 10; color: #fff; transition:all .2s ease-out; }
  .pind-item .txt-box span { position: relative; z-index: 10; color: #818181; font-size: 0.13rem; transition:all .2s ease-out; }

  .pind-item:hover .img-box:before { opacity: 1; }
  .pind-item:hover .txt-box { padding-top: 1.0rem; min-height: 3.0rem; }
    .pind-item:hover .txt-box:before { opacity: 1; }
    .pind-item:hover .txt-box h3 { color: #fff; }
    .pind-item:hover .txt-box p { display: block; }
    .pind-item:hover .txt-box span { color: #fff; }



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

}

.related-news-swiper {  margin: 0 auto; padding-bottom: 0.6rem; }
  .related-news-swiper .item { display: flex; flex-direction: column; background-color: #fff; }
  .related-news-swiper .img-box,
  .related-news-swiper .txt-box { position: relative; background-color: #fff; transition:all .3s ease-out;  }
  .related-news-swiper .txt-box:before { content: ''; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 0.5rem; height: 0.5rem; background: no-repeat 50% 50%; background-size: cover; }
  .related-news-swiper .txt-box { padding: 0.2rem 0.2rem; }
  .related-news-swiper .txt-box .tit { margin-bottom: 0.1rem; color: #000; }
  .related-news-swiper .txt-box .txt { margin-bottom: 0.1rem; min-height: 0.675rem; color: #666; font-size: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .related-news-swiper .txt-box .date { margin-bottom: 0.1rem; color: #808080; font-size: 0.15rem; }

  .related-news-swiper .swiper-slide:hover .txt-box { background-color: #0553a1; }
  .related-news-swiper .swiper-slide:hover .txt-box .tit { color: #fff; }
  .related-news-swiper .swiper-slide:hover .txt-box .txt { color: #fff; }
  .related-news-swiper .swiper-slide:hover .txt-box .date { color: #fff; }


.related-news-swiper .swiper-scrollbar { left: 4%; right: 4%; bottom: 0.2rem !important; width: auto !important; height: 2px !important; background-color: #b7b8b9; }
.related-news-swiper .swiper-scrollbar-drag { background-color: #ef7a00; }
.related-news-swiper .swiper-btn-next,
.related-news-swiper .swiper-btn-prev { position: absolute; bottom: 0%; right: 0.1rem; width: 0.3rem; }
.related-news-swiper .swiper-btn-prev { left: 0.1rem; }
.related-news-swiper .swiper-btn-next .ifa,
.related-news-swiper .swiper-btn-prev .ifa { font-size: 0.34rem; color: #aeafb0; line-height: 1; }
@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .related-news-swiper .txt-box { padding: 0.3rem 0.3rem; }
  .related-news-swiper .txt-box .tit { margin-bottom: 0.12rem; }
  .related-news-swiper .txt-box .txt { margin-bottom: 0.12rem; }
  .related-news-swiper .txt-box:before { right: 0.2rem; bottom: 0.2rem; width: 0.4rem; height: 0.4rem; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .related-news-swiper .txt-box { padding: 0.3rem 0.3rem; }
  .related-news-swiper .txt-box .tit { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box .txt { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box:before { right: 0.15rem; bottom: 0.15rem; width: 0.3rem; height: 0.3rem; }
}
@media ( max-width: 991px ) and ( min-width: 576px ){
   /*md*//*sm*/
  .related-news-swiper .item { flex-direction: column; }
  .related-news-swiper .img-box,
  .related-news-swiper .txt-box { width: 100%; }
  .related-news-swiper .txt-box { padding: 0.3rem 0.3rem; }
  .related-news-swiper .txt-box .tit { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box .txt { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box:before { right: 0.15rem; bottom: 0.15rem; width: 0.3rem; height: 0.3rem; }
  .related-news-swiper .swiper-scrollbar { left: 0.4rem; right: 0.4rem; width: auto !important; }
}
@media screen and (max-width: 575px) {
  .related-news-swiper { width: 90%; }
  .related-news-swiper .item { flex-direction: column; }
  .related-news-swiper .img-box,
  .related-news-swiper .txt-box { width: 100%; }
  .related-news-swiper .txt-box { padding: 0.2rem 0.2rem; }
  .related-news-swiper .txt-box .tit { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box .txt { margin-bottom: 0.06rem; }
  .related-news-swiper .txt-box:before { right: 0.15rem; bottom: 0.15rem; width: 0.3rem; height: 0.3rem; }

  .related-news-swiper .swiper-scrollbar { left: 0.4rem; right: 0.4rem; width: auto !important; }
  .related-news-swiper .swiper-btn-next,
  .related-news-swiper .swiper-btn-prev { margin-right: 0%; }
  .related-news-swiper .swiper-btn-next { margin-right: 0%; margin-left: 0%; }
  
}



.page-contact {  }
.page-contact .contact01 { position: relative; }
      .page-contact .contact01 .tit { font-weight: bold; color: #ef7a00; }
      .page-contact .contact01 .txt { font-size: 0.17rem; color: #000; }
      .page-contact .contact01 ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0; padding: 0; font-size: 0.17rem; color: #000; }
      .page-contact .contact01 ul li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.36rem; padding: 0.2rem; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 45%; font-size: 0.18rem; }
      .page-contact .contact01 ul li span { margin-right: 0.2rem; font-size: 0.2rem; }
      .page-contact .contact01 ul li span .ifa { margin-right: 0.1rem; font-size: 0.32rem; }

@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
}
@media screen and (max-width: 1199px) {
  .page-contact .contact01 ul li { width: 100%; }

}



.col-title {  }
  .col-title .tit-en { display: flex; align-items: center; margin-bottom: 0; font-size: 0.16rem; color: #ef7a00; text-transform: uppercase; }
  .col-title .tit-en:after { content: ''; display: inline-block; margin-left: 0.1rem; width: 0.4rem; height: 0.04rem; background-color: #ef7a00; }
  .col-title .tit { color: #000; }
  .col-title .tit.white { color: #000; }
  .col-title.t-center { text-align: center; }
  .col-title.t-center .tit-en { justify-content: center; }
  .col-title.t-center .tit-en:after { display: none; }


.page-about {  }
  .page-about01 { padding-top: 0.9rem; padding-bottom: 0.9rem; background: url(../images/about01-bg.jpg) #e8e8e8 no-repeat 50% 50%; background-size: cover; }
    .page-about01-txt { font-size: 0.17rem; color: #666; line-height: 2.6; }
    .page-about01-mun { margin-top: 0.3rem; }
    .page-about01-mun .col { position: relative; text-align: center; }
    .page-about01-mun .col + .col:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 1.0rem; background-color: #dee0e1; transform: translateY(-50%); }
    .page-about01-mun .col p { line-height: 1; color:#666; }
    .page-about01-mun .col span { font-size: 0.58rem; color: #000; font-weight:bold; }
    .page-about01-mun .col em { margin-left: 0.1rem; font-style: normal; font-size: 0.2rem; }
    .page-about01-mun .col:hover span { color: #ef7a00; }
    .page-about01-mun .col:hover em { color: #ef7a00; }

  .page-about02 { padding-top: 0.7rem; padding-bottom: 0.7rem; background: #fff; }


    .page-yewu { display: flex; position: relative; list-style: none; margin: 0 auto; padding: 0; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
      .page-yewu .swiper { width: 100%; }
      .page-yewu .swiper-slide { display: flex; align-items: stretch; height: 6.7rem; background-color: #fff; }
      .page-yewu-show { display: flex; flex-direction: column; justify-content: center; padding: 0.5rem 0.3rem; width: 30%; }
      .page-yewu-show .tit { margin-bottom: 0.2rem; font-size: 0.4rem; }
      .page-yewu-show .txt { margin-bottom: 0.8rem; font-size: 0.15rem; color:#666; }
      .page-yewu-show .more { display: flex; justify-content: center; align-items: center; border-radius: 0.2rem 0; width: 1.2rem; height: 0.45rem; color: #fff; background-color: #008c3f; transition:all .3s ease-out; }
      .page-yewu-show .more:hover { background-color: #125e23; }
      .page-yewu-img { width: 70%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

      .page-yewu-list { position: absolute; top: 0; bottom: 0; right: 0; z-index: 50; display: flex; width: 70%; }
        .page-yewu-list .col { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; }
        .page-yewu-list .col + .col { border-left: 1px solid rgba(255,255,255,.3); }
        .page-yewu-list .col strong { padding: 0 0.1rem; text-align: center; font-weight: normal; font-size: 0.28rem; height: 0.4rem; }
      
    .page-yewu-list .col .deco { display: block; width: .6rem; height: .6rem; opacity: 1; transition: .1s; transform: translateZ(0); margin: 0 auto; margin-bottom: 0.2rem; }
      .page-yewu-list .col .deco:before { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75); transition: .4s; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 100%; height: .4rem; width: .4rem; }
      .page-yewu-list .col .deco i,
      .page-yewu-list .col .deco em { background: hsla(0, 0%, 100%, .8); border: 1px solid #fff; border-radius: 100%; height: .22rem; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.5); transition: .4s; width: .22rem; }
      .page-yewu-list .col .deco:after { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75); transition: .4s; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 100%; height: .6rem; width: .6rem; }
      .page-yewu-list .col:hover .deco:before { animation: scalepulse 1.3s linear .3s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); }
      .page-yewu-list .col:hover .deco i,
      .page-yewu-list .col:hover .deco em { background: #fff; animation: scalepulse 1.3s linear 0s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); }
      .page-yewu-list .col:hover .deco:after { animation: scalepulse 1.3s linear .15s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); }
      .page-yewu-list .col:hover .mc_b2s1li_title { font-weight: bold; font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; }
    @keyframes scalepulse {
        20% {
            -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
            transform: translate3d(-50%, -50%, 0) scale(1.15);
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease
        }
        50% {
            -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease
        }
    }
    .page-yewu2 { margin-top: 0.7rem; padding: 0.3rem 0; background-color: #f7f7fa; }
    .page-yewu2 .container { display: flex; justify-content: space-around; }
    .page-yewu2 .container .item { display: flex; flex-direction: column; justify-content: center;  align-items: center; }
    .page-yewu2 .container .item:hover { margin-top: -0.1rem; transition:all .3s ease-out; }
    .page-yewu2 .container .item .ifa { font-size: 0.8rem; color: #0b326b; }
    .page-yewu2 .container .item strong { display: block; font-size: 0.2rem; }
    .page-yewu2 .container .item p { font-size: 0.14rem; }
    @media screen and (max-width: 991px) {
      .page-yewu .swiper-slide { flex-direction: column; }
      .page-yewu-show { padding: 0.3rem; width: 100%; height: 2.7rem; }
      .page-yewu-img { width: 100%; height: 4.5rem; }
      .page-yewu-list { position: absolute; top: 2.7rem; bottom: 0; right: 0; z-index: 50; display: flex; width: 100%; }

      .page-yewu .swiper-slide { height: 7.5rem; }
      .page-yewu-show { height: 3.3rem; min-height: 3.3rem; }
      .page-yewu-show .txt { margin-bottom: 0.4rem; }
      .page-yewu-list { top: 3.3rem; }
      .page-yewu-list .col { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; color: #fff; }
      .page-yewu-list .col + .col { border-top: 1px solid rgba(255,255,255,.3); }
      .page-yewu-list .col .deco { margin: 0; }
      .page-yewu-list .col strong { height: auto; }

      .page-yewu2 .container { flex-direction: column; }

    }
  .page-about03 { padding-top: 0.7rem; padding-bottom: 0.7rem; background-color: #f7f9fb; }
    
    .page-about03 .page-about03-titbox { display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; }
      .page-about03 .page-about03-btns { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
      .page-about03 .page-about03-btns li + li { margin-left: 0.08rem; }
      .page-about03 .page-about03-btns a { display: block; padding: 0.05rem 0.26rem; color: #000; background-color: #e8e8e8; }
      /*.page-about03 .page-about03-btns a.cur { color: #fff; background-color: #ef7a00; }*/
      .page-about03 .page-about03-btns a:hover { color: #fff; background-color: #ef7a00; }



    .workshop-img { margin: 0 0.2rem; }
    .workshop-img .txt-box { display: none; }
  .page-about03 .btn-prev-next { display: flex; justify-content: space-between; position: relative; }
  .page-about03 .btn-prev-next:before { content: ''; position: absolute; top: 50%; left: 0.45rem; right: 0.45rem; transform: translateY(-50%); height: 2px; background-color: #2c69c1; }
    .page-about03 .btn-prev-next .ifa { font-size: 0.28rem; color: #aeaeae; }

  .page-about04 { padding-top: 0.9rem; padding-bottom: 0.9rem; background: url(../images/about04-bg.jpg) #e8e8e8 no-repeat 50% 50%; background-size: cover; }
    .page-about04 { }
    .page-about04 {  }
    .page-about04 .honor-img { padding: 0.8rem 0; }
    .page-about04 .honor-img .img-h { padding-top: 145%; }
    .page-about04  .swiper-slide { transition: transform .6s; box-shadow: 0 0.08rem 0.3rem #ddd; opacity: 0; }
    .page-about04  .swiper-slide.swiper-slide-visible { transform: scale(.7) translateX(40%); z-index: 1; opacity: 1; }
    .page-about04  .swiper-slide.swiper-slide-prev,
    .page-about04  .swiper-slide.swiper-slide-next { transform: scale(1.1); z-index: 5; }
    .page-about04  .swiper-slide.swiper-slide-active { transform: scale(1.4); z-index: 10; }
    .page-about04  .swiper-slide.swiper-slide-next + .swiper-slide-visible { transform: scale(.7) translateX(-40%); z-index: 1; }

    .page-about04 .s-btn-prev { position: absolute; top: 50%; left: 0.2rem; width: 0.45rem; height: 0.45rem; line-height: 1; transform: translateY(-50%); }
    .page-about04 .s-btn-next { position: absolute; top: 50%; right: 0.2rem; width: 0.45rem; height: 0.45rem; line-height: 1; transform: translateY(-50%); }
    .page-about04 .s-btn-prev .ifa,
    .page-about04 .s-btn-next .ifa { font-size: 0.5rem; }

@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .page-about04  .swiper-slide.swiper-slide-prev,
  .page-about04  .swiper-slide.swiper-slide-next { transform: scale(0.7) translateX(50%); }
  .page-about04  .swiper-slide.swiper-slide-next { transform: scale(0.7) translateX(-50%); }
  .page-about04  .swiper-slide.swiper-slide-active { transform: scale(1.1); }

}
@media screen and (max-width: 991px) {
  .page-about01-mun .col span { font-size: 0.42rem; }

  .page-about04 .honor-img { padding: 0; }
  .page-about04  .swiper-slide.swiper-slide-active { transform: scale(1); }
  .page-about04  .swiper-slide .item { padding: 0 0.4rem; }

  .page-about04 .s-btn-prev { left: 0; width: 0.3rem; height: 0.3rem; }
  .page-about04 .s-btn-next { right: 0; width: 0.3rem; height: 0.3rem; }
  .page-about04 .s-btn-prev .ifa,
  .page-about04 .s-btn-next .ifa { font-size: 0.3rem; }


}



.pro-v-head2 { overflow: hidden; border-top: 0px; border-bottom: 0px; background-color: #fafafa; }
  .pro-v-head-td2 { width: 100%; }
  .pro-v-head-td2 .pro-tit { padding-top: 0.5rem; width: 100%; text-align: center; }
  .pro-v-head-td2 .pro-tit a { color: #0a5cb0; }

.products-recommended { padding-top: 0.5rem; background-color: #f7f9fb; }

.list-pro2 {  }
  .list-pro2 .item { position: relative;  }
  .list-pro2 .item-a { overflow: hidden; position: relative; padding: 0.2rem; background-color: #f2f4f7; box-shadow: 0 0 0.1rem rgba(116, 116, 116, 0.3); transition:all .3s ease-out; }
  .list-pro2 .item .img-h {position: relative; padding-top: 75%; }
  .list-pro2 .item .img-h:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(10,92,176,.5); opacity: 0; transition:all .3s ease-out; }
  .list-pro2 .item .txt-box { overflow: hidden; z-index: 10; display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-top: 0.2rem; height: 1.4rem; text-align: center; transition:all .3s ease-out; }
  .list-pro2 .item .txt-box .tit { line-height: 1; color: #333; font-size: 0.32rem; transition:all .3s ease-out; }
  .list-pro2 .item .txt-box .txt { color: #484848;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .list-pro2 .item .txt-box .more { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; color: #ef7a00; transition:all .3s ease-out; display:none; }
  .list-pro2 .item .txt-box .more .ifa { font-size: 0.12rem; }

  .list-pro2 .item:hover .img-h {  }
  .list-pro2 .item:hover .img-h:before { opacity: 1; }

.yewu-ind {  }
  .yewu-ind .col { padding-bottom: 0.5rem; }
  .yewu-ind .col:nth-child(2n) .item { border-left: 0px; }
  .yewu-ind .item { display: block; position: relative; padding: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
  .yewu-ind .item:before { content: ''; position: absolute; top: -0.3rem; bottom: -0.3rem; width: 100%; background-color: #f4f3f3; box-shadow: 0 0 0.1rem rgba(116, 116, 116, 0.3); transition:all .3s ease-out; opacity: 0; }
  .yewu-ind .item .item-show { position: relative; z-index: 10;  padding: 0 0.3rem 0 0.3rem; }
    .yewu-ind .item .titbox { display: flex; justify-content: space-between; align-items: center; margin: 0.2rem 0 0.1rem; }
    .yewu-ind .item .tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; font-size: 0.3rem; color: #000; }
    .yewu-ind .item .tit .ifa { margin-right: 0.1rem; font-size: 0.4rem; font-weight: normal; }
    .yewu-ind .item .more { display: flex; flex-direction: column; align-items: center; color: #e47400; }
    .yewu-ind .item .more .ifa { font-size: 0.12rem; }
    .yewu-ind .item .txt { margin-bottom: 0; color: #484848; }

  .yewu-ind .item:hover:before { opacity: 1; }
  .yewu-ind .item:hover .tit { color: #e47400; font-weight: bold; }


.yewu-page { padding: 0 0.2rem; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
  .yewu-page .col-title { border-bottom: 1px solid #e5e5e5; }
  .yewu-page .content-text { padding-bottom: 0.4rem; }



.ind01 { border-top: 1px solid #eaeaea; }
  .ind01 .ind01-titbox { display: flex; justify-content: space-between; align-items: center; padding-top: 0.4rem; padding-bottom: 0.4rem; }
  .ind01 .ind01-titbox .txtbox { margin-bottom: 0; width: 60%; font-size: 0.16rem; color: #666; }

  .ind01-show { display: flex; justify-content: space-between; align-items: stretch; background-color: #0553a1; }
  .ind01-show .ind01-show-btn { position: relative; z-index: 10; flex-grow: 0; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; list-style: none; margin: 0; padding: 0; padding-top: 0.4rem; padding-bottom: 0.4rem; width: 36%; }
  .ind01-show .ind01-show-btn li { padding: 0.02rem 0; }
  .ind01-show .ind01-show-btn li a { display: block; position: relative; color: #fff; }
  .ind01-show .ind01-show-btn li a:before { content: ''; position: absolute; left: 0; top: 0; right: 100%; height: 100%; background-color: #ef7a00; transition:all .2s ease-out; }
  .ind01-show .ind01-show-btn h4 { display: flex; align-items: center; position: relative; z-index: 10; margin: 0 auto; width: 2.5rem; height: 1rem; }
  .ind01-show .ind01-show-btn h4 .ifa { display: flex; justify-content: center; align-items: center; margin-right: 0.25rem; border: 1px solid rgba(255,255,255,.3); border-radius: 0.1rem; width: 0.5rem; height: 0.5rem; font-size: 0.32rem; font-weight: normal; }
  .ind01-show .ind01-show-btn li a > .ifa { position: absolute; top: 50%; right: -0.65rem; font-size: 0.3rem; transform: translateY(-50%); opacity: 0; transition:all .6s ease-out; }
  .ind01-show .ind01-show-img { flex-grow: 0; flex-shrink: 0; display: flex; align-items: stretch; width: 64%; }
  .ind01-show .ind01-show-img .swiper { width: 100%; }
  .ind01-show .ind01-show-img .swiper .swiper-slide { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

  .ind01-show .ind01-show-btn li.cur a:before { right: -1.0rem; }
  .ind01-show .ind01-show-btn li.cur a > .ifa { opacity: 1; }



.ind02 { position: relative; }
.ind02 .col-title { position: absolute; top: 0.5rem; z-index: 10; }
.ind02 .ind02-swiper { height: 8.0rem; }
.ind02 .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .ind02 .swiper-slide .container { display: flex; flex-direction: column; justify-content: center; height: calc(100% - 1.0rem); color: #fff; }
  .ind02 .swiper-slide .container .ifa { font-size: 0.5rem; text-shadow: 2px 3px 8px rgba(0,0,0,0); color:#ef7a00;}
  .ind02 .swiper-slide .container .tit { font-size: 0.6rem; font-weight: bold; text-shadow: 2px 3px 8px rgba(0,0,0,0);color:#ef7a00; }
  .ind02 .swiper-slide .container .txt { max-width: 7rem; text-shadow: 2px 3px 8px rgba(0,0,0,0);  font-size: 0.18rem;color:#333;}

.ind02-btnbox { position: absolute; bottom: 0; width: 100%; z-index: 11; border-top: 1px solid rgba(255,255,255,.8); }
  .ind02-btnbox ul { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; padding-top: 0.25rem; padding-bottom: 0.35rem; }
    .ind02-btnbox ul li {  position: relative; padding: 0.2rem; border-radius: 0.12rem; font-size: 0.2rem; background-color: rgba(255,255,255,.8); }
    .ind02-btnbox ul li + li { margin-left: 0.4rem; }
    .ind02-btnbox ul li a { display: block; height: 100%; display: flex; flex-direction: column; align-items: center; color: #0553a1; }
    .ind02-btnbox ul li .ifa { margin: 0.1rem 0; line-height: 1; font-size: 0.44rem; }
    .ind02-btnbox ul li.cur a { color: #000; }
    .ind02-btnbox ul li.cur .ifa { color: #ef7a00; }
    .ind02-btnbox ul li.cur:before { content: ''; position: absolute; top: -0.33rem; left: 50%; border-radius: 50%; width: 0.15rem; height: 0.15rem; background-color: #ef7a00; transform: translateX(-50%); }

.ind03 { padding: 0.6rem 0 0.6rem; background: #fff; }
  .ind03 .ind03-titbox { display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; }
    .ind03 .ind03-btns { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
    .ind03 .ind03-btns li + li { margin-left: 0.08rem; }
    .ind03 .ind03-btns a { display: block; padding: 0.05rem 0.26rem; color: #000; background-color: #e8e8e8; }
    /*.ind03 .ind03-btns a.cur { color: #fff; background-color: #ef7a00; }*/
    .ind03 .ind03-btns a:hover { color: #fff; background-color: #ef7a00; }


.ind04 { padding: 0.6rem 0 0.6rem; background: #f7f9fb; }

  .ind04 .ind04-titbox { display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; }
    .ind04 .ind04-btns { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
    .ind04 .ind04-btns li + li { margin-left: 0.08rem; }
    .ind04 .ind04-btns a { display: block; padding: 0.05rem 0.26rem; color: #000; background-color: #e8e8e8; }
    /*.ind04 .ind04-btns a.cur { color: #fff; background-color: #ef7a00; }*/
    .ind04 .ind04-btns a:hover { color: #fff; background-color: #ef7a00; }

  .ind04 .col-title { margin-bottom: 0.2rem; }
  .ind04 .swiper { padding-bottom: 0.4rem; }
  .ind04 .item { margin: 0.1rem; background-color: #fff; box-shadow: 0 0 0.1rem rgba(116, 116, 116, 0.3); transition:all .3s ease-out; }
    .ind04 .item .img-box { position: relative; }
    .ind04 .item .img-box .ifa { position: absolute; top: 50%; left: 50%; z-index: 30; color: #fff; font-size: 0.8rem; transform: translate(-50%,-50%); opacity: .7 }
    .ind04 .item .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(7,62,134,.4); }
    .ind04 .item .img-h { padding-top: 130%; }
    .ind04 .item .txt-box { padding: 0.2rem; }
    .ind04 .item .txt-box .tit { margin-bottom: 0; font-size: 0.26rem; color: #363636; }
	.ind04 .item .txt-box .tit:a{ margin-bottom: 0; font-size: 0.26rem; color: #ef7a00; }
    .ind04 .item .txt-box .txt { margin-bottom: 0; color: #666; }

  .ind04 .item:hover { box-shadow: 0 0 0.1rem rgba(116, 116, 116, 0.6); }

    .ind04 .ind04-pagination {  }
      .ind04 .ind04-pagination .swiper-pagination-bullet { display: inline-block; margin: 0 0.05rem; border-radius: 50%; border: 0px solid #fff; width: 0.16rem; height: 0.16rem; background-color: #ef7a00; opacity: 1; }
      .ind04 .ind04-pagination .swiper-pagination-bullet-active { background-color: #073e86; opacity: 1; }
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .ind01-show .ind01-show-btn { padding-top: 0.4rem; padding-bottom: 0.4rem; }
  .ind01-show .ind01-show-btn h4 { height: .8rem; }

}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  .ind01-show .ind01-show-btn { padding-top: 0.4rem; padding-bottom: 0.4rem; }
  .ind01-show .ind01-show-btn h4 { height: .6rem; }

  .ind02 .ind02-swiper { height: 7.0rem; }
    .ind02-btnbox ul li { padding: 0.12rem; font-size: 0.14rem; }
  
}
@media screen and (max-width: 991px) {
  .ind02 .swiper-slide .container .tit { font-size: 0.3rem; font-weight: bold; text-shadow: 2px 3px 8px rgba(0,0,0,0);color:#ef7a00; }

  .ind01 .ind01-titbox { flex-direction: column; align-items: stretch; padding-top: 0.4rem; padding-bottom: 0.4rem; }
  .ind01 .ind01-titbox .txtbox { width: 100%; }
  .ind01-show .ind01-show-btn { padding-top: 0.4rem; padding-bottom: 0.4rem; width: 100%; }
  .ind01-show .ind01-show-btn h4 { height: .6rem; }
  .ind01-show .ind01-show-img { display: none; }

  .ind02 .ind02-swiper { height: 6.0rem; }
    .ind02-btnbox ul li { padding: 0.12rem; font-size: 0.14rem; }
    .ind02-btnbox ul li + li { margin-left: 0.1rem; }
    .ind02-btnbox ul li .ifa { font-size: 0.24rem; }
  
}






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