@import url('base.css');

/* header */
@media ( min-width: 992px ){
  .header-box { position: fixed; position: absolute; z-index: 1030; top: 0; width: 100%; }
    .header-top { padding: 0.2rem 0; border-bottom: 2px rgba(255,255,255,.3) solid; }
      .header-top-left { float: left; line-height: 0.29rem; }
      .header-top-right { float: right; }
        .header-top-a { float: left; margin-right: 0.22rem; border-right: 1px #fff solid; }
        .header-top-a a { display: inline-block; margin-top: 0.04rem; margin-right: 0.22rem; width: 0.27rem; height: 0.22rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; }
        .header-top-a a.a1 { position: relative; background-image: url(../../images/wzx/headtop-icon01.png); }
        .header-top-a a.a1 .img-2m { display: none; position: absolute; left: 50%; top: 100%; padding: 0.2rem; border-radius: 0.05rem; width: 1.6rem; height: 1.6rem; transform: translateX(-50%); }
        .header-top-a a.a2 { background-image: url(../../images/wzx/headtop-icon02.png); }
        .header-top-a a:hover.a1 { background-image: url(../../images/wzx/headtop-icon01-hover.png); }
        .header-top-a a:hover.a1 .img-2m { display: block; }
        .header-top-a a:hover.a2 { background-image: url(../../images/wzx/headtop-icon02-hover.png); }
        .header-top-logo { float: left; }
    .header { padding-top: 0.25rem; }

    .header-btns { position: absolute; top: 0; right: 0.15rem; z-index: 1001; padding: 0.12rem 0.18rem; font-size: 0; background-color: #c83139; }
      .language { display: inline-block; vertical-align: -0.05rem;  }
      .m-btn { cursor: pointer; display: inline-block; margin-left: 0.2rem; width: 0.45rem; }
      .m-btn span { display: block; height: 0.03rem; background-color: #fff; }
      .m-btn span + span { margin-top: 0.08rem; }
    
    .header-win { position: fixed; top: -110%; left: 0; z-index: 1031; width: 100%; height: 100%; background-color: #fff; background-image: url(../../images/wzx/page-bg.jpg); opacity: 0; transition: all 0.5s ease-out; }
    .header-win.open { top: 0%; opacity: 1; }
      .header-win .header-win-close { cursor: pointer; position: absolute; top: 0.7rem; right: 0.6rem; z-index: 200; width: 0.56rem; height: 0.56rem; background-image: url(../../images/wzx/header-win-close.png); background-position: 50% 100%; background-repeat: no-repeat; background-size: 100%; }
      .header-win .header-win-left { float: left; position: relative; width: 25%; height: 100%; background-image: url(../../images/wzx/menubg2.jpg); background-color: #85b4c4; background-position: 50% 100%; background-repeat: no-repeat; background-size: 100%; }
        .header-win .header-win-logo { position: absolute; top: 25%; left: 50%; transform: translateX(-50%); }
      .header-win .header-win-right { overflow: hidden; position: relative; width: 75%; height: 100%;  }
        .header-win .header-win-right .menu-box { position: absolute; left: 0; top: 22%; z-index: 300; width: 100%; }
        .header-win .menu { list-style: none; margin: 0 0 0; padding: 0 0 0 0.2rem; width: 90%; display: flex; justify-content: space-around;  }
        .header-win .menu > li { counter-increment: number; }
        .header-win .menu > li > a { display: block; position: relative; padding:0;font-size: 0.26rem; font-weight: bold; color: #000; text-decoration: none; }
        .header-win .menu > li > a:before { content: '0' counter(number) '.'; display: inline-block; position: absolute; top: 50%; right: 100%; padding-right: 0.1rem; font-size: 0.2rem; color: #e5eaf0; transform: translateY(-50%);  }
        .header-win .menu > li:hover > a { color: #c22c33; }
        .header-win .menu > li:hover > a:after { content: ''; display: block; position: absolute; left: -0.5rem; right: 0; bottom: -0.09rem; height: 0.08rem; background-color: #c22c33; }
        .header-win .menu .sub-nav { }
        .header-win .menu .sub-nav-box .sub-btn { list-style: none; margin:0.3rem 0 0; padding: 0; }
        .header-win .menu .sub-nav-box .sub-btn li {  }
        .header-win .menu .sub-nav-box .sub-btn li + li { margin-top: 0.12rem; }
        .header-win .menu .sub-nav-box .sub-btn li a { color: #252525; }
        .header-win .menu .sub-nav-box .sub-btn li a:hover { color: #c22c33; }

    .header-win .header-win-bottom { position: absolute; bottom: 4%; padding: 0.55rem; width: 90%; }
      .header-win .header-win-tit { margin-bottom: 0.3rem; }
        .header-win .header-win-tit h4 { padding: 0.95rem 0 0 0.1rem; height: 1.50rem; font-size: 0.36rem; color: #c22c33; background-image: url(../../images/wzx/titbg.png); background-position: 0 50%; background-repeat: no-repeat; background-size: auto 100%; }
        .header-win .header-win-tit p { padding: 0 0 0 0.1rem; font-size: 0.17rem; color: #3c3c3c; line-height: 1.8; }

      .header-win .win-language { }
        .header-win .win-language a { margin-left: 0.1rem; color: #202020; font-size: 0.22rem; }
        .header-win .win-language a + a {  margin-left: 0.2rem; }
      .header-win .search-bar { float: right; position: relative; width: 3.0rem; }
        .header-win .search-bar [type="text"] { border: 0; border-bottom: 1px #c22c33 solid; width: 100%; height: 0.40rem; background: none; }
        .header-win .search-bar .button { position: absolute; right: 0; top: 0.05rem; border-width: 0; width: 0.48rem; height: 0.31rem; text-indent: -9999px; background-color: #e4e4e4; background-image: url(../../images/wzx/head-img03.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 70%; }

  .menu-fixed { position: fixed; z-index: 1030; top: -0.9rem; width: 100%; height: 0.8rem; background-color: #fff; box-shadow: 0 .05rem .05rem rgba(0,0,0,.2); transition:all .3s ease-out; }
  .menu-fixed.show {  top: 0; }
    .menu-fixed .logo { float: left; padding-top: 0.12rem }
    .menu-fixed .menu { list-style: none; margin: 0; padding: 0; text-align: right; }
      .menu-fixed .menu > li { display: inline-block; }
      .menu-fixed .menu > li > a { display: block; padding: 0.32rem 0.25rem 0; height: 0.8rem; font-size: 0.16rem; color: #333; font-weight: bold; }

    .menu-fixed .sub-nav { overflow: hidden; position: absolute; left: 0; top: 0.8rem; width: 100%; height: 0rem; text-align: left; background-color: #fff; background-position: 100% 0%; background-repeat: no-repeat; background-size: auto 5.2rem; opacity: 0; transition:all .3s ease-out; }
    .menu-fixed .menu > li:hover .sub-nav {  height: 5.2rem; opacity: 1; }
    .menu-fixed .sub-btnbox { float: left; position: relative; margin-bottom: -20.0rem; padding-bottom: 20rem; width: 3.5rem; background-color: #eee; }
    .menu-fixed .sub-btnbox:before { content: ''; display: block; position: absolute; right: 0; top: 0; z-index: 10; width: 1000%; height: 100%; background-color: #eee; }
      .menu-fixed .sub-btn { position: relative; z-index: 20; list-style: none; margin: 0 0 0 1.2rem; padding: 0.4rem 0 0 0;  }
      .menu-fixed .sub-btn > li {  }
      .menu-fixed .sub-btn > li a { display: block; text-align: center; line-height: 0.45rem; color: #555; background-color: #eee; }
      .menu-fixed .sub-btn > li.cur a { color: #c22c33; background-color: #fff; }
    .menu-fixed .sub-txtbox { overflow: hidden; padding: 1.1rem 0.7rem 0; max-width: 8rem; }
      .menu-fixed .sub-txtbox h3 { margin-bottom: 0.2rem; font-size: 0.36rem; color: #505050; }
      .menu-fixed .sub-txtbox p { font-size: 0.16rem; color: #3c3c3c; line-height: 2; }
      .menu-fixed .sub-txtbox a { display: inline-block; margin-top: 0.3rem; padding: 0.08rem 0.4rem; color: #fff; background-color: #bc0b13; }
      .menu-fixed .sub-txtbox a:after { content: ''; display: inline-block; margin-left: 0.12rem; width: 0.17rem; height: 0.1rem; background-image: url(../../images/wzx/menu-btn.jpg);  background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; }


}
@media screen and (max-width: 991px) {
  .menu-fixed,
  .header-top { display: none !important; }
  .header-win  { position: relative; z-index: 600; }

  /*body { overflow: hidden; }*/
  .header { position: relative; }
  /*.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: 60%; width: 2.9rem; width: 4.5rem; }
    .logo img { width: 100%; }
  .top-txt { position: relative; z-index: 1000; display: block; margin: 0.2rem auto 0.3rem auto; width: 3.15rem; height: 0.16rem; }
  
  .language { position: absolute; top: 50%; right: 1rem; z-index: 1001; width: 0.36rem; transform: translateY(-50%); }
  .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: #990f00; 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; overflow: hidden; }
  .banner .swiper-slide video { position: absolute; top: 50%; left: 50%; z-index: 100; width: 130%; height: 100%; transform: translate(-50%,-50%); pointer-events: none; }
  .banner .banner-left,
  .banner .banner-right { z-index: 500; margin-left: 0.3rem; margin-top: 0; width: 0.3rem; height: 0.5rem; 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 .txt { position: absolute; top: 29.7584%; left: 50%; width: 62.5%; color: #fff; font-size: 0.38rem; text-transform: uppercase; transform: translateX(-50%); line-height: 1; }
  .banner .txt .txt01 { margin-bottom: 0.35rem; font-size: 0.58rem; color: #e03927; font-family: 'Impact'; }
  .banner .txt .txt02 { font-weight: bold; font-size: 0.38rem; color: #353535; }
  .banner .txt .txt03 { margin-bottom: 0.3rem; font-weight: bold; font-size: 0.48rem; color: #000; }
  .banner .txt .txt04 { font-size: 0.14rem; color: #000; }
  .banner .go-btn { display: inline-block; margin: 0.4rem 0 0; padding: 0.19rem 0 0; width: 2.3rem; height: 0.5rem; font-size: 0.12rem; color: #fff; text-align: center; background-color: #e03927; transition:all .3s ease-out }
  .banner .go-btn:hover {  font-weight: bold; }

  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #e03d2b; }

  .banner .txtbox { position: absolute; bottom: 36%; left: 50%; z-index: 100; margin-left: -2.4rem; max-width: 48%; width: 7.4rem; transform: translateX(-50%); }
  .banner .txtbox.a1 .text01 img { width: 60%; }
  .banner .txtbox.a2 .text01 img { width: 60%; }

  .banner .swiper-pagination { z-index:500; bottom: 1.55rem; width: 100%; text-align: center; }
  .banner .swiper-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; }
  .banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 0.06rem; }
  .banner .swiper-pagination .swiper-pagination-bullet-active { background-color: #e03d2b; }


  .banner-b-txt { position: absolute; bottom: 0; left: 50%; z-index: 100; transform: translateX(-50%); }
  .banner-b-txt-box { margin: 0 auto; width: 100%; background-color: #c72129; }
  .banner-b-txt-box .item { float: left; position: relative; padding: 0.30rem 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,.1); }
  .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.1rem; 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: 6.15rem; 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%; left: 14%; padding-left: 0.3rem; text-align: left; }
  .banner-tit .tit { position: relative; padding: 0 0 0 0.3rem; font-size: 0.36rem; color: #3f3f3f; font-weight: bold; line-height: 1; }
  .banner-tit .tit em { display: block; margin-top: 0.15rem; font-size: 0.16rem; color: #3f3f3f; font-style: normal; text-transform: uppercase;  }
  .banner-tit .tit:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 0.07rem; height: 0.9rem; background-color: #e03927; transform: translateY(-50%); }

  .page-banner .txtbox { position: absolute; bottom: 22%; left: 50%; z-index: 100; margin-left: -2.4rem; max-width: 48%; width: 7.4rem; transform: translateX(-50%); }
  .page-banner .txtbox .text01 img { width: 60%; }


@media ( min-width: 992px ){
	
  .crumbs-box { background-color: #bc0b13; }
    .page-nav { float: left; list-style: none; margin: 0; padding: 0; }
      .page-nav li { display: inline-block; position: relative; }
      .page-nav li + li { margin-left: 0.44rem; }
      .page-nav li + li:before { content: ''; display: block; position: absolute; top: 50%; left: -0.22rem; width: 1px; height: 0.2rem; background-color: #fff; transform: translateY(-50%); }
      .page-nav li a { display: block; padding: 0.2rem; font-size: 0.16rem;color: #fff; transition: all .5s ease-out; }
      .page-nav li.cur a { position: relative; color: #181818; background-color: #d4d4d4; }
      .page-nav li:hover a { position: relative; color: #181818; background-color: #d4d4d4; }
    .crumbs-box .crumbs { float: right; margin-top: 0.2rem; color: #fff;  }
    .crumbs-box .crumbs a { color: #fff; }
}
@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; }
    .page-nav li + li { margin-bottom: 0.13rem; margin-left: 0.06rem; }
    .page-nav li a { display: block; padding: 0.1rem 0.6rem 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 #e03927 solid; color: #fff; background-color: #e03927; }
  
}



.ind-01 { padding-bottom: 1.2rem; }
  .ind-01 .ind-01-tit { margin-top: 0.9rem; margin-bottom: 0.5rem; padding: 0.35rem 0 0 1.4rem; height: 1.76rem; line-height: 1; background-image: url(../../images/wzx/titbg.png); background-position: 0 50%; background-repeat: no-repeat; background-size: auto 100%; }
  .ind-01 .ind-01-tit .txt01 { font-size: 0.12rem; color: #47535e; }
  .ind-01 .ind-01-tit .txt02 { font-size: 0.36rem; font-weight: bold; color: #333; }
  .ind-01 .ind-01-tit .txt03 { font-size: 0.36rem; font-weight: bold; color: #4b5863; }
  .ind-01 .item { display: block; position: relative; background-position: 50% 50%; background-repeat: no-repeat;  -webkit-background-size: 100% auto; background-size: 100% auto; transition: all 0.3s ease-out; }
  .ind-01 .item:before { content: ''; display: block; position: absolute; left: 0.2rem; right: 0.2rem; top: 0.2rem; bottom: 0.2rem; z-index: 100; text-align: center; background-color: rgba(255,255,255,0.8); }
  .ind-01 .txtbox { /*position: absolute; left: 0.2rem; right: 0.2rem; top: 0.2rem; bottom: 0.2rem; z-index: 100; text-align: center; background-color: rgba(255,255,255,0.8);*/ }
  .ind-01 .txtbox { position: absolute; left: 50%; top: 45%; width: 80%; z-index: 100; text-align: center; transform: translate(-50%, -50%); }
  .ind-01 .txtbox:after { content: ''; display: block; margin: 0 auto; width: 0.25rem; height: 0.27rem; background-image: url(../../images/wzx/ind-01-04.png); background-position: 0 50%; background-repeat: no-repeat; background-size: 100%; }
  .ind-01 .txtbox em { display: block; margin: 0.2rem auto 0; width: 0.65rem; height: 0.65rem; background-position: 0 50%; background-repeat: no-repeat; background-size: auto 100%; }
  .ind-01 .a1 .txtbox em { background-image: url(../../images/wzx/about-section02-b1-hover.png);}
  .ind-01 .a2 .txtbox em { background-image: url(../../images/wzx/about-section02-b2-hover.png);}
  .ind-01 .a3 .txtbox em { background-image: url(../../images/wzx/about-section02-b3-hover.png);}
  .ind-01 .txtbox h3 { margin: 0.1rem 0 0.05rem; font-size: 0.30rem; font-weight: bold; color: #292929; }
  .ind-01 .txtbox p { margin-bottom: 0.05rem; height: 0.4rem; font-size: 0.14rem; color: #292929; }
  .ind-01 .item:hover { -webkit-background-size: 120% auto; background-size: 120% auto;  }
  .ind-01 .item:hover .txtbox h3 { color: #fff }
  .ind-01 .item:hover .txtbox p { color: #fff }
  .ind-01 .item:hover:before { background-color: rgba(188,11,19,0.8); }
  .ind-01 .item.a1:hover .txtbox em { background-image: url(../../images/wzx/about-section02-b1.png);}
  .ind-01 .item.a2:hover .txtbox em { background-image: url(../../images/wzx/about-section02-b2.png);}
  .ind-01 .item.a3:hover .txtbox em { background-image: url(../../images/wzx/about-section02-b3.png);}
  .ind-01 .item:hover .txtbox:after {  background-image: url(../../images/wzx/ind-01-04-hover.png); }


.ind-02 { padding: 2.25rem 0; background-color: #fff; }
  .ind-02-txtbox { position: relative; z-index: 7; padding: 0.4rem 0.35rem; width: 6.0rem; height: 5.0rem; background-color: #f1f1f1;}
    .ind-02-txtbox:before { content: ''; display: block; position: absolute; right: 0.35rem; top: 0.5rem; width: 0.72rem; height: 0.68rem; background-color: #f1f1f1; background-image: url(../../images/wzx/ind-logo.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; }
    .ind-02-txtbox ul { list-style: none; margin: 0; padding: 0; }
    .ind-02-txtbox li { padding: 0.06rem 0; border-top: 1px #e4e4e4 solid; }
    .ind-02-txtbox li .name { float: left; }
    .ind-02-txtbox li .info { overflow: hidden; }
    .ind-02-txtbox li .txt { padding: 0.2rem 0; color: #292929; }
    .ind-02-txtbox li .goto-a { display: block; margin-top: 0.25rem; border: 1px #3b3b3b solid; border-radius: 0.25rem; width: 1.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #3b3b3b; }
    .ind-02-txtbox li .goto-a:hover { border: 1px #c22c33 solid; color: #fff; background-color: #c22c33; }
    .ind-02-txtbox h3 { margin-bottom: 0.15rem; font-size: 0.5rem; color: #c22c33; font-weight: bold; }
    .ind-02-txtbox p { color: #292929; }

  .ind-02-imgs { position: absolute; top: 50%; left:40%; z-index: 6; width: 6.0rem; transform: translateY(-50%); }
    .ind-02-imgs .ind-02-imgs-left,
    .ind-02-imgs .ind-02-imgs-right { top: auto; bottom: 0.1rem; margin-left: 0.3rem; margin-top: 0; width: 0.3rem; height: 0.5rem; 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%); }
    .ind-02-imgs .ind-02-imgs-right { margin-left: 0; margin-right: 0.3rem; background-image: url(../../images/wzx/right.png);  }
  .ind-02-bg { position: absolute; right: 0; top: 50%; z-index: 5; width: 4.35rem; transform: translateY(-50%); }

.ind-03 { padding: 0.6rem 0 1rem; background-image: url(../../images/wzx/ind-03.jpg); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-03 .ind-03-a1 { background-color: #c22c33; }
  .ind-03 .ind-03-a1 .txt { display: inline-block; padding: 0.2rem 0.05rem; font-style:italic; color: #fff; }
  .ind-03-video { position: relative; }
  /*.ind-03-video:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 0.73rem; height: 0.73rem; background-image: url(../../images/wzx/play.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translate(-50%, -50%); }*/
  .ind-03-video:before { content: ''; display: block; position: absolute; z-index: 100; width: 100%; height: 100%; background-color: rgba(188,11,19,0.6); opacity: 0; transition: all 1s ease-out; }
  .ind-03-video:hover:before { opacity: 0.5; }
  .ind-03-list {  }
    .ind-03-list .item { display: block; margin-bottom: 0.2rem; padding-top: 0.15rem; border-radius: 0.06rem 0.36rem 0.06rem 0.36rem; }
    .ind-03-list .date-box { float: left; margin-right: 0.36rem;padding-left: 0.1rem; width: 0.9rem; text-align: center; }
    .ind-03-list .date-box .date-dm { margin: 0.05rem 0; font-size: 0.28rem; color: #787878; line-height: 1; }
    .ind-03-list .date-box .date-y { font-size: 0.12rem; color: #989898; }
    .ind-03-list .txt-box { overflow: hidden; border-bottom: 1px #dddee0 solid; }
    .ind-03-list .txt-box .tit { margin: 0 0 0.1rem; font-size: 0.18rem; color: #424242; font-weight: bold; }
    .ind-03-list .txt-box .txt { color: #7c7c7d; }
    .ind-03-list .txt-box .more { margin-bottom: 0.1rem; color: #acaeb1; text-decoration: underline }

    .ind-03-list .item:hover { background-color: rgba(188,11,19,0.8); }
    .ind-03-list .item:hover .date-box .date-dm { color: #fff; }
    .ind-03-list .item:hover .date-box .date-y { color: #fff; }
    .ind-03-list .item:hover .txt-box { border-bottom: 1px #c22c33 solid; }
    .ind-03-list .item:hover .txt-box .tit { color: #fff; }
    .ind-03-list .item:hover .txt-box .txt { color: #fff; }
    .ind-03-list .item:hover .txt-box .more { color: #fff; }

.ind-04 { }
  .ind-04 .swiper-slide { position: relative; height: 7.5rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-04 .ind-04-slide { position: absolute; width: 100%; color: #fff; }
  .ind-04 .ind-04-slide .txt01 { margin-top: 1.1rem; font-size: 0.36rem; font-style: italic; font-weight: bold; font-family: 'arial_black_Italic'; text-transform: uppercase; }
  .ind-04 .ind-04-slide .txt02 { font-weight: bold; font-size: 0.4rem; }
  .ind-04 .ind-04-slide .txt03 { max-width: 7.7rem; font-size: 0.14rem; line-height: 2.2; }

  .ind-04 .ind-04-btns { position: absolute; bottom: 0; z-index: 100; width: 100%; height: 2.6rem; background-color: rgba(0,0,0,.3); }
  .ind-04 .ind-04-btns .item { float: left; position: relative; padding: 0.1rem 0.35rem; width: 33.33333%; color: #fff; transition:all .3s ease-out; }
  .ind-04 .ind-04-btns .item + .item:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 2.6rem; background-color: rgba(255,255,255,.1); }
  .ind-04 .ind-04-btns .item em { display: block; margin: 0 auto; width: 1.0rem; height: 1.0rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .ind-04 .ind-04-btns .item.a1 em { background-image: url(../../images/wzx/ind-04-icon01.png); }
  .ind-04 .ind-04-btns .item.a2 em { background-image: url(../../images/wzx/ind-04-icon02.png); }
  .ind-04 .ind-04-btns .item.a3 em { background-image: url(../../images/wzx/ind-04-icon03.png); }
  .ind-04 .ind-04-btns .item h3 { margin: 0.08rem 0; font-size: 0.22rem; font-weight: bold; text-align: center; }
  .ind-04 .ind-04-btns .item p { font-size: 0.14rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

  .ind-04 .ind-04-btns .item.cur { margin-top: -0.1rem; border-top: 10px solid rgba(0,0,0,.3); border-radius: 0.1rem 0.1rem 0 0; height: 2.7rem; background-color: rgba(0,0,0,.3); }



.footer{ padding-top: 0.75rem; color: #9a9b9d;  background-color: #373c40; /* background-image: url(../../images/wzx/bottom-img.png); background-position: 50% 50%; background-repeat: no-repeat;*/ }
.footer a { color: #9a9b9d; }
.footer a:hover { color: #c83037; }
    
  .footer-btn { margin-top: 0.12rem; border-top: 1px solid #9a9b9d; width: 2.6rem; }
  .footer-btn a { display: block; position: relative; margin: 0.2rem 0; border-radius: 0.5rem; border: 1px solid #9a9b9d; width: 2.0rem; height:  0.48rem; line-height: 0.48rem; text-align: center; font-weight: bold; font-size: 0.14rem; color: #fff; }
  .footer-btn a .img-2m { display: none; position: absolute; left: 50%; bottom: 100%; padding: 0.2rem; border-radius: 0.05rem; width: 1.6rem; height: 1.6rem; transform: translateX(-50%); }
  .footer-btn a:hover { border: 1px solid #c83037; color: #fff; background-color: #c83037; }
  .footer-btn a:hover .img-2m { display: block; }


  .footer-btn p {  }
  .footer-tit { margin-top: 0.4rem; margin-bottom: 0.3rem; font-size: 0.18rem; color: #fff; }
  .footer-contact p { margin-bottom: 0.15rem; }
  .footer-contact p:before { content: ''; display: inline-block; 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/bottom-icon01.png); }
  .footer-contact .a2:before { background-image: url(../../images/wzx/bottom-icon02.png); }
  .footer-nav { list-style: none; margin: 0; padding: 0; }
    .footer-nav > li { clear: both; margin-bottom: 0.08rem; }
    .footer-nav > li > a { float: left; margin-right: 0.2rem; padding-top: 0.03rem; font-size: 0.15rem; font-weight: bold; color: #fff; }
    .footer-nav .sub-nav { overflow: hidden; list-style: none; margin: 0; padding: 0; }
    .footer-nav .sub-nav li { display: inline-block; padding: 0.03rem 0.05rem; border: 1px solid #51585d; }
    .footer-nav .sub-nav li a { color: #fff; }
    .footer-nav .sub-nav li:hover { border: 1px solid #c83037; color: #fff; background-color: #c83037; }
    .footer-nav .sub-nav li:hover a { color: #fff; }

  .bottom-copy { margin-top: 0.5rem; padding-top: 0.26rem; padding-bottom: 0.3rem; border-top: 1px #9a9b9d solid; text-align: center; }




/*index*/





.main { overflow: hidden; padding: 0.7rem 0 ;}
.main.pb0 { padding-bottom: 0;}

.page-tit { text-align: center; }
  .page-tit h3 { position: relative; display: inline-block; margin: 0;  color: #242424; font-size: 0.42rem; font-weight: bold; }
  .page-tit h3 span { color: #e03927;}
  .page-tit h3 span.fz48 { font-size: 0.48rem;}
  .page-tit .en { margin-bottom: 0.05rem; font-family: 'Arial'; color: #d6d6d6; font-size: 0.14rem; line-height: 1; text-transform: uppercase; }
  .page-tit .en.big { font-weight: bold; font-size: 0.5rem; color: #e03927; }
  .page-tit .txt { margin-top: 0.2rem; margin-bottom: 0.3rem; font-size: 0.14rem; color: #656363; }


.top-space{ margin-top: 1.94rem; }




.list-new2 {  }
  .list-new2 .item { position: relative; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.01);  transition: all 0.6s ease-out; }
  .list-new2 .item:hover {  box-shadow: 0 0 10px rgba(0,0,0,.3); }
  .list-new2 .item + .item { margin-top: 0.3rem; }
  .list-new2 .item .txt-box { float: left; padding: 0.7rem 0.5rem 0.5rem; width: 50%; }
  .list-new2 .item:nth-child(2n) .img-box { float: left; }
    .list-new2 .item .txt-box .tit { font-size: 0.28rem; color: #5d5d5d; }
    .list-new2 .item .txt-box .date { font-size: 0.14rem; color: #5d5d5d; }
    .list-new2 .item .txt-box .txt { font-size: 0.14rem; color: #5d5d5d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
  .list-new2 .item .img-box { float: right; overflow: hidden; width: 50%; }

  .list-new2 .item:hover {  background-color: #bc0b13; }
  .list-new2 .item:hover .txt-box .tit { color: #fff; }
  .list-new2 .item:hover .txt-box .date { color: #e5757a; }
  .list-new2 .item:hover .txt-box .txt { color: #f29e9e; }



.list-v { padding-top: 0.5rem; padding-bottom: 0.9rem; background-color: #f8f8f8; }



.page-about { }
.about-section01 { padding: 0.5rem; background-color: #fff; }
  .about-section01 h6 { margin: 0; font-size: 0.66rem; color: #bc0b13; font-family: 'Impact'; }
  .about-section01 h3 {  font-size: 28px; color: #242424;  }
  .about-section01 p { margin-bottom: 0.03rem; }
.about-section02 {  background-color: #efefef; transition: all 1s ease-out; }
  .about-section02 .a1 { padding: 0.45rem;  }
  .about-section02 .a1 h2 { margin: 0.22rem 0; font-size: 0.36rem; color: #bc0b13; }
  .about-section02 .a2 { position: relative; }
  .about-section02 .a2-box { position: absolute; top: 0; left: 50%; width: 85%; height: 100%; text-align: center; color: #fff; transform: translateX(-50%); }
  .about-section02 .a2-box em { display: block; margin: 0 auto; width: 0.8rem; height: 0.8rem;  background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .about-section02 .a2-box em.b1 { background-image: url(../../images/wzx/about-section02-b1.png); }
  .about-section02 .a2-box em.b2 { background-image: url(../../images/wzx/about-section02-b2.png); }
  .about-section02 .a2-box em.b3 { background-image: url(../../images/wzx/about-section02-b3.png); }
  .about-section02 .a2-box .icon-box:hover p { color: #c73037; }
  .about-section02 .a2-box .icon-box:hover em.b1 { background-image: url(../../images/wzx/about-section02-b1-hover.png); }
  .about-section02 .a2-box .icon-box:hover em.b2 { background-image: url(../../images/wzx/about-section02-b2-hover.png); }
  .about-section02 .a2-box .icon-box:hover em.b3 { background-image: url(../../images/wzx/about-section02-b3-hover.png); }
  .about-section02 .a2-box .row,
  .about-section02 .a2-box [class*='col-'] { height: 100%; }
  .about-section02 .a2-box p { margin-top: 0.12rem; font-size: 0.18rem; }
  .about-section02 .a2-box .icon-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.about-section02:hover { box-shadow: 0 10px 12px rgba(0,0,0,.2); }


.about-section03 { margin-top: .8rem; position: relative; height: 5.4rem; background-image: url(../../images/wzx/about-section03.jpg); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
  .about-section03:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); transition: all 0.1s ease-out; }
  .about-section03:hover:before { opacity: 0.6; }
  .about-section03 .txtbox { position: absolute; top: 50%; transform: translateY( -50%); }
    .about-section03 .txt01 { margin-bottom: 0.3rem; font-size: 0.24rem; color: #bc0b13; font-weight: bold; }
    .about-section03 .txt01:before { content: ''; display: inline-block; margin-right: 0.08rem; width: 0.08rem; height: 0.24rem; vertical-align: -0.04rem; background-color: #bc0b13; }
    .about-section03 .txt02 {  margin-bottom: 0.3rem; font-size: 0.48rem; color: #fff; }
    .about-section03 .txt-btn { cursor: pointer; font-size: 0.18rem; color: #fff; }
    .about-section03 .txt-btn:before { content: ''; display: inline-block; margin-right: 0.1rem; width: 0.55rem; height: 0.51rem; vertical-align: -0.19rem; background-image: url(../../images/wzx/about-section03-btn.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .about-section03 .txt-btn:hover{ color: #bc0b13; }
    .about-section03 .txt-btn:hover:before { background-image: url(../../images/wzx/about-section03-btn-hover.png); }
.about-section04 { padding: .8rem 0; background-color: #fff; }
  .about-section04 .txtbox { background-color: #efefef; }
  .about-section04 .txtbox .item { padding: 0.30rem; height: 1.54rem; transition: all 1s ease-out; }
  .about-section04 .txtbox .item + .item { border-top: 1px solid #fff; }
  .about-section04 .txtbox .item strong { display: block; font-size: 0.26rem; font-weight: normal; }
  .about-section04 .txtbox .item p { font-size: 0.18rem; }
  .about-section04 .txtbox .item p.txt02 { font-size: 0.14rem; }
  
  .about-section04 .txtbox .item.cur strong { margin-bottom: 0.15rem; }

  .about-section04 .txtbox .item { position: relative; z-index: 100; transition: all 0.3s ease-out; }
  .about-section04 .txtbox .item:before,
  .about-section04 .txtbox .item:after { content: ''; display: block; position: absolute; top: 50%; right: 5%; z-index: 100;  width: 0.36rem; height: 0.03rem;  background-color: #fff; opacity: 0; transition: all 0.1s ease-out; }
  .about-section04 .txtbox .item:after { transform: rotate(90deg); }

  .about-section04 .txtbox .item:before { margin-right: -0.6rem; }
  .about-section04 .txtbox .item:after { margin-top: 0.6rem; }

  .about-section04 .txtbox .item.cur { margin-right: -1.0rem; height: 1.90rem; color: #fff; background-color: #bc0b13; /*box-shadow: 0 10px 20px rgba(0,0,0,.4);*/ }
  .about-section04 .txtbox .item.cur:before,
  .about-section04 .txtbox .item.cur:after { opacity: 1; margin: 0; transition: all 0.6s ease-out 0.2s; }

.about-section05 { padding: 0.7rem 0 1.6rem; background-color: #f1f1f1; }
  .about-section05 .txt01 { margin-bottom: 1rem; font-size: 0.28rem; color: #bc0b13; }
  .about-section05 .txt01:before { content: ''; display: inline-block; margin-right: 0.08rem; width: 0.08rem; height: 0.24rem; vertical-align: -0.04rem; background-color: #bc0b13; }

  .about-section05 .swiper-slide { width: auto!important; }
  .about-section05 .swiper-slide img {  height: 3.25rem; }

  .about-section05 .rongyu-box { position: relative; }
  .about-section05 .rongyu-box .rongyu-box-left,
  .about-section05 .rongyu-box .rongyu-box-right { margin-left: -0.6rem; margin-top: 0; width: 0.3rem; height: 0.5rem; 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%); }
  .about-section05 .rongyu-box .rongyu-box-right { margin-left: 0; margin-right: -0.6rem; background-image: url(../../images/wzx/right.png);  }

.demand { padding: 0.28rem 0 0.3rem; background-color: #fff; }
  .demand .txt01 { font-size: 0.14rem; color: #9a9b9d; }
  .demand .txt02 { font-size: 0.36rem; color: #000; font-weight: bold; }
  .demand .demand-txtbox { overflow: hidden; }
  .demand .demand-txt { padding: 0 0.12rem; border: 1px #acb1b5 solid; border-radius: 0.06rem; width: 100%; height: 0.4rem; }
  .demand .demand-btn { float: right; margin-left: 0.25rem; padding: 0 0.12rem; border: 1px #5e677a solid; border-radius: 0.3rem; width: 1.5rem; height: 0.4rem; color: #373c40; background-color: #fff; }
  .demand-form { overflow: hidden; width: 0.01rem; height: 0.01rem; }



.tit-style01 { padding: 0.25rem 0.3rem 0.2rem ; background-image: url(../../images/wzx/titbg.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: auto 100%; background-size: auto 100%; }
.tit-style01 .txt01 { font-size: 0.28rem; color: #242424; font-weight: bold; }
.tit-style01 .txt02{ font-size: 0.46rem; color: #bc0b13; font-family: 'Impact'; }

.rd-section01 { margin-top: -0.7rem; padding: 1.1rem 0 0.8rem; background-color: #fff; }
  .rd-section01 h6 { margin: 0; font-size: 0.66rem; color: #bc0b13; font-family: 'Impact'; }
  .rd-section01 h3 { font-size: 0.28rem; color: #242424;  }

.rd-section02 { }
  .rd-section02 .rd02-item { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
  .rd-section02 .tit-style01 { margin-bottom: 0.15rem; }
  .rd-section02 .rd02-txt { max-width: 4.5rem; font-size: 0.18rem; font-weight: bold; line-height: 1.6; color: #58595b; }
  .rd-section02 .btn-left,
  .rd-section02 .btn-right { float: left;  margin-top: 0.8rem; width: 0.24rem; height: 0.27rem; background-image: url(../../images/wzx/btn-left.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translateY(-50%); }
  .rd-section02 .btn-right { float: right; background-image: url(../../images/wzx/btn-right.png);  }

  .rd-section02 .rd02-box-left,
  .rd-section02 .rd02-box-right { visibility:hidden }

  .rd-section02 .swiper-container { height: 6.9rem; }
  .rd-section02 .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }


.rd-section03 { padding: 0.7rem 0 1.6rem; background-color: #f1f1f1; }
.rd-section03 .tit-style01 { margin-bottom: 0.25rem; }

  .rd-section03 .swiper-slide { width: auto!important; }
  .rd-section03 .swiper-slide img {  height: 3.25rem; }

  .rd-section03 .shili-box { position: relative; }
  .rd-section03 .shili-box .shili-box-left,
  .rd-section03 .shili-box .shili-box-right { margin-left: -0.5rem; margin-top: 0; width: 0.3rem; height: 0.5rem; 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%); }
  .rd-section03 .shili-box .shili-box-right { margin-left: 0; margin-right: -0.5rem; background-image: url(../../images/wzx/right.png);  }

.rd-section04 { }
  .rd-section04 .rd04-item { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
  .rd-section04 .tit-style01 { margin-bottom: 0.15rem; }
  .rd-section04 .rd04-txt { width: 4.5rem; font-size: 0.18rem; font-weight: bold; line-height: 1.6; color: #58595b;}
  .rd-section04 .btn-left,
  .rd-section04 .btn-right { float: left;  margin-top: 0.8rem; width: 0.24rem; height: 0.27rem; background-image: url(../../images/wzx/btn-left.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transform: translateY(-50%); }
  .rd-section04 .btn-right { float: right; background-image: url(../../images/wzx/btn-right.png);  }

  .rd-section04 .rd04-box-left,
  .rd-section04 .rd04-box-right { visibility:hidden }

  .rd-section04 .swiper-container { height: 6.9rem; }
  .rd-section04 .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; }


.duty-section01 {  }
  .duty-section01-box { overflow: hidden; background-color: #eee;  }
  .duty-section01 .tit { margin-bottom: 0.7rem; text-align: center; font-size: 0.3rem; color: #000;  }
  .duty-section01 .txtbox03 { position: absolute; top: 0; left: 0; z-index: 200; padding: 0.45rem 0.35rem; color: #000; transition: all 1s ease-out; }
  .duty-section01 .txtbox03 h3 { margin-top: 0; margin-bottom: 0.35rem; font-size: 0.36rem; }
  .duty-section01 .txtbox03 p { font-size: 0.24rem; }

  .duty-section01 .txtbox02 { margin-bottom: -20.0rem; padding: 0.45rem 0.35rem 20.25rem 0.35rem; color: #fff; background-color: #bc0b13; }
  .duty-section01 .txtbox02 h3 { margin-top: 0.25rem; margin-bottom: 0.2rem; font-size: 0.24rem; }
  .duty-section01 .txtbox02 p { font-size: 0.14rem; line-height: 2; }

  .duty-section01 .txtbox01 { padding: 0.45rem 0.60rem; height: 3.12rem; color: #3c3c3c; }
  .duty-section01 .txtbox01 h3 { position: relative; margin-top: 0; margin-bottom: 0.2rem; font-size: 0.33rem; }
  .duty-section01 .txtbox01 h3:before { content: ''; position: absolute; left: -0.2rem; display: inline-block; margin-right: 0.08rem; width: 0.03rem; height: 0.36rem; background-color: #bc0b13; }
  .duty-section01 .txtbox01 p { font-size: 0.14rem; line-height: 2; }

  .duty-section01-bigimg .img-hover:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #bc0b13; opacity: 0; transition: all 0.6s ease-out; }
  .duty-section01-bigimg:hover .img-hover:before { opacity: 0.7; }
  .duty-section01-bigimg:hover .txtbox03 { color: #fff; }

.duty-section02-box { margin-top: 0.5rem; border: 0.09rem solid #fff; background-color: #f8f8f8; }
  .duty-section02-box .item { display: block; margin: 0 auto; padding: 0.4rem 0; width: 70%; text-align: center; }
  .duty-section02-box .item h3 { font-size: 0.3rem; color: #242424; transition: all 0.1s ease-out; }
  .duty-section02-box .item p { font-size: 0.15rem; color: #242424; }
  .duty-section02-box .item em { display: block; margin: 0 auto; width: 1.0rem; height: 1.0rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; transition: all 0.2s ease-out; }
  .duty-section02-box .item em.a1 { background-image: url(../../images/wzx/duty-02-icon01.jpg); }
  .duty-section02-box .item em.a2 { background-image: url(../../images/wzx/duty-02-icon02.jpg); }
  .duty-section02-box .item em.a3 { background-image: url(../../images/wzx/duty-02-icon03.jpg); }
  .duty-section02-box .item:hover h3 {color: #bc0b13; }
  .duty-section02-box .item:hover em { margin-top: -0.1rem; }

.duty-section03 {  }
  .duty-section03 .tit { margin-top: 0.6rem; margin-bottom: 0.7rem; text-align: center; font-size: 0.36rem; color: #000; }
  /*.duty-section03 .row { overflow: hidden; }*/
  .duty-section03 .item { /*margin-bottom: -2.0rem; padding-bottom: 2.0rem;*/ height: 100%; text-align: center; color: #242424; background-color: #fff;transition: all 1s ease-out; }
  .duty-section03 .item .txtbox { height: 200px; }
  .duty-section03 .item h3 { margin-top: 0; padding: 0.25rem 0.25rem 0.15rem; font-size: 0.24rem;  }
  .duty-section03 .item p {  padding: 0 0.25rem 0.25rem; font-size: 0.14rem; }
  .duty-section03 .item:hover { color: #fff; background-color: #bc0b13; box-shadow: 0 10px 20px rgba(0,0,0,.4); }

.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; }
  .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/contact-img01.png); }
  .contact-section01 .txtbox ul li.txt2:before { background-image: url(../../images/wzx/contact-img02.png); }
  .contact-section01 .txtbox ul li.txt3:before { background-image: url(../../images/wzx/contact-img03.png); }
  .contact-section01 .txtbox ul li.txt4:before { background-image: url(../../images/wzx/contact-img04.png); }

.contact-section02 { padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #f6f6f6; }



.product-imgs{ margin: 0 auto 0;  max-width: 6rem;  }
  .imgbox-large { position: relative; }
  .imgbox-large .swiper-container{  }
  .imgbox-large .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; background-size: contain; }
    .imgbox-Small .arrow-left{ position: absolute; left: 0.2rem; top: 50%; width: 0.15rem; height: 0.23rem; z-index: 10; transform: translateY(-50%); background: url(../../images/wzx/left.png) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; }
    .imgbox-Small .arrow-right{ position: absolute; right: 0.2rem; top: 50%; width: 0.15rem; height: 0.23rem; z-index: 10; transform: translateY(-50%); background: url(../../images/wzx/right.png) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; }
.imgbox-Small{ position: relative; margin-top: 0.1rem; margin-bottom: 0.4rem; padding: 0.1rem 0.6rem; background-color: #f6f6f6; }
    .imgbox-Small .swiper-container{  }
  .imgbox-Small .swiper-slide { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; background-size: contain; }
    .imgbox-Small .swiper-slide{ /*margin-right: 20px !important; width: 320px; height: 200px; */cursor:pointer; }
    /* .imgbox-Small .arrow-left{background: url(../../images/wzx/left.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;} */
    /* .imgbox-Small .arrow-right{background: url(../../images/wzx/right.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;} */
    .imgbox-Small img{ padding: 1px; border: 2px solid #fff; }
    .imgbox-Small .active-nav img{ padding: 0; border: 2px solid #aa8c78; }

.product-v-body { padding: 0.5rem;  background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.product-v-body-show { padding: 0.3rem 0 0.6rem;  border-top: 1px #d6d8db solid; }
.product-v-body-show .tit01 { margin-bottom: 0.3rem; font-size: 0.3rem; font-weight: bold; color: #000; text-align: center; }
.product-v-body-show th { width: 120px; font-weight: normal; text-align: right; }
.product-v-body-show th,
.product-v-body-show td { padding: 0.12rem 0.15rem !important; }


.list-job {}
  .list-job .item { position: relative; padding: 0.15rem 0.35rem; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
  .list-job .item + .item { margin-top: 0.3rem; }
  .list-job .item-head { margin-right: 1.1rem; border-right: 1px #bfbfbf solid; }
  .list-job .item-head .tit { margin-top: 0.1rem; margin-bottom: 0.2rem; color: #222; font-weight: bold; }
  .list-job .item-head .list-job-date p { display: inline-block; margin-top: 0.15rem; }
  .list-job .item-head .list-job-date p + p:before { content: ''; display: inline-block; margin: 0 0.2rem; width: 1px; height: 0.18rem; vertical-align: -0.04rem; background-color: #999; }
  .list-job .item-head .item-head-table { font-size: 0.16rem; }
  .list-job .item-head .item-head-table [class*='col-'] { margin-bottom: 0.1rem; }

  .list-job .item-body { margin-top: 0.1rem; border-top: 1px #bfbfbf solid; height: 0; opacity: 0; transition: all 0.3s ease-out; }
  .list-job .item-body .tit { margin-top: 0.3rem; margin-bottom: 0.15rem; font-size: 0.18rem; }
  .list-job .item-body .content-txt { min-height: 0.5rem; }
  .list-job .item-body .list-job-apply { display: inline-block; width: 1.75rem; height: 0.45rem; line-height: 0.45rem; text-align: center; color: #fff; font-size: 0.16rem; background-color: #bc0b13; }
  
  .list-job .item .list-job-btn { position: absolute; right: 0.6rem; top: 0.7rem; color: #bc0b13; }
  .list-job .item.open .list-job-btn { position: absolute; right: 0.7rem; top: 0.6rem; width: 0.3rem; height: 0.3rem; text-indent: -99.99rem; background: url(../../images/wzx/close.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; }
  .list-job .item.open .item-body {  height: auto; opacity: 1; }

  .list-job .item:hover .item-head .tit { color: #bc0b13; }
  .list-job .item-body .list-job-apply:hover { background-color: #9f0007; }



.list-job-show {  padding: 0.4rem 0.35rem; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.list-job-show label { position: static; font-size: 0.16rem; color: #333; }
.list-job-show select { padding-left: 0.2rem; }
.list-job-show .a1 input {
    padding-left: 0.8rem;
}


form .table_form { margin: 0 auto; max-width: 8.0rem; }
  form .table_form td,
  form .table_form th{ padding: 0.1rem 0.06rem; vertical-align: top; }
  form .table_form th{ padding-top: 0.17rem; }
  form .table_form [type="text"]{ width: 100%; height: 0.31rem; }
  form .table_form textarea{ width: 100%;  }

  form .table_form .submit [type="submit"] { cursor: pointer; display: inline-block; border-width: 0; width: 2.35rem; height: 0.45rem; line-height: 0.40rem; text-align: center; color: #fff; font-size: 0.14rem; background-color: #848484; }
  form .table_form .submit [type="submit"]:hover {  color: #fff; background-color: #bc0b13; }


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


}

@media ( max-width: 1299px ) and ( min-width: 1201px ){
  /* menu */
 /* .menu > li > a .cn { font-size: 0.14rem; }
  .menu > li > a .en { font-size: 0.12rem; }*/

  /*banner*/



  /*ind*/



  .duty-section01 .txtbox01 { height: 2.8rem; }


  .about-section04 .txtbox .item { padding: 0.20rem 0.30rem; height: 1.4rem; }
  .about-section04 .txtbox .item.cur { height: 1.74rem; }



}

@media ( max-width: 1200px ) and ( min-width: 992px ){
  html { font-size: 500%; }
  .logo { margin-right: 0.5rem; }

  .menu-fixed .logo { width: 4.5rem; }
  .menu-fixed .menu > li > a { padding: 0.32rem 0.25rem 0; }

  /*banner*/

  /*ind*/
  .ind-02 { padding: 3.2rem 0; }




  .about-section04 .txtbox .item { padding: 0.20rem 0.30rem; height: 1.44rem; }
  .about-section04 .txtbox .item.cur { height: 1.80rem; }


}

@media ( max-width: 991px ) and ( min-width: 768px ){
  html { font-size: 500%; }
  
  .header .container { position: relative; }
  .top-space { margin-top: 0; }
  .page-banner { height: 4.5rem;}
  .page-showbox { padding-top: 0.3rem; padding-bottom: 0.6rem; }


  /*banner*/
  .banner-b-txt-box { width: 100%; }
  .banner-b-txt-box .item .txt02 span { font-size: 0.3rem; vertical-align: -0.03rem; }

  .banner-tit { transform: translateY(-50%); }

  .banner .txtbox { bottom: 40%; left: 50%; z-index: 100; margin-left: -1.6rem; max-width: 48%; width: 7.4rem; }
  .page-banner .txtbox { bottom: 40%; left: 50%; z-index: 100; margin-left: -1.6rem; max-width: 48%; width: 7.4rem; }


  /*footer*/
  .footer-add-txt h3 { font-size: 0.24rem; }
  .bottom-copy p { padding-left: 0; }

  .page-goto .item { width: 100%; }
  .page-goto .item.a2 { border-top: 1px #dfdfdf solid; text-align: left; }
  .page-goto .item.a2 span { float: none; margin: 0 0.1rem 0 0; }
  .page-goto .item.a1 span {  margin: 0 0.1rem 0 0; }
  .page-goto .a1 span:before, 
  .page-goto .a2 span:after { display: none; }


  /*ind*/
  .ind-01 .ind-01-tit { padding: 0.35rem 0 0 0.8rem; height: 1.5rem; }
  .ind-01 .ind-01-tit .txt02 { font-size: 0.26rem; }
  .ind-01 .ind-01-tit .txt03 { font-size: 0.26rem; }
  .ind-01 .row [class*='col-'] { margin-bottom: 0.3rem; }

  .ind-02 { padding: 1rem 0; }
  .ind-02-txtbox { position: static; width: auto; height: auto; }
  .ind-02-imgs { position: static; width: auto; transform: translateY(0%); }
  .ind-02-bg { display: none; }

  .ind-03-a1 { margin-bottom: 0.4rem; }

  .ind-04 .swiper-slide { height: 7.5rem; }

  /*.ind-04 .ind-04-btns {  height: 3.2rem; }
  .ind-04 .ind-04-btns .item + .item:before { height: 3.2rem; }
  .ind-04 .ind-04-btns .item.cur { height: 3.3rem; }*/


  .main { padding-top: 0; }

  .duty-section03 .item { margin-bottom: 0.2rem; padding-bottom: 0.3rem; }

  .list-job .item .list-job-btn { display: none; }
  .list-job .item-head { margin-right: 0; border-right: 0; }
  .list-job .item-head .tit { margin-bottom: 0.1rem; font-size: 20px; }

  .list-job .item-body .list-job-apply { display: block; width: 100%; }

  .rd-section01 { margin-top: 0; }
  .rd-section02 .swiper-container,
  .rd-section04 .swiper-container { height: 4.8rem; }


  .list-new2 .item .txt-box { padding: 0.2rem 0.5rem 0.2rem; }

  .list-new2 .item .txt-box,
  .list-new2 .item .img-box { width: 100%; }

  .ind-04 .ind-04-slide .txt01 { margin-top: 0.8rem; }



}

@media screen and (max-width: 767px) {
  html { font-size: 500%; }
  .banner .swiper-pagination { z-index:500; bottom: 0.1rem; width: 100%; text-align: center; }
  .top-space { margin-top: 0; }
  .page-banner { height: 4.5rem;}
  .page-tit h3 { font-size: 0.32rem; }
  .page-showbox { padding-top: 0.2rem; padding-bottom: 0.5rem; }

  /*banner*/
  .banner-b-txt { overflow: hidden; position: static; margin-top: 0.25rem; width: 100%; transform: translateX(0%); }
  .banner-b-txt-box { width: 100%; }
  .banner-b-txt-box .item { width: 33.33333%; }
  .banner-b-txt-box .item em { display: block; margin: 0 auto; }
  .banner-b-txt-box .item .txt01 { font-size: 0.14rem; }
  .banner-b-txt-box .item .txt02 span { font-size: 0.14rem; vertical-align: -0.03rem; }

  .banner-b-txt-box .item:before { height: 300%; }
  .banner-b-txt-box .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,.3); }

  .banner-tit { transform: translateY(-50%); }
  .banner-tit .tit { font-size: 0.28rem; }

  .banner.swiper-container-horizontal>.swiper-pagination { bottom: 10px; }

  .page-banner { height: 3.2rem; }

  .banner .txtbox { bottom: 50%; left: 50%; z-index: 100; margin-left: 0; max-width: 50%; width: 7.4rem; transform: translate(-50%,50%); }
  .page-banner .txtbox { bottom: 50%; left: 50%; z-index: 100; margin-left: 0; max-width: 50%; width: 7.4rem; transform: translate(-50%,50%); }
 

  .contact-section01 .txtbox { height: auto; }



  /*footer*/


  .page-goto .item { width: 100%; }
  .page-goto .item.a2 { border-top: 1px #dfdfdf solid; text-align: left; }
  .page-goto .item.a2 span { float: none; margin: 0 0.1rem 0 0; }
  .page-goto .item.a1 span {  margin: 0 0.1rem 0 0; }
  .page-goto .a1 span:before, 
  .page-goto .a2 span:after { display: none; }


  .guestbook .button { margin-left: 0; margin-bottom: 0.2rem; width: 100%; }
  .guestbook .button + .button { margin-left: 0;}

  /*ind*/
  .ind-01 .ind-01-tit { padding: 0.35rem 0 0 0.8rem; height: 1.5rem; }
  .ind-01 .ind-01-tit .txt02 { font-size: 0.26rem; }
  .ind-01 .ind-01-tit .txt03 { font-size: 0.26rem; }
  .ind-01 .row [class*='col-'] { margin-bottom: 0.3rem; }

  .ind-02 { padding: 1rem 0; }
  .ind-02-txtbox { position: static; width: auto; height: auto; }
  .ind-02-imgs { position: static; width: auto; transform: translateY(0%); }
  .ind-02-bg { display: none; }

  .ind-03-a1 { margin-bottom: 0.4rem; }


  .ind-04 .swiper-slide { height: 5rem; }
  .ind-04 .ind-04-btns { height: 1.2rem; }
  .ind-04 .ind-04-btns .item { height: 1.2rem; }
  .ind-04 .ind-04-btns .item + .item:before { height: 1.2rem; }
  .ind-04 .ind-04-btns .item h3 { font-size: 0.16rem; }
  .ind-04 .ind-04-btns .item.cur { height: 1.3rem; }
  .ind-04 .ind-04-btns .item em { width: 0.6rem; height: 0.6rem; }
  .ind-04 .ind-04-slide .txt01 { margin-top: 0.6rem; font-size: 0.28rem; }
  .ind-04 .ind-04-slide .txt02 { font-size: 0.32rem; }

  .main { padding-top: 0; padding-bottom: 0; }
  /*.demand { margin-bottom: 0 }*/

  .duty-section03 .item { margin-bottom: 0.2rem; padding-bottom: 0.3rem; }

  .list-job .item .list-job-btn { display: none; }
  .list-job .item-head { margin-right: 0; border-right: 0; }
  .list-job .item-head .tit { margin-bottom: 0.1rem; font-size: 18px; }
  .list-job .item-head .list-job-date p { display: block; margin-top: 0.15rem; }
  .list-job .item-head .list-job-date p + p { margin-top: 0; }
  .list-job .item-head .list-job-date p + p:before { display: none; margin-top: 0; }

  .list-job .item-body .list-job-apply { display: block; width: 100%; }

  .contact-section01 .txtbox { height: auto; }

  .rd-section01 { margin-top: 0; padding-top: 0.6rem; }
  .rd-section01 h6 { font-size: 0.50rem; }
  .rd-section01 h3 { font-size: 0.24rem; }

  .rd-section02 .rd02-txt { max-width: 100%; }
  .rd-section04 .rd02-txt { max-width: 100%; }
  .rd-section02 .swiper-container,
  .rd-section04 .swiper-container { height: 4.8rem; }

  .tit-style01 .txt02 { font-size: 0.28rem; }

  .rd-section03 .txt01 { margin-bottom: 0.4rem; }
  .rd-section03 .swiper-slide img { height: 1.8rem; }
  .rd-section03 .swiper-container { margin-left: 30px; margin-right: 30px; }
  /*.rd-section03 .swiper-button-next, .rd-section03 .swiper-button-prev { top: 135%; }*/
  .rd-section03 .shili-box .shili-box-left { margin: 0; left: 0; }
  .rd-section03 .shili-box .shili-box-right { margin: 0; right: 0; }


  .demand .txt02 { font-size: 0.28rem; }

  .list-new2 .item .txt-box { padding: 0.2rem 0.3rem 0.2rem; }

  .list-new2 .item .txt-box,
  .list-new2 .item .img-box { width: 100%; }

  .product-v-body { padding: 0.2rem; }

  .about-section01 h6 { font-size: 0.50rem; }
  .about-section01 h3 { font-size: 22px;  }


  .about-section03 .txt02 { font-size: 0.32rem; }

  .about-section04 .txtbox .item { padding: 0.15rem 0.30rem; height: auto; }
  .about-section04 .txtbox .item.cur { margin-right: 0; height: auto; }


  .about-section05 .txt01 { margin-bottom: 0.4rem; }
  .about-section05 .swiper-slide img { height: 1.8rem; }
  .about-section05 .swiper-container { margin-left: 30px; margin-right: 30px; }
  /*.about-section05 .swiper-button-next, .about-section05 .swiper-button-prev { top: 135%; }*/
  .about-section05 .rongyu-box .rongyu-box-left { margin: 0; left: 0; }
  .about-section05 .rongyu-box .rongyu-box-right { margin: 0; right: 0; }



  .footer-logo { text-align: center; }
  .footer-logo img { margin: 0 auto; }
     
  .footer-btn { width: 100%; text-align: center; }
  .footer-btn a { margin: 0.2rem auto; border:0; width: 100%; height: auto; line-height: 1; }
  .footer-btn a:hover {  border:0; background: none; }
  .footer-btn a .img-2m { display: block; margin: 0 auto; position: static; transform: translateX(0%); }

  .footer-tit { text-align: center; } 
  .footer-contact p { text-align: center; }

  .footer-navbox { text-align: center; }
  .footer-nav { display: inline-block; text-align: center; }
  .footer-nav .sub-nav {text-align: left;}


  form .table_form th{ width: 1.2rem }


}

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