/* header */
.page-root { overflow: hidden; }
@media ( min-width: 992px ){
  .header-box { position: fixed; z-index: 1030; top: 0; border-bottom: 1px solid rgba(0,0,0,.15); width: 100%; height: 1.85rem; box-shadow: 0 0 0.25rem rgba(0,0,0,0.3); /*transform: translateX(-50%); */}
/*  .header-top { overflow: hidden; padding: 0.1rem 0; height: 0.42rem; background: #03123b; }
    .header-top-l { float: left; }
      .header-top-l { display: flex; list-style: none; margin: 0; padding: 0; }
      .header-top-l li { color: #9caaaf; }
      .header-top-l li + li { margin-left: 0.1rem; }
      .header-top-l li span { color: #fff; }
    .header-top-r { float: right; }
      .header-top-r a { color: #fff; }
      .header-top-r a + a { margin-left: 0.15rem; }*/
  .header { width:100%; background-color: #fff; /*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 { /*display: flex; justify-content: flex-end;*/  }

    .search-bar-top { position: absolute; top: 50%; width: 2rem; transform: translateY(-50%); }
    .search-bar-top .input-box input { padding-left: 0.15rem; padding-right: 0.1rem; border-radius: 0.2rem 0 0 0.2rem; border: 1px #999 solid; border-right: 0; }
    .search-bar-top .button  { border-radius: 0 0.2rem 0.2rem 0; border: 1px #999 solid; border-left: 0; background: url(/wp-content/themes/phoenix/static/images/pic/head-img03-hover.png) #fff no-repeat 50% 50%; background-size: 50%; }
      
    .right_btn { cursor: pointer; position: absolute; top: 50%; right: 0; font-size: 0.16rem; color: #5c5c5c; transform: translateY(-50%); }
    .right_btn i { margin-left: 0.08rem; }
    .right_btn:hover { color: #c8352d; }


    .logo { float: none; margin-left: auto; margin-right: auto; padding: 0; height: auto; }
    .logo img { display: inline-block; }

 
    .menu-box { margin-left: auto; margin-right: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
      .menu { list-style: none; margin: 0 0 0; padding: 0; display: flex; justify-content: space-around;  }
      .menu > li { flex-grow: 1; }
      .menu > li + li { border-left: 1px solid #eee; }
      .menu > li > a { display: block; position: relative; overflow: hidden; height: 0.65rem; }
      .menu > li > a:after { content: ''; position: absolute; bottom: 0;  left: 50%; transform: translateX(-50%); height: 3px; width: 0.0rem; background-color: #c8352d; transition: all .3s ease; }
      .menu > li > a span { display: block; position: relative; padding: 0 0.25rem 0; height: 0.65rem; line-height: 0.65rem; text-decoration: none; font-size: 0.16rem; color: #383838; font-weight: lighter; text-transform: uppercase; text-align: center; transition: all .5s ease; }
      .menu > li > a span:after { content: attr(data-title); position: absolute; top: 0; left: 0; transform: translateY(100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #c8352d;  }
      .menu > li > a i { margin-left: 0.04rem; }
      /*.menu > li.current > a {  color: #c8352d; }*/
      /*.menu > li.current > a:before { content: ''; display: block; position: absolute; left: 0; bottom: -1px; z-index: 50; width: 100%; height: 4px; background-color: #c8352d; }*/
      /*.menu > li:hover > a { color: #c8352d; }*/
      .menu > li:hover > a:after { width: 0.4rem; }
      .menu > li:hover > a span { transform: translateY(-100%); }
      /*.menu > li:hover > a:before { content: ''; display: block; position: absolute; left: 0; bottom: -1px; z-index: 50; width: 100%; height: 4px; background-color: #c8352d; }*/

      .menu .sub-nav { overflow: hidden; position: absolute; /*top: 0.9rem;*/ left: 0; z-index: 40; border-top: 1px solid #eee; width: 100%;/* height: 0; */  /*opacity: 0; transition:all .2s ease-out;*/}
        .menu .sub-nav-box {  height: 4.7rem; background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; background-color: #fbfbfb; }
        .menu .sub-nav-box .sub-nav-txt {  padding-top: 0.45rem; padding-bottom: 0.45rem; color: #010101; }
        .menu .sub-nav-box .sub-nav-txt .tit { margin-bottom: 0.3rem; font-size: 0.30rem; color: #555; }
        .menu .sub-nav-box .sub-nav-txt .txt { font-size: 0.16rem; color: #3f3f3f; }
        .menu .sub-nav-box .sub-nav-txt .more { cursor: pointer; display: inline-block; margin-top: 0.5rem; width: 1.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.14rem; color: #fff; text-align: center; background-color: #aa2624; transition:all .4s ease-out; }
        .menu .sub-nav-box .sub-nav-txt .more:hover { background-color: #b4ab73; }
        .menu .sub-nav-box .sub-nav-txt .more svg { font-size: 0.22rem; }

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

        .menu .sub-nav-box .sub-btn { position: relative; list-style: none; margin:0; padding: 0; padding-top: 0.35rem; padding-bottom: 0.35rem; min-height: 4.7rem; background-color: #f1f1f1; }
        .menu .sub-nav-box .sub-btn:before{ content: ''; display: block; position: absolute; right: 100%; top: 0; width: 1000%; height: 100%; background-color: #f1f1f1; }
        .menu .sub-nav-box .sub-btn li { overflow: hidden; }
        .menu .sub-nav-box .sub-btn li + li { margin-top: 0.08rem; }
        .menu .sub-nav-box .sub-btn li a { position: relative; display:block; margin-left: -0.12rem; padding: 0; height: 0.36rem; line-height: 0.36rem; color: #202020; font-size: 0.16rem; text-align: center;  transition:all .3s ease-out; }
        .menu .sub-nav-box .sub-btn li a span { position: relative; z-index: 50; }
        /*.menu .sub-nav-box .sub-btn li a:after { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 40; width: 0.0rem; height: 100%; background-color: #c8352d;  transition:all .3s ease-out; }*/
        .menu .sub-nav-box .sub-btn li a:hover { background-color: #fff; }
        /*.menu .sub-nav-box .sub-btn li a:hover:after { content: '';  width: 100%; }*/
      .menu > li:hover .sub-nav  { /* height: auto; opacity: 1;*//* transition:all .4s ease-out;*/ }

      .menu > li.meun_2l { flex-grow: 1; }
      .menu > li.meun_2l .sub-nav-box .sub-btn li { float: left; width: 50%; }
      .menu > li.meun_2l .sub-nav-box .sub-btn li:nth-child(2) { margin-top: 0; }



  .top-block { position: relative; float: right; display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; height: 1.25rem; }
    .top-block > li { position: relative; display: inline-block;  }
    .top-block > li > a { display: inline-block; padding: 0.37rem 0.08rem 0; height: 1.25rem; font-size: 0.3rem; color: #7b7b7b; }
    .top-block > li > a.a2 { font-size: 0.3rem; color: #b8313d; }
    .top-block > li > a.a2 img { border-radius: 50%; width: 1em; height: 1em; background-color: #aa2624; }
    .top-block .show-box { display: none; position: absolute; top: 100%; right: 0; z-index: 60; border-top: 1px #f3f2f2 solid; height: 0; text-align: right; background-color: rgba(178,32,43,.9); opacity: 0; transition:all .2s ease-out;}
    .top-block {  }
    .top-block > li:hover .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }

    .top-block .show-box .search-bar { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; width: 2.6rem }
    .top-block .show-box .language { display: inline-block; text-align: left; line-height: 1; }
    .top-block .show-box .language a { display: block; margin-left: -15px; margin-right: -15px; padding: 0.15rem 0.15rem; color: #fff; white-space: nowrap; }
    .top-block .show-box .language a:hover { background-color: #333; }
    .top-block .show-box .language a + a { border-top: 1px #c85f68 solid; }
    .top-block .show-box .language a img { display: inline-block; margin-right: 0.06rem; }

    .top-block .top-tel { padding-top: 0.4rem; height: 1.25rem; line-height: 1; }
    .top-block .top-tel .top-tel-l { float: left; font-size: 0.36rem; color: #4c4c4c; }
    .top-block .top-tel .top-tel-r { overflow: hidden; padding-top: 0.05rem; }
    .top-block .top-tel .top-tel-r p { margin-bottom: 0; }
    .top-block .top-tel:hover { color: #c8352d; }
    .top-block .top-tel:hover .top-tel-l { color: #c8352d; }

    .right_pop { position: fixed; top: 0; right: 0; z-index: 1010; width: 100%; height: 100%; text-align: left; pointer-events: none; }
    .right_pop:before { content: '';  position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.15); opacity: 0; transition:all .3s ease-out;  }
    .right_pop_show { position: fixed; top: 0; right: -5.0rem; padding: 0.2rem 0; width: 400px; height: 100%; text-align: left; background-color: #fff; transition:all .3s ease-out;  }
    .right_pop_show .right_pop_close { position: absolute; top: 0.2rem; right: 0.3rem; font-size: 0.24rem; color: #5c5c5c; }
    .right_pop_show .right_pop_close:hover { color: #c8352d; }
    .right_pop_show h3 { margin: 0; padding: 0.2rem 0.36rem; font-weight: normal; font-size: 0.2rem; }
    .right_pop_show ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #f1f1f1; font-size: 0.17rem; }
    .right_pop_show ul li { border-bottom: 1px solid #f1f1f1; }
    .right_pop_show ul a { display: block; padding: 0.12rem 0.36rem; color: #5c5c5c; }
    .right_pop_show ul a:hover { color: #fff; background-color: #c8352d; }

    .right_pop.cur { pointer-events: auto; }
    .right_pop.cur:before { opacity: 1; }
    .right_pop.cur .right_pop_show { right: 0; }


}

@media ( max-width: 1600px ) and ( min-width: 1340px ){
    .menu > li > a span { padding-left: 0.15rem; padding-right: 0.15rem; }
}
@media ( max-width: 1339px ) and ( min-width: 992px ){
    .menu > li > a span { padding-left: 0.05rem; padding-right: 0.05rem; }
}
@media ( max-width: 991px ) and ( min-width: 768px ){
    .menu > li > a span { padding-left: 0.05rem; padding-right: 0.05rem; }
}

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

  body.ind .header-box { position: fixed; z-index: 99; width: 100%; }
  .header { position: relative; width: 100%; z-index: 300; background-color: #fff; }
  .page-ind .header { position: absolute; }
  /*.header:before { content: ''; display: block; position: absolute; z-index: 1000; width: 100%; height: 1.99rem; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)),linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)); }*/
  .logo { float: left; padding: 0; /*border-right: 1px #d9d9d9 solid;*/ max-width: 35%; width: 2.9rem; }
    .logo img { height: 0.48rem; }
  .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 { float: right; margin-top: 0.17rem; margin-left: 0.12rem; z-index: 1001; width: 0.36rem; }
  .m-btn span { display: block; border-radius: 3px; height: 5px; background-color: #aa2624; }
  .m-btn span + span { margin-top: 0.04rem; }

  .menu-box { position: fixed; top:0; left:-70%; z-index: 1060; width: 60%; height: 100%; background-color: #aa2624; 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: lighter; 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 .menu ul.sub-btn { margin-right: -15px; margin-left: -15px; }

  .menu .sub-nav { display: block !important; height: auto !important; }
  .menu .sub-nav .sub-nav-box { background: none !important; }

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

  .top-block { float: right; list-style: none; margin: 0; margin-right: 0.1rem; padding: 0; height: 0.6rem; }
  .top-block > li { display: inline-block; margin-left: 0.16rem; }
  .top-block > li > a { display: inline-block; padding-top: 0.06rem; height: 0.6rem; font-size: 0.28rem; color: #333; }
  .top-block > li > a img {  border-radius: 50%; width: 1em; height: 1em; background-color: #aa2624; }
  .top-block .show-box { display: none; position: absolute; top: 100%; right: 0; z-index: 60; border-top: 1px #f3f2f2 solid; width: 100%; height: 0; text-align: right; background-color: rgba(178,32,43,.9); opacity: 0; transition:all .2s ease-out; }
  .top-block {  }
  .top-block > li:hover .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }
  .top-block > li.cur .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }

  .top-block .show-box .search-bar { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; width: 100%; }
  .top-block .show-box .language { display: inline-block; }
  .top-block .show-box .language a { display: inline-block; padding: 0.15rem 0.15rem; color: #fff; white-space: nowrap; }
  .top-block .show-box .language a + a {  }
  .top-block .show-box .language a img { display: inline-block; margin-right: 0.06rem; }

  .banner { position: relative; margin-top: 50px; }
}

/*.banner { position: relative; }
  .banner .swiper-slide { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .banner .swiper-slide video { position: absolute; top: 50%; left: 50%; width: 130%; height: 200%; transform: translate(-50%,-50%); pointer-events: none; }
  .banner .swiper-btns { position: absolute; left: 0; bottom: 0.5rem; z-index: 100; width: 100%; }
  .banner .banner-prev,
  .banner .banner-next { float: left; position: relative; margin-left: 0.25rem; border-radius: 50%; width: 0.6rem; height: 0.6rem; line-height: 0.55rem; font-size: 0.26rem; text-align: center; background-color: #fff; }
  .banner .banner-prev:before,
  .banner .banner-next:before { content: ''; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 50%; width: 100%; height: 100%; color: #b2202b; background-color: #b2202b; opacity: 0; transition:all .2s ease-out; }
  .banner .banner-prev:hover:before,
  .banner .banner-next:hover:before { margin-left: -0.1rem; opacity: 1; }

  .banner-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; background-color: #fff; opacity: 1; }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #c8352d; opacity: 1; }
*/

.banner { position: relative; }
  .banner .swiper-slide { position: relative; }
  .banner .banner-prev,
  .banner .banner-next { margin-left: 0.3rem;/* margin-top: 0; */font-size: 0.56rem; color: #fff; line-height: 1; background: none; transform: translateY(-50%); }
  .banner .banner-next { margin-left: 0; margin-right: 0.3rem;  }


  .banner .swiper-slide { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .banner .swiper-slide .item {  }
  .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: lighter; 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: lighter; background-color: #aa2624; }

  .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-box { position: absolute; bottom: 0.2rem; left: 0; width: 100%; }
.banner-pagination { position: relative; }
.banner-pagination .swiper-pagination-bullet { position: relative; margin: 0 0.3rem !important; border: 2px rgba(0,0,0,.3) solid; border-radius: 50%; width: 0.12rem; height: 0.12rem; background: none; opacity: 1; }
.banner-pagination .swiper-pagination-bullet + .swiper-pagination-bullet em { content: ''; position: absolute; top: 50%; right: 100%; margin-right: 0.02rem; width: 0.6rem; height: 1px; background-color: rgba(0,0,0,.1); }
/*.banner-pagination .swiper-pagination-bullet em { content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; width: 0.2rem; height: 0.2rem; background-color: rgba(0,0,0,.1);  }*/
/*.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em { opacity: 1; }*/

.banner-pagination .swiper-pagination-bullet:before { content: ''; position: absolute; top: 50%; left: 50%; border: 1px solid rgba(0,0,0,.2); border-top-color: transparent; border-radius: 50%; width: 0.24rem; height: 0.24rem; transform-origin:0 0; transform: translate3d(-50%,-50%,0); animation: rotating 3s linear infinite; opacity: 0; }
.banner-pagination .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; border: 1px solid rgba(0,0,0,.2); border-bottom-color: transparent; border-radius: 50%; width: 0.34rem; height: 0.34rem; transform-origin:0 0; transform: translate3d(-50%,-50%,0); animation: rotating 3s linear reverse infinite; opacity: 0; }
@keyframes rotating{
  from{transform:rotate(0) translate3d(-50%,-50%,0)}
  to{transform:rotate(360deg) translate3d(-50%,-50%,0)}
}

.banner .banner-prev:hover,
.banner .banner-next:hover { color: #b49c6a;}

.banner-pagination .swiper-pagination-bullet:hover:before,
.banner-pagination .swiper-pagination-bullet:hover:after { opacity: 1; }
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; }

/*  .banner-pagination { position: relative; bottom: 1rem !important; width: 100%; }
  .banner-pagination:after { content: ''; display: block; margin: 0.06rem auto 0.26rem; width: 0.23rem; height: 0.33rem; background-image: url(/wp-content/themes/phoenix/static/images/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(/wp-content/themes/phoenix/static/images/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.25rem;
        opacity:0;
    }
  }


  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet { width: auto; height: auto; color: #cf0928; 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: #cf0928; transition:all .4s ease-out;  }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #cf0928; background: none;  }
  .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { margin: 0 0 0 0.18rem; width: 0.5rem; }*/




.page-banner { position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.page-banner-container { position: absolute; width: 100%; height: 100%; }
.page-banner-container .container { position: relative; height: 100%; }
.page-banner-container .banner-tit { position: absolute; top: 36%; left: 3%; color: #fff; font-size: 0.38rem; color: #3b3b3b; text-transform: uppercase; /*transform: translateY(-50%);*/ }
.page-banner-container .banner-tit:before { content: ''; position: absolute; left: 50%; top: 155%; width: 0.48rem; height: 0.48rem; background-image: url(/wp-content/themes/phoenix/static/images/banner-go.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  animation: myfirst 2s infinite; }

.page-banner.red .page-banner-crumbs { background-image: url(/wp-content/themes/phoenix/static/images/home2.png); }
.page-banner.red .page-banner-crumbs .crumbs,
.page-banner.red .page-banner-crumbs .crumbs a { color: #464646; }

@keyframes myfirst {
    0% {
        transform: translate(-50%, 0px);
    }
    50% {
        transform: translate(-50%, -10px);
    }
    100% {
        transform: translate(-50%, 0px);
    }
}

.footer{ position: relative; color: #fff; /*background-color: #2a2a2a;*/ background-image: url(/wp-content/themes/phoenix/static/images/foot-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
  .footer a { color: #ececec; }

  .footer-logo { padding-top: 0.3rem; padding-bottom: 0.3rem; }


  .footer-share-nav { padding-top: 0.3rem; padding-bottom: 0.3rem; border-top: 1px solid #ab4135; }

  .footer-share { margin-top: 0.15rem; }
    .footer-share a { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.3rem; height: 0.3rem; font-size: 0.22rem; color: #b5ab73; transition:all .2s ease-out; }
    .footer-share a:hover { color: #fff;  }
    .footer-share a + a { margin-left: 0.15rem; }
  .footer-2m { overflow: hidden; margin-top: 0.2rem; padding: 0.1rem; background-color: #3b3b3b; transition:all .2s ease-out; }
    .footer-2m img { float: left; margin-right: 0.2rem; }
    .footer-2m .footer-2m-txtbox { overflow: hidden; }
    .footer-2m .footer-2m-txtbox h5 { margin-top: 0.15rem; font-size: 0.18rem; color: #fff; }
    .footer-2m .footer-2m-txtbox p { color: #adabad; }

  .footer-2m:hover { background-color: #be000a; }


  .b-menu { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; }
  .b-menu > li { min-width: 0.9rem; }
  .b-menu > li > a { display: block; position: relative; margin-bottom: 0.08rem; font-size: 0.18rem; color: #b49c6a; font-family: "Oswald", sans-serif; text-transform: uppercase; transition:all .2s ease-out; }
  /*.b-menu > li > a:before { content: ''; position: absolute; bottom: 0; left: 0; z-index: 5; width: 0.35rem; border-bottom: 4px solid #bd4e47; transition:all .2s ease-out; }*/
  /*.b-menu > li > a:after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; border-bottom: 4px solid #9f2930;  }*/
  .b-menu > li:hover > a { color: #fff; }
  /*.b-menu > li:hover > a:before { width: 0;  }*/

  .b-menu ul { list-style: none; margin: 0; padding: 0; }
  .b-menu ul li {  }
  .b-menu ul li + li { margin-top: 0.02rem; }
  .b-menu ul a { display: block; padding: 0.03rem 0.2rem 0.03rem 0rem; border-radius: 0.03rem; font-size: 0.16rem; color: #f6b1b0; transition:all .2s ease-out; }
  .b-menu ul a:hover { padding: 0.03rem 0.1rem 0.03rem 0.1rem; color: #fff; }

  .b-menu .meun_2l .sub-btn { width: 2.0rem; }
  .b-menu .meun_2l .sub-btn li { float: left; width: 50%; }


  .b-menu-txtbox { width: 1.4rem; }
  .b-menu-txtbox .txt01 { margin-bottom: 0.08rem; font-size: 0.18rem; color: #f9ecd2; }
  .b-menu-txtbox .txt02 { margin-bottom: 0; padding: 0.03rem 0.2rem 0.03rem 0rem; font-size: 0.16rem; color: #fff; }
  .b-menu-txtbox .txt03 { margin-top: 0.02rem; margin-bottom: 0; padding: 0.03rem 0.2rem 0.03rem 0rem; font-size: 0.16rem; color: #f6b1b0; }


.footer-copy { padding: 0.25rem 0; border-top: 1px solid #ab4135; color: #e7abaa; font-size: 0.14rem; text-align: center; }
  .footer-copy .copy span { display: inline-block; margin-right: 0.3rem;  }
  .footer-copy .copy a { color: #e7abaa; }

/*  .b-share { float: right; }
  .b-share .item { display: inline-block; padding-top: 0.06rem; border-radius: 50%; width: 0.5rem; height: 0.5rem; line-height: 0.45rem; text-align: center; background-color: #3d3d3d; }
    .b-share .item + .item { margin-left: 0.15rem; }
    .b-share .item i { color: rgba(255,255,255,.8); font-size: 0.26rem; }
    .b-share .item:hover { background-color: #a82835; }
    .b-share .item:hover i {  }*/


  /*index*/
.ind-tit { position: relative; overflow: hidden; margin-bottom: 0.4rem; line-height: 1;  }
  .ind-tit .tit01 { display: inline-block; position: relative; padding-right: 0.1rem; font-size: 0.35rem; color: #af2926; font-family: 'oswald-bold'; font-weight: lighter; text-transform: uppercase; }
  .ind-tit .tit01:after { content: ''; position: absolute; left: 100%; bottom: 0.05rem; width: 0.75rem; height: 0.05rem; background-color: #af2926; }
  .ind-tit .tit02 { margin: 0; font-size: 0.35rem; font-weight: lighter; color: #303030; }
  .ind-tit .ind-tit-right { position: absolute; bottom: 0; right: 0; width: 50%; max-width: 5.8rem; line-height: 1.6; }


.ind01 {  }
  .ind01 .ind-tit-box { padding-top: 0.75rem; border-bottom: 1px solid #f0f0f0; }
  .ind-tit-right-tab { text-align: right; }
  .ind-tit-right-tab a { display: inline-block; text-align: center; color: #000; }
  .ind-tit-right-tab a + a { margin-left: 0.65rem; }
  .ind-tit-right-tab em { display: block; margin: 0 auto 0.05rem; width: 0.42rem; height: 0.42rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
  .ind-tit-right-tab .icon01 em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn01.png); }
  .ind-tit-right-tab .icon02 em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn02.png); }
  .ind-tit-right-tab .icon03 em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn03.png); }
  .ind-tit-right-tab .icon01:hover,
  .ind-tit-right-tab .icon02:hover,
  .ind-tit-right-tab .icon03:hover { color: #af2926; }
  .ind-tit-right-tab .icon01:hover em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn01-h.png); }
  .ind-tit-right-tab .icon02:hover em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn02-h.png); }
  .ind-tit-right-tab .icon03:hover em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn03-h.png); }
  .ind-tit-right-tab .icon01.cur,
  .ind-tit-right-tab .icon02.cur,
  .ind-tit-right-tab .icon03.cur { color: #af2926; }
  .ind-tit-right-tab .icon01.cur em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn01-h.png); }
  .ind-tit-right-tab .icon02.cur em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn02-h.png); }
  .ind-tit-right-tab .icon03.cur em { background-image: url(/wp-content/themes/phoenix/static/images/ind01-btn03-h.png); }

  .ind01-show-container { background-image: url(/wp-content/themes/phoenix/static/images/about001.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .ind01-show-container .swiper-container-main > .swiper-wrapper > .swiper-slide { background-color: #fff; background-image: url(/wp-content/themes/phoenix/static/images/about001.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
  /*.ind01-show-container .swiper-container-main > .swiper-wrapper > .swiper-slide { display: flex; align-items: center; padding: 0.5rem 0; }*/
  .ind01-show-container .swiper-container-main > .swiper-wrapper > .swiper-slide { position: relative; z-index: 10; pointer-events: none; }
  .ind01-show-container .swiper-container-main > .swiper-wrapper > .swiper-slide.swiper-slide-active { position: relative; z-index: 20; pointer-events: auto; }

  .ind01-a { padding: 0.6rem 0.1rem 1.0rem; width: 70%; }
    .ind01-a-icon { margin-top: 0.6rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
      .ind01-a-icon .item { padding: 0.2rem 0; text-align: center; color: #212020; }
      .ind01-a-icon .item strong { font-size: 0.19rem; font-weight: lighter; }
      .ind01-a-icon .item strong em { font-family: 'artlookin-regular'; font-style: normal; font-size: 0.69rem; }
      .ind01-a-icon .item p:after { content: ''; display: inline-block; margin-left: 0.03rem; width: 0.15rem; height: 0.15rem; vertical-align: -0.02rem; background-image: url(/wp-content/themes/phoenix/static/images/ind01-a-o.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
      .ind01-a-icon .item:hover { color: #af2926; }


  .ind01-b { padding: 0.8rem 0 !important; }
  .ind01-b .swiper-container {  }

      .ind01-b .swiper-container { margin-left: 0.4rem; margin-right: 0.4rem; }
      .ind01-b .swiper-slide { pointer-events: auto !important;  }
      .ind01-b .swiper-slide .item { position: relative; margin-bottom: 0.3rem; background-image: url(/wp-content/themes/phoenix/static/images/about04-line.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }
      .ind01-b .swiper-slide .item:before { content: ''; display: block; position: absolute; bottom: -0.2rem; left:0; width: 0.12rem; height: 0.12rem; background-image: url(/wp-content/themes/phoenix/static/images/about04-d.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }
      .ind01-b .swiper-slide .item:after { content: attr(year); display: block; position: absolute; bottom: 0.3rem; left:0; font-size: 0.2rem; }
      .ind01-b .swiper-slide .txtbox { overflow: hidden; width: 85%; }
      .ind01-b .swiper-slide .txtbox { overflow: hidden; width: 85%; }
      .ind01-b .swiper-slide .txtbox .imgshow  { overflow: hidden; border-radius: 0.3rem; }
      .ind01-b .swiper-slide .txtbox .imgshow img { transition: transform .6s; }
      .ind01-b .swiper-slide strong { font-size: 0.3rem; color: #2f2f2f; font-weight: lighter; }
      .ind01-b .swiper-slide p {  margin-bottom:.2rem; height: 1.8rem; color: #2f2f2f; }

      .ind01-b .swiper-slide:hover strong { color: #af2926; }
      .ind01-b .swiper-slide:hover p {  color: #af2926; }
      .ind01-b .swiper-slide:hover .item:after {  color: #af2926; }
      .ind01-b .swiper-slide:hover .txtbox .imgshow img { transform: scale(1.05); }
      .ind01-b .swiper-slide .item:hover:before { animation: licheng 1s infinite; }
      @keyframes licheng {
          0% {
              opacity: 1;
          }
          100% {
              opacity: .1;
          }
      }
      .ind01-b .ind01-b-prev,
      .ind01-b .ind01-b-next { position: absolute; right: 0; bottom: 0.2rem; font-size: 0.36rem; }
      .ind01-b .ind01-b-prev { left: 0; }




  .ind01-c { padding: 0.8rem 0 !important; width: 70%; background: none !important; }
  .ind01-c .item + .item { margin-top: 0.3rem; }


.ind02 { position: relative; padding: 1.2rem 0 1.2rem;  }
.ind02:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-image: url(/wp-content/themes/phoenix/static/images/brand.gif); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; opacity: .2 }
.ind02 > .container { content: ''; position: relative; z-index: 20; }
.ind02 .item { position: relative; display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 40px; background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.ind02 .item:before { content: ''; position: absolute; left: 0; top: 0; z-index: 40; width: 0%; height: 100%; background-color: #aa2624; transition:all .5s ease-out; }
.ind02 .item .imgbox { display: flex; align-items: center; position: relative; z-index: 40; padding: 0.1rem; min-width: 2rem; max-width: 2rem; text-align: center; background-color: #aa2624; }
.ind02 .item .imgbox img { display: inline-block; }
.ind02 .item .txtbox { position: relative; z-index: 40; display: flex; flex-direction: column; justify-content: center; padding: 0.1rem 0.2rem; color: #303030; transition:all .5s ease-out; }
.ind02 .item .txtbox strong { font-size: 0.28rem; font-weight: lighter; }
.ind02 .item .txtbox p { font-size: 0.14rem; }

.ind02 .item:hover:before { width: 100%; }
.ind02 .item:hover .txtbox { color: #fff; }


.ind04 { padding: 0.8rem 0 1.2rem; background-color: #f7f7f7; }
  .ind04 .ind-tit-right { text-align: right; }
  .ind04 .ind-tit-right .more { text-align: right; font-size: 0.14rem; color: #303030; }
  .ind04 .ind-tit-right .more i { font-size: 0.2rem; vertical-align: -0.01rem; }
  .ind04 .ind-tit-right .more:hover { color: #b49c6a; }

  .ind04 .item { display: block; }
  .ind04 .item0 { display: block; background-color: #ececec; }
  .ind04 .txtbox { padding: 0.45rem; height: 3.3rem; color: #303030; }
  .ind04 .txtbox01 { background-image: url(/wp-content/themes/phoenix/static/images/ind-new-bg01.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; transition:all 1s ease-out; }
  .ind04 .txtbox01 .txt01 { font-size: 0.2rem; }
  .ind04 .txtbox01 .txt01 span { font-size: 0.9rem; font-weight: lighter; }
  .ind04 .txtbox01 .txt02 { font-size: 0.26rem; }
  .ind04 .txtbox02 { position: relative; color: #fff; background-color: #af2926; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .ind04 .txtbox02:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 20; background-color: rgba(164,19,26,1); opacity: .6; transition:all 1s ease-out; }
  .ind04 .txtbox03 { box-shadow: 0 0px 15px rgba(0,0,0,.2); }
  .ind04 .txtbox .tit { position: relative; z-index: 30; margin-bottom: 0.2rem; font-weight: lighter; }
  .ind04 .txtbox .date { position: relative; z-index: 30; }
  .ind04 .txtbox .txt { position: relative; z-index: 30; height: 1.1rem; }
  .ind04 .txtbox .more { transition:all .5s ease-out; }


  .ind04 .item0:hover { box-shadow: 0 0px 15px rgba(0,0,0,.2); }
  .ind04 .item0:hover .txtbox02:before { opacity: .3; }
  .ind04 .item0:hover .txtbox01 { color: #fff; background-color: #af2926; }

  .ind04-2tr {  }
  .ind04-2tr .txtbox .date { color: #666; }
  .ind04-2tr .txtbox .txt { color: #666; }
  .ind04-2tr .txtbox .more { color: #666; }
  .ind04-2tr .item:hover .txtbox .tit { color: #af2926; }
  .ind04-2tr .item:hover .txtbox .more { margin-left: 0.3rem; color: #af2926; }
  .ind04-2tr [class*='col-']:nth-child(2) .txtbox03 { box-shadow: 0 0 0 rgba(0,0,0,.2); background-image: url(/wp-content/themes/phoenix/static/images/ind-new-bg02.png); background-repeat: no-repeat; background-position: 100% 100%; background-size: auto 100%; }
  .ind04-2tr [class*='col-']:nth-child(3) .txtbox03 { background-color: #ececec; }




body .indpt-pb { padding-top: 0.5rem; padding-bottom: 0.5rem; }




.page-tit-box { margin-bottom: 0.3rem; }
.page-tit-box.white { color: #fff; }
  .page-tit { margin-top: 0; font-size: 0.34rem; }
/*  .page-tit .title01 { margin-top: 0; font-size: 0.54rem; color: #e30713; font-family: 'Impact'; line-height: 1; text-transform: uppercase; }
  .page-tit .title02 { display: inline-block; position: relative; margin-top: 0; margin-bottom: 0; padding-left: 0.05rem; font-size: 0.36rem; color: #000; text-transform: uppercase; }
  .page-tit .title02 span { position: relative; z-index: 5; }
  .page-tit .title02:before { content: ''; position: absolute; bottom: -0.03rem; left: 0; z-index: 3; width: 80%; height: 0.1rem; background-color: #e30713; }
  .page-tit .title03 { margin-top: 0.35rem; margin-bottom: 0; font-size: 0.26rem; color: #333; }
*/

.about-tit { margin-top: 0.8rem; font-size: 0.2rem; color: #af2926; }
.about-tit:after { content: ''; display: inline-block; margin: 0.02rem ; width: 0.75rem; height: 0.05rem; background-color: #af2926; }
.about01 { background-image: url(/wp-content/themes/phoenix/static/images/about001.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
.about01 .about-tit { margin-bottom: 0.6rem; }
  .about01-en { margin-top: 0.1rem; margin-bottom: 0.4rem; font-size: 0.18rem; }
  .about01-text { line-height: 2; }
  .about01-icon { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0.8rem 0; color: #393939; }
  .about01-icon .item { position: relative; margin-bottom: 0.2rem; }
  .about01-icon .item + .item { border-left: 1px #c3c3c3 solid; }
  .about01-icon .item { flex-grow: 1; position: relative; padding: 0 0.2rem 0 .8rem; transition:all 1s ease-out;  }
  .about01-icon em { position: absolute; left: 0; top: 50%; display: block; width: 0.8rem; height: 0.8rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: translate(0,-50%); transition:all 1s ease-out; }
  .about01-icon .item01 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon01.png); }
  .about01-icon .item02 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon02.png); }
  .about01-icon .item03 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon03.png); }
  .about01-icon .item04 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon04.png); }
  .about01-icon strong { display: inline-block; margin-top: 0.2rem; font-size: 0.2rem;  }
  .about01-icon p { text-transform: uppercase; }
  .about01-icon .item:hover { padding: 0 0.8rem 0 .2rem; }
  .about01-icon .item:hover em { left: 100%; transform: translate(-100%,-50%); }

.about02 { position: relative; overflow: hidden; margin-bottom: 0.3rem; padding-bottom: 0.8rem; }
.about02 .about-tit { margin-bottom: 0.6rem; }
  .about02-en { margin-top: 0.1rem; margin-bottom: 0.4rem; font-size: 0.18rem; }
  .about02-text { line-height: 2; }
  .about02-text strong {  color: #af2926; }
  .about02-img { position: relative; }
  .about02-img-h { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: all .3s ease-out; }
  .about02-img:hover .about02-img-h { opacity: 1; }


.about03 { padding: 0 0 .8rem; background-color: #f7f6f6; }
.about03 .about-tit { margin-bottom: 0.6rem; }
  .about03 .txtboxs {  }
  .about03 .txtboxs .item { display: flex; justify-content: flex-start; align-items: center; padding: 0.30rem; border-left: 5px #932c21 solid; height: 1.49rem; transition: all 1s ease-out; background-color: #efefef; }
  .about03 .txtboxs .item + .item { border-top: 1px solid #fff; }
  .about03 .txtboxs .item em { margin-right: 0.2rem; border: 1px #c00000 solid; border-radius: 50%; min-width: 0.65rem; width: 0.65rem; height: 0.65rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; }
  .about03 .txtboxs .item.item01 em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon01.png); }
  .about03 .txtboxs .item.item02 em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon02.png); }
  .about03 .txtboxs .item.item03 em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon03.png); }
  .about03 .txtboxs .item.cur em { border: 1px #fff solid; }
  .about03 .txtboxs .item.item01.cur em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon01-h.png); }
  .about03 .txtboxs .item.item02.cur em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon02-h.png); }
  .about03 .txtboxs .item.item03.cur em { background-image: url(/wp-content/themes/phoenix/static/images/about003-icon03-h.png); }
  .about03 .txtboxs .item .txtbox { }
  .about03 .txtboxs .item strong { display: block; font-size: 0.26rem; font-weight: lighter; }
  .about03 .txtboxs .item p { margin-bottom: 0; font-size: 0.16rem; }
  .about03 .txtboxs .item p.txt02 { font-size: 0.14rem; }
  
  /*.about03 .txtboxs .item.cur strong { margin-bottom: 0.15rem; }*/

  .about03 .txtboxs .item { position: relative; z-index: 100; transition: all 0.3s ease-out; }
  .about03 .txtboxs .item:before,
  .about03 .txtboxs .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; }
  .about03 .txtboxs .item:after { transform: rotate(90deg); }

  .about03 .txtboxs .item:before { margin-right: -0.6rem; }
  .about03 .txtboxs .item:after { margin-top: 0.6rem; }

  .about03 .txtboxs .item.cur { margin-right: -1.0rem; padding-right: 1.3rem; color: #fff; background-color: #aa2624;  }
  .about03 .txtboxs .item.cur:before,
  .about03 .txtboxs .item.cur:after { opacity: 1; margin: 0; transition: all 0.6s ease-out 0.2s; }
  .about03 .txtboxs .item.cur .txtbox { right: 1rem; }


.about04 { padding: 0 0 .8rem; background-image: url(/wp-content/themes/phoenix/static/images/map.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 70% auto; }
.about04 .about-tit { margin-bottom: 0.6rem; }
  .about04 .swiper-container { margin-left: 0.4rem; margin-right: 0.4rem; }
  .about04 .swiper-slide {   }
  .about04 .swiper-slide .item { position: relative; margin-bottom: 0.3rem; background-image: url(/wp-content/themes/phoenix/static/images/about04-line.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }
  .about04 .swiper-slide .item:before { content: ''; display: block; position: absolute; bottom: -0.2rem; left:0; width: 0.12rem; height: 0.12rem; background-image: url(/wp-content/themes/phoenix/static/images/about04-d.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }
  .about04 .swiper-slide .item:after { content: attr(year); display: block; position: absolute; bottom: 0.3rem; left:0; font-size: 0.2rem; }
  .about04 .swiper-slide .txtbox { overflow: hidden; width: 85%; }
  .about04 .swiper-slide .txtbox { overflow: hidden; width: 85%; }
  .about04 .swiper-slide .txtbox .imgshow  { overflow: hidden; border-radius: 0.3rem; }
  .about04 .swiper-slide .txtbox .imgshow img { transition: transform .6s; }
  .about04 .swiper-slide strong { font-size: 0.3rem; color: #2f2f2f; font-weight: lighter; }
  .about04 .swiper-slide p {  margin-bottom:.2rem; height: 1.8rem; color: #2f2f2f; }

  .about04 .swiper-slide:hover strong { color: #af2926; }
  .about04 .swiper-slide:hover p {  color: #af2926; }
  .about04 .swiper-slide:hover .item:after {  color: #af2926; }
  .about04 .swiper-slide:hover .txtbox .imgshow img { transform: scale(1.05); }
  .about04 .swiper-slide .item:hover:before { animation: licheng 1s infinite; }

  @keyframes licheng {
      0% {
          opacity: 1;
      }
      100% {
          opacity: .1;
      }
  }

  .about04 .about04-prev,
  .about04 .about04-next { position: absolute; right: 0; bottom: 0.2rem; font-size: 0.36rem; }
  .about04 .about04-prev { left: 0; }



.about05 { padding: 0 0 .8rem; }
.about05 .about-tit-box { position: relative; }
.about05 .about-tit-box .more {  position: absolute; right: 0; top: 50%; font-size: 0.14rem; color: #333; transform: translateY(-50%); }
.about05 .about-tit-box .more:hover { color: #af2926; }
.about05 .about-tit { margin-bottom: 0.6rem; }

.rdbody { background-color: #f0f0f0; }
.rd01 { padding-bottom: 0.6rem; }
  .rd01-text { margin-bottom: 0.5rem; line-height: 1.6; }
  .rd01-icon { display: flex; justify-content: space-between; line-height: 1; }
  .rd01-icon em { float: left; margin-right: 0.15rem; font-size: 0.6rem; color: #8e684f; }
  .rd01-icon strong { display: block; margin-bottom: 0.1rem; font-size: 0.5rem; font-weight: lighter; font-family: 'Impact'; color: #560a6e;  }
  .rd01-icon p { font-size: 0.14rem; color: #4c4c4c; }
  .rd01-icon .item:hover em { color: #b6a965; }


.rd02 { padding-top: 0.8rem; padding-bottom: 0.6rem; background-image: url(/wp-content/themes/phoenix/static/images/rd02.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  
  .rd02-text { margin-top: 0.4rem; margin-bottom: 0.8rem; color: #fff; line-height: 1.8; }
  .rd02-icon {  margin: 0.8rem 0; color: #fff; }
  .rd02-icon .item { position: relative; margin-bottom: 0.2rem; }
  .rd02-icon em { float: left; margin-top: -0.1rem;  margin-right: 0.1rem; width: 0.64rem; height: 0.64rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .rd02-icon .item01 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon01.png); }
  .rd02-icon .item02 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon02.png); }
  .rd02-icon .item03 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon03.png); }
  .rd02-icon .item04 em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon04.png); }
  .rd02-icon strong { display: inline-block; font-size: 0.2rem; font-weight: lighter; }
  .rd02-icon p { margin-bottom: 0; font-size: 0.14rem; text-transform: uppercase; }
  /*.rd02-icon .item > div:before { content: attr(data-title); display: block; margin-bottom: 0; font-size: 0.14rem; text-transform: uppercase; }*/

  .rd02-icon .item:hover > div { display: table; }
  .rd02-icon .item:hover strong {  display: table-footer-group; }
  .rd02-icon .item:hover p {  }
  .rd02-icon .item01:hover em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon01-h.png); }
  .rd02-icon .item02:hover em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon02-h.png); }
  .rd02-icon .item03:hover em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon03-h.png); }
  .rd02-icon .item04:hover em { background-image: url(/wp-content/themes/phoenix/static/images/about01-icon04-h.png); }


  .rd02-img { position: relative; margin-top: -0.6rem; }
/*  .rd02-img-h { position: absolute; top: 0; left: 0; width: 100%; }
  .rd02-img:hover .rd02-img-h { animation-name: rd02-img; animation-duration: 2.5s; animation-iteration-count: 1; }
  @keyframes rd02-img{
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
  }*/

.rd03 { padding-top: 1rem; padding-bottom: 1rem;background-color: #fff;  }
.rd03-list { margin-top: 0.6rem; }
.rd03-list [class*='col-'] + [class*='col-'] {  }
.rd03-list [class*='col-'] + [class*='col-']:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #f0f0f0; }
.rd03-list em { overflow: hidden; display: block; margin: 0 auto 0.25rem; border-radius: 50%; border: 1px #666 dashed; width: 1.3rem; height: 1.3rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 55%; transition: all 0.3s ease-out; }
.rd03-list strong { display: block; margin-bottom: 0.15rem; text-align: center; font-size: 0.2rem; font-weight: lighter; text-align: center; }
.rd03-list p { font-size: 0.15rem; line-height: 1.8; }
/*.rd03-list .item:hover em { animation-name: rd02-img; animation-duration: 1s; animation-iteration-count: 1; }*/
.rd03-list .item:hover em {  background-size: 65%; }

.rd04 { position: relative; }
.rd04 .swiper-container { height: 7.3rem; }
.rd04 .swiper-slide { position: relative; }
.rd04 .swiper-slide .txtbox { position: absolute; top: 28%; left: 0; width: 100%; transform: translateY(-50%); }
.rd04 .swiper-slide .txtbox .text { width: 40%; color: #fff;font-size: 0.15rem; }

.rd04 .swiper-btns-box { position: absolute; bottom: 1.0rem; left: 0; z-index: 100; width: 100%;  }
.rd04 .swiper-btns { display: flex; justify-content: space-between; border: 1px solid rgba(255,255,255,.7); background-color: rgba(255,255,255,.15); }
.rd04 .swiper-btns .item { cursor: pointer; flex-grow: 1; padding: 0.3rem; height: 1.9rem; color: #fff; transition:all .5s ease-out;  }
.rd04 .swiper-btns em { float: left; margin-right: 0.35rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); width: 1.3rem; height: 1.3rem; background-repeat: no-repeat; background-position:  50% 50%; background-size: 50%; }
.rd04 .swiper-btns .txtbox { overflow: hidden; }
.rd04 .swiper-btns .txtbox strong { display: block; margin-bottom: 0.15rem; font-size: 0.25rem; font-weight: lighter; }
.rd04 .swiper-btns .txtbox p { font-size: 0.15rem; }

.rd04 .swiper-btns .item.cur { background-color: #d34d4f; }



.list-colimgs {  }
.list-colimgs .item { position: relative; }
.list-colimgs .item:before { content: ''; position: absolute; top: 0; bottom: 0;z-index: 80; width: 50%; background-color: rgba(0,0,0,.5); background: linear-gradient(to right, rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%); }
.list-colimgs .item:after { content: ''; position: absolute; left: 0; bottom: 0;z-index: 90; width: 0%; height: 0.18rem; background-color: #a4131a; transition:all .3s ease-out; }
.list-colimgs .item + .item { position: relative; margin-top: 0.5rem; }
.list-colimgs .textbox { position: absolute; top: 50%; left: 0; z-index: 100; padding: 0 0.6rem; width: 50%; color: #fff; transform: translateY(-50%); }
.list-colimgs .item:nth-child(2n):before { left: auto; right: 0; background: linear-gradient(to left, rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%);}
.list-colimgs .item:nth-child(2n):after { left: auto; right: 0; }
.list-colimgs .item:nth-child(2n) .textbox { left: auto; right: 0; }
.list-colimgs .textbox .tit { margin-bottom: 0.12rem; }
.list-colimgs .textbox .tit .iconbox { float: left; margin-right: 0.1rem; width: 0.56rem; height: 0.56rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
.list-colimgs .textbox .tit h3 { margin: 0 0 0.05rem; font-size: 0.3rem; }
.list-colimgs .textbox .tit p { margin: 0; color: rgba(255,255,255,.7); font-size: 0.12rem; text-transform: uppercase; }
.list-colimgs .textbox .txt { line-height: 1.8; }

.list-colimgs .item:hover:after { width: 50%; }






.page-contact {  }
  .contact-text { padding: 0.45rem 0.3rem; border-radius: 0.15rem; height: 5.7rem; background-color: #f3f4f8; }
  .contact-text .tit01 { margin-bottom: 0.35rem; color: #383838; font-size: 0.28rem; }
  .contact-text .tit01 span { color: #af2926; }
  .contact-text .tit02 { margin-bottom: 0.2rem; color: #af2926; font-size: 0.19rem; }
  .contact-text .titbox { line-height: 2.2; }
  .contact-text .txtbox .item { overflow: hidden; margin-bottom: 0.12rem; }
  .contact-text .txtbox strong { float: left; }
  .contact-text .txtbox p { overflow: hidden; margin-bottom: 0; }


  .contact-map { height: 5.7rem; }
  .contact-map .anchorBL { display: none; }

  .contact02 { padding-top: 0.6rem; }

  
.job-top { position: relative; margin-bottom: 1.0rem; }
.job-top:before { content: ''; position: absolute; top: 0; left: 0; z-index: 50; width: 50%; height: 100%; background-color: rgba(0,0,0,.7); }
.job-top:after { content: ''; position: absolute; bottom: 0; left: 0; z-index: 60; width: 50%; height: 0.15rem; background-color: #af2926; transition:all .3s ease-out; }
.job-top .txtbox { position: absolute; top: 50%; left: 0; z-index: 100; padding: 0 0.5rem; width: 50%; color: #fff; transform: translate(0,-50%); }
.job-top .txtbox .tit { margin-top: 0; margin-bottom: 0.3rem; font-size: 0.35rem; }
.job-top .txtbox .txt { font-size: 0.16rem; }
.job-top:hover:after { width: 100%; }

.job-text-col { margin-bottom: 1.0rem; }
.job-text-col .txtbox { position: relative; padding: 0.3rem; color: #484848; background-color: #fbf7f8; transition:all .5s ease-out;  }
.job-text-col .txtbox em { position: absolute; left: 50%; top: 0; border-radius: 50%; width: 1.0rem; height: 1.0rem; font-size: 0.5rem; text-align: center; background-color: #fbf7f8; transform: translate(-50%,-50%); transition:all .5s ease-out;  }
.job-text-col .txtbox strong { position: relative; z-index: 50; display: block; margin-top: 0.25rem; margin-bottom: 0.20rem; font-size: 0.18rem; font-weight: lighter; text-align: center; }

.job-text-col .item:hover .txtbox {color: #fff; background-color: #af2926; }
.job-text-col .item:hover .txtbox em { color: #b5ab73; background-color: #af2926; }




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



.list-imgs {  }
.list-imgs .item { display: block; padding: 0;  margin-bottom: 0.25rem; /*box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%);*/ }
.list-imgs .item .img-box { position: relative; padding: 0.15rem; border: 0.08rem #e3e4e4 solid; border-radius: 0.2rem 0.2rem 0 0; }
.list-imgs .item .img-box:before { content: ''; position: absolute; top: 250%; left: 50%; z-index: 51; width: 0.47rem; height: 0.47rem; background-image: url(/wp-content/themes/phoenix/static/images/list-img-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: translate(-50%,-50%); transition:all .3s ease-out; }
.list-imgs .item .img-box-b { position: relative; overflow: hidden; }
.list-imgs .item .img-box-b:after { content: ''; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background-color: rgba(175,41,38,.4); opacity: 0; transition:all .3s ease-out; }
.list-imgs .item .txt-box { border-radius: 0 0 0.2rem 0.2rem; background-color: #f4f3f3; transition:all .2s ease-out; }
.list-imgs .item .txt-box-show .date-ymd { display: none; }
.list-imgs .item .txt-box-show .tit { margin: 0; padding: 0.15rem 0.1rem; font-size: 0.14rem; text-align: center; color: #3b3b3b; }
.list-imgs .item:hover .txt-box { background-color: #af2926; }
.list-imgs .item:hover .txt-box .tit { color: #fff; }
.list-imgs .item:hover .img-box:before { top: 50%; }
.list-imgs .item:hover .img-box-b:after { opacity: 1; }


.list-imgs2 {  }
.list-imgs2 .item { margin-bottom: 0.2rem; }
.list-imgs2 .item .img-box { border-radius: 0.1rem; border: 1px solid #ede6e4; }
.list-imgs2 .item .txt-box { display: none; }



/*.list-news-box { }
.list-news-box .search-bar-news { margin: 0 auto 0.4rem; width: 80%; text-align: center; }
.list-news-box .search-item { display: inline-block; padding: 0 0.3rem; vertical-align: middle; }
.list-news-box .search-item select { padding: 0.0search-bar-news25rem; border-radius: 0.3rem 0 0 0.3rem; }
.list-news-box .search-item .button { border-radius:  0 0.3rem 0.3rem 0; width: 0.8rem; font-size: 0.16rem; color: #a8a8a8; text-indent: 0; background-color: #595959; background-image: url(); }
.list-news-box .search-item .button:hover { color: #fff; background-color: #b2202b; }
*/

.newbody { background-color: #f0f0f0; }

.list-news-box { }
.list-news-box .search-bar-news { display: flex; justify-content: space-around; align-items: center; margin: 0 auto 0.4rem; padding: 0.3rem; text-align: center; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 5%); }
.list-news-box .search-bar-news .tit { margin: 0; font-size: 0.22rem; color: #000; font-weight: lighter; }
.list-news-box .search-item {  padding: 0 0.3rem; vertical-align: middle; }
.list-news-box .search-item select { padding: 6px 25px; border: 1px #e9e9e9 solid; max-width: 100%; width: 3.0rem; background-color: #f8f8f8; }
.list-news-box .search-item .text { padding: 0 0.25rem; max-width: 100%; width: 3.0rem; background-color: #f8f8f8;  }
.list-news-box .search-item .button { border-width: 0; width: 1.5rem; font-size: 0.16rem; color: #fff; text-indent: 0; text-indent: -99.99rem; background-color: #af2926; background-image: url(/wp-content/themes/phoenix/static/images/search-btn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 80%; }
.list-news-box .search-item .button:hover { color: #fff; background-color: #b6a965; }


.list-news {  }
.list-news .item { display: block; position: relative; padding: 0; margin-bottom: 0.25rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 5%); transition:all .5s ease-out;  }
.list-news .item:before { content: ''; position: absolute; bottom: 0.2rem; right: 0.4rem; width: 0.17rem; height: 0.1rem; background-image: url(/wp-content/themes/phoenix/static/images/newsbg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; transition:all .5s ease-out;  }
.list-news .item-box { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;  }
.list-news .img-box { float: left; position: relative; flex-grow: 1; flex-shrink: 0; display: flex; align-items: center; max-width: 30%; }
.list-news .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; background-color: rgba(178,32,43,.5); opacity: 0; transition:all .3s ease-out; }
.list-news .img-box:after { content: ''; position: absolute; top: 50%; left: -150%; z-index: 31; width: 0.55rem; height: 0.7rem; background-image: url(/wp-content/themes/phoenix/static/images/newimg-icon.png); background-repeat: no-repeat; background-position: 50% 50%; opacity: 0; transform: translate(-50%,-50%); transition:all .3s ease-out; }
.list-news .txt-box { position: relative; flex-grow: 1; flex-shrink: 1; padding: 0.4rem 2rem 0.5rem 0.4rem; max-width: 70%; }
/*.list-news .txt-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 30; width: 0; height: 100%; background-color: rgba(178,32,43,1); transition:all .2s ease-out; }*/
.list-news .txt-box .tit { position: relative; z-index: 50; margin: 0 0 0.15rem; font-size: 0.26rem; color: #af2926; transition:all .2s ease-out; }
.list-news .txt-box .date-ymd { position: relative; z-index: 50; margin: 0 0 0.15rem; font-size: 0.14rem; color: #af2926; }
.list-news .txt-box .txt { position: relative; z-index: 50; margin-bottom: 0; font-size: 0.16rem; line-height: 1.8; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .2s ease-out; }

.list-news .item:hover { box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.list-news .item:hover:before { right: 0.2rem; }
.list-news .item:hover .img-box:before { opacity: 1; }
.list-news .item:hover .img-box:after { left: 50%; opacity: 1; }
/*.list-news .item:hover .txt-box:before { width: 100%; }*/
/*.list-news .item:hover .txt-box .tit { color: #fff; }
.list-news .item:hover .txt-box .txt { color: #fff; }
.list-news .item:hover .date-ymd { color: #fff; }*/

/*
.list-news {  }
.list-news .item { display: block; padding: 0; margin-bottom: 0.25rem; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.list-news .item .img-box { }
.list-news .item .txt-box { background-color: #f3f3f3; transition:all .2s ease-out; }
.list-news .item .txt-box-show { position: relative; top: 0; padding: 0.3rem 0.25rem; background-color: #f3f3f3; transition:all .2s ease-out; }
.list-news .item .txt-box-show:before { content: ''; position: absolute; top: 0.2rem; left: 0; width: 0.06rem; height: 0.36rem; background-color: #c8352d; transition:all .3s ease-out; }
.list-news .item .txt-box .date-ymd { font-size: 0.18rem; color: #c8352d; transition:all .3s ease-out; }
.list-news .item .txt-box .tit { margin: 0.1rem 0 0.2rem; font-size: 0.26rem; color: #000; transition:all .3s ease-out; }
.list-news .item .txt-box .txt { margin-bottom: 0; font-size: 0.14rem; color: #333; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out; }

.list-news .item:hover .txt-box { background-color: #c8352d; }
.list-news .item:hover .txt-box-show { top: -0.6rem; background-color: #c8352d; }
.list-news .item:hover .txt-box-show:before { background-color: #fff; }
.list-news .item:hover .txt-box .date-ymd { color: #fff; }
.list-news .item:hover .txt-box .tit { color: #fff; }
.list-news .item:hover .txt-box .txt { color: #fff; }*/


.news-v { padding-left: 1rem; /*margin: 0 auto; max-width: 9.0rem;*/ }
  .news-v-head { padding: 0 0.1rem; padding-bottom: 0.15rem;  }
    .news-v-head .news-v-state { color: #666; font-size: 0.14rem; }
    .news-v-head .title { margin-top: 0.05rem; font-weight: lighter; }
    .news-v-head .title a { color: #000; font-size: 0.24rem; }
  .news-v-body { margin-bottom: 0.2rem; padding: 0.2rem 0.1rem; min-height: 4.0rem; /* box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);*/ }
  
.detail-prevnext { margin: 0 auto 0.5rem; padding: 0.2rem 0; /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);*/  }
  .detail-prevnext strong { display: block; color: #444; }
  .detail-prevnext a { font-size: 0.15rem; color: #444; text-transform: uppercase; }
  .detail-prevnext .next { text-align: right; }

.news-v-btns { position: absolute; top: 0; left: 0; z-index: 50; display: flex; flex-direction: column; padding: 0.1rem 0; width: 0.56rem; text-align: center; background-color: #fff; }
.news-v-btns a { padding: 0.1rem 0; color: #c9c9c9; font-size: 0.2rem; transition:all .5s ease-out;  }
.news-v-btns a:hover { color: #af2926; }




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


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


.col-related-news { padding: 0.2rem; background-color: #fafafa; }
  .col-related-news .related-news-title { margin: 0.1rem 0 0.12rem; color: #101010; font-size: 0.18rem; }

  .related-news { }
  .related-news .item { margin: 0 -0.2rem 0.1rem; padding: 0.1rem 0.2rem; background-color: #fff; }
  .related-news [class*='col-'] + [class*='col-'] .item { border-top: 1px solid #f0f0f0; }
  .related-news .item .tit { margin: 0.1rem 0; font-size: 0.16rem; color: #6f6d6d; line-height: 1.8; }
  .related-news .item .date { font-size: 0.13rem; color: #6f6d6d; }
  .related-news .item:hover .tit { color: #af2926; }

  .related-next-title { margin: 0.1rem 0 0.05rem; color: #101010; font-size: 0.18rem; }
  .related-next { margin: 0 -0.2rem 0.3rem; padding: 0.1rem 0.2rem 0.2rem; border-bottom: 1px solid #f0f0f0; font-size: 0.16rem; color: #6f6d6d; line-height: 1.8; }
  .related-next .date { color: #c5c4c4; }
  .related-next .date i { margin-right: 0.06rem; }
  .related-next a { margin: 0.1rem 0; font-size: 0.16rem; color: #6f6d6d; line-height: 1.8; }
  .related-next a:hover { color: #af2926; }




.page-pro-list-l {  }
.page-pro-list-l + .page-pro-list-l { margin-top: 0.3rem; }
.page-pro-list-l h3 {  margin-top: 0; margin-bottom: 0.15rem; color: #03123b; font-size: 0.24rem; font-weight: lighter; text-transform: uppercase; }
.page-pro-list-l .left-nav { list-style: none; margin: 0; padding: 0; }
.page-pro-list-l .left-nav li + li { margin-top: 0.05rem; }
.page-pro-list-l .left-nav li a { display: block; font-size: 0.14rem; color: #03123b; font-weight: lighter; text-transform: uppercase; padding: 0.1rem 0 0.1rem 0; border: 1px solid #ebebeb; position: relative; overflow: hidden;  padding-left: 0.5rem; }
.page-pro-list-l .left-nav li a:before { content: ""; display: inline-block; position: absolute; left: -0.06rem; top: 0; padding: 0 0.18rem 0 0.23rem;  color: #fff; height: 100%; background: #03123b;  -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); }
.page-pro-list-l .left-nav li a:after { content: ""; position: absolute; left: 0.15rem; top: 50%; width: 0; height: 0; border-top: 0.05rem solid transparent; border-left: 0.05rem solid #fff; border-bottom: 0.05rem solid transparent; transform: translateY(-50%); }
.page-pro-list-l .left-nav li.cur a { color: #fff; background-color: #d01818; }



.page-pro-list-lc { list-style: none; margin: 0; padding: 0; }
.page-pro-list-lc .fa { float: left; margin-top: 0.03rem; margin-right: 0.05rem; width: 0.16rem; text-align: center; color: #d01818; }
.page-pro-list-lc p { overflow: hidden; }


.page-pro-list {  }
.page-pro-list .page-box .title .tit { margin-top: 0; margin-bottom: 0.15rem; color: #03123b; font-size: 0.24rem; font-weight: lighter; text-transform: uppercase; }



.banner-btns { margin-top: -1.0rem; width: 70%; }
.banner-btns a { display: block; padding: 0.15rem; color: #a51a21; text-align: center; font-size: 0.16rem; background-color: rgba(255,255,255,.9); transition:all .5s ease-out;  }
.banner-btns [class*='col-']:nth-child(1) a { color: #fff; background-color: #a51a21; }
.banner-btns a span { display: inline-block; margin-top: -0.1rem; margin-right: 0.05rem; font-size: 0.3rem; line-height: 1; }
.banner-btns a:hover { color: #fff; background-color: #a51a21; }


.list-pro-box { margin-top: 0.4rem; padding-top: 0.4rem; background-color: #f1f1f1; }
.list-pro-box-crumbs { padding: 0.15rem 0 ; background-color: #e7e7e7; }
.list-pro { margin-top: 0.5rem; margin-bottom: 0.8rem; }
.list-pro .item { position: relative; margin-bottom: 0.2rem; padding: 0; border: 1px solid #eee; background-color: #fff; }
.list-pro .item-a { position: relative; display: block; margin: 0.25rem; }
.list-pro .item-a:before { content: ''; display: block; position: absolute; top: -0.25rem; bottom: -0.25rem; left: -0.25rem; right: -0.25rem; z-index: 50; background: linear-gradient(to left, rgba(164,19,26,.6) 0%,rgba(164,19,26,.3) 50%,rgba(164,19,26,.1) 100%); transition:all .4s ease-out; opacity: 0; }
.list-pro .item-a:after { content: ''; display: block; position: absolute; top: -0.25rem; bottom: -0.25rem; left: -0.25rem; right: -0.25rem; z-index: 40; background: #fff; transition:all .4s ease-out; opacity: 0; }
.list-pro .item-a .img-box { position: relative; }
.list-pro .item-a .img-box2 { position: absolute; top: 150%; z-index: 70; transform: translateY(-50%); transition:all .3s ease-out; }
.list-pro .item-a .img-box .imgshow,
.list-pro .item-a .img-box2 .imgshow { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; transition:all .8s ease-out; }
.list-pro .item-a .txt-box { padding: 0.4rem 0 0; color: #4b4b4b; }
.list-pro .item-a .txt-box .c_en_name { text-align: center; }
.list-pro .item-a .txt-box .tit { position: relative; margin: 0 0 0.16rem; padding-bottom: 0.15rem; text-align: center; font-size: 0.2rem; }
.list-pro .item-a .txt-box .tit:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 55px; height: 1px; background-color: #4b4b4b; transform: translateX(-50%); }
.list-pro .item-a .txt-box .price { margin-bottom: 0.2rem; text-align: center; }
.list-pro .item-a .txt-box .txt {  }
.list-pro .item-a .txt-box .txt strong { position: relative; display: block; margin-bottom: 0.1rem; padding-bottom: 0.05rem; font-weight: lighter; }
.list-pro .item-a .txt-box .txt strong:before { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #4b4b4b; }
.list-pro .item-a .txt-box .txt p { margin-bottom: 0; height: 0.65rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.list-pro .item-a:hover {}
.list-pro .item-a:hover:before { opacity: 1; }
.list-pro .item-a:hover:after { opacity: 1; }
.list-pro .item-a:hover .img-box2 { top: 50%; }
.list-pro .item-a:hover .img-box2 .imgshow {  }


.pv-body { background-color: #f1f1f1; }

.pro-v { padding-bottom: 0.5rem; /*box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);*/  }
  .pro-v .page-tit { margin-bottom: 0.25rem; }
  .pro-v .crumbs {  margin-bottom: 0.2rem; font-weight: lighter; }
  .pro-v .crumbs a { color: #9f9f9f; }
  .pro-v .crumbs a + a:before { content: '>'; display: inline-block; margin-left: 0.05rem; margin-right: 0.05rem;  }


.pro-v-head { position: relative; padding: 0.8rem 0; background-image: url(/wp-content/themes/phoenix/static/images/pro-v-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .pro-v-head .pro-tit { margin: 0 0 0.3rem; padding: 0 0 0.15rem; border-bottom: 1px solid #6a6a6a; line-height: 1; }
  .pro-v-head .pro-tit a { font-size: 0.3rem; color: #000; }
 /* .pro-v-head .table { text-align: center; background-color: #f7e8e7; }
  .pro-v-head .table th { border-bottom: 4px solid #fff !important; color: #fff; text-align: center; background-color: #d4271e;  }
  .pro-v-head .table.table-striped > tbody > tr:nth-of-type(odd) { background-color: #efcdcc; }
  .pro-v-head .table td { color: #000; }
  .pro-v-head .table.table-bordered > thead > tr > th,
  .pro-v-head .table.table-bordered > tbody > tr > th,
  .pro-v-head .table.table-bordered > tfoot > tr > th,
  .pro-v-head .table.table-bordered > thead > tr > td,
  .pro-v-head .table.table-bordered > tbody > tr > td,
  .pro-v-head .table.table-bordered > tfoot > tr > td { border: 1px solid #fff; }*/

.pro-v-basic {  }
.pro-v-basic .pro-txt { margin-bottom: 0.3rem; color: #6a6a6a; }
.pro-v-basic .pro-txt strong { display: block; position: relative; margin-bottom: 0.12rem; padding-bottom: 0.05rem; font-weight: lighter; }
.pro-v-basic .pro-txt strong:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0.3rem; height: 1px; background-color: #6a6a6a; }
.pro-v-basic .pro-txt p { min-height: 1.2rem; line-height: 1.8; }
.pro-v-basic .pro-price { font-size: 0.16rem; }
.pro-v-basic .pro-price strong { color: #b81d25; font-weight: lighter; }
.pro-v-basic .go-inquiry { display: block; margin-top: 0.25rem; padding: 0.1rem 0; border: 1px solid #1e1e1e; border-radius: 0.25rem; width: 2.3rem; text-align: center; color: #333; }
.pro-v-basic .go-inquiry:hover { border: 1px solid #b81d25; color: #fff; background-color: #b81d25; }


.pro-v-body { margin: 0; }
  .pro-v-body-tit { position: relative; margin-bottom: 0.2rem; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;  }
  .pro-v-body-tit .tab-head-item { position: relative; padding: 0.2rem 0; font-size: 0.17rem; color: #6a6a6a; background: none; }
  .pro-v-body-tit .tab-head-item.cur { position: relative; padding: 0.2rem 0; color: #6a6a6a; background: none; }
  .pro-v-body-tit .tab-head-item + .tab-head-item { margin-left: 0.2rem; }
  .pro-v-body-tit .tab-head-item.cur:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #b81d25; }


.pro-guestbook { padding-bottom: 0.6rem;  }
.pro-guestbook .guestbook [class*='col-'] { margin-bottom: 0.1rem; }
.pro-guestbook .guestbook [type="tel"],
.pro-guestbook .guestbook [type="email"],
.pro-guestbook .guestbook [type="text"],
.pro-guestbook .guestbook textarea { border: 0; border-bottom: 1px #858585 solid; background: none; }
.pro-guestbook .guestbook textarea { height: 0.5rem; }
.pro-guestbook .guestbook .form-icon { display: none; }
.pro-guestbook .guestbook .your-code { display: inline-block; padding: 0.1rem; border: 0; border-bottom: 1px #858585 solid;  /*background-color: #fff;*/ }


.pro-b-col { padding: 0.8rem 0; background-image: url(/wp-content/themes/phoenix/static/images/pro-b-col.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.pro-b-col .ind-tit { margin-bottom: 75px; }
  
  .pro-b-col-c { margin-left: -0.12rem; margin-right: -0.12rem; }
  .pro-b-col-c .item { float: left; padding-left: 0.12rem; padding-right: 0.12rem; width: 15%; transition:all 1s ease-out; }
  .pro-b-col-c .txtbox { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0.2rem; height: 5.12rem; text-align: center; color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;}
  .pro-b-col-c .txtbox:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,.6) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.6) 100%); }
  .pro-b-col-c .item:nth-child(3) .txtbox:before { background: linear-gradient(to right, rgba(175,41,38,.6) 30%,rgba(175,41,38,.6) 50%,rgba(175,41,38,.6) 100%); }

  .pro-b-col-c .item .txtbox strong { display: block; position: relative; z-index: 50; margin-bottom: 0.15rem; font-size: 0.28rem; font-weight: lighter; }
  .pro-b-col-c .item .txtbox p { display: none; position: relative; z-index: 50; width: 70%; }
  .pro-b-col-c .item .txtbox .more { display: none; position: relative; z-index: 50; margin-top: 0.5rem; width: 1.45rem; height: 0.45rem; line-height: 0.45rem; color: #000; text-align: center; background-color: #e7e7e7; }
  .pro-b-col-c .item .txtbox .more:hover { color: #fff; background-color: #b4ab73; }

  .pro-b-col-c .item.cur { width: 55%; }
  .pro-b-col-c .item.cur .txtbox { text-align: left; }
  .pro-b-col-c .item.cur .txtbox:before { background: linear-gradient(to right, rgba(175,41,38,1) 30%,rgba(175,41,38,.4) 50%,rgba(175,41,38,.0) 100%) !important; }
  .pro-b-col-c .item.cur .txtbox strong { font-size: 0.4rem; }
  .pro-b-col-c .item.cur .txtbox p { display: block; }
  .pro-b-col-c .item.cur .txtbox .more { display: block; }

  .pro-b-col-c .item:nth-child(2) .txtbox,
  .pro-b-col-c .item:nth-child(4) .txtbox { top: 0.3rem }
  .pro-b-col-c .item:nth-child(3) .txtbox { top: -0.3rem; }




.related-pro { margin-top: 0.5rem; padding: 0.5rem 0; background-image: url(/wp-content/themes/phoenix/static/images/related-pro.jpg);  }
  .related-pro .item { position: relative; background-color: #fff; }
    .related-pro .item .txt-box { position: absolute; top: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; padding: 0.3rem 0.15rem; width: 100%; height: 100%; background-color: rgba(206,51,46,0.8); transition:all .2s ease-out;  }
    .related-pro .item .txt-box .tit-c { padding: 0.03rem 0.1rem; border-radius: 0.04rem; color: #fff; background-color: #222; }
    .related-pro .item .txt-box .tit { margin: 0.15rem 0 0; font-size: 0.24rem; color: #fff; }
    .related-pro .item .txt-box .more { position: absolute; bottom: 0; right: 0; padding: 0.1rem; font-size: 0.2rem; line-height: 1; color: #fff; background-color: #222; }

    .related-pro .item:hover .txt-box { top: 0; }
.related-pro-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; }
.related-pro-pagination .swiper-pagination-bullet-active { background: #e30713; }



.list-job {}
  .list-job .item { position: relative; padding: 0.15rem 0.35rem; line-height: 2; font-size: 0.14rem; background-color: #f1f4f7; background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; /*box-shadow: 0 0 10px rgba(0,0,0,.1);*/ transition:all .5s ease-out; }
  .list-job-apply { color: #fff; opacity: 0; transition:all .2s ease-out; }
  .list-job .item:hover { color: #fff; background-color: #af2926; background-image: url(/wp-content/themes/phoenix/static/images/job-bg.png);  }
  .list-job .item:hover .list-job-apply { opacity: 1; }
  .list-job .item:hover .list-job-apply { color: #b6a965; font-weight: lighter; }
  .list-job .item .list-job-apply:hover { color: #b6a965; font-weight: lighter; }




.right-float { position: fixed; bottom: 1.0rem; right: 0.2rem; }
.right-float .goto-top { display: block; padding-top: 0.04rem; border-radius: 0.04rem; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #3a3a3a; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.right-float .goto-top i { display: inline-block; height: 0.32rem; color: #b6a965; font-size: 0.32rem; line-height: 1; }
.right-float .goto-top i svg { vertical-align: 0.05rem; }

.right-float .goto-top:hover { background-color: #b6a965; }
.right-float .goto-top:hover i { color: #fff; }
   

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

/*@media ( min-width: 992px ){
  .ind01 .ind01-list .ind01-list-box:nth-child(2)~ .ind01-list-box .ind01-list-item-img { order:2; }
  .ind01 .ind01-list .ind01-list-box:nth-child(2)~ .ind01-list-box .ind01-list-item .services-item-text:after { left: auto; right: -0.2rem; }
}*/

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


}

@media ( max-width: 1299px ) and ( min-width: 1201px ){

/*.page-nav li { padding-left: 0.06rem; padding-right: 0.06rem; }

.ind03 .chooseus__pic { margin-top: 0; width: 49%; height: 100%; }*/

}

@media ( max-width: 1200px ) and ( min-width: 992px ){

.rd01-icon { flex-wrap: wrap; }
.rd01-icon .item { margin-bottom: 0.25rem; max-width: 50%; min-width: 50%; }

.rd04 .swiper-container { height: 5.8rem; }
.rd04 .swiper-btns-box { bottom: 0.3rem; }
.rd04 .swiper-btns .item { padding: 0.2rem; height: 1.5rem; }
.rd04 .swiper-btns em { margin-right: 0.15rem; width: .5rem; height: .5rem; }
.rd04 .swiper-btns .txtbox strong { margin-bottom: 0.05rem; font-size: 0.20rem; }
.rd04 .swiper-btns .txtbox p { margin-bottom: 0.05rem; }


.list-colimgs .textbox { position: relative; padding: 0.2rem; width: 100%; transform: translateY(0%); }
.list-colimgs .item:before { width: 100%; }
.list-colimgs .textbox .tit .iconbox { width: 0.4rem; height: 0.4rem; }
.list-colimgs .textbox .tit h3 { font-size: 0.2rem; }
.list-colimgs .item:after { width: 100% !important; }


.ind01-b .swiper-slide strong { font-size: 0.22rem; }


.ind02 .item .txtbox strong { font-size: 0.24rem; }


.list-news-box .search-item select { width: 2.0rem; }
.list-news-box .search-item .text { width: 2.0rem; }
.list-news-box .search-item .button { width: 1rem; }

/*.ind01-category { position: static; }

.ind04-02-news .item { padding: 0.2rem 1rem 0.2rem 0.2rem; }
.ind04-02-news .item + .item { margin-top: 0.25rem; }*/

/*.page-nav li { padding-left: 0.06rem; padding-right: 0.06rem; }
.page-nav li a { padding-left: 0.06rem; padding-right: 0.06rem; }

.ind03 .chooseus__pic { margin-top: 0; width: 49%; height: 100%; }*/

}

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

.content-body { padding-top: 0.4rem; padding-bottom: 0.4rem; }

  .about01-icon .item { min-width: 50%; max-width: 50%; }


.list-news .txt-box { padding: 0.2rem; }

.rd01-icon { flex-wrap: wrap; }
.rd01-icon .item { margin-bottom: 0.25rem; max-width: 50%; min-width: 50%; }

.rd04 .swiper-container { height: 5.8rem; }
.rd04 .swiper-btns-box { bottom: 0.3rem; }
.rd04 .swiper-btns .item { padding: 0.2rem; height: 1.5rem; }
.rd04 .swiper-btns em { margin-right: 0.15rem; width: .5rem; height: .5rem; }
.rd04 .swiper-btns .txtbox strong { margin-bottom: 0.05rem; font-size: 0.20rem; }
.rd04 .swiper-btns .txtbox p { margin-bottom: 0.05rem; }



.list-colimgs .textbox { position: relative; padding: 0.2rem; width: 100%; transform: translateY(0%); }
.list-colimgs .item:before { width: 100%; }
.list-colimgs .textbox .tit .iconbox { width: 0.4rem; height: 0.4rem; }
.list-colimgs .textbox .tit h3 { font-size: 0.2rem; }
.list-colimgs .item:after { width: 100% !important; }


.pro-b-col-c .item { margin-bottom: 0.2rem; width: 50% !important; } 
.pro-b-col-c .item:nth-child(2) .txtbox,
.pro-b-col-c .item:nth-child(4) .txtbox { top: 0 }
.pro-b-col-c .item:nth-child(3) .txtbox { top: 0; }

.pro-b-col-c .item { width: 55%; }
.pro-b-col-c .item .txtbox { text-align: left; }
.pro-b-col-c .item .txtbox:before { background: linear-gradient(to right, rgba(175,41,38,1) 30%,rgba(175,41,38,.4) 50%,rgba(175,41,38,.0) 100%) !important; }
.pro-b-col-c .item .txtbox strong { font-size: 0.3rem !important; }
.pro-b-col-c .item .txtbox p { display: block; }
.pro-b-col-c .item .txtbox .more { display: block; }


.ind-tit { text-align: center; }
.ind-tit .tit01:before { content: ''; position: absolute; right: 100%; bottom: 0.05rem; margin-right: 0.1rem; width: 0.75rem; height: 0.05rem; background-color: #af2926; }
.ind-tit .ind-tit-right { position: static; margin-top: 0.2rem; width: 100%; max-width: 100%; text-align: center; }
.ind-tit .ind-tit-right-tab { text-align: center; }


.ind01-a { width: 100%; }
.ind01-b .swiper-slide strong { font-size: 0.20rem; }
.ind01-b .swiper-slide p { font-size: 0.14rem; }

.ind02 .item .txtbox strong { font-size: 0.2rem; }


/*.page-banner-container .banner-tit:before { width: 0.4rem; height: 0.4rem; }
.banner .banner-prev,
.banner .banner-next { font-size: 0.38rem; }

.list-pro .txt-box { padding-right: 0; }
.list-pro .txt-box .tit { font-size: 0.26rem; }
.list-pro .txt-box .txt { font-size: 0.16rem; }

.list-news .item .txt-box .tit { margin-top: 0; }

.detail-prevnext strong { float: left; margin-right: 0.12rem; }
.detail-prevnext a { overflow: hidden; }
.detail-prevnext .next { margin-top: 0.2rem; text-align: left; }

.ind01-category { position: static; }

.ind04-02-news .item { padding: 0.2rem 1rem 0.2rem 0.2rem; }
.ind04-02-news .item + .item { margin-top: 0.25rem; }


  .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%; }*/

}

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

.content-body { padding-top: 0.4rem; padding-bottom: 0.4rem; }

.page-tit { font-size: 0.26rem; }

.page-banner-container .banner-tit {  font-size: 0.28rem; }
.page-banner-container .banner-tit:before { width: 0.32rem; height: 0.32rem; }

.job-top:before { display: none; }
.job-top .txtbox { position: static; padding:  0.2rem; width: 100%; background-color: rgba(0,0,0,.6); transform: translate(0,0%);}
.job-top .txtbox .tit { text-align: center; font-size: 0.26rem; }

.job-text-col { margin-bottom: 0.4rem }
.job-text-col .item { margin-bottom: 0.3rem; }

.list-job .item {  margin-bottom: 0.3rem; }
.list-job-apply { opacity: 1;color: #333; }


.list-news .txt-box { padding: 0.2rem; }
.list-news .txt-box .tit { margin-bottom: 0.05rem; font-size: 0.22rem; }
.list-news .txt-box .txt { line-height: 1.4; }

.rd01-icon { flex-wrap: wrap; }
.rd01-icon .item { margin-bottom: 0.25rem; max-width: 50%; min-width: 50%; }
.rd01-icon strong { font-size: 0.3rem; }


.rd03-list p { text-align: center; }

.rd04 .swiper-slide .txtbox .text { width: 100%; }

.rd04 .swiper-container { height: 4.8rem; }
.rd04 .swiper-btns-box { bottom: 0.3rem; }
.rd04 .swiper-btns .item { padding: 0.2rem; height: 1.2rem; }
.rd04 .swiper-btns em { float: none; display: block; margin: 0 auto; width: .5rem; height: .5rem; }
.rd04 .swiper-btns .txtbox { text-align: center; }
.rd04 .swiper-btns .txtbox strong { margin-bottom: 0.05rem; font-size: 0.16rem; }
.rd04 .swiper-btns .txtbox p { display: none; }



.list-colimgs .textbox { position: relative; padding: 0.2rem; width: 100%; transform: translateY(0%); }
.list-colimgs .item:before { width: 100%; }
.list-colimgs .textbox .tit .iconbox { width: 0.4rem; height: 0.4rem; }
.list-colimgs .textbox .tit h3 { font-size: 0.2rem; }
.list-colimgs .item:after { width: 100% !important;  }



.pro-b-col-c .item { margin-bottom: 0.2rem; width: 100% !important; } 
.pro-b-col-c .item:nth-child(2) .txtbox,
.pro-b-col-c .item:nth-child(4) .txtbox { top: 0 }
.pro-b-col-c .item:nth-child(3) .txtbox { top: 0; }

.pro-b-col-c .item { width: 55%; }
.pro-b-col-c .item .txtbox { text-align: left; }
.pro-b-col-c .item .txtbox:before { background: linear-gradient(to right, rgba(175,41,38,1) 30%,rgba(175,41,38,.4) 50%,rgba(175,41,38,.0) 100%) !important; }
.pro-b-col-c .item .txtbox strong { font-size: 0.3rem !important; }
.pro-b-col-c .item .txtbox p { display: block; }
.pro-b-col-c .item .txtbox .more { display: block; }


.ind-tit { text-align: center; }
.ind-tit .tit01:before { content: ''; position: absolute; right: 100%; bottom: 0.05rem; margin-right: 0.1rem; width: 0.75rem; height: 0.05rem; background-color: #af2926; }
.ind-tit .ind-tit-right { position: static; margin-top: 0.2rem; width: 100%; max-width: 100%; text-align: center; }
.ind-tit .ind-tit-right-tab { text-align: center; }


.ind01-a { width: 100%; }
.ind01-b .swiper-slide strong { font-size: 0.20rem; }
.ind01-b .swiper-slide p { font-size: 0.14rem; }
.ind01-b .swiper-slide .item:after { font-size: 0.16rem; }

.ind01-c { width: 100%; }
.about01-icon .item { max-width: 100%; min-width: 100%; }
.about03 .txtboxs .item { height: auto; }
.about03 .txtboxs .item.cur { margin-right: 0; }

.ind02 .item .txtbox strong { font-size: 0.2rem; }

.ind-tit .tit01 { font-size: 0.30rem; }
.ind-tit .tit02 { font-size: 0.25rem; }
.ind02 .item .imgbox { min-width: 1.2rem; max-width: 1.2rem; }

.page-banner.red { height: 1.2rem !important; } 
.page-banner.red .page-tit-box { margin-top: 0.3rem; } 

/*.page-banner-container .banner-tit:before { width: 0.2rem; height: 0.2rem; }
.banner .banner-prev,
.banner .banner-next { font-size: 0.32rem; }
.banner-pagination { display: none; }


.list-pro .txt-box { padding-left: 0.2rem; padding-right: 0; }
.list-pro .txt-box .tit { font-size: 0.22rem; }
.list-pro .txt-box .txt { font-size: 0.16rem; }



.list-news .item .txt-box .tit { margin-top: 0; font-size: 0.2rem; }

.detail-prevnext strong { float: left; margin-right: 0.12rem;  }
.detail-prevnext a { overflow: hidden; display: block; }
.detail-prevnext .next { margin-top: 0.2rem; text-align: left; }

.ind01-category { position: static; }

.ind04-02-news .item { padding: 0.2rem 1rem 0.2rem 0.2rem; }
.ind04-02-news .item + .item { margin-top: 0.25rem; }

  .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%; }*/
  
}

/* ¸ö±ð */
@media screen and (max-width: 1200px) {



}<!--0.00026106834411621-->