/* header */
td, th {
    padding: 0;
    border: 1px solid #ccc;
}
@media ( min-width: 992px ){
  .header-box { position: fixed; z-index: 1030; top: 0; width: 100%; height: 0.9rem; /*transform: translateX(-50%); */}
  .header { border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); width:100%; background-color: #fff; box-shadow: 0 0 0.1rem rgb(0,0,0,.06); /*animation-duration: 3s; animation-iteration-count: 1;  animation-name: header-am;*/  }
  @keyframes header-am {
    0% {
      opacity: 0;
      transform: translateY(-50px);
      -ms-transform: translateY(-50px)
    }
    to {
      opacity: 1;
      transform: translateY(0);
      -ms-transform: translateY(0)
    }
  }

  .header > .container-fluid { display: flex; justify-content: flex-end; }
    .logo {  margin-right: auto; padding: 0.15rem 0 0 0; }
    .logo img {  }

  .menu-box { float: right; height: 0.9rem; }
    .menu { list-style: none; margin: 0 0 0; padding: 0; display: flex; justify-content: space-around;  }
    .menu > li { }
    .menu > li > a { display: block; position: relative; padding: 0.34rem 0.2rem 0; height: 0.9rem; text-decoration: none; font-size: 0.16rem; color: #383838; font-weight: bold; text-transform: uppercase; text-align: center; /*transition:all .3s ease-out;*/ }
    .menu > li.current > a {  color: #e03927; }
    /*.menu > li.current > a:before { content: ''; display: block; position: absolute; left: 0; bottom: -1px; z-index: 50; width: 100%; height: 4px; background-color: #e03927; }*/
    .menu > li:hover > a { color: #e03927; }
    /*.menu > li:hover > a:before { content: ''; display: block; position: absolute; left: 0; bottom: -1px; z-index: 50; width: 100%; height: 4px; background-color: #e03927; }*/

    .menu .sub-nav { overflow: hidden; position: absolute; top: 0.9rem; left: 0; z-index: 40; border-top: 6px #f25821 solid; width: 100%;/* height: 0; */background-color: rgba(32,28,112,.9); /*opacity: 0; transition:all .2s ease-out;*/}
      .menu .sub-nav-box { padding-top: 0.6rem; padding-bottom: 0.6rem; }
      .menu .sub-nav-box .sub-nav-txt { color: #fff; }
      .menu .sub-nav-box .sub-nav-txt .tit { margin-bottom: 0.35rem; font-family: 'Impact'; font-size: 0.25rem; }
      .menu .sub-nav-box .sub-nav-txt .txt { font-size: 0.18rem; }

      .menu .sub-nav-box .sub-nav-img { border-radius: 0.08rem; }

      .menu .sub-nav-box .sub-btn { position: relative; list-style: none; margin:0; padding: 0; }
      .menu .sub-nav-box .sub-btn:before,
      .menu .sub-nav-box .sub-btn:after { content: ''; display: block; position: absolute; right: -0.1rem; top: 0; bottom: 0; width: 1px; background-color: rgba(255,255,255,.2); }
      .menu .sub-nav-box .sub-btn:after { left: -0.1rem;  }
      .menu .sub-nav-box .sub-btn li { overflow: hidden; }
      .menu .sub-nav-box .sub-btn li + li { }
      .menu .sub-nav-box .sub-btn li a { position: relative; display:block; margin-left: -0.12rem; padding: 0; height: 0.50rem; line-height: 0.50rem; color: #fff; font-size: 0.15rem; transition:all .3s ease-out; }
      .menu .sub-nav-box .sub-btn li a:before { content: '>'; display: inline-block; margin-right: 0.05rem; opacity: 0; transition:all .3s ease-out; }
      .menu .sub-nav-box .sub-btn li a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; z-index: 50; width: 100%; height: 1px; background-color: rgba(255,255,255,.2);  transition:all .3s ease-out; }
      .menu .sub-nav-box .sub-btn li a:hover { margin-left: 0; color: #e03927; }
      .menu .sub-nav-box .sub-btn li a:hover:before { opacity: 1; }
      .menu .sub-nav-box .sub-btn li a:hover:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; z-index: 50; width: 100%; height: 4px; background-color: #e03927; }
    .menu > li:hover .sub-nav  { /* height: auto; opacity: 1;*//* transition:all .4s ease-out;*/ }


  .top-block { list-style: none; margin: 0; padding: 0; height: 0.9rem; }
    .top-block > li { display: inline-block; margin-left: 0.22rem; }
    .top-block > li > a { display: inline-block; padding-top: 0.28rem; height: 0.9rem; }
    .top-block .show-box { display: none; position: absolute; top: 100%; right: 0; z-index: 60; border-top: 1px #f3f2f2 solid; width: 100%; height: 0; text-align: right; background-color: rgba(32,28,112,.9); opacity: 0; transition:all .2s ease-out;}
    .top-block {  }
    .top-block > li:hover .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }

    .top-block .show-box .search-bar { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; width: 2.6rem }
    .top-block .show-box .language { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; line-height: 1; }
    .top-block .show-box .language a { display: inline-block; border-radius: 0.05rem; width: 0.3rem; height: 0.3rem; font-size: 0.3rem; color: #e03927; line-height: 1; background-color: #fff; }
    .top-block .show-box .language a + a { margin-left: 0.15rem; }


}

@media ( max-width: 1200px ) and ( min-width: 992px ){
    .menu > li > a { padding-left: 0.1rem; padding-right: 0.1rem; }
}

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

  /*body { overflow: hidden; }*/
  .header { position: relative; width: 100%; z-index: 300; background-color: #fff; }
  .page-ind .header { position: absolute; }
  /*.header:before { content: ''; display: block; position: absolute; z-index: 1000; width: 100%; height: 1.99rem; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)),linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)); }*/
  .logo { float: left; padding: 0.11rem; /*border-right: 1px #d9d9d9 solid;*/ max-width: 35%; width: 2.9rem; }
    .logo img { height: 0.3rem; }
  .top-txt { position: relative; z-index: 1000; display: block; margin: 0.2rem auto 0.3rem auto; width: 3.15rem; height: 0.16rem; }

  .m-btn { position: absolute; top: 50%; right: 0.3rem; z-index: 1001; width: 0.36rem; transform: translateY(-50%); }
  .m-btn span { display: block; border-radius: 3px; height: 5px; background-color: #333; }
  .m-btn span + span { margin-top: 3px; }

  .menu-box { position: fixed; top:0; left:-70%; z-index: 1060; width: 60%; height: 100%; background-color: #201c70; overflow-x: hidden; overflow-y: scroll; box-shadow: 0 0 15px rgba(0,0,0,.5); transition:all .3s ease-out }
  .menu-box.show { left:0; }

  .menu-box .container { width: 100%; }
  .menu-box ul { list-style: none; margin: 0; padding: 0; }
  .menu-box .menu { padding: 0.5rem 0.2rem; }
  .menu-box .menu > li { border-top: 1px solid rgba(255,255,255,.6); }
  .menu-box .menu > li > a { display: block; padding: 0.12rem 0 0.12rem 0.2rem; color: #fff; font-weight: bold; font-size: 0.16rem; }

  .menu-box .menu ul { border-top: 1px solid rgba(255,255,255,.6); }
  .menu-box .menu ul > li { border-top: 1px solid rgba(255,255,255,.3); }
  .menu-box .menu ul > li > a { display: block; padding: 0.10rem 0 0.10rem 0.4rem; color: #fff; font-size: 0.14rem; }
  .menu-box .menu ul > li > a:before { content: '-'; display: inline-block; margin-right: 0.1rem; }
  
  .menu .sub-nav { display: block !important; height: auto !important; }

  .menu-box-bg { position: fixed; top: 0; left: 0; z-index: 1040; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); }


  .top-block { float: right; list-style: none; margin: 0; margin-right: 0.8rem; padding: 0; height: 0.5rem; }
  .top-block > li { display: inline-block; margin-left: 0.16rem; }
  .top-block > li > a { display: inline-block; padding-top: 0.12rem; height: 0.5rem; }
  .top-block > li > a img { width: 0.25rem; }
  .top-block .show-box { display: none; position: absolute; top: 100%; right: 0; z-index: 60; border-top: 1px #f3f2f2 solid; width: 100%; height: 0; text-align: right; background-color: rgba(32,28,112,.9); opacity: 0; transition:all .2s ease-out; }
  .top-block {  }
  .top-block > li:hover .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }
  .top-block > li.cur .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }

  .top-block .show-box .search-bar { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; width: 100%; }
  .top-block .show-box .language { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; padding-right: 0.6rem; }
  /*.top-block .show-box .language a + a { display: inline-block; margin-left: 0.15rem; }*/
  .top-block .show-box .language a { display: inline-block; border-radius: 0.05rem; width: 0.3rem; height: 0.3rem; font-size: 0.3rem; color: #e03927; line-height: 1; background-color: #fff; }
  .top-block .show-box .language a + a { margin-left: 0.15rem; }
}

.banner { position: relative; }
  .banner .swiper-slide { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .banner .swiper-slide.has-video:before { content: ''; position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(42,41,115,.3); }
  .banner .swiper-slide video { position: absolute; top: 50%; left: 50%; width: 130%; height: 200%; transform: translate(-50%,-50%); pointer-events: none; }
  .banner .banner-left,
  .banner .banner-right { position: absolute; top: 50%; right: 0.1rem; z-index: 300; font-size: 0.8rem; color: #f25821; transform: translateY(-50%); }
  .banner .banner-left { left: 0.1rem; }

  .banner-pagination-box { position: absolute; bottom: 0.95rem; z-index: 1000; width: 100%; }
  .banner-pagination { position: static; text-align: left; }
  .banner-pagination .swiper-pagination-bullet { position: relative; margin-right: 0.1rem; width: 0.28rem; height: 0.3rem; background-color: #f25821; opacity: 1; }
  .banner-pagination .swiper-pagination-bullet:before { content: ''; position: absolute; bottom: 85%; left: 50%; width: 0; height: 0; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; border-bottom: 0.16rem solid #f25821; transform: translateX(-50%); }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #31307c; opacity: 1; }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border-bottom: 0.16rem solid #31307c; }

  .banner-pagination .swiper-pagination-bullet:nth-child(1) { border-radius: 0; width: 0.38rem; height: 0.38rem; background-color: transparent; background-image: url(../images/banner-pagination01.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; }
  .banner-pagination .swiper-pagination-bullet:nth-child(1):before { display: none; }


.page-banner { position: relative; height: 5.5rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.page-banner-container { position: relative; height: 100%; }
.page-banner .banner-tit { position: absolute; top: 50%; width: 50%; color: #fff; transform: translateY(-50%); }
.page-banner .banner-tit .tit { position: relative; margin-top: 0; margin-bottom: 0.4rem; padding-bottom: 0.2rem; color: #f25821; font-size: 0.48rem; font-family: 'Impact'; }
.page-banner .banner-tit .tit:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0.7rem; height: 4px; background-color: #fff; }
.page-banner .banner-tit .txt { font-size: 0.2rem; color: #fff; }
.page-banner .banner-tit .txt strong { display: block; margin-bottom: 0.10rem; font-size: 0.28rem; color: #fff; }


.footer{  color: #fff; background-color: #2a2973; background-image: url(../images/b-logo2.png); background-repeat: no-repeat; background-position: 90% 100%; background-size: auto 45%; }
  .footer a { color: #9a9b9d; }

  .footer-logo-nav { padding: 0 0 0.6rem; }

  .b-logo { margin-top: 0.8rem; }

  .b-share .item { display: inline-block; margin-top: 0.15rem; padding-top: 0.06rem; border-radius: 50%; width: 0.33rem; height: 0.33rem; text-align: center; background-color: #fff; }
    .b-share .item + .item { margin-left: 0.15rem; }
    .b-share .item i { color: #2a2973; font-size: 0.20rem; }
    .b-share .item:hover { background-color: #d24c2b; }
    .b-share .item:hover i { color: #fff; }

  .b-form { margin-top: 0.25rem; }
  .b-form [type="text"]{ margin-top: 0.10rem; border: 1px solid rgba(255,255,255,.1); height: 0.56rem; color: #fff; background: none; }
  .b-form [type="text"]:focus { box-shadow: 0 0 0 rgb(0 0 0 / 0%); }
  .b-form .b-form-btn { margin-top: 0.10rem; border-width: 0; width: 0.9rem; height: 0.6rem; background-color: #d24c2b; }
  .b-form .b-form-btn:hover { background-color: #0a0942; }



  

  .b-menu { list-style: none; margin: 0; margin-top: 0.8rem; padding: 0; display: flex; justify-content: space-around; }
  .b-menu > li { width: 42%; }
  .b-menu > li > a { display: block; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 0.22rem; color: #fff;  font-family: 'Impact'; }
  .b-menu ul { list-style: none; margin: 0; padding: 0; }
  .b-menu ul li { line-height: 0.26rem; }
  .b-menu ul a { display: inline-block; font-size: 0.15rem; color: #fff; transition:all .2s ease-out; }
  .b-menu ul a.a-hover:hover { padding-left: 0.1rem; color: #d24c2b }




.footer-copy { padding: 0.4rem 0; border-top: 1px solid rgba(255,255,255,.1); color: #696995; }
  .footer-copy .copy span { display: inline-block; margin-right: 0.3rem;  }
  .footer-copy .copy a { color: #696995; }

  /*index*/
.ind01 { padding-bottom: 1.5rem; background-image: url(../images/ind01-bg.png); background-repeat: no-repeat; background-position: 50% 0%; background-size: 100% 4.8rem; }
  .ind01 .ind01-tit { border-bottom: 1px solid #6b6a9b; }
  .ind01 .ind01-tit .tit { margin: 0.25rem 0; color: #fff; font-size: 0.26rem; font-family: 'Impact'; }
  .ind01 .ind01-tit .ind01-t-btns { position: absolute; top: 50%; right: 0.2rem; transform: translateY(-50%); }
  .ind01 .ind01-tit .ind01-button-prev,
  .ind01 .ind01-tit .ind01-button-next { display: inline-block; color: #fff; font-size: 0.3rem; }

.ind01 .swiper-container { margin-top: 50px; }
  .ind01 .swiper-slide .tit { margin-top: 0.3rem; margin-bottom: 0.15rem; padding-bottom: 0.15rem; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 0.25rem; font-weight: bold; }
  .ind01 .swiper-slide .txt { color: #fff; }
  .ind01 .swiper-slide .item-icon { margin-top: 0.3rem; width: 0.36rem; height: 0.39rem; background-image: url(../images/ind01-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .ind01 .swiper-slide .item-btns { margin-top: 1.2rem; }
  .ind01 .swiper-slide .item-btns a { }
  .ind01 .swiper-slide .item-btns a { display: inline-block; border-radius: 0.25rem; border: 1px solid #fff; width: 1.8rem; height: 0.46rem; line-height: 0.44rem; color: #fff; text-align: center; background-color: #e06229; }
  .ind01 .swiper-slide .item-btns a + a { margin-left: 0.15rem; }
  .ind01 .swiper-slide .item-btns a:hover { color: #fff; background-color: #31307c; }


.ind03 { padding-top: 70px; padding-bottom: 70px; }
  .ind03 .ind03-map { position: relative; }
  .ind03 .ind03-map .map-logo { position: absolute; top: 43.076%; left: 43.035%; width: 0.68rem; height: 0.23rem; background-image: url(../images/map-logo.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: translate(0,-50%); animation-duration: 3s; animation-iteration-count: infinite;  animation-name: map-logo; }

  .ind03 .about01-list { position: relative; z-index: 60; margin-top: -0.6rem; }

  @keyframes map-logo {
    0% {
      transform: translate(0.05rem,-50%);;
    }
    50% {
      transform: translate(0,-50%);;
    }
    100% {
      transform: translate(0.05rem,-50%);;
    }
  }



.ind04 { position: relative;  }
.ind04 .swiper-slide { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.ind04 .swiper-slide .txtbox { position: absolute; top: 35%; left: 0; width: 100%; color: #fff; transform: translateY(-50%);  }
.ind04 .swiper-slide .txtbox .tit { width: 50%; font-size: 0.42rem; color: #fff; font-family: 'Impact'; }
.ind04 .swiper-slide .txtbox .tit:before { content: ''; display: inline-block; margin-right: 0.08rem; width: 0.36rem; height: 0.39rem; vertical-align: -0.03rem; background-image: url(../images/ind01-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.ind04 .swiper-slide .txtbox .txt { padding-left: 0.5rem; width: 50%; }
.ind04-btns { position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; background-color: rgba(42,41,115,.7); }
.ind04-btns .item { position: relative; margin: 0 auto; padding: 0.4rem 0; padding-left: 1rem; width: 2.8rem; }
.ind04-btns [class*='col-'] + [class*='col-']:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color:rgba(255,255,255,0.2); }
.ind04-btns .item em { position: absolute; left: 0; top: 50%; color: #f25821; font-size: 0.8rem; transform: translateY(-50%); }
.ind04-btns .item .tit { margin-top: 0.15rem; color: #fff; font-size: 0.25rem; font-family: 'Impact'; text-transform: uppercase; }
.ind04-btns .item .txt { color: #fff; }

.ind04-btns [class*='col-'].cur { background-color: rgba(0,0,0,.5); }
.ind04-btns [class*='col-'].cur em { color: #fff; }
.ind04-btns [class*='col-'].cur .tit { color: #f25821; }
.ind04-btns [class*='col-'].cur .txt { color: #f25821; }

.ind05 { padding-top: 0.7rem; padding-bottom: 0.5rem; }
  .ind-news { margin-top: 0.25rem; }
  .ind-news .item { display: block; margin-bottom: 0.35rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
  .ind-news .img-box { position: relative; background-color: rgba(42,41,115,.9); }
  .ind-news .img-box .date { position: absolute; left: 0; bottom: 0; width: 1.3rem; height: 0.45rem; line-height: 0.45rem; text-align: center; font-size: 0.18rem; color: #fff; font-family: 'Impact'; background-color: rgba(42,41,115,.8); transition:all .2s ease-out; }
  .ind-news .txt-box { position: relative; height: 2.2rem; }
  .ind-news .txt-box-show { position: absolute; bottom: 0; left: 0; padding: 0.35rem 0.2rem; width: 100%; height: 100%; color: #999; transition:all .2s ease-out; }
  .ind-news .txt-box .tit { margin: 0 0 20px; font-size: 0.22rem; color: #494949; font-family: 'Impact'; transition:all .2s ease-out; }
  .ind-news .txt-box .txt { height: 0.88rem; color: #7a7a7a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition:all .2s ease-out; }

  .ind-news .item:hover .img-box .date { background: rgba(242,88,33,.7); }
  .ind-news .item:hover .txt-box { background: #2a2973; }
  .ind-news .item:hover .txt-box .tit { color: #fff; }
  .ind-news .item:hover .txt-box .txt { color: #6a69b2; }

.ind06 { overflow: hidden; position: relative; height: 1.4rem; }
.ind06:after { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 150%; background-image: url(../images/ind06.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: transform .6s; }
.ind06:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 7; width: 0.43rem; height: 0.41rem; background-image: url(../images/ind06-btn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: translate(-50%,-50%); }
.ind06:hover:after { transform: translateY(-30%); }
.ind06:hover:before { background-image: url(../images/banner-pagination01.png); }


.page-tit-box { margin-bottom: 0.4rem; }
  .page-tit { margin: 0; font-family: 'Impact'; font-size: 0.38rem; color: #201c70; margin: 0 0 0.15rem;}
  .page-tit a { color: #201c70; }
  .page-tit.white { color: #fff; }
  .page-tit.white a { color: #fff; }
    .page-tit:before { content: ''; display: inline-block; margin-right: 0.08rem; width: 0.36rem; height: 0.39rem; vertical-align: -0.03rem; background-image: url(../images/page-tit.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.page-tit-box .txt { padding-left: 0.5rem; padding-top: 0.2rem; }


.about01 { padding-top: 0.7rem; padding-bottom: 1.0rem; }
  .about01-txt { font-weight: bold; }
    .about01-txt .page-tit { margin-bottom: 0.4rem; }
    .about01-txt h4 { margin-top: 0.3rem; font-size: 0.25rem; font-weight: bold; color: #f25821; }

  .about01-list { margin-top: 0.4rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
    .about01-list [class*='col-'] + [class*='col-']:before { content: ''; position: absolute; top: 0.3rem; left: 0; bottom: 0.3rem; width: 1px; background-color: rgba(0,0,0,.1); }
    .about01-list .item { padding: 0.3rem 0.2rem; text-align: center; }
    .about01-list .item em { font-style: normal; text-align: center; font-size: 0.6rem; color: #201c70; font-family: 'Impact'; }
    .about01-list .item em span { color: #f25821; }

    .about01-list .item:hover { background-color: #f25821; }
    .about01-list .item:hover em { color: #fff; }
    .about01-list .item:hover em span { color: #fff; }
    .about01-list .item:hover p { color: #fff; }


.about02 {  }
  .about02 .item { position: relative; }
  .about02 .item:before { content: ''; position: absolute; margin-top: 1.0rem; left: 0.15rem; top: 0.15rem; bottom: 0.15rem; right: 0.15rem; z-index: 30; background-color: rgba(42,41,115,.85); opacity: 0; transition:all .3s ease-out; }
  .about02 .txtbox { position: absolute; top: 30%; left: 0.4rem; right: 0.4rem; z-index: 50; color: #fff; transition:all .3s ease-out; }
  .about02 .txtbox em { display: block; width: 0.8rem; height: 0.8rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about02 .txtbox.a1 em { background-image: url(../images/about02-01-icon.png); }
  .about02 .txtbox.a2 em { background-image: url(../images/about02-02-icon.png); }
  .about02 .txtbox.a3 em { background-image: url(../images/about02-03-icon.png); }
  .about02 .txtbox h3 { margin: 0 0 0.24rem; font-family: 'Impact'; font-size: 0.36rem; }
  .about02 .txtbox p { line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
  .about02 .item:hover:before { margin-top: 0; opacity: 1; }
  .about02 .item:hover .txtbox { top: 30%; }

.about03 { padding-top: 0.7rem; }
  .about03-txt .page-tit {  }
  .about03-txt p { margin-top: 0.2rem; font-size: 0.16rem; font-weight: bold; color: #505050; }
.about03-list { margin-top: 0.6rem; margin-left: -0.08rem; margin-right: -0.08rem; }
  .about03-list .item { float: left; padding-left: 0.08rem; padding-right: 0.08rem; width: 16%; text-align: center; transition:all .2s ease-out;  }
  .about03-list .item.a2 { margin-top: 0.3rem; }
  .about03-list .item.a3 { margin-top: -0.3rem; }
  .about03-list .item > div { position: relative; padding-top: 1.3rem; height: 5.0rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about03-list .item > div:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(42,41,115,.7); }
  .about03-list .item.a3 > div:before { background: rgba(242,88,33,.7); }
  .about03-list .item h3 { position: relative; z-index: 50; font-family: 'Impact'; font-size: 0.25rem; color: #fff; text-transform: uppercase; }
  .about03-list .item h3 em { display: block; margin: 0 auto 0.12rem; width: 0.8rem; height: 0.8rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about03-list .item.a1 em { background-image: url(../images/about03-01-icon.png); }
  .about03-list .item.a2 em { background-image: url(../images/about03-02-icon.png); }
  .about03-list .item.a3 em { background-image: url(../images/about03-03-icon.png); }
  .about03-list .item p { position: relative; z-index: 50; display: none; font-family: 'Impact'; font-size: 0.26rem; color: #fff; }

  .about03-list .item.cur { width: 68%; text-align: left; }
  .about03-list .item.cur > div:before { background: linear-gradient(110deg, #2a2973, transparent); }
  .about03-list .item.cur h3 { font-size: 0.35rem; }
  .about03-list .item.cur h3 em { display: inline-block; margin-right: 0.12rem; margin-bottom: 0; vertical-align: -0.24rem; }
  .about03-list .item.cur p { display: block; }
  .about03-list .item.cur > div { padding-left: 0.4rem; padding-right: 0.4rem; }

.about04-txt { margin-top: 0.7rem; }
.about04-box { position: relative; margin-top: 0.4rem; }

  .about04-box .swiper-slide { height: 7.16rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about04-box .swiper-slide p { position: relative; z-index: 200; margin-left: 0.8rem; margin-right: 0.8rem; line-height: 1.0rem; font-size: 0.2rem; color: #fff; }
  .about04-box .swiper-slide:before,
  .about04-box .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background: linear-gradient(130deg, #2a2973,transparent, transparent); }
  .about04-box .swiper-slide:before { position: absolute; top: 0; left: 0; z-index: 60; width: 100%; height: 1.0rem; background-color: rgba(0,0,0,.5); }

.about04-box .about04-btns { position: absolute; top: 0; left: 0; z-index: 60; width: 100%; height: 1.0rem; }
.about04-box .about04-btns .about04-btn-prev,
.about04-box .about04-btns .about04-btn-next { position: absolute; top: 0.28rem; right: 0.15rem; width: 0.23rem; height: 0.44rem; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.about04-box .about04-btns .about04-btn-prev { left: 0.15rem; background-image: url(../images/left.png); }



.contact01 { padding-top: 0.7rem; padding-bottom: 0.5rem; }
  .contact01 .txt-name { font-size: 0.28rem; color: #f25821; font-family: 'Impact'; }
  .contact01 .contact01-list { margin-top: 0.25rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
  .contact01 .contact01-list .item { padding: 0.2rem; border: 1px solid rgba(0,0,0,.05); height: 2.4rem; text-align: center; font-size: 0.2rem; color: #565656; font-family: 'Impact'; }
  .contact01 .contact01-list .item em { display: block; margin: 0.15rem auto; width: 0.8rem; height: 0.8rem; }
  .contact01 .contact01-list .item span { }
  .contact01 .contact01-list .item:hover { color: #fff; background-color: #2a2973; }
  .contact01 .contact01-list .item:hover span { color: #fff; }


.solution01 { padding-top: 0.7rem; padding-bottom: 0.7rem; }
  .solution01 .tit01 { font-size: 26px; color: #f25821; font-weight: bold; }
  .solution01 .txtbox { margin-top: 0.5rem; padding: 0.3rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }

.solution02 { background-color: #f5794d; }
  .solution02 .swiper-slide { position: relative; height: 500px; }
  .solution02 .swiper-slide .container { position: relative; z-index: 30; }
  .solution02 .swiper-slide [class*='col-'] { position: relative; height: 500px; }
  .solution02 .swiper-slide .l-txt { position: absolute; top: 50%; width: 90%; color: #fff; font-size: 0.22rem; font-weight: bold; line-height: 2; transform: translateY(-50%); }
  .solution02 .swiper-slide .l-txt .icon-img {  width: 0.75rem; height: 0.75rem; background-image: url(../images/solution02-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .solution02 .swiper-slide .r-txt { position: absolute; top: 50%; color: #fff; font-weight: bold; line-height: 2; transform: translateY(-50%); }
  .solution02 .swiper-slide-bg { overflow: hidden; position: absolute; width: 50%; height: 100%; }
  .solution02 .swiper-slide-bg:before { content: ''; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: linear-gradient(130deg, #2a2973, transparent); }
  .solution02 .swiper-slide-bg > div { position: absolute; z-index: 5; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: transform .4s; }
  .solution02 .swiper-slide:hover .swiper-slide-bg > div { transform: scale(1.05); }
    

.solution02-btns { position: absolute; left: 0; top: 0; z-index: 50; padding: 0.2rem 0; width: 100%; }
.solution02-btn-prev,
.solution02-btn-next { display: inline-block; margin: 0 0.1rem; font-size: 0.5rem; color: #fff; }
.solution02-btn-prev:hover,
.solution02-btn-next:hover { color: #f25821; }


.solution03 { padding-top: 0.7rem; padding-bottom: 0.7rem; }
  .solution03-list { margin-top: 0.35rem; }
  .solution03-list .item { position: relative; margin-bottom: 0.2rem; padding-bottom: 1.4rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
  .solution03-list .item .txtbox { overflow: hidden; position: absolute; bottom: 0; left: 0; padding: 0.4rem 0.3rem; width: 100%; height: 1.4rem; background-color: #fff; transition:all .2s ease-out; }
  .solution03-list .item .txtbox .tit { margin-bottom: 0.3rem; font-size: 0.26rem; color: #333; font-family: 'Impact'; transition:all .2s ease-out; }
  .solution03-list .item .txtbox .txt { font-size: 0.16rem; color: #727272; opacity: 0; transition:all .2s ease-out; }

  .solution03-list .item:hover { }
  .solution03-list .item:hover .txtbox { border-bottom: 4px solid #f25821; height: 2.9rem; transition:all .2s ease-out; }
  .solution03-list .item:hover .txtbox .tit { color: #f25821; }
  .solution03-list .item:hover .txtbox .txt { opacity: 1; }

.solution04 { padding-top: 0.6rem; padding-bottom: 0.6rem; background-image: url(../images/solution04-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.solution04 .page-tit { margin-bottom: 0.4rem; }
.solution04-list [class*='col-'] { margin-bottom: 0.25rem; }
.solution04-list [class*='col-'] img { border-radius: 0.04rem;border: 1px  solid #fff; }
.solution04-list [class*='col-'] img:hover { border: 1px solid #f24104; box-shadow: 0 0 0.25rem rgb(0 0 0 / 70%); }








.page-head { position: relative; }
.page-head .search-bar { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }


.list-news-box { padding-top: 0.7rem; padding-bottom: 0.5rem; }
.list-news { margin-top: 0.45rem; }
.list-news .item { display: block; margin-bottom: 0.35rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.list-news .img-box { background-color: rgba(42,41,115,.9); }
.list-news .txt-box { position: relative; height: 2.4rem; }
.list-news .txt-box-show { position: absolute; bottom: 0; left: 0; padding: 0.35rem 0.2rem; width: 100%; height: 100%; color: #999; transition:all .2s ease-out; }
.list-news .txt-box .date { font-size: 0.18rem; font-family: 'Impact'; transition:all .2s ease-out; }
.list-news .txt-box .tit { margin: 0.1rem 0 20px; font-size: 0.18rem; color: #313131; font-family: 'Impact'; transition:all .2s ease-out; }
.list-news .txt-box .txt { height: 0.88rem; font-size: 0.16rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition:all .2s ease-out; }

.list-news .item:hover .txt-box-show { padding: 0.65rem 0.2rem; height: 3.7rem; background-color: rgba(242,88,33,.9); }
.list-news .item:hover .txt-box-show { color: #fff; }
.list-news .item:hover .txt-box .tit { color: #fff; }
.list-news .item:hover .txt-box .txt {  height: 1.54rem; -webkit-line-clamp: 7; }


.news-v { padding-top: 0.7rem; padding-bottom: 0.5rem; }
  .news-v-head { margin-top: 0.5rem; margin-bottom: 0.2rem; padding-bottom: 0.15rem; border-bottom: 3px solid #898989; text-align: center; }
  .news-v-head .title a { color: #313131; font-size: 0.28rem; font-family: 'Impact'; }
  .news-v-head .news-v-state { font-family: 'Impact'; color: #999; font-size: 0.16rem; }
  .news-v-body { padding: 0.15rem 0.15rem  0.90rem; }
  

.list-search-box { padding-top: 0.7rem; padding-bottom: 0.5rem; }
.list-search { margin-top: 0.45rem; }
.list-search .item { display: block; margin-bottom: 0.35rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.list-search .img-box { background-color: rgba(42,41,115,.9); }
.list-search .txt-box { position: relative;  padding: 0.35rem 0.2rem; color: #999; transition:all .2s ease-out; }
.list-search .txt-box .date { font-size: 0.18rem; font-family: 'Impact'; transition:all .2s ease-out; }
.list-search .txt-box .tit { margin: 0.1rem 0 20px; font-size: 0.18rem; color: #313131; font-family: 'Impact'; transition:all .2s ease-out; }
.list-search .txt-box .txt { font-size: 0.16rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition:all .2s ease-out; }



  

.col-contact { padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: #f3f3f3; background-image: url(../images/col-contact-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
  .col-contact .showbox { padding-left: 0.47rem; padding-top: 0.2rem; }
  .col-contact .showbox p { font-size: 0.3rem; color: #484848; font-family: 'Impact'; }
  .col-contact .showbox a { display: block; margin-top: 0.15rem; width: 1.2rem; height: 0.5rem; text-align: center; background-color: #f25821; }
  .col-contact .showbox a i { color: #fff; font-size: 0.5rem; }

.col-related-news { padding-top: 0.6rem; padding-bottom: 0.6rem; background-image: url(../images/related.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .col-related-news .col-tit { color: #fff; font-size: 0.38rem; font-family: 'Impact'; text-align: center; }

  .related-news { margin-top: 0.6rem; }
  .related-news .item { margin-bottom: 0.2rem; padding: 0.5rem 0.2rem; background-color: #fff; }
    .related-news .item .date { color: #f25821; font-size: 0.16rem; }
    .related-news .item .tit { height: 0.6rem; font-family: 'Impact'; color: #313131; font-size: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .related-news .item .more { margin-top: 0.2rem; padding-top: 0.07rem; border: 1px solid #d0d0d0; width: 0.6rem; height: 0.5rem; text-align: center; background-color: #fff; }
    .related-news .item .more i { color: #3d3d3d; font-size: 0.3rem; }
    .related-news .item:hover { background-color: #f25821; }
    .related-news .item:hover .date { color: #fff; }
    .related-news .item:hover .tit { color: #fff; }


.list-pro-box { padding-top: 0.7rem; padding-bottom: 0.5rem; }
.list-pro { margin-top: 0.45rem; }
.list-pro .item { display: block; margin-bottom: 0.35rem; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;  }
  .list-pro .img-box { position: relative; flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; position: relative; margin-right: 0.5%; border: 1px solid #a2a2a2; max-width: 40%; background-color: #fff; }
  .list-pro .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(242,88,33,.8); opacity: 0;  transition:all .2s ease-out; }
  .list-pro .img-box .icon-box { position: absolute; top: 50%; left: 50%; z-index: 30; font-size: 60px; color: #fff; transform: translate(-50%,-50%); opacity: 0;  transition:all .2s ease-out; }
  .list-pro .txt-box { position: relative; flex-grow: 1; flex-shrink: 1; padding: 0.4rem; max-width: 60%; background-image: url(../images/pro-list-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
  .list-pro .txt-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(242,88,33,.8); opacity: 0;  transition:all .2s ease-out; }
  .list-pro .txt-box .tit { position: relative; margin-top: 26px; margin-bottom: 20px; z-index: 50; font-size: 0.32rem; color: #d24c2b; font-family: 'Impact'; transition:all .2s ease-out; }
  .list-pro .txt-box .txt { position: relative; z-index: 50; font-size: 16px; line-height: 1.8; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition:all .2s ease-out; }
  .list-pro .txt-box .more { position: relative; z-index: 50; margin-left: -0.1rem; font-size: 54px; color: #555; line-height: 2; transition:all .2s ease-out; }


.list-pro .item:hover { }
  .list-pro .item:hover .img-box:before { opacity: 1; }
  .list-pro .item:hover .img-box .icon-box { opacity: 1; }
  .list-pro .item:hover .txt-box .tit { color: #fff; }
  .list-pro .item:hover .txt-box .txt { color: #fff; }
  .list-pro .item:hover .txt-box .more { color: #fff; }
  .list-pro .item:hover .txt-box:before { opacity: 1; }


.pro-v { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .pro-v .page-tit { margin-bottom: 0.25rem; }
  .pro-v .crumbs {  margin-bottom: 0.2rem; font-weight: bold; }
  .pro-v .crumbs a { color: #9f9f9f; }

  .pro-v .crumbs a:hover{color: #d24c2b;}
  .pro-v .crumbs a + a:before { content: '>'; display: inline-block; margin-left: 0.05rem; margin-right: 0.05rem;  }

.pro-v-head { padding: 0.4rem 0; border-top: 15px solid #d7d7d7; border-bottom: 15px solid #d7d7d7; background-color: #fff; }
  .pro-v-basic { padding: 0.4rem 0.3rem; background-color: #ed8863; }
  .pro-v-basic .title { margin: 0 0 0.25rem; font-size: 0.36rem; color: #fff; font-weight: bold; }
  .pro-v-basic .title a { color: #fff; }
  .pro-v-basic .txt { min-height: 2.3rem; color: #fff; }
  .pro-v-basic .pro-v-head-btns { margin-top: 0.25rem; }
  .pro-v-basic .pro-v-head-btns a { display: inline-block; border-radius: 0.25rem; border: 1px solid #fff; width: 1.8rem; height: 0.46rem; line-height: 0.44rem; color: #fff; text-align: center; }
  .pro-v-basic .pro-v-head-btns a + a { margin-left: 0.15rem; }
  .pro-v-basic .pro-v-head-btns a:hover { border: 1px solid #201c70; background-color: #201c70; }
.imgbox-Small .swiper-slide{padding: 4px;}

.imgbox-Small img{border: 1px solid #ccc;}
.pro-v-body { padding-top: 0.4rem; }
  .pro-v-body-tit { position: relative; margin-bottom: 0.2rem; padding-bottom: 0.1rem; color: #201c70; font-family: 'Impact'; font-size: 0.28rem; }
  .pro-v-body-tit:before { content: ''; position: absolute; bottom: 0; left: 0; width: 2.4rem; height: 4px; background-color: #dd8365; }

.col-related-pro {  }
.col-related-pro { padding-top: 0.6rem; padding-bottom: 0.6rem; background-image: url(../images/related-pro.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .col-related-pro .col-tit { position: relative; display: inline-block; padding-bottom: 0.20rem; color: #fff; font-size: 0.38rem; font-family: 'Impact'; text-align: center; }
  .col-related-pro .col-tit:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 60%; height: 4px; background-color: #cf4f23; transform: translateX(-50%); }

  .related-pro { margin-top: 0.6rem; }
  .related-pro .item { position: relative; margin-bottom: 0.2rem; padding-bottom: 0.8rem; background-color: #fff; }
    .related-pro .item .txt-box { position: absolute; left: 0; bottom: 0; padding: 0.3rem 0.15rem; width: 100%; height: 0.8rem; background-color: #ebebeb; transition:all .2s ease-out;  }
    .related-pro .item .tit { position: relative; margin: 0.8rem 0 0.25rem; padding-top: 0.4rem; font-family: 'Impact'; color: #353536; font-size: 0.2rem; transition:all .2s ease-out;  }
    .related-pro .item .tit:before { content: ''; overflow: hidden; position: absolute; top: 0; left: 0; width: 0.6rem; height: 3px; background-color: #fff; }
    .related-pro .item .txt { color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;  transition:all .2s ease-out;  }
    .related-pro .item .more {  margin-top: 0.2rem; padding-top: 0.07rem; border: 1px solid #fff; width: 0.6rem; height: 0.5rem; text-align: center; }
    .related-pro .item .more i { color: #fff; font-size: 0.3rem; }

    .related-pro .item:hover { }
    .related-pro .item:hover .txt-box { height: 100%; background-color:rgba(242,88,33,0.85); }
    .related-pro .item:hover .date { color: #fff; }
    .related-pro .item:hover .tit { font-size: 0.26rem; color: #fff; }

.col-contact-b { background-image: url(../images/col-contact-b.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.col-contact-b .col-tit { padding-top: 0.5rem; padding-bottom: 0.25rem; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 0.38rem; color: #1c236d; font-family: 'Impact'; text-align: center; }
.col-contact-b .col-show { padding-top: 0.5rem; padding-bottom: 0.6rem; font-size: 0.25rem; color: #303030; text-align: center; }
.col-contact-b .col-show a { color: #303030; }
.col-contact-b .col-show span { color: #303030; }
.col-contact-b .col-show span + span { margin-left: 0.5rem; }
.col-contact-b .col-show svg { margin-right: 0.06rem;font-size: 0.4rem; color: #d24c2b; vertical-align: -0.08rem; }

.col-contact-b .col-show a:hover { color: #d24c2b; }



.maodian { position: relative; top: -100px; }


@media ( max-width: 1600px ) and ( min-width: 1300px ){



}

@media ( max-width: 1299px ) and ( min-width: 1201px ){
  .list-pro .txt-box { padding: 0.2rem 0.4rem; }


}

@media ( max-width: 1200px ) and ( min-width: 992px ){
  .list-pro .txt-box { padding: 0.1rem 0.2rem; }
  .list-pro .txt-box .more { font-size: 34px; line-height: 1; }


  .ind04-btns .item { padding-top: 0.12rem; padding-bottom: 0.12rem; }

  .about02 .txtbox h3 { font-size: 0.26rem; }
  .about02 .txtbox em { width: 0.6rem; height: 0.6rem; }

  .about03-list .item > div { height: 4.0rem; }
  .about03-list .item h3 { font-size: 0.18rem; }
  .about03-list .item h3 em { width: 0.5rem; height: 0.5rem; }
  .about03-list .item p { font-size: 0.2rem; }
  .about03-list .item.cur h3 { font-size: 0.25rem; }
  .about03-list .item.cur h3 em { vertical-align: -0.10rem; }

  .solution03-list .item .txtbox .tit { font-size: 0.20rem; }


}

@media ( max-width: 991px ) and ( min-width: 768px ){

  .page-banner { height: 4rem; }
  .page-banner .banner-tit { width: 90%; }
  .page-banner .banner-tit .tit { margin-bottom: 0.25rem; font-size: 0.36rem; }
  .page-banner .banner-tit .txt strong { font-size: 0.2rem; }

  .footer { background-size: 60% auto; }
  .footer-logo-nav { padding: 0 0 0.3rem; }
  .b-logo { margin-top: 0.4rem; }
  .b-logo img { display: block; margin: 0 auto; }
  .b-form .b-form-btn { width: 100%; }
  .b-share { text-align: center; }
  .footer-copy { padding: 0.2rem 0; }


  .ind04-btns .item { padding: 0.1rem 0; width: auto; text-align: center; }
  .ind04-btns .item em { position: static; font-size: 0.5rem; }
  .ind04-btns [class*='col-'] .tit { margin-top: 0; }


  .about02 .txtbox h3 { font-size: 0.26rem; }
  .about02 .txtbox em { width: 0.6rem; height: 0.6rem; }

  .about03-list .item > div { height: 4.0rem; }
  .about03-list .item h3 { font-size: 0.16rem; }
  .about03-list .item h3 em { width: 0.5rem; height: 0.5rem; }
  .about03-list .item p { font-size: 0.18rem; }
  .about03-list .item.cur h3 { font-size: 0.22rem; }
  .about03-list .item.cur h3 em { vertical-align: -0.10rem; }

  .about04-box .swiper-slide { height: 5rem; }
  .about04-box .swiper-slide:before { height: 0.6rem; }
  .about04-box .swiper-slide p { line-height: 0.6rem; }
  .about04-box .about04-btns { height: 0.6rem; }
  .about04-box .about04-btns .about04-btn-prev,
  .about04-box .about04-btns .about04-btn-next { top: 0.18rem; width: 0.18rem; height: 0.28rem; }

  .solution02 .swiper-slide-bg { width: 100%; }
  .solution02 .swiper-slide .l-txt { font-size: 0.18rem; }
  .solution02 .swiper-slide .l-txt .icon-img { width: 0.50rem; height: 0.50rem; }

  .solution03-list .item .txtbox .tit { font-size: 0.20rem; }

  .news-v-head .title { font-size: 0.22rem; }

  .col-contact .showbox p { font-size: 0.2rem; }
  .col-contact .showbox a { padding-top: 0.05rem; width: 0.8rem; height: 0.4rem; }
  .col-contact .showbox a i { font-size: 0.3rem; }

  .col-related-news .col-tit { font-size: 0.26rem; }
  .related-news .item .tit { height: 0.44rem; font-size: 0.20rem; }

  .col-contact-b .col-tit { font-size: 0.28rem; }
  .col-contact-b .col-show span { display: block; margin-bottom: 0.2rem; }
  .col-contact-b .col-show span + span { margin-left: 0; }
  .col-contact-b .col-show { font-size: 0.18rem; }
  .col-contact-b .col-show svg { font-size: 0.26rem; vertical-align: -0.05rem; }


}

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

  .page-banner { height: 3rem; }
  .page-banner .banner-tit { width: 90%; }
  .page-banner .banner-tit .tit { margin-bottom: 0.2rem; font-size: 0.32rem; }
  .page-banner .banner-tit .txt { font-size: 0.16rem; }
  .page-banner .banner-tit .txt strong { font-size: 0.18rem; }

  .banner-pagination-box { bottom: 0.1rem; }
  .banner-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; }
  .banner-pagination .swiper-pagination-bullet:before { border-left: 0.05rem solid transparent; border-right: 0.05rem solid transparent; border-bottom: 0.08rem solid #f25821; }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border-bottom: 0.08rem solid #31307c; }
  .banner-pagination .swiper-pagination-bullet:nth-child(1) { border-radius: 0; width: 0.18rem; height: 0.18rem; }

  .footer { background-size: 60% auto; }
  .footer-logo-nav { padding: 0 0 0.3rem; }
  .b-logo { margin-top: 0.4rem; }
  .b-logo img { display: block; margin: 0 auto; }
  .b-form .b-form-btn { width: 100%; }
  .b-share { text-align: center; }
  .footer-copy { padding: 0.2rem 0; }


  .ind01 { padding-bottom: 0.6rem; background-image: url(../images/ind01-bg.png); background-repeat: no-repeat; background-position: 50% 0%; background-size: 100% 2.8rem; }
  .ind01 .ind01-tit .tit { font-size: 0.22rem; }
  .ind01 .swiper-container { margin-top: 30px; }
    .ind01 .swiper-slide .tit { color: #494949; font-size: 0.18rem; }
    .ind01 .swiper-slide .txt { color: #494949; }
    .ind01 .swiper-slide .item-icon { display: none; }
    .ind01 .swiper-slide .item-btns { margin-top: 0.5rem; }
    .ind01 .swiper-slide .item-btns a { display: block; margin-bottom: 0.1rem; width: 100%; }
    .ind01 .swiper-slide .item-btns a + a { margin-left: 0; }

  .ind04 .swiper-slide .txtbox .tit { width: 100%; }
  .ind04 .swiper-slide .txtbox .txt { width: 100%; }
  .ind04-btns .item { padding: 0.05rem 0 0.1rem; width: auto; text-align: center; }
  .ind04-btns .item em { position: static; font-size: 0.5rem; }
  .ind04-btns .item .tit { font-size: 0.16rem; }
  .ind04-btns .item .txt { display: none; }
  .ind04-btns [class*='col-'] .tit { margin-top: 0; }


  .page-tit { font-size: 0.26rem; }
  .contact01 .txt-name { font-size: 0.18rem; }

  .about01-list .item em { font-size: 0.4rem; }
  .about02 .txtbox h3 { font-size: 0.26rem; }
  .about02 .txtbox em { width: 0.6rem; height: 0.6rem; }

  .about03-list .item > div { height: 4.0rem; }
  .about03-list .item h3 { font-size: 0.18rem; }
  .about03-list .item h3 em { width: 0.5rem; height: 0.5rem; }
  .about03-list .item p { font-size: 0.2rem; }
  .about03-list .item.cur h3 { font-size: 0.25rem; }
  .about03-list .item.cur h3 em { vertical-align: -0.10rem; }

  .about03-list .item { width: 100%; }
  .about03-list .item.cur { width: 100%; }
  .about03-list .item p { display: block; }
  .about03-list .item.a3 { margin-top: 0.3rem; }

  .about03-list .item {  width: 100%; text-align: left; }
  .about03-list .item > div:before { background: linear-gradient(to right, #2a2973, transparent); }
  .about03-list .item h3 { font-size: 0.25rem; }
  .about03-list .item h3 em { display: inline-block; margin-right: 0.12rem; margin-bottom: 0; vertical-align: -0.10rem; }
  .about03-list .item p { display: block; }
  .about03-list .item > div { padding-left: 0.4rem; padding-right: 0.4rem; }

  .about04-box .swiper-slide { height: 3.5rem; }
  .about04-box .swiper-slide:before { height: 0.6rem; }
  .about04-box .swiper-slide p { margin-left: 0.4rem; margin-right: 0.4rem; line-height: 0.6rem; font-size: 0.16rem; }
  .about04-box .about04-btns { height: 0.6rem; }
  .about04-box .about04-btns .about04-btn-prev,
  .about04-box .about04-btns .about04-btn-next { top: 0.18rem; width: 0.18rem; height: 0.28rem; }

  .solution02 .swiper-slide-bg { width: 100%; }
  .solution02 .swiper-slide .l-txt { font-size: 0.18rem; }
  .solution02 .swiper-slide .l-txt .icon-img { width: 0.50rem; height: 0.50rem; }

  .solution03-list .item .txtbox .tit { font-size: 0.20rem; }


  .news-v-head .title { font-size: 0.22rem; }

  .col-contact .showbox p { font-size: 0.2rem; }
  .col-contact .showbox a { padding-top: 0.05rem; width: 0.8rem; height: 0.4rem; }
  .col-contact .showbox a i { font-size: 0.3rem; }

  .col-related-news .col-tit { font-size: 0.26rem; }
  .related-news .item .tit { height: 0.44rem; font-size: 0.20rem; }



  .pro-v-basic .pro-v-head-btns a { display: block; margin-bottom: 0.1rem; width: 100%; }
  .pro-v-basic .pro-v-head-btns a + a { margin-left: 0; }
  .col-related-pro .col-tit { font-size: 0.28rem; }

  .col-contact-b .col-tit { font-size: 0.28rem; }
  .col-contact-b .col-show span { display: block; margin-bottom: 0.2rem; }
  .col-contact-b .col-show span + span { margin-left: 0; }
  .col-contact-b .col-show { font-size: 0.18rem; }
  .col-contact-b .col-show svg { font-size: 0.26rem; vertical-align: -0.05rem; }


  .list-pro .item { flex-direction: column; }
  .list-pro .img-box { margin-right: 0; margin-bottom: 0.15rem; max-width: 100%; }
  .list-pro .txt-box { padding: 0.2rem; max-width: 100%; }
  .list-pro .txt-box .tit { font-size: 0.20rem; }
  .list-pro .txt-box .more { margin-left: -0.07rem; font-size: 24px; }


}

/* 个别 */
@media screen and (max-width: 1200px) {



}