@import url('base.css');

/* header */
@media ( min-width: 992px ){

  .header-box { position: fixed; /*position: absolute; */ z-index: 1030; top: 0; width: 100%; height: 1.2rem; /*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.03rem 0.03rem rgb(0,0,0,.1);  /*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 {  }
    .logo { float: left; margin-right: 0.25rem; padding: 0.21rem 0 0 0.15rem;  /*width: 2.62rem; height: 0.89rem*/ }
    .logo img { height: 0.77rem; }

  .menu-box { height: 1.2rem; }
    .head-email { float: right; position: relative; margin-top: 40px; padding: 0.05rem 0 0 0.5rem; line-height: 1.3; text-transform: uppercase; }
    .head-email em { position: absolute; top: 0; left: 0; width: 0.45rem; height: 0.45rem; background-image: url(../../images/wzx/headtop.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .head-email span { display: block; }
    
    .menu { list-style: none; margin: 0 0 0; padding: 0; display: flex; justify-content: space-around;  }
    .menu > li { position: relative; }
    .menu > li > a { display: block; position: relative; padding: 0.52rem 0.06rem 0; height: 1.2rem; text-decoration: none; text-align: center;  font-family: 'avantgardeitcbybt-book'; transition:all .3s ease-out; }
    .menu > li > a { font-size: 0.14rem; font-weight: bold; color: #000; text-transform: uppercase; white-space: nowrap; }
    .menu > li > a span { margin-left:0; color: #000; line-height: 1; vertical-align: 0.015rem; }
    .menu > li.current > a {  }
    /*.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: #d6a77b; }
    /*.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; display: none; position: absolute; top: 100%; left: -0.14rem; z-index: 40; margin-top: -0.03rem; padding-top: 0.03rem; box-shadow: 0 0.03rem 0.03rem rgb(0,0,0,.05); opacity: 0; transition:all .2s ease-out;}
      .menu .sub-nav-box { padding: 0.20rem 0.2rem 0.28rem; background-color: rgba(255,255,255,1); }
      .menu .sub-nav-box .sub-btn { list-style: none; margin:0; padding: 0; }
      .menu .sub-nav-box .sub-btn li { display: inline-block; }
      /*.menu .sub-nav-box .sub-btn li + li { margin-top: 0.18rem; }*/
      .menu .sub-nav-box .sub-btn li a { position: relative; display:block; padding: 0.08rem 0.25rem 0.08rem 0; color: #888; font-size: 0.15rem; color: #777; text-align: left; white-space: nowrap; transition:all .2s ease-out; }
      .menu .sub-nav-box .sub-btn li a:before { content: ''; display: block; position: absolute; left: 0; top: 50%; z-index: 50; width: 0.2rem; height: 0.09rem; background-image: url(../../images/wzx/menu-icon.png); 
      background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translateY(-50%); opacity: 0; transition:all .2s ease-out; }
      .menu .sub-nav-box .sub-btn li a:hover { padding: 0.08rem 0 0.08rem 0.25rem; color: #d6a77b; transition:all .2s ease-out; }
      .menu .sub-nav-box .sub-btn li a:hover:before { opacity: 1; transition:all .2s ease-out; transition:all .2s ease-out .2s; }
    .menu > li:hover .sub-nav { display: block; opacity: 1; transition:all .4s ease-out; }

}
@media screen and (max-width: 991px) {
  /*body { overflow: hidden; }*/
  .header { position: relative; width: 100%; z-index: 300; }
  /*.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.12rem; /*border-right: 1px #d9d9d9 solid;*/ max-width: 35%; width: 2.9rem; }
    .logo img { width: 92%; }
  .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: #1da2dd; 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-box .top-btn { list-style: none; margin: 0 0 -0.4rem;  padding: 0.4rem 0.2rem 0rem 0.2rem;  }
  .top-btn li { display: inline-block; }
  .top-btn li + li { margin-left: 0.2rem; }
  .top-btn li a { display: block; margin-top: 0.17rem; width: 0.29rem; height: 0.29rem; background-position: 50% 50%; background-repeat: no-repeat; }
  .top-btn li.a1 a { background-image: url(../../images/wzx/header_top01_white.png); }
  .top-btn li.a2 a { background-image: url(../../images/wzx/header_top02_white.png); }
  .top-btn li.a3 a { background-image: url(../../images/wzx/header_top03_white.png); }

}

.banner { position: relative; }
  .banner .swiper-slide { position: relative; }
  .banner .banner-left,
  .banner .banner-right { margin-left: 0.3rem; margin-top: 0; width: 30px; height: 50px; background-image: url(../../images/wzx/left.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translateY(-50%); }
  .banner .banner-right { margin-left: 0; margin-right: 0.3rem; background-image: url(../../images/wzx/right.png);  }


  .banner .swiper-slide .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .banner .swiper-slide .container { position: relative; height: 100%; }

  .banner .txt { position: absolute; top: 50%; left: 2%; z-index: 50; width: 50%; transform: translateY(-50%); }
  .banner .txt .txt01 { margin-bottom: 0; font-size: 0.30rem; font-weight: bold; color: #fff; font-family: 'arial_black_Italic'; font-style: italic; text-transform: uppercase; line-height: 1.4; }
  .banner .go-btn { display: inline-block; margin: 0.5rem 0 0; padding: 0.12rem 0.25rem; width: 2.3rem; font-size: 0.20rem; font-family: 'avantgardeitcbybt-book'; line-height: 1; color: #fff; text-transform: uppercase; background-color: #1b9fd9; transition:all .3s ease-out }
  .banner .go-btn:hover {  font-weight: bold; background-color: #cf0928; }

  .banner .imgbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .banner .imgbox .img { position: absolute; border-radius: 50%; width: 18%; box-shadow: 0 0 15px rgba(0,0,0,.5); }
    .banner .imgbox .img.img1 { left: 42.96875%; top: 46.6666%; }
    .banner .imgbox .img.img2 { left: 67.1875%; top: 42%; }
    .banner .imgbox .img.img3 { left: 85.9375%; top: 9%; }


  .banner-pagination { position: relative; bottom: 0rem !important; width: 100%; }
  .banner-pagination:after { content: ''; display: block; margin: 0.06rem auto 0.26rem; width: 0.23rem; height: 0.33rem; background-image: url(../../images/wzx/mouse-ico.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .banner-pagination:before { content: ''; display: block; position: absolute; bottom: 0.15rem; left: 50%; margin-left: -0.06rem; width: 0.12rem; height: 0.06rem; background-image: url(../../images/wzx/arr-white-bottom.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;
    animation-name: bannermove;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
  }
  @keyframes bannermove{
    from {
        bottom: 0.15rem;
        opacity:1;
    }
    to {
        bottom: 0.05rem;
        opacity:0;
    }
  }


  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet { width: auto; height: auto; color: #fff; font-size: 0.16rem; background: none; opacity: 1; transition:all .4s ease-out;  }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 0.2rem; }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet:after { content: ''; display: inline-block; margin: 0; width: 0; height: 2px; vertical-align: 0.05rem; background-color: #1b9fd9; transition:all .4s ease-out;  }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #1b9fd9; background: none;  }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { margin: 0 0 0 0.18rem; width: 0.5rem; }


/*  .banner-b-txt { position: absolute; bottom: 0; left: 50%; z-index: 100; transform: translateX(-50%); }
  .banner-b-txt-box { margin: 0 auto; width: 84%; background-color: #c72129; }
  .banner-b-txt-box .item { float: left; position: relative; padding: 0.25rem 0; width: 20%; text-align: center; color: #fff; }
  .banner-b-txt-box .item:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); }
  .banner-b-txt-box .item em { display: inline-block; width: 0.46rem; height: 0.4rem; vertical-align: -0.12rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
  .banner-b-txt-box .item.a1 em { background-image: url(../../images/wzx/banner-icon01.png); }
  .banner-b-txt-box .item.a2 em { background-image: url(../../images/wzx/banner-icon02.png); }
  .banner-b-txt-box .item.a3 em { background-image: url(../../images/wzx/banner-icon03.png); }
  .banner-b-txt-box .item.a4 em { background-image: url(../../images/wzx/banner-icon04.png); }
  .banner-b-txt-box .item.a5 em { background-image: url(../../images/wzx/banner-icon05.png); }
  .banner-b-txt-box .item .txt01 { margin-bottom: 0.05rem; font-weight: bold; font-size: 0.18rem; }
  .banner-b-txt-box .item .txt02 { font-size: 0.14rem; line-height: 1; }
  .banner-b-txt-box .item .txt02 span { display: inline-block; margin-right: 0.05rem; font-size: 0.4rem; font-family: 'arial_black_Italic'; vertical-align: -0.06rem; }
  .banner-b-txt-box p { margin-bottom: 0; }

  .banner-b-txt-box .item:hover { background-color: #a60009; }*/


.page-banner { position: relative; height: 5.4rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.page-banner-container { position: relative; height: 100%; }
.banner-tit { position: absolute; top: 50%; padding-left: 0.3rem; text-align: left; }
  .banner-tit .tit { position: relative; padding: 0 0 0 0.3rem; font-size: 0.45rem; color: #fff; font-family: 'Impact'; text-transform: uppercase; line-height: 1; }



@media ( min-width: 992px ){
  .crumbs-box { position: relative; background-color: #fff; }
  .crumbs-box:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 2px; background-color: #f0f0f0; }
    .page-nav { float: left; list-style: none; margin: 0; padding: 0; min-height: 0.62rem; }
      .page-nav li { display: inline-block; position: relative; }
      .page-nav li + li { margin-left: 0.10rem; }
      .page-nav li + li:before { content: ''; display: block; position: absolute; top: 50%; left: -0.05rem; width: 1px; height: 0.12rem; background-color: #dddddd; transform: translateY(-50%); }
      .page-nav li a { display: block; padding: 0.2rem 0.06rem; font-size: 0.16rem;color: #3c3c3c; }
      .page-nav li:hover a ,
      .page-nav li.cur a { color: #cf0628; }
      .page-nav li.cur a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #cf0827; }
    .crumbs-box .crumbs { float: right; margin-top: 0.2rem; color: #3c3c3c;  }
    .crumbs-box .crumbs:before { content: ''; display: inline-block; margin-right: 0.05rem; width: 0.16rem; height: 0.17rem; vertical-align: -0.03rem; background-image: url(../../images/wzx/crumbs.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .crumbs-box .crumbs a { color: #3c3c3c; }
}
@media screen and (max-width: 991px) {
  .page-nav { list-style: none; margin: 0.3rem 0 0.2rem ; padding: 0; text-align: center; }
    .page-nav li { display: inline-block; margin-bottom: 0.13rem; }
    .page-nav li + li {  margin-left: 0.06rem; }
    .page-nav li a { display: block; padding: 0.1rem 0.3rem 0.08rem; border-radius: 0.1rem; border: 1px #d6d8db solid; line-height: 1; font-size: 0.16rem; font-weight: bold; color: #1f1f1f; background-color: #fff; }
    .page-nav li.cur a { border: 1px #d6a77b solid; color: #fff; background-color: #d6a77b; }
  
}

.footer{ padding-top: 0.3rem; color: #8d8d8d;  background-color: #1c1c1c; /* background-image: url(../../images/wzx/bottom-img.png); background-position: 50% 50%; background-repeat: no-repeat;*/ }
  .footer a { color: #8d8d8d; }
  .footer a:hover { color: #bd946d; }

  .footer-infobox { padding-top: 1.2rem; padding-bottom: 0.8rem; background-image: url(../../images/wzx/footer-infobox-bg.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: auto 80%; background-size: auto 80%; }
    .footer-contact {  }
      .footer-contact p { position: relative; margin-bottom: 0.02rem; padding-left: 0.22rem; }
      .footer-contact p a { font-family: 'Hiragino Sans GB'; font-size: 0.18rem; font-weight: bold; font-style:italic; color: #3fa9d7; }
      .footer-contact p.a2 a { font-family: 'Hiragino Sans GB'; font-size: 0.18rem; font-weight: bold; font-style:italic; color: #bd946d; }
      .footer-contact p:before { content: ''; display: inline-block; position: absolute; top: 0.03rem; left: 0; margin-right: 0.08rem; width: 0.16rem; height: 0.16rem; vertical-align: -0.03rem; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
      .footer-contact .a1:before { background-image: url(../../images/wzx/footer-icon01.png); }
      .footer-contact .a2:before { background-image: url(../../images/wzx/footer-icon02.png); }
      .footer-contact .a3:before { background-image: url(../../images/wzx/footer-icon03.png); }

      .footer-form { position: relative; margin-top: 0.2rem; }
      .footer-form [type="text"] { padding: 0 0.8rem 0 0.2rem; border: 1px #424242 solid; width: 100%; height: 0.68rem; font-weight: bold; background-color: #2d2d2d; }
      .footer-form button { position: absolute; right: 0.06rem; top: 0.06rem; border-width: 0; width: 0.54rem; height: 0.55rem; color: #fff; background-color: #a4a4a4; }
      .footer-formbox { overflow: hidden; width: 0.01rem; height: 0.01rem; }

    .footer-nav { display: flex; justify-content: space-around; list-style: none; margin: 0; padding: 0.3rem 0 0 0; text-align: center; }
      .footer-nav > li { display: inline-block; text-align: left; }
      .footer-nav > li + li { margin-left: 0.45rem; }
      .footer-nav > li > a { display: block; position: relative; margin-bottom: 0.15rem; padding: 0.15rem 0; font-size: 0.16rem; font-weight: bold; color: #fff; text-transform: uppercase; }
      .footer-nav > li > a:before,
      .footer-nav > li > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: rgba(143,143,143,.2); }
      .footer-nav > li > a:after { width: 0.5rem; background-color: #3fa9d7; transition:all .3s ease-out }
      .footer-nav > li > a:hover:after { width: 100%; background-color: #bd946d; }
      .footer-nav .sub-nav { list-style: none; margin: 0; padding: 0; }
      .footer-nav .sub-nav li { }
      .footer-nav .sub-nav li a { display: block; padding: 0.05rem 0; color: #959595; }
      .footer-nav .sub-nav li a:hover { color: #bd946d; }

    .bottom-copy { margin-top: 0.5rem; border-top: 1px solid #474747; padding-top: 0.26rem; padding-bottom: 0.3rem; border-top: 1px #9a9b9d solid; background-color: #2d2d2d; }
      .bottom-copy-left { float: left; text-align: left; }
      .bottom-copy-right { float: right; text-align: right; }
        .b-share .st-btn { padding: 0 0.05rem !important; min-width: auto !important; width: 0.3rem !important; height: 0.3rem !important; line-height: 0.3rem !important; }
        .b-share .st-btn > img { top: 0.05rem !important; width: 0.2rem !important; height: 0.2rem !important; }
        .b-share .st-label { display: none !important; }




  /*index*/
.ind-01 { padding-bottom: 1.2rem; }
 




.main { overflow: hidden; padding: 0.5rem 0 ; }
.main.pt0 { padding-top: 0;}
.main.pb0 { padding-bottom: 0;}

  .page-culture { }
    .page-culture .showbox { position: relative; height: 4.0rem; background-color: #5fbce4; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: auto 100%; background-size: auto 100%; transition:all .6s ease-out }
    .page-culture .showbox.h02 { height: 3.2rem; }
    .page-culture .showbox.h02:before { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(95,188,228,.7); }
    .page-culture .showbox.bgc02 { background-color: #dd5068; }
    .page-culture .txtbox { position: absolute; left: 0.35rem; right: 0.35rem; top: 50%; z-index: 20; color: #fff; transform: translateY(-50%); }
    .page-culture .txtbox.b1 { top: auto; bottom: 0.3rem; transform: translateY(0); }
    .page-culture .txtbox.b2{ top: 0.7rem; transform: translateY(0); }
    .page-culture .txtbox em { display: block; margin: 0 auto; width: 0.9rem; height: 0.96rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .page-culture .txtbox em.a1 { background-image: url(../../images/wzx/about03-05.png); }
    .page-culture .txtbox em.a2 { background-image: url(../../images/wzx/about03-06.png); }
    .page-culture .txtbox .tit { font-family: 'arial_black_Italic'; font-weight: bold; text-transform: uppercase; font-style: italic; }
    .page-culture .txtbox .txt { font-size: 0.16rem; line-height: 1.4; }
    .page-culture .showbox:hover { -webkit-background-size: auto 120%; background-size: auto 120%; }


  .contact-section01 { position: relative; }
    .contact-map { height: 5.15rem; }
    .contact-map .anchorBL { display: none; }
    .contact-section01 .txtbox {  padding: 0.3rem 0.25rem; border: 0.25rem solid #ebebeb; height: 5.15rem; background-color: #f8f8f8; }
    .contact-section01 .txtbox .tit { margin-top: 0.35rem; margin-bottom: 0.35rem; font-size: 0.20rem; font-weight: bold; color: #1a1a1a; }
    .contact-section01 .txtbox ul { list-style: none; margin: 0 ; padding: 0; border-top: 1px #dfdfdf solid; }
    .contact-section01 .txtbox ul li { position: relative; padding: 0.15rem 0 0.12rem 0.3rem; border-bottom: 1px #dfdfdf solid; line-height: 1.6; }
    .contact-section01 .txtbox ul li a { color: #1a1a1a;  }
    .contact-section01 .txtbox ul li:before { content: ''; display: block; position: absolute; left: 0.04rem; width: 0.2rem; height: 0.24rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .contact-section01 .txtbox ul li.txt1:before { background-image: url(../../images/wzx/pic/contact-img01.png); }
    .contact-section01 .txtbox ul li.txt2:before { background-image: url(../../images/wzx/pic/contact-img02.png); }
    .contact-section01 .txtbox ul li.txt3:before { background-image: url(../../images/wzx/pic/contact-img03.png); }
    .contact-section01 .txtbox ul li.txt4:before { background-image: url(../../images/wzx/pic/contact-img04.png); }
    .contact-section01 .txtbox ul li.txt5:before { background-image: url(../../images/wzx/pic/contact-img05.png); }



  .guestbook-por { padding-bottom: 0.5rem; border-top: 0; background-image: url(../../images/wzx/por-book-bg.jpg); background-color: #f5f5f5; background-repeat: no-repeat; background-position: 50% 100%; -webkit-background-size: 100% auto; background-size: 100% auto; }

  .page-goto2 { margin-top: 1.2rem; margin-bottom: 0.3rem; }
  .page-goto2 a { color: #3c3c3c; }
  .page-goto2 a:hover { color: #d6a77b; }
  .page-goto2 .item.a2 { margin-top: 0.06rem; padding-top: 0.06rem; border-top: 2px solid #f2f2f2; }


  .guestbook { margin: 0; padding:0; border-top: 0; }


.list-new2 { background-color: #f8f8f8; }
.list-new2-box {  }
  .list-new2 .item { position: relative; padding: 0.15rem 0.15rem 0.15rem;  }
  .list-new2 .item + .item { margin-top: 0.3rem; }
  .list-new2 .item a { display: block; }

    .list-new2 .img-box { float: left; overflow: hidden; position: relative; margin-right: 0.2rem; width: 3rem; max-width: 30%; background-color: #f2f2f2; transition:all .4s ease-out; }
    .list-new2 .img-box:before { content: ''; display: block; position: absolute; top: 130%; left: 50%; z-index: 2; width: 0.54rem; height: 0.54rem; background-image: url(../../images/wzx/new-img-icon.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  opacity: 0; transform: translate(-50%,-50%); transition:all .4s ease-out; }
    .list-new2 .img-box:after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(29,162,221,0.4); opacity: 0; transition:all .4s ease-out; }

    .list-new2 .txt-box { overflow: hidden; position: relative; padding: 0.4rem 0.5rem; background-color: #f2f2f2; transition:all .4s ease-out; }
    .list-new2 .txt-box .tit { margin-top: 0; margin-bottom: 0.12rem; color: #545454; font-size: 0.24rem; font-family: 'Impact'; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .list-new2 .txt-box .txt { margin-bottom: 0; color: #585858; line-height: 1.8; min-height: 0.75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .list-new2 .txt-box .data { margin-bottom: 0.08rem; color: #585858;  }

    @media ( min-width: 992px ){
    .list-new2 .txt-box {  padding-right: 1.65rem; }
      .list-new2 .txt-box .data { position: absolute; top: 0.6rem; right: 0.55rem; font-family: 'Impact'; text-align: center;; }
        .list-new2 .txt-box .date-ym { position: absolute; top: 100%; font-size: 0.18rem; line-height: 1; white-space: nowrap; }
        .list-new2 .txt-box .date-t { display: none; }
        .list-new2 .txt-box .date-d { font-size: 0.6rem; line-height: 1; }
    }

    .list-new2 .click-btn {  }
    .list-new2 .click-btn span { position: relative; margin: 0.7rem auto 0; display: block; border-radius: 0.25rem; border: 1px solid #313134; width: 1.18rem; height: 0.38rem; line-height: 0.38rem;text-align: center; color: #313134; }
    .list-new2 .click-btn span:before { content: ''; display: block; position: absolute; top: 50%; right: 0.12rem;  width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #313134; transform: translateY(-40%); }
  
    .list-new2 .item:hover .img-box {  box-shadow: 0 0 15px rgba(0,0,0,.2); }
      .list-new2 .item:hover .img-box:before { top: 50%; opacity: 1; transition:all .4s ease-out; }
      .list-new2 .item:hover .img-box:after { opacity: 1; transition:all .4s ease-out; }

    .list-new2 .item:hover .txt-box { background-color: #1da2dd; box-shadow: 0 0 15px rgba(0,0,0,.2); }
    .list-new2 .item:hover .txt-box .tit { color: #fff; }
    .list-new2 .item:hover .txt-box .txt { color: #fff; }
    .list-new2 .item:hover .txt-box .data { color: #fff; }

.list-v-box {  }
.list-v-box .item { margin-bottom: 0.4rem; }
.list-v-box .item .v-box { }
.list-v-box .item .v-box iframe { width: 100%; }
.list-v-box .tit { color: #3c3c3c; font-size: 0.14rem;text-align: center; }

.list-faq { }
.list-faq .list-faq-box { padding: 0 0.15rem; }
  .list-faq .item { padding: 0.15rem 0.2rem; }
  .list-faq .item + .item { margin-top: 0.2rem; }
  .list-faq .tit { position: relative; margin: 0; padding: 0.12rem 0.12rem 0.12rem 0.55rem; border-bottom: 1px solid #ececec; font-size: 0.18rem; color: #2b2b2b; font-weight: bold; }
  .list-faq .tit:before { content: ''; display: block; position: absolute; left: 0.1rem; top: 0.05rem; width: 0.34rem; height: 0.34rem; background-image: url(../../images/wzx/faq01.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .list-faq .txtbox { position: relative; margin: 0; padding: 0.12rem 0.12rem 0.12rem 0.55rem; font-size: 0.15rem; }
  .list-faq .txtbox:before { content: ''; display: block; position: absolute; left: 0.1rem; top: 0.05rem; width: 0.34rem; height: 0.34rem; background-image: url(../../images/wzx/faq02.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }

  .list-faq .item:hover { box-shadow: 0 0 15px rgba(0,0,0,.2); }


.list-partner {  }
.list-partner .img-box { margin-bottom: 0.25rem; border: 1px solid #ebebeb; transition:all .3s ease-out; }
.list-partner .img-box:hover { box-shadow: 0 0 15px rgba(0,0,0,.2); }


.content-box-head { padding: 1.0rem 0 0.6rem 0; background-color: #f1f1f1; }
  .content-title { margin: 0.0rem 0 0.3rem; font-size: 0.36rem; color: #393939; font-family: 'Impact'; text-align: center; }
  .content-state { color: #999; text-align: center; }
    .content-state .item:before { content: ''; display: inline-block; margin-right: 0.05rem; width: 0.15rem; height: 0.14rem; vertical-align: -0.03rem; background-image: url(../../images/wzx/icon-date.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .content-box {  padding: 0 0.2rem; }
  .content-box-body { padding: 0.4rem ; }


.page-goto { margin-top: 0.3rem; border: 1px solid #f3f3f3; background-color: #fff; }
  .page-goto .item { padding: 0.20rem  0.2rem; width: 50%; color: #2d2d2d; font-size: 0.15rem; }
  .page-goto .item.a1 { float: left; }
  .page-goto .item.a2 { float: right;/* text-align: right;*/ }
  .page-goto .item a { display: inline-block; width: 56%; vertical-align: -0.06rem; color: #2d2d2d; font-size: 0.15rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .page-goto .item span { display: block; font-weight: bold; }
  /*.page-goto .item.a2 span { margin: 0 0 0 0.1rem; float: right; }*/
  
  .page-goto .a1 span:after,
  .page-goto .a2 span:after { content: ''; display: inline-block; margin-left: 0.05rem; width: 1.0rem; height: 1px; vertical-align: 0.05rem; background-color: #f2f2f2; }
  .page-goto .a2 span:after { background-image: url(../../images/wzx/show02.jpg); }

.page-history { position: relative; }
.page-history .page-history-container { position: relative; padding: 0.1rem 0.5rem 0.1rem 0; }
.page-history .page-history-container:before { content: ''; display: block; position: absolute; top: 0; left: 1.2rem; width: 2px; height: 100%; background-color: #a1a1a1; }
.page-history .item { padding: 0.2rem 0; position: relative; padding-left: 1.2rem;  }
.page-history .date { position: absolute; left:0; top: 50%; width: 1.2rem; text-align: center; font-size: 0.18rem; color: #333; transform: translateY(-50%); }
.page-history .txtbox { position: relative; padding-left: 0.7rem; }
.page-history .txtbox:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 0.6rem; height: 1px; background-color: #a1a1a1; transform: translateY(-50%); }
.page-history .txtbox p {margin-bottom: 0; line-height: 1.6; }
.page-history .item:hover .date { color: #cf0827; }
.page-history .button-prev { position: absolute; top: 0; left: 1.07rem; width: 0.28rem; height: 0.16rem; background-image: url(../../images/wzx/btn-t.jpg); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
.page-history .button-next { position: absolute; bottom: 0; left: 1.07rem; width: 0.28rem; height: 0.16rem; background-image: url(../../images/wzx/btn-b.jpg); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }

.ind-01 { padding-top: 0.9rem; padding-bottom: 1.5rem; }
  .ind-01-tit .txt01 { font-family: 'Impact'; color: #1d1d1d; font-size: 0.3rem; line-height: 1; text-transform: uppercase;}
  .ind-01-tit .txt02 { font-family: 'Impact'; color: #53626e; font-size: 0.3rem; line-height: 1; text-transform: uppercase;}
  .ind-01-tit .txt03 { color: #5e5e5e; font-size: 0.16rem;}
  .ind-01-showbox { margin: 0 -0.10rem; font-size: 0; text-align: center; }
  .ind-01-showbox .item { overflow: hidden; display: inline-block; padding: 0.10rem; width: 20%; font-size: 0.14rem; }
  .ind-01-showbox .item a { overflow: hidden; position: relative; }
  .ind-01-showbox .item a:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(29,162,221,0.7); opacity: 0; transition:all .4s ease-out; }
  .ind-01-showbox .item .txtbox { position: absolute; bottom: 30%; z-index: 10; width: 100%; padding: 0 0.12rem; color: #fff; transform: translateY(50%); transition:all .4s ease-out;}
  .ind-01-showbox .item .txtbox em { display: block; margin: 0 auto 0.15rem; width: 0.48rem; height: 0.48rem; background-image: url(../../images/wzx/ind01-01.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-01-showbox .item .txtbox h3 { margin-top: 0; font-family: 'arial_black_Italic'; font-size: 0.14rem; text-transform: uppercase; text-align: center; }
  .ind-01-showbox .item .txtbox p { opacity: 0; height: 0; transition:all .4s ease-out;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

  .ind-01-showbox .item:hover .txtbox { bottom: 45%; }
  .ind-01-showbox .item:hover a:before { opacity: 1; }
  .ind-01-showbox .item:hover .txtbox p { opacity: 1;height: 0.8rem;  }

.ind-02 { padding: 0.8rem 0; background-image: url(../../images/wzx/ind02-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-02 .text { font-size: 0.16rem; color: #fff; line-height: 1.8; }
  .ind-02-box { overflow: hidden; margin: 1.2rem auto 0; width: 90%; }
  /*.ind-02-box [class*='col-']{ margin-bottom: 0.2rem; }*/
  .ind-02-box .item { display: block; margin-bottom: -20.0rem; padding: 0.25rem 0.15rem 20.25rem; color: #fff; background-color: rgba(29,162,221,0.12);}
  .ind-02-box .item em { display: block; margin: 0 auto 0.15rem; width: 1rem; height: 1rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-02-box .item.a1 em { background-image: url(../../images/wzx/ind02-icon01.png); }
  .ind-02-box .item.a2 em { background-image: url(../../images/wzx/ind02-icon02.png); }
  .ind-02-box .item.a3 em { background-image: url(../../images/wzx/ind02-icon03.png); }
  .ind-02-box .item.a4 em { background-image: url(../../images/wzx/ind02-icon04.png); }
  .ind-02-box .item h3 { font-size: 0.16rem; text-align: center; text-transform: uppercase;  font-family: 'arial_black_Italic'; }
  .ind-02-box .item p { font-size: 0.16rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;  }


  .ind-02-box .item:hover {  background-color: rgba(29,162,221,1); }
  .ind-02-box .item.a1:hover em { background-image: url(../../images/wzx/ind02-icon01-h.png); }
  .ind-02-box .item.a2:hover em { background-image: url(../../images/wzx/ind02-icon02-h.png); }
  .ind-02-box .item.a3:hover em { background-image: url(../../images/wzx/ind02-icon03-h.png); }
  .ind-02-box .item.a4:hover em { background-image: url(../../images/wzx/ind02-icon04-h.png); }

.ind-03 { padding-top: 0.5rem; padding-bottom: 1.0rem; background-color: #f7f7f7; }
  .ind-partner-box .item { display: block; }
  .ind-partner-box .img-box { margin-bottom: 0.25rem; border: 1px solid #ebebeb; transition:all .3s ease-out; }
  .ind-partner-box .img-box:hover { box-shadow: 0 0 15px rgba(0,0,0,.2); }

  .ind-03-box { margin-top: 0.50rem; }
  .ind-03-box .item { display: block; position: relative; padding: 0.2rem; border: 1px solid #ededed; background-image: url(../../images/wzx/ind-03-bg01.png);  background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-03-box .item:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(255,255,255,1);  transition:all .3s ease-out; }
  .ind-03-box .item .txtbox { position: relative; z-index: 5;}
  .ind-03-box .item em { display: block; margin: 0 auto 0.15rem; width: 0.8rem; height: 0.8rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-03-box .item.a1 em { background-image: url(../../images/wzx/ind03-icon01.png); }
  .ind-03-box .item.a2 em { background-image: url(../../images/wzx/ind03-icon02.png); }
  .ind-03-box .item.a3 em { background-image: url(../../images/wzx/ind03-icon03.png); }
  .ind-03-box .item.a4 em { background-image: url(../../images/wzx/ind03-icon04.png); }
  .ind-03-box .item .tit { font-size: 0.18rem; text-transform: uppercase; color: #1c1c1c; font-family: 'arial_black_Italic'; }
  .ind-03-box .item .txt01 { height: 0.88rem; font-size: 0.16rem;color: #8d8d8d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
  .ind-03-box .item .txt02 { position: relative; margin-left: 0.2rem; margin-top: 0.25rem; font-size: 0.14rem;color: #1c1c1c; transition:all .3s ease-out; }
  .ind-03-box .item .txt02:before { content: ''; display: block; position: absolute; top: -50%; z-index: 1; border-radius: 50%; width: 0.4rem; height: 0.4rem; background-color: #f7f7f7;  transform: translateX(-50%); }
  .ind-03-box .item .txt02 span { position: relative;z-index: 2 }

  .ind-03-box .item.cur { box-shadow: 0 0 15px rgba(0,0,0,.2); }
  .ind-03-box .item.cur:before { background-color: rgba(29,162,221,0.8); }
  .ind-03-box .item.a1.cur em { background-image: url(../../images/wzx/ind03-icon01-h.png); }
  .ind-03-box .item.a2.cur em { background-image: url(../../images/wzx/ind03-icon02-h.png); }
  .ind-03-box .item.a3.cur em { background-image: url(../../images/wzx/ind03-icon03-h.png); }
  .ind-03-box .item.a4.cur em { background-image: url(../../images/wzx/ind03-icon04-h.png); }
  .ind-03-box .item.cur .tit { color: #fff; }
  .ind-03-box .item.cur .txt01 { color: #fff; }
  .ind-03-box .item.cur .txt02 { color: #fff; }
  .ind-03-box .item.cur .txt02 { margin-left: 0; }
  .ind-03-box .item.cur .txt02:before { display: none; }

.ind-04 { position: relative; background-color: #e9e9e9; }
.ind-04 .swiper-container { position: absolute; left: 0; top: 0; height: 100%; width: 50%; }
.ind-04 .swiper-slide { position: relative; overflow: hidden; }
.ind-04 .swiper-slide .ind-04-img { position: absolute;  left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transition:all .3s ease-out; }

.ind-04 .swiper-slide:hover .ind-04-img { transform: scale(1.1); }

.ind-04 .swiper-container-horizontal>.swiper-pagination { left: auto; right: 0.2rem; top: 0.2rem; bottom: auto; text-align: right; }
.ind-04 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; background-color: #d6a77b; }
.ind-04 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active { background-color: #cf0827; }

.ind-04 {}
  .ind-04-txt .txt01 { margin-top: 0.4rem; margin-bottom: 0.2rem; color: #959595; }
  .ind-04-txt .txt02 { margin: 0; font-size: 0.4rem; color: #1c1c1c; font-family: 'Impact'; text-transform: uppercase; line-height: 1; }

  .ind-04-box { margin-top: 0.45rem; padding-bottom: 0.45rem; width: 5.8rem; }
  .ind-04-box .item { display: block; position: relative; margin-left: 0.6rem; padding: 0.16rem 1.55rem 0.16rem 0.7rem; background-color: #fff; }
  .ind-04-box .item + .item { margin-top: 0.36rem; }
  .ind-04-box .item em { position: absolute; top: 50%; left: 0; border: 3px solid #fff; border-radius: 50%; width: 1.0rem; height: 1.0rem; background-color: #d6a77b; transform: translate(-50%, -50%); box-shadow: 0 0 15px rgba(0,0,0,.2); }
  .ind-04-box .item em:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; display: block; margin: 0 auto 0.15rem; width: 0.5rem; height: 0.5rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translate(-50%, -50%); }
  .ind-04-box .item.a1 em:before { background-image: url(../../images/wzx/ind03-icon03-h.png); }
  .ind-04-box .item.a2 em:before { background-image: url(../../images/wzx/ind03-icon02-h.png); }
  .ind-04-box .item.a3 em:before { background-image: url(../../images/wzx/ind03-icon01-h.png); }
  .ind-04-box .item .tit { margin: 0; font-size: 0.25rem; color: #1c1c1c; font-family: 'Impact'; text-transform: uppercase; }
  .ind-04-box .item .txt01 { margin-bottom: 0; min-height: 0.4rem; color: #949292;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
  .ind-04-box .item .txt02 { position: absolute; top: 50%; right: 0.25rem; margin-bottom: 0; font-size: 0.12rem; color: #1c1c1c; font-weight: bold; text-transform: uppercase;  transform: translateY(-50%); }

  .ind-04-box .item:hover { background-color: #1c1c1c; }
  .ind-04-box .item:hover .tit { color: #fff; }
  .ind-04-box .item:hover .txt01 { color: #fff; }
  .ind-04-box .item:hover .txt02 { color: #fff; }


.ind-05 { padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #f7f7f7; }
  .ind-05 .item { margin-bottom: 0.25rem; }
  .ind-05 .item a { display: block; color: #2c2c2c; background-color: #fff; }
  .ind-05 .item a .img-box { position: relative; background-color: #fff; }
  .ind-05 .item a .img-box:before { content: ''; position: absolute;  left: 0; top: 0; z-index: 10; height: 100%; width: 100%; background-color: rgba(29,162,221,0.4); opacity: 0; transition:all .3s ease-out; }
  .ind-05 .item a .img-box:after { content: ''; position: absolute;  left: 50%; top: 50%; z-index: 10; height: 0.58rem; width: 0.58rem; background-image: url(../../images/wzx/new-img-icon.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; opacity: 0; transition:all .3s ease-out; transform: translate(-50%,-50%); }
  .ind-05 .item a .tit { margin: 0; font-size: 0.18rem; font-weight: bold; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .ind-05 .item a .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
  .ind-05 .item a .more {  }
  .ind-05 .item .txt-box { padding: 0.2rem; }

  .ind-05 .item a:hover { color: #fff; background-color: #1da2dd; }
  .ind-05 .item a:hover .img-box:before { opacity: 1; }
  .ind-05 .item a:hover .img-box:after { opacity: 1; }


.ind-tit  { text-align: center; text-transform: uppercase;}
  .ind-tit .txt01 { position: relative; display: inline-block; padding: 0 0.15rem; color: #d6a77b; }
  .ind-tit .txt01:before { content: '';display: block; position: absolute; right: 100%; top: 40%; width: 0.4rem; height: 0.07rem;  background-image: url(../../images/wzx/ind-titbg.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
  .ind-tit .txt01:after { content: '';display: block; position: absolute; left: 100%; top: 40%; width: 0.4rem; height: 0.07rem;  background-image: url(../../images/wzx/ind-titbg2.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
  .ind-tit .txt02 { margin-top: 0; margin-bottom: 0.4rem; font-size: 0.4rem; font-family: 'Impact'; color: #fff; }
  .ind-tit .txt02.color-black { color: #000; }




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

}

@media ( max-width: 1299px ) and ( min-width: 1201px ){
  .ind-04-box { width: 5.4rem; }

}

@media ( max-width: 1200px ) and ( min-width: 992px ){
  .ind-04-box { width: 5.4rem; }

}

@media ( max-width: 991px ) and ( min-width: 768px ){
  body { margin-top: 0; }

  .banner .txt .txt01 { font-size: 0.24rem; }

  .footer-infobox { padding-top: 0.8rem; }

  .ind-01 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .ind-01-tit .txt01 { font-size: 0.24rem; }
  .ind-01-tit .txt02 { font-size: 0.24rem; }
  .ind-01-showbox .item { padding: 0.10rem; width: 100%; }
  .ind-01-showbox .item .txtbox { position: static; background-color: rgba(29,162,221,1); transform: translateY(0%); }
  .ind-01-showbox .item .txtbox em { display: none;  }
  .ind-01-showbox .item .txtbox h3 { margin-top: 0.2rem; }
  .ind-01-showbox .item .txtbox p { opacity: 1;height: 0.8rem;  }

  .ind-02-box [class*='col-']{ margin-bottom: 0.2rem; }
    .ind-02-box .item { margin-bottom: 0rem; padding: 0.25rem 0.15rem 0.25rem; height: 3rem; }

  .ind-03-box .item { margin-bottom: 0.2rem; }

  .ind-04-box { width: 4.4rem; }
  .ind-04-box .item .txt01 { display: none; }

  .ind-05 .item:nth-child(2n+1) { clear: both; }



}

@media screen and (max-width: 767px) {
  body { margin-top: 0; }

  .banner .txt .txt01 { font-size: 0.14rem; }
  .banner .go-btn { margin: 0.2rem 0 0; padding: 0.06rem 0.15rem; width: auto; font-size: 0.14rem; }
  .banner .imgbox .img { width: 16%; }
  .banner-prev { display: none; }
  .banner-next { display: none; }

  .page-banner { height: 3rem; }

  .footer .footer-infobox { padding-top: 0.4rem; padding-bottom: 0.2rem; }

  .list-new2 .txt-box { padding: 0.15rem 0.2rem; }
  .list-new2 .item + .item { margin-top: 0.1rem; }

  .page-history .page-history-container { padding-right: 0; }
  .page-history .txtbox { padding-left: 0.4rem; }
  .page-history .txtbox:before { width: 0.3rem; }

  .ind-01 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .ind-01-tit .txt01 { font-size: 0.24rem; }
    .ind-01-tit .txt02 { font-size: 0.24rem; }
    .ind-01-showbox .item { padding: 0.10rem; width: 100%; }
    .ind-01-showbox .item .txtbox { position: static; background-color: rgba(29,162,221,1); transform: translateY(0%); }
    .ind-01-showbox .item .txtbox em { display: none;  }
    .ind-01-showbox .item .txtbox h3 { margin-top: 0.2rem; }
    .ind-01-showbox .item .txtbox p { opacity: 1;height: 0.8rem;  }

  .ind-02-box { margin-top: 0.5rem; }
 .ind-02-box [class*='col-']{ margin-bottom: 0.2rem; }
  .ind-02-box .item { margin-bottom: 0rem; padding: 0.25rem 0.15rem 0.25rem;}

  .ind-03-box .item { margin-bottom: 0.2rem; }

  .ind-04 .swiper-container { left: -300%; }
  .ind-04-txt { margin-left: 0.3rem; margin-right: 0.3rem; }
  .ind-04-box { margin-left: 0.3rem; margin-right: 0.3rem;  width: auto; }



}

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

}