.crumbs-box { padding-top: 0.18rem; padding-bottom: 0.18rem; border-bottom: 1px solid #e5e5e5; }
  .crumbs {  color: #999; }
  .crumbs:before { content: '\e64e'; font-family: "ifa" !important; color: var(--theme-color); }
  .crumbs a { margin-left: 0.06rem; margin-right: 0.06rem; color: #3e3e3e; }

.col-pb { padding-top:0.8rem; padding-bottom: 0.6rem; }
.content-body-bg { background-color: #f9f9f9; }

.col-title { color: #da5a13; }
  .col-title .c-txt01 { display: flex; align-items: center; margin-bottom: 0.1rem; font-family: 'Impact'; display:none;}
  .col-title .c-txt01:after { content: ''; display: inline-block; margin-left: 0.06rem; width: 0.7rem; height: 3px; background-color: #da5a13; }
  .col-title .c-tit.color-h { color: #1a1a19; }

.col-title2 {  }
.col-title2 .tit { color: #494949; font-weight:400; }
.col-title2 .txt { color: #898989; }

.col-title3 {  }
.col-title3 .tit { color: #4b4b4d; font-family: 'oswald-bold'; }
.col-title3 .txt { color: #4b4b4d; line-height:0.22rem;}

.col-title3.color-w .tit { color: #fff; }
.col-title3.color-w .txt { color: #fff; line-height:35px; padding-left: 0.1rem;padding-right: 0.1rem;}

.col-title3.color-y .tit { color: var(--theme-color); }
.col-title3.color-y .txt { color: var(--theme-color); }

.page-about01 { background: url(../images/k01.jpg) no-repeat 50% 50%; background-size: cover; }
  .page-about01 .tit { }
  .page-about01 .txt1 { line-height: 1.8; }
  .page-about01 .txt2 { line-height: 2.6;  }

.page-about02 {  }
  .page-about02 .item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0.3rem; margin-bottom: 0.3rem; padding-top: 0.4rem; padding-bottom: 0.4rem; background:#f0f0f0; }
  .page-about02 .item .txt01 span { color: #da5a13; font-size: 0.36rem; font-family: 'Impact'; }
  .page-about02 .item .txt01 em { color: #da5a13; font-size: 0.26rem; font-family: 'Impact'; font-style: normal; }
  .page-about02 .item .txt02 { text-align: center; }
  .page-about02 .item.item-line:before { content: ''; position: absolute; left: -0.1rem; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #e5e5e5; }
  .page-about02 .video-popup { position: relative; }
  .page-about02 .video-popup:before { content:'\e600'; position:absolute; top:50%; left:50%; z-index:50; transform:translate(-50%,-50%); font-size: 0.8rem; color: var(--theme-color); font-family: "ifa" !important; }
  .page-about02 .video-popup:after { content:''; position: absolute; left: 0; top:0; z-index:30; width: 100%; height:100%; background-color: rgba(0,0,0,.3); transition:all .3s ease-out; }
  .page-about02 .video-popup:hover:after { opacity: 0; }

.page-about03 { background: url(../images/k03.jpg) no-repeat 50% 50%; background-size: cover; }

  .workshop-img { position: relative; padding: 0.36rem; }
    .workshop-img .swiper-slide { position: relative; }
    .workshop-img .swiper-slide:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 30%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); transition:all .3s ease-out; pointer-events: none; }
    .workshop-img .swiper-slide:hover:before { background-image: linear-gradient(to bottom, rgba(234,86,19,0), rgba(234,86,19,1)); }
    .workshop-img .swiper-slide .txt { position: absolute; left: 0; bottom: 0; z-index: 10; margin-bottom: 0; padding: 0.1rem; color: #fff; }
    .workshop-img .s-btn-prev,
    .workshop-img .s-btn-next { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .workshop-img .s-btn-next { left: auto; right: 0;}
    .workshop-img .s-btn-prev .ifa,
    .workshop-img .s-btn-next .ifa { font-size: 0.32rem; color: #222; }
    .workshop-img .s-btn-prev:hover .ifa,
    .workshop-img .s-btn-next:hover .ifa { color: #da5a13;}

.page-about04 { background: url(../images/k06.jpg) no-repeat 100% 50% #883105; background-size: contain; }
  .page-about04 .txtbox { max-width: 5rem; padding-top: 2rem; padding-bottom: 2rem; }
  .page-about04 .txtbox .tit { font-size: 0.32rem; line-height: 1.4; color:#fff; }
  .page-about04 .txtbox .txt {max-width: 3.8rem; line-height: 2.2; color:#fff;}

@media screen and (max-width: 991px) {
body{ font-weight:400;}
  .page-about02 .item { margin-top: 0.1rem; margin-bottom: 0.1rem; padding-top: 0.2rem; padding-bottom: 0.2rem; }
  .page-about04 { padding-bottom: 2rem; background: url(../images/k06.jpg)  #883105 no-repeat 100% 100%; background-size: 100% auto; }
  .page-about04 .txtbox { max-width: 5.5rem; padding-top: .2rem; padding-bottom: .2rem; }
  .page-about03 .mb-5{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about03 .mt-1{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about01 .mb-4{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about01 .txt2{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about04 .txtbox{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about04 .txtbox .tit { font-size: 0.28rem; line-height: 1.4; }
  .page-about05 .mt-1{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-about06 .mt-1{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-server01{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-server02{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-server03{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-server04{ padding-left:0.15rem; padding-right:0.15rem;}
  .page-server05{ padding-left:0.15rem; padding-right:0.15rem;}
  .banner .banner-container .container .banner-textbox{ font-weight:400; width:100%; font-size:0.16rem; line-height:0.2rem;}
.page-about01 .txt2 {        padding-left: 0.15rem;        padding-right: 0.15rem; line-height:0.26rem;    }
}

.page-applications{background: url(../images/about05.jpg)  #f4f2f3 no-repeat 100% 100%; background-size: 100% auto;  }
.page-about05 {background: url(../images/about05.jpg)  #f4f2f3 no-repeat 100% 100%; background-size: 100% auto;  }
.page-about05-box { padding-left: 0.5rem; padding-right: 0.5rem; }
.page-about05-box .txt-box { display: flex; position: relative; margin-top:-1px; padding: 0.2rem 0.2rem 0.2rem 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; height: 1.94rem; }
.page-about05-box .txt-box:before { content:''; position: absolute; left: 0; top: -0.06rem; border-radius:50%; border:2px solid #666; width: 0.1rem; height: 0.1rem; background-color:#fff; }
.page-about05-box .txt-box .tit { margin-bottom: 0; padding-right: 0.12rem; font-size: 0.36rem; font-family: 'Impact'; font-weight: normal; }
.page-about05-box .txt-box .txt { margin-bottom: 0; height: 1.33rem; font-size: 0.18rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.page-about05-box .txt-box:hover:before { border:2px solid var(--theme-color);  }
.page-about05-box .txt-box:hover .tit { color: var(--theme-color); }



@media ( min-width: 1400px ){
  /*xxl*/
  .page-about05 .col:nth-child(1) .txt-box:after { content:''; position: absolute; left: -0.52rem; top: -1px; border-top:1px solid #e2e2e2; width: 0.52rem; height: 1px; }

  .page-about05 .col:nth-child(8n-4) .txt-box:after { content:''; position: absolute; right: -0.52rem; bottom: 0%; border-radius:0 0.52rem 0.52rem 0; border:1px solid #e2e2e2; border-left:0; width: 0.52rem; height: 1.94rem; }
  .page-about05 .col:nth-child(8n-3) .txt-box:after { content:''; position: absolute; left: -0.52rem; bottom: 0%; border-radius: 0.52rem 0 0 0.52rem; border:1px solid #e2e2e2; border-right:0; width: 0.52rem; height: 1.94rem; }
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .page-about05 .col:nth-child(1) .txt-box:after { content:''; position: absolute; left: -0.52rem; top: -1px; border-top:1px solid #e2e2e2; width: 0.52rem; height: 1px; }

  .page-about05 .col:nth-child(6n-3) .txt-box:after { content:''; position: absolute; right: -0.52rem; bottom: 0%; border-radius:0 0.52rem 0.52rem 0; border:1px solid #e2e2e2; border-left:0; width: 0.52rem; height: 1.94rem; }
  .page-about05 .col:nth-child(6n-2) .txt-box:after { content:''; position: absolute; left: -0.52rem; bottom: 0%; border-radius: 0.52rem 0 0 0.52rem; border:1px solid #e2e2e2; border-right:0; width: 0.52rem; height: 1.94rem; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .page-about05 .col:nth-child(1) .txt-box:after { content:''; position: absolute; left: -0.52rem; top: -1px; border-top:1px solid #e2e2e2; width: 0.52rem; height: 1px; }

  .page-about05 .col:nth-child(4n-2) .txt-box:after { content:''; position: absolute; right: -0.52rem; bottom: 0%; border-radius:0 0.52rem 0.52rem 0; border:1px solid #e2e2e2; border-left:0; width: 0.52rem; height: 1.94rem; }
  .page-about05 .col:nth-child(4n-1) .txt-box:after { content:''; position: absolute; left: -0.52rem; bottom: 0%; border-radius: 0.52rem 0 0 0.52rem; border:1px solid #e2e2e2; border-right:0; width: 0.52rem; height: 1.94rem; }
}
@media screen and (max-width: 991px) {
  .page-about05 .col:nth-child(2n-1) .txt-box:after { content:''; position: absolute; right: -0.52rem; bottom: 0%; border-radius:0 0.52rem 0.52rem 0; border:1px solid #e2e2e2; border-left:0; width: 0.52rem; height: 1.94rem; }
  .page-about05 .col:nth-child(2n) .txt-box:after { content:''; position: absolute; left: -0.52rem; bottom: 0%; border-radius: 0.52rem 0 0 0.52rem; border:1px solid #e2e2e2; border-right:0; width: 0.52rem; height: 1.94rem; }
}



.page-about06-box {  }
  .page-about06-box .item { overflow: hidden; margin: 0rem; text-align:center; }
  .page-about06-box .img-box { position: relative; z-index: 5; }
  .page-about06-box .img-box .img-h { padding-top:100%; }
  .page-about06-box .img-box .img-h img { object-fit: contain; }

  .page-about06-box .txt-box { position: relative; z-index: 10; padding: 0.15rem; }
  .page-about06-box .txt-box .tit { margin-top: 0.1rem; color: #0b2b4b; line-height: 1; }
  .page-about06-box .item:hover .tit { color: var(--theme-color); }

  .page-about06-box { position: relative; padding: 0 0.3rem; background:#fff; padding:43px 55px;}
  .page-about06-box .s-btn-prev,
  .page-about06-box .s-btn-next { position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; }
  .page-about06-box .s-btn-next {  left: auto; right: 0;  }
  .page-about06-box .s-btn-prev .ifa,
  .page-about06-box .s-btn-next .ifa { color: #efefef; font-size: 0.36rem; }

  .page-about06-box .s-btn-prev:hover .ifa,
  .page-about06-box .s-btn-next:hover .ifa { color: var(--theme-color); }

@media screen and (max-width: 991px) {
  
}







.contact01 { padding: 0.6rem 0.3rem; height: 100%; font-size: 0.2rem; line-height: 2; background-color: #ebebeb; }
.contact01 .ifa { margin-right:0.08rem; font-size: 0.22rem;  }
.contact02 { padding: 0rem; height: 100%; background-color: #faf9f9; }
  .contact02-txt { padding: 0.2rem 0; font-size: 0.18rem; }


.list-pro-box { padding: 0.3rem 0; }
  .list-pro-box .item {background-color: #fff; }
  .list-pro-box .item .category { color: #7f7f7f; }
  .list-pro-box .item .tit { margin: 0.2rem 0; }
  .list-pro-box .item .tit { font-size: 0.16rem; color: #4b4b4d; text-align:center; }
  .list-pro-box .item .txt-box { }
  /*.list-pro-box .item .txt-box > strong { display: block; margin: 0.1rem 0; font-size: 0.19rem; color: #4b4b4d; }*/
  .list-pro-box .item .txt-box .txt { overflow: hidden; margin-bottom: 0.1rem; height: 1.664rem; color: #252525; font-size: 0.14rem; }
  .list-pro-box .item .txt-box .txt .sub-item { display: flex; justify-content: space-between; padding: 0.06rem 0; }
  .list-pro-box .item .txt-box .txt .sub-b { max-width:50%; }
  .list-pro-box .item .btn-box { display: flex; justify-content: flex-end; display:none; }
  .list-pro-box .item .btn-box span { display: flex; justify-content: center; align-items: center; margin-right: 0.1rem; border-radius: 50%; width: 0.5rem; height: 0.5rem; color: #3f3f3f; background-color: #fafafa; }
  .list-pro-box .item .btn-box span .ifa { font-size: 0.3rem; }

  .list-pro-box .item:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); }
  .list-pro-box .item:hover .tit { color: var(--theme-color); }
  .list-pro-box .item:hover .btn-box span { color: var(--theme-color); }



.pro-v-head { overflow: hidden; }
/*.pro-v-head-box { display: flex; align-items: stretch; }*/
/*.pro-v-head-td { width: 50%; }*/



.product-imgs { padding: 0.7rem 0; }

.pro-v-basic { position: relative; padding: 0.9rem 0.5rem;}
.pro-v-basic-r { position: relative; z-index: 1; }
.pro-v-basic:before { content: ''; position: absolute; top: 0; left: 0; width: 300%; height: 100%;  }
.pro-v-basic .pro-tit { margin: 0; }
.pro-v-basic .pro-tit a { font-size: 0.32rem; color:#333; font-weight:lighter;}
.pro-v-basic .pro-topbox .txt { padding: 0.12rem 0; line-height: 1.8; text-align:justify; }
.pro-v-basic .pro-topbox .txt2 { border-top: 1px solid #ccc; padding: 0.12rem 0; line-height: 1.8; text-align:justify; }
.pro-v-basic .pro-topbox .txt2 .item { display: flex; justify-content: space-between; padding: 0.06rem 0; /*max-width: 4.0rem;*/ }
.pro-v-basic .pro-topbox .txt2 .item .sub-b { max-width: 60%; text-align: right; }
.pro-v-basic .pro-topbox .txt2 .item + .item { border-top:1px solid rgba(0,0,0,.08); }
.pro-v-basic .pro-topbox .down-file { display: flex; align-items: center; color: #3e3e3e; }
.pro-v-basic .pro-topbox .down-file .ifa { display: flex; justify-content: center; align-items: center; margin-right: 0.08rem; width: 0.17rem; height: 0.17rem; color: #fff; font-size: 0.12rem; background-color: #898989; }

.pro-v-basic .go-inquiry { position: relative; display: block; margin-top: 0.25rem; padding: 0.1rem 0; border-radius: 0.01rem; width: 2rem; font-size: 0.16rem; text-align: center; color: #6d707d; text-transform: uppercase; border: 2px solid rgba(0, 0, 0, 0.08); transition:all .3s ease-out;}
.pro-v-basic .go-inquiry:before { content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--theme-color); transition:all .3s ease-out; }
.pro-v-basic .go-inquiry span { position: relative; z-index: 5; }
.pro-v-basic .go-inquiry:hover { color: #fff; }
.pro-v-basic .go-inquiry:hover:before { width: 100%; }

.pro-v-body {}
.pro-v-body .pro-v-body-t .container { padding:0.2rem; background:#fff; }
.pro-v-head .container{background:#fff; }
.pro-v-head-box{ background:#fff;}
.pro-v-body .pro-v-body-t .item { display: inline-block; padding: 0.05rem 0.6rem; width: auto; font-size: 0.18rem; color: #494949; text-transform: uppercase; background: #f8f8f8; }
.pro-v-body .pro-v-body-t .item:hover,
.pro-v-body .pro-v-body-t .item.cur { color: var(--theme-color); }
.pro-v-body .pro-v-body-t .item + .item {}
.pro-v-body .pro-v-body-b {  }
.pro-v-body .pro-v-body-b .container{ background:#fff; padding: 0.3rem 0.3rem;}

.pro-v-body .pro-v-body-b .pb-item {  }
.pro-v-body .pro-v-body-b .item-tit { margin-bottom: 0.1rem; padding-bottom:0.1rem; font-size: 0.18rem; font-weight:500; color: #111;border-bottom: 1px solid #f0f0f0; }
.pro-v-body .pro-v-body-b .pb-item ~ .pb-item { margin-top: 0.5rem; }
.products-recommended{ padding-top:0.51rem!important;  padding-bottom:0.31rem!important;}
.products-recommended .container{ background:#fff;padding:0.3rem 0.3rem;}
.guestbook{ padding-top:0.01rem!important;}
.guestbook .container{ background:#fff; padding:0.3rem 0.3rem;}
@media screen and (max-width: 991px) {
  .pro-v-basic { padding: 0.3rem 0.3rem; }
  /*.pro-v-body .pro-v-body-t .item { font-size: 0.12rem; }*/
  .pro-v-body .pro-v-body-t .item + .item { margin-left: 0.04rem; }
}

.pro-style01 { list-style: none; margin: 0; padding: 0; }
.pro-style01 li { position: relative; padding-left: 0.14rem; }
.pro-style01 li:before { content: ''; position: absolute; left: 0; top: 0.1rem; border-radius: 50%; border: 2px solid #f8661e; width: 0.09rem; height: 0.09rem; }

.pro-style02 { font-weight: bold; color: #494949; }

.pro-v-body-b .content-txt.cw { }
.pro-v-body-b .table { font-size: 0.16rem; }
.pro-v-body-b .table th { color: #fff; background-color: #f8661e; }
.pro-v-body-b .table>:not(caption)>*>* { padding: .01rem .08rem; }
.pro-v-body-b .table td { border: 1px solid #4b4b4d;}


.pro-contact {padding-bottom:0.01rem!important; }


.page-server {  }
  .page-server01-toptxt { border-top: 0.15rem solid #f5f5f5; }
  .page-server01-list {  }
  .page-server01-list .item {border: 1px solid var(--theme-color); box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); display: flex; flex-direction: column; align-items: center; padding: 0.18rem; border-radius: 0.08rem; height: 4.1rem; transition:all .3s ease-out;   background-color: #fff; color: var(--theme-color);}
  .page-server01-list .ifa { font-size: 0.7rem; transition:all .3s ease-out;padding-top:0.2rem; padding-bottom:0.2rem;}
  .page-server01-list .tit { position: relative; margin-bottom: 0.2rem; padding-bottom: 0.18rem; width: 100%; padding-top:0.2rem; text-align:center; }
  .page-server01-list .tit:before { content: ''; position: absolute; bottom: 0; width: 0.5rem; height: 4px; background-color: #f0f0f0; }
  .page-server01-list .txt { color: #666;line-height: 25px; }

  .page-server01-list .item:hover { border: 1px solid var(--theme-color); box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
  .page-server01-list .item:hover .ifa { color: var(--theme-color); }


  .page-server02 { background: url(../images/k08.jpg) no-repeat 50% 50%; background-size: cover;  }
  .page-server02-txt { max-width: 50%; color: #fff; }
  .page-server02 .item { border: 1px solid #3d3d3d; transition:all .3s ease-out; }
  .page-server02 .item img {  }
  .page-server02 .item:hover { border: 1px solid var(--theme-color); }


  .page-server04 { background-color: #f5f5f5; }
  .page-server04-txt { font-size: 0.18rem; }

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

@media screen and (max-width: 991px) {
  .page-server01-list .item { height: auto; }
  .page-server02-txt { max-width: 100%; }
  
}


.page-applications01-show { position: relative; display: flex; justify-content: flex-end; }
/*.page-applications01-show .txtbox { position: absolute; left: 0.3rem; top: 0.6rem; max-width: 4.1rem; }*/
.page-applications01-show .txtbox .tit {color: var(--theme-color); }

.page-applications01-imgshow { margin-bottom: 1.6rem; margin-top: 0.9rem;}
.page-applications01-imgshow .img-h { padding-top:100%; }
.page-applications01-imgshow .item { overflow: hidden; position: relative; border-radius:0.20rem; border:1px solid #e2e2e2; }
.page-applications01-imgshow .col:nth-child(3n+2) .item { top:120px; }
.page-applications01-imgshow .item:before { content:''; position: absolute; left:0; top:0; z-index:5; width:100%; height: 100%; background-color: rgba(0,0,0,.1); }
.page-applications01-imgshow .txt-box { position:absolute; left:0%; top:0; z-index:50; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0.2rem; width:100%; height:100%; color:#fff; transition:all .2s ease-out; }
.page-applications01-imgshow .txt-box .tit { font-size: 0.28rem;}
.page-applications01-imgshow .txt-box .txt { display:none; margin-bottom: 0; font-size: 0.16rem; }

.page-applications01-imgshow .item:hover .txt-box { background-color: #FFF; }
.page-applications01-imgshow .item:hover .txt-box .tit { color: #D33136; }
.page-applications01-imgshow .item:hover .txt-box .txt { display:block; color: #4b4b4b; line-height:22px; }



@media screen and (max-width: 1399px) {
  .page-applications01-show { }
  .page-applications01-show .txtbox { position: static; max-width: 100%; }
  
  .page-applications01-imgshow .col:nth-child(3n+2) .item { top:0px; }
  
}

@media screen and (max-width: 991px) {
  .page-applications01-imgshow { margin-bottom: 0.2rem; margin-top: 0.2rem;}
  .page-applications01-imgshow .txt-box .txt { display:block; }
}

.ind01 {background:#f5f5f5; background-size: cover;}

@media ( min-width: 992px ){
.ind01-box { display: flex; align-items: stretch; height: 4.52rem; }
.ind01-box .item { overflow:hidden; position: relative; display: flex; justify-content: center; align-items: center; width:11.2%; color: #fff; text-align: center; background-repeat: no-repeat; background-size: cover;  transition:all .3s ease-out;  }
.ind01-box .item:before { content:''; position: absolute; left: 0; top: 0; z-index: 2; width: 50%; height: 100%; background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(255,0,0,0)); opacity:0;  transition:all .3s ease-out;  }
.ind01-box .item:after { content:''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); opacity:1; transition:all .3s ease-out; }
.ind01-box .item + .item { margin-left: 0.8%; }
.ind01-box .item .item-c { position: relative; z-index:5;  }
.ind01-box .item .item-c2 { position: absolute; left:1.6rem; bottom: 0; z-index:30; padding: 0.5rem 0.4rem; width: 5.1rem; opacity:0; transition:all .2s ease-out; transition-delay: .0s; }
.ind01-box .item em { font-size: 0.7rem; }
.ind01-box .item h4 { font-size: 0.19rem; }
.ind01-box .item h4 a { color: #fff; }
.ind01-box .item p { display: none; margin-bottom: 0; }
.ind01-box .item p a { color: #fff; }

.ind01-box .item.cur { justify-content: flex-start; align-items: flex-end; width:40%; text-align: left; }
.ind01-box .item.cur:before { opacity: 1; }
.ind01-box .item.cur:after { opacity: 0; }
.ind01-box .item.cur .item-c { opacity: 0; }
.ind01-box .item.cur .item-c2 { left:0; opacity: 1;  transition:all .6s ease-out; transition-delay: .3s; }
.ind01-box .item.cur h4 { font-size: 0.28rem; }
.ind01-box .item.cur p { display: block; }
.ind01-box .item.cur p a + a:before { content:'|'; display: inline-block; margin-left:0.1rem; margin-right:0.1rem; } 
   
    
}
@media screen and (max-width: 991px) {
.ind01-box { display: flex; flex-direction: column; align-items: stretch; }
.ind01-box .item { position: relative; display: flex; justify-content: center; align-items: center; width:100%; color: #fff; text-align: center; background-repeat: no-repeat; background-size: cover;  transition:all .3s ease-out;  }
.ind01-box .item:before { content:''; position: absolute; left: 0; top: 0; z-index: 2; width: 80%; height: 100%; background-image: linear-gradient(to right, rgba(197,66,4,1), rgba(255,0,0,0)); opacity:0;  transition:all .3s ease-out;  }
.ind01-box .item:after { content:''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); opacity:1; transition:all .3s ease-out; }
.ind01-box .item + .item { margin-top: 0.15rem; }
.ind01-box .item .item-c { display:none; position: relative; z-index:5; }
.ind01-box .item .item-c2 { position: relative; z-index:5; }
.ind01-box .item em { font-size: 0.7rem; }
.ind01-box .item h4 { font-size: 0.19rem; }
.ind01-box .item h4 a { color: #fff; }
.ind01-box .item p { display: none; margin-bottom: 0; }
.ind01-box .item p a { color: #fff; }

.ind01-box .item { justify-content: flex-start; align-items: flex-end; width:100%;  }
.ind01-box .item:before { opacity: 1; }
.ind01-box .item:after { opacity: 0; }
.ind01-box .item .item-c2 { padding: 0.8rem 0.2rem; width:100%; }
.ind01-box .item h4 { font-size: 0.28rem; }
.ind01-box .item p { display: block; }
.ind01-box .item p a + a:before { content:'|'; display: inline-block; margin-left:0.1rem; margin-right:0.1rem; } 
   
}


@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
}







.ind02 { background: url(../images/k10.jpg) no-repeat 50% 50%; background-size: cover; padding-top: 1.5rem; padding-bottom: 1.5rem;}
  .ind02 .col-title3 { width: 3.5rem; padding-top: 0.7rem; }
  .ind02 .a-more { display: inline-flex; align-items: center; padding: 0.14rem 0.4rem; border: 1px solid #ccc; font-size: 0.18rem; line-height: 1; transition:all .3s ease-out; }
  .ind02 .a-more .ifa { font-size: 0.22rem; transition:all .3s ease-out; }
  .ind02 .a-more:hover { color: #fff; background-color:#666; }

.ind03 { background: url(../images/k12.jpg) no-repeat 50% 50%; background-size: cover; }
.ind03-p-list { border-top: 1px solid rgba(255,255,255,.05); }

  .ind03-num .item { position: relative; display: flex; flex-direction: column; justify-content: center; /*align-items: center;*/ margin-top: 0rem; padding-top: 0.7rem; padding-bottom: 0.2rem; color: #fff; }
  .ind03-num .item .ifa { position: absolute; top:0rem; left: 0.18rem; font-size: 0.55rem; opacity:0; transition:all .3s ease-out; }
  .ind03-num .item .txt01 { font-family: 'oswald-bold'; }
  .ind03-num .item .txt01 span { color: #fff; font-size: 0.55rem; font-family: 'oswald-bold'; }
  .ind03-num .item .txt01 em { color: #fff; font-size: 0.45rem; font-family: 'oswald-bold'; font-style: normal; }
  .ind03-num .item .txt02 { /*text-align: center;*/ }
  .ind03-num .item:hover .ifa { opacity:1; }

  .ind03 .a-more { display: inline-flex; align-items: center; padding: 0.14rem 0.8rem; border: 1px solid #fff; color: #fff; font-size: 0.18rem; line-height: 1; transition:all .3s ease-out; }
  .ind03 .a-more .ifa { font-size: 0.22rem; transition:all .3s ease-out; }
  .ind03 .a-more:hover { color: var(--theme-color); background-color: #fff; }

@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .ind03-num .item {  margin-top: 0.3rem; padding-top: 0.5rem; padding-bottom: 0.3rem; }
  .ind03-num .item .ifa { top: 0rem; left: 0.06rem; font-size: 0.40rem; }
  .ind03-num .item .txt01 span { font-size: 0.32rem; }
  .ind03-num .item .txt01 em { font-size: 0.28rem; }
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .ind03-num .item {  margin-top: 0rem; padding-top: 0.5rem; padding-bottom: 0.1rem; }
  .ind03-num .item .ifa { top: 0rem; left: 0.02rem; font-size: 0.40rem;opacity:1; }
  .ind03-num .item .txt01 span { font-size: 0.32rem; }
  .ind03-num .item .txt01 em { font-size: 0.28rem; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .ind03-num .item {  margin-top: 0.2rem; padding-top: 0.5rem; padding-bottom: 0.1rem; }
  .ind03-num .item .ifa { top: 0rem; left: 0.02rem; font-size: 0.40rem;opacity:1;}
  .ind03-num .item .txt01 span { font-size: 0.32rem; }
  .ind03-num .item .txt01 em { font-size: 0.28rem; }
  .ind03-num .item .txt02 { font-size: 0.13rem; }

}
@media screen and (max-width: 575px) {
  .ind03-num {  margin-top: 0.3rem;  }
  .ind03-num .item {  margin-top: 0.2rem; padding-top: 0; padding-bottom: 0.1rem; }
  .ind03-num .item .ifa { top: -0.5rem; left: 0.02rem; font-size: 0.40rem; opacity:1;}
  .ind03-num .item .txt01 span { font-size: 0.32rem; }
  .ind03-num .item .txt01 em { font-size: 0.28rem; }
  .ind03-num .item .txt02 { font-size: 0.13rem; }
}


.ind04 { background: url(../images/news_bg.jpg) #eaebef repeat-x 50% bottom;}
  .ind04 .swiper-slide:nth-child(2n) .item { margin-top: 1.4rem; }
  .ind04 .item { overflow: hidden; margin: 0.15rem; background-color: #fff; }
  .ind04 .img-box { position: relative; z-index: 5; }
  .ind04 .txt-box { position: relative; z-index: 10; padding: 0.15rem; }
  .ind04 .txt-box .date { position: absolute; top: -0.12rem; left: 0.1rem; z-index: 5; padding: 0.06rem 0.1rem; border-radius: 0.05rem; color: #4b4b4d; font-size: 0.14rem; line-height: 1; background-color: #fff; box-shadow: 0 0 0.05rem rgb(0 0 0 / 20%); }
  .ind04 .txt-box .tit { margin-top: 0.25rem; margin-bottom: 0.2rem; color: #0b2b4b; }
  .ind04 .txt-box .txt { color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-size:0.15rem; line-height:25px; }
  .ind04 .txt-box .a-more { margin-bottom: 0; color:#999; font-weight:lighter; }
  .ind04 .item:hover .tit { color: var(--theme-color); }

  .ind04 .ind04-news { position: relative; padding: 0 0.3rem; }
  .ind04 .ind04-news .s-btn-prev,
  .ind04 .ind04-news .s-btn-next { position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; }
  .ind04 .ind04-news .s-btn-next {  left: auto; right: 0;  }
  .ind04 .ind04-news .s-btn-prev .ifa,
  .ind04 .ind04-news .s-btn-next .ifa { color: #444; font-size: 0.36rem; }

  .ind04 .ind04-news .s-btn-prev:hover .ifa,
  .ind04 .ind04-news .s-btn-next:hover .ifa { color: var(--theme-color); }

@media screen and (max-width: 991px) {
  .ind04 .swiper-slide:nth-child(2n) .item { margin-top: 0; }
  
}




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