:root{
  --theme-color: #494f4a; /*主色调*/
  --theme-sub-color: #f7f9fb; /*辅助色调*/
  --text-color: #4c4948; /*文字主用色*/
  --focus-color: var(--theme-sub-color); /*焦点用色*/

  --body-bg-color: #fff; /*网页背景色*/
  --main-bg-color: #fff; /*将用在内容区的底色*/

  --muted-1-color: #777;
  --muted-2-color: #999;
  --muted-3-color: #b1b1b1;
  --muted-4-color: #e2e2e2;
  --muted-5-color: #eff3f5;

  --box-radius: 5px;
  --box-border-color: rgba(50, 50, 50, 0.06);
  --muted-border-color: rgba(0, 0, 0, 0.03);
  --box-shadow: rgba(116, 116, 116, 0.08);

  --btn-radius: var(--box-radius);
  --btn-border-color: rgba(50, 50, 50, 0.2);

  --table-border-color: var(--box-border-color);

  --footer-bg: #323335;
  --footer-color: var(--muted-color);
}


/*基础*/
html { font-size: 625%; }
html, body { height: 100%; }
body { color: var(--text-color); font-size: .15rem; font-family: Arial, Helvetica,"Microsoft Yahei",'Montserrat', Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; background-color: var(--body-bg-color); }
.page-root { padding-top: 1.1rem; height: 100vh; }
.page-root.no_1vh { height: auto; }
@media screen and (max-width: 991px) {
  .page-root { padding-top: 0.5rem; height: 100vh; }
}
a { text-decoration: none; }
a:hover, a:focus { color: var(--theme-color); outline: 0 none; text-decoration: none; }
:focus { outline: none;}
::-ms-clear, ::-ms-reveal { display: none; }
input::-ms-clear { display: none; }
textarea { resize: none;}
a { color: var(--theme-color); }

.form-select:focus { box-shadow: none; }
.form-control:focus { box-shadow: none; }

@media ( min-width: 992px ){
  .m-show { display: none !important; }
  .pc-show { display: flex !important; }
}
@media screen and (max-width: 991px){
  .m-show { display: flex !important; }
  .pc-show { display: none !important; }
}


@keyframes amShowImg {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.amShowImg {
    -webkit-animation-name: amShowImg;
    animation-name: amShowImg
}

@keyframes amShowInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.amShowInRight {
    -webkit-animation-name: amShowInRight;
    animation-name: amShowInRight
}

@keyframes amShowInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.amShowInLeft {
    -webkit-animation-name: amShowInLeft;
    animation-name: amShowInLeft
}


@font-face {
  font-family: 'oswald-bold';
  src: url('../fonts/oswald-bold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'artlookin-regular';
  src: url('../fonts/artlookin-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/

/*脚手架*/
.clearfix:after { clear: both; display: block; content: ''; }
.clearfix { zoom: 1; }

.ellipsis { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.img-w { width: 100% !important; }
.img-w-auto { width: auto !important; }

.inline-block { display: inline-block !important; }

.fb { font-weight: bold !important; }
.fn { font-weight: normal !important; }

.pr { position: relative; }
.pa { position: absolute; }

.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }

.color-black { color: #000; }

.color-theme { color: var(--theme-color); }
.color-red { color: red; }
.color-white { color: #fff; }

.table-border { border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; }
.table-border th, .table-border td { padding: 5px 10px; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }


/*滚动*/
body::-webkit-scrollbar { width: 6px; height: 1px; }
body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--theme-color); }
body::-webkit-scrollbar-track { background: 0 0; margin: 2px; }

.scroll-y { overflow-y: auto; }
.scroll-y::-webkit-scrollbar { width: 6px; height: 1px; }
.scroll-y::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, .3); }
.scroll-y::-webkit-scrollbar-track { background: 0 0; margin: 2px; }

/*图片hover*/
.img-hover { display: block; overflow: hidden; }
.img-hover.no-hidden { overflow: visible; }
.img-hover .imgshow { transition: transform .6s; }
.img-hover:hover .imgshow { transform: scale(1.05); }

.img-h { display: block; overflow: hidden; position: relative; padding-top: 65%; padding-bottom: var(--scale-height); height: 0; }
  .img-h img { position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover;width: 100%;height: 100%; }
  .img-h video { position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover;width: 100%;height: 100%; pointer-events: none; }

/*布局追加*/
/*@media ( max-width: 1199px ){
  .container, .container-sm { min-width: 100%;}
}
@media screen and (max-width: 767px) {
  .container, .container-sm { padding-left: 0; padding-right: 0; }
}*/
@media ( min-width: 1400px ){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 15.6rem; }
}
@media ( min-width: 992px ){
  .page-root  { min-width: 11rem; }
}

.page-root { overflow: hidden; }

/* header */
@media ( min-width: 992px ){
  /*body { margin-top: 1.10rem; }*/
  .header { position: fixed; z-index: 1030; top: 0; border-bottom: 1px solid rgba(255,255,255,.1); width: 100%; height: 1.10rem; background-color: var(--body-bg-color); box-shadow: 0 0.05rem 0.05rem var(--box-shadow); animation-duration: .6s; animation-iteration-count: 1; animation-name: header-am; }
  @keyframes header-am {
    0% { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .container-header { display: flex; justify-content: flex-start; align-items: stretch; height: 1.10rem; }
  
  .logo { display: flex; justify-content: flex-start; align-items: center; margin-right: 0.3rem; }
    .logo img { height: 0.79rem; }
    .logo img.logo1 { display: none; }

  .menu-box {  margin-left: auto; }
    .menu { display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; }
      .menu > li { position: relative; }
        .menu > li + li { margin-left: 0.02rem; }
        .menu > li > a { display: flex; align-items: center; overflow: hidden; position: relative; padding: 0 0.2rem; height: 1.10rem; text-decoration: none; text-align: center; font-size: 0.2rem; transition:all .2s ease-out; }
        .menu > li > a span { width: 100%; color: #000; transition:all .2s ease-out; }
        .menu > li > a:before { content: ''; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); width: 0rem; height: 0.03rem; background-color: var(--theme-color); transition:all .2s ease-out; }
        /*.menu > li > a:after { content: attr(data-title); position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width: 100%; color: #ababab; font-size: 0.13rem; font-weight: normal; text-transform: uppercase; transition:all .2s ease-out; }*/
        .menu > li.current > a,
        .menu > li:hover > a span { color: var(--theme-color); }
        .menu > li.current > a:before,
        .menu > li:hover > a:before { width: 0.9rem; }
   
      .menu .sub-box { position: relative; pointer-events: none; position: absolute; top: 100%; left: 0; z-index: 40; margin: -0.2rem 0 0 0; padding: 0.3rem 0.01rem 0.3rem; width: 100%; background-color: var(--theme-sub-color); opacity: 0; transition:all .2s ease-out;}
        .menu .sub-box:before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 50.0rem; height: 100%; background-color: var(--theme-sub-color); }
        .menu .sub-box ul { position: relative; z-index: 20; list-style: none; margin: 0; padding: 0; }
        .menu .sub-box ul li + li { margin-top: 0.05rem; }
        .menu .sub-box ul a { display: block; font-size: 0.17rem; text-align: center; color: #555; white-space: nowrap; }
        .menu .sub-box ul a:hover { color: var(--theme-color); }
      .menu > li:hover .sub-box { pointer-events: auto; margin-top: 0; opacity: 1; }

  .fun-header { position: relative; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 0 -0.05rem 0 0; margin-left: 0.2rem; }
    .fun-header .item { display: flex; align-items: center; padding: 0 0.05rem; }
    .fun-header .item .item-btn .ifa { font-size: 0.32rem; color: #333; }
    .fun-header .item:hover .item-btn { color: var(--theme-color); }
    .fun-header .item + .item { margin-left: 0.1rem; }
    .fun-header .item-line { position: relative; margin: 0.05rem 0.05rem; width: 1px; }
    .fun-header .item-line:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 0.2rem; background-color: var(--box-border-color); transform: translateY(-50%); }
    .fun-header .item .item-btn { color: var(--theme-color-text); font-size: 0.2rem; }
    .fun-header .item-show { pointer-events: none; position: absolute; top: 100%; right: 0; margin-top: 0.2rem; padding: 0.08rem; border-radius: 0 0 0.05rem 0.05rem; background-color: var(--main-bg-color); opacity: 0; box-shadow: 0 0.05rem 0.05rem var(--box-shadow); transition:all .2s ease-out; }
    .fun-header .item:hover .item-show { pointer-events: auto; margin-top: 0; opacity: 1; }

    .language {  }
      .language a { display: block; padding: 0.08rem 0.16rem; border-radius: var(--box-radius); font-weight: bold; background-color: var(--muted-5-color); transition:all .3s ease-out; }
      .language a + a {  margin-top: 0.05rem; }
      .language a:hover { color: #fff; background-color: var(--theme-color); }
      .language a img { margin-right: 0.06rem; border-radius: var(--box-radius); }

  .header:hover { background-color: #fff; }
    .header:hover .logo img.logo1 { display: block; }
    .header:hover .logo img.logo2 { display: none; }
    /*.header:hover .menu > li > a span { color: var(--theme-color); }*/
    .header:hover .fun-header .item .item-btn .ifa { color: var(--theme-color); }
  .is-scroll .header { background-color: #fff; }
    .is-scroll .header .logo img.logo1 { display: block; }
    .is-scroll .header .logo img.logo2 { display: none; }
    .is-scroll .header .menu > li > a span { /*color: var(--theme-color);*/ }
    .is-scroll .header .fun-header .item .item-btn .ifa { color: var(--theme-color); }

}

@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .menu > li > a { padding-left: 0.1rem; padding-right: 0.1rem; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .logo img { height: 0.6rem; }
  .menu > li > a { padding: 0 0.06rem; width: auto; font-size: 0.18rem; }

}

@media screen and (max-width: 991px) {
  .header { position: fixed; z-index: 1030; top: 0; width: 100%; height: 0.5rem; background-color: var(--body-bg-color); box-shadow: 0 0.05rem 0.05rem var(--box-shadow); animation-duration: .6s; animation-iteration-count: 1; animation-name: header-am; }
  @keyframes header-am {
    0% { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .container-header { display: flex; justify-content: flex-start; align-items: stretch; max-width: 14.8rem; height: 0.5rem; }
  
  .logo { margin-left: auto; margin-right: auto; padding: 0.1rem 0; }
    .logo img { height: 0.32rem; }
    .logo img.logo2 { display: none; }

  .m-btn { display: flex; align-items: center; margin-left: -0.1rem; padding: 0 0.1rem; }
    .m-btn .ifa {  font-size: 0.28rem; line-height: 1; color: var(--theme-color); }

  .menu-box { pointer-events: none; position: absolute; top: 0.5rem; left: 0; width: 100%; height: calc(100vh - 0.5rem); background-color: rgba(0, 0, 0, .1); opacity: 0; transition:all .3s ease-out; }
  .menu-box .menu { position: absolute; top: 0; left: -80%; overflow-y: auto; padding: 0.1rem; width: 80%; height: calc(100vh - 0.5rem); max-width: 2.8rem; background-color: var(--main-bg-color); transition:all .3s ease-out; }
  .menu-box .menu::-webkit-scrollbar { width: 6px; height: 1px; }
  .menu-box .menu::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, .3); }
  .menu-box .menu::-webkit-scrollbar-track { background: 0 0; margin: 2px; }
  .menu-box  ul { list-style: none; margin: 0; padding: 0; }
    .menu-box .menu > li { border-top: 1px solid var(--box-border-color); }
    .menu-box .menu > li > a { display: block; position: relative; padding: 0.08rem 0 0.08rem 0.1rem; color: var(--text-color); font-weight: bold; font-size: 0.16rem; }
    .menu-box .menu > li > a:before { content: ''; display: block; position: absolute; top: 50%; left: 0; border-radius: 0.03rem; width: 4px; height: 0.12rem; background-color: var(--theme-color); transform: translateY(-50%); }

    .menu-box .sub-box ul { list-style: none; margin: 0 0 0.12rem; padding: 0; }
    .menu-box .sub-box ul li {  }
    .menu-box .sub-box ul li + li { margin-top: 0.1rem; }
    .menu-box .sub-box ul li a { color: #707070; white-space: nowrap; }
    .menu-box .sub-box ul li a .ifa { font-size: 0.12rem; }
    .menu-box .sub-box ul li:hover a {  }

  .menu-box.show { pointer-events: auto; opacity: 1; }
    .menu-box.show .menu { left: 0; }
    
    .menu .sub-nav h3 { display: none; }
    .menu .sub-box .sub-nav-img { display: none; }
    .menu .sub-box .sub-txtbox { display: none; }


  .fun-header { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-right: -0.1rem; }
    .fun-header .item { display: flex; align-items: stretch; }
    .fun-header .item .item-btn { display: flex; align-items: center; padding: 0 0.1rem; }
      .fun-header .item .item-btn .ifa { font-size: 0.28rem; line-height: 1; color: var(--theme-color-text); }

    .fun-header .item-show { pointer-events: none; position: absolute; top: 100%; right: 0; margin-top: 0.2rem; padding: 0.1rem; border-radius: 0 0 0.05rem 0.05rem; width: 100%; background-color: var(--main-bg-color); opacity: 0; box-shadow: 0 0.05rem 0.05rem var(--box-shadow); transition:all .2s ease-out; }
    .fun-header .item.cur .item-show { pointer-events: auto; margin-top: 0; opacity: 1; }

    .language {  }
      .language a { display: block; padding: 0.08rem 0.16rem; border-radius: var(--box-radius); font-weight: bold; background-color: var(--muted-5-color); transition:all .3s ease-out; }
      .language a + a {  margin-top: 0.05rem; }
      .language a:hover { color: #fff; background-color: var(--theme-color); }
      .language a img { margin-right: 0.06rem; border-radius: var(--box-radius); }

}

.banner2 { position: relative; width: 100%; }

.banner { z-index: 10; width: 100%; }
  .banner .swiper-slide { position: relative; background-position: 50% 50%; background-size: cover; }
    .banner .swiper-slide video { pointer-events: none; position: absolute; top: 50%; left: 50%; z-index: 90; /*min-width: 100%; min-height: 100%;*/ width: 100%; transform: translate(-50%, -50%); }
    .banner .banner-container { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .banner .banner-container .container { display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; }
    .banner .banner-container .container .txt1 { margin-bottom: 0.1rem; font-size: 0.2rem; }
    .banner .banner-container .container .txt2 { font-size: 0.52rem;font-weight: bold; }
.banner-pagination-box { position: absolute; left: 0; bottom: 0.3rem; z-index: 30; width: 100%; }
.banner-pagination-box .container { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.banner-pagination-box .container:before { content: '\e635'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0.3rem; color: #fff; font-family: "ifa" !important; }
    .banner-prev .ifa,
    .banner-next .ifa { font-size: 0.5rem; color: #fff; line-height: 1; }
    .banner-pagination { display: flex; align-items: center; margin: 0 0.2rem; width: auto !important; }
      .banner-pagination .swiper-pagination-bullet { display: inline-block; margin: 0 0.05rem; border-radius: 50%; border: 1px solid #fff; width: 0.2rem; height: 0.2rem; }
      .banner-pagination .swiper-pagination-bullet-active { background-color: #fff; }

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .banner .banner-container .container .txt2 { font-size: 0.42rem; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .banner .banner-container .container .txt2 { font-size: 0.34rem; }
}
@media screen and (max-width: 575px) {
  .banner .banner-container .container .txt2 { font-size: 0.22rem; }
  .banner-pagination-box { bottom: 0.1rem; }
  .banner-prev .ifa, .banner-next .ifa { font-size: 0.2rem; }
  .banner-pagination { margin: 0 0.1rem; }
  .banner-pagination .swiper-pagination-bullet { width: 0.13rem; height: 0.13rem; }
}

@keyframes scroll {
    0% {
        bottom: 0.3rem;
    }
    50% {
        bottom: 0.15rem;
    }
    100% {
        bottom: 0.3rem;
    }
}
.page-banner .icon {/* position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px;*/ }
  .banner_mouse { display: block; width: 23px; height: 40px; background: url(../images/banner_mouse_ico.png) no-repeat -23px 0px; -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; margin: 0 auto; }
    .banner_mouse:after,
    .banner_mouse:before { content: ""; position: absolute; }
    .banner_mouse:before { width: 23px; height: 40px; background: url(../images/banner_mouse_ico.png) no-repeat 0px 0px; -webkit-animation: colorSlide 1.6s linear infinite; animation: colorSlide 1.6s linear infinite; top: 0; left: 0; }
    .banner_mouse:after { background: #fff; width: 4px; height: 4px; border-radius: 100%; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
@keyframes nudgeMouse {
 0% {
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
    50% {
      -webkit-transform:translateY(8px);
              transform:translateY(8px);
    }
    100% {
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
}
@keyframes colorSlide {
      0% {
        height:0;
      }
      90%{
        height:40px;
      }
}
@keyframes trackBallSlide {
  0% {
    opacity:1;
    -webkit-transform:scale(1) translateY(-8px);
            transform:scale(1) translateY(-8px);
  }
  34% {
    opacity:1;
    -webkit-transform:scale(0.9) translateY(4px);
            transform:scale(0.9) translateY(4px);
  }
  68% {
    opacity:0;
    -webkit-transform:scale(0.4) translateY(16px);
            transform:scale(0.4) translateY(16px);
  }
  100% {
    opacity:0;
    -webkit-transform:scale(0.4) translateY(-8px);
            transform:scale(0.4) translateY(-8px);
  }
}

@media ( min-width: 992px ){
  .page-title { padding-top: 0.3rem; padding-bottom: 0.15rem;text-align: center; }
  .page-nav-box { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
    .page-nav-box ul { list-style: none; margin: 0; padding: 0; text-align: center; }
      .page-nav-box ul li { position: relative; display: inline-block; margin: 0; padding: 0.15rem 0; }
      .page-nav-box ul li.cur:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: var(--theme-color); }
      .page-nav-box ul li.cur a { color: var(--theme-color); }
      .page-nav-box ul li + li { margin-left: 0.4rem; }
      /*.page-nav-box ul li + li:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 0.3rem; background-color: #ececec; transform: translateY(-50%); }*/
      .page-nav-box ul li a { display: flex; align-items: center; padding: 0.06rem 0; border-radius: var(--box-radius); font-size: 0.18rem; color: #6e6e6e; transition:all .3s ease-out; }
      .page-nav-box ul li a:hover { color: var(--theme-color); }
      /*.page-nav-box ul li a:after { content: '\e687'; margin-left: 0.08rem; color: var(--theme-sub-color); font-size: 0.18rem; font-family: "ifa" !important; }*/

  .content-body { padding-top: 0.5rem; padding-bottom: 0.6rem; }
}
@media screen and (max-width: 991px) {
  .page-title { padding-top: 0.2rem; padding-bottom: 0.12rem; text-align: center; }
  .page-nav-box { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
    .page-nav-box ul { list-style: none; margin: 0; padding: 0.05rem 0; text-align: center; }
      .page-nav-box ul li { position: relative; display: inline-block; padding: 0rem; }
      /*.page-nav-box ul li + li:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 0.2rem; background-color: #ececec; transform: translateY(-50%); }*/
      .page-nav-box ul li a { display: flex; align-items: center; padding: 0.06rem 0.05rem; border-radius: var(--box-radius); color: #020202; transition:all .3s ease-out; }
      .page-nav-box ul li a:hover { background-color: var(--muted-5-color); }
      /*.page-nav-box ul li a:after { content: '\e687'; margin-left: 0.03rem; color: var(--theme-sub-color); font-size: 0.14rem; font-family: "ifa" !important; }*/

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

.foot { height: 5.5rem; }
.footer { position: relative; z-index: 300; height: 5.5rem; color: #fff; background: #68736f; }
.footer a { color: #fff; }
  .footer-content { padding-left: 0.5rem; padding-right: 0.5rem; height: 100%; }
    
    .footer-left { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; padding-top: 0.8rem; padding-left: 0.2rem; padding-right: 1rem; height: 5.5rem; }
      .footer-left:before { content: ''; position: absolute; right: 0.3rem; top: 0; width: 1px; height: 100%; background-color: #d2d5d4; }

      .menu-footer { display: flex; justify-content: space-around; list-style: none; margin: 0; padding: 0 0 0.6rem; width: 100%; }
        .menu-footer > li { }
        .menu-footer > li + li { margin-left: 0.4rem; }
          .menu-footer > li > a { display: block; margin-bottom: 0.4rem; font-size: 0.2rem; color: #fff; }
          .menu-footer > li > a:hover { color: var(--theme-color); }
          .menu-footer ul { list-style: none; margin: 0; padding: 0; }
          .menu-footer ul > li a { color: #fff; }
          .menu-footer ul > li a:hover { color: var(--theme-color); }
          .menu-footer ul > li + li { margin-top: 0.15rem; }

    .footer-right { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 0.8rem; height: 5.5rem; }
      .footer-right .row { max-width: 3.0rem; }
      .footer-right .item { display: flex; align-items: center; }
      .footer-right .item img { max-width: 1.3rem; }
      .footer-right .txtbox { padding: 0.2rem 0rem; width: 100%; }
      .footer-right .txtbox p { margin-bottom: 0; }
      .footer-right .txtbox p.txt01 { margin-bottom: 0.2rem; font-size: 0.34rem; line-height: 1; }

    .footer-copy { display: flex; justify-content: center; align-items: center; padding: 0.08rem; border: 1px solid #d2d5d4; width: 100%; }
    .footer-copy p { margin-bottom: 0; padding: 0 0.1rem; }


@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
  .footer-content { padding-left: 0; padding-right: 0; }
  .footer-left { padding-right: 0.5rem; }
  .footer-left:before { right: 0.2rem; }
  .menu-footer > li + li { margin-left: 0.2rem; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .foot { height: 4.5rem; }
  .footer { height: 4.5rem; }
  .footer-content { padding-left: 0; padding-right: 0; }
  .footer-left { padding-top: 0.3rem; padding-right: 0.3rem; height: 4.5rem; }
  .footer-left:before { right: 0.15rem; }
  .menu-footer { padding: 0 0 0.4rem; }
  .menu-footer > li > a { margin-bottom: 0.3rem; font-size: 0.2rem; }
  .menu-footer > li + li { margin-left: 0.2rem; }
  .footer-right { padding-top: 0.3rem; height: 4.5rem; }
    .footer-right .txtbox p.txt01 { margin-bottom: 0.06rem; font-size: 0.24rem; }
}
@media screen and (max-width: 991px) {
  .foot { height: 4.5rem; }
  .footer { height: 4.5rem; }
  .footer-content { padding-left: 0; padding-right: 0; }
  .footer-content [class*='container'] > .row { flex-direction: column-reverse; }
  .footer-left { padding: 0 0.12rem; height: auto; }
  .footer-left:before { display: none; }
  .menu-footer { display: none;  }
  .menu-footer > li + li { margin-left: 0.2rem; }
  .footer-copy { flex-direction: column; }
  .footer-right { padding-top: 0.3rem; height: auto; }
  .footer-right .row { max-width: 100%; }
  .footer-right .txtbox { width: auto; }
  .footer-right .txtbox p.txt01 { margin-bottom: 0.12rem; font-size: 0.28rem; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .foot { height: 4rem; }
  .footer { height: 4rem; }
}
@media screen and (max-width: 575px) {
  .foot { height: 3.7rem; }
  .footer { height: 3.7rem; }
}

/*留言板*/
.guestbook { margin: 0 auto 0; padding: 0 0 0.2rem 0 ;  }
.guestbook-show { margin: 0 auto;width: 85%; }
  .guestbook [class*='col-'] { position: relative; margin-bottom: 0.16rem; }
  .guestbook label { position: absolute; top: 0.15rem; left: 0.3rem; z-index: 20; color: #a7a7a7; font-size: 0.16rem; font-weight: normal; }
  .guestbook [type="tel"],
  .guestbook [type="email"],
  .guestbook [type="text"] { padding-left: 0.2rem; padding-right: 0.5rem; border: 1px #d5d5d5 solid; width: 100%; height: 0.5rem; font-size: 0.16rem; }
  .guestbook select { padding-left: 0.2rem; padding-right: 0.5rem; border: 1px #d5d5d5 solid; width: 100%; height: 0.5rem; font-size: 0.16rem; background-color: #fff; }
  .guestbook select option { background-color: #fff; }
  .guestbook textarea { padding: 0.13rem 0.2rem; padding-right: 0.5rem;  border: 1px #d5d5d5 solid; width: 100%; height: 1.7rem;  font-size: 0.16rem; }

  .guestbook .txt2x input,
  .guestbook .txt2x select,
  .guestbook .txt2x textarea { padding-left: 0.7rem; }
  .guestbook .txt4x input,
  .guestbook .txt4x select,
  .guestbook .txt4x textarea { padding-left: 1rem; }

  .guestbook .form-cbox .form-icon { position: absolute; top: 0.11rem; right: 0.2rem; z-index: 20; width: 0.3rem; height: 0.3rem; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; /*transform: translateY(-50%); */}

  .guestbook .button { cursor: pointer; display: inline-block; border-width: 0; border-radius: 0.26rem; width: 2.35rem; height: 0.45rem; line-height: 0.40rem; text-align: center; color: #fff; font-weight: bold; font-size: 0.14rem; background-color: #848484; }
  .guestbook .button.form-ok { background-color: #fe4f00; }
  .guestbook .button.form-ok:hover { background-color: #fe4f00; }
  .guestbook .button:hover {  color: #fff; background-color: var(--theme-color); }
  .guestbook .button + .button { margin-left: 0.3rem; }

  .guestbook select { appearance:none; -moz-appearance:none;  -webkit-appearance:none; }
  .guestbook select::-ms-expand { display: none; }
  .guestbook select.go-product option { display: none; }

.guestbook-form { overflow: hidden; width: 0.01rem; height: 0.01rem; }

.guestbook-7 { padding-bottom: 0; }
.guestbook-7 .form-td p { margin-bottom: 0; }
.guestbook-7 br { display: none; }


/*产品*/
.list-pro { background-color: #b9c5c1; background-image: url(../images/pro_bg01.jpg); background-attachment: fixed; }
  .list-pro .item { position: relative; }
  .list-pro .item-a { overflow: hidden; position: relative; padding: 0; transition:all .3s ease-out; }
  .list-pro .item .img-h { padding-top: 65%; background-color: #FFF; }
  .list-pro .item .img-h img { object-fit: contain; }
  .list-pro .item .txt-box { overflow: hidden; z-index: 10; display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-top: 0.14rem; text-align: center; transition:all .3s ease-out; }
  .list-pro .item .txt-box .tit { line-height: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #fff; font-size: 0.18rem; transition:all .3s ease-out; }
  .list-pro .item .txt-box .txt { display: none; }
  .list-pro .item .txt-box .more { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; color: #272828;  transition:all .3s ease-out; }
  .list-pro .item .txt-box .more .ifa { font-size: 0.12rem; }

/*  .list-pro .item-a:hover { background-color: #0553a1; }
  .list-pro .item-a:hover .txt-box .tit { color: #fff; }
  .list-pro .item-a:hover .txt-box .more { color: var(--theme-color); }*/
@media screen and (max-width: 991px) {
  .list-pro .item .txt-box .tit { font-size: 0.16rem; }

}


/*新闻*/
.news-top-search { padding: 0.2rem; box-shadow: 0 0 0.1rem rgba(116, 116, 116, 0.3); }
  .news-top-search-tit { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; font-size: 0.2rem; }
  .news-top-search select { border: 0; border-radius: 0; height: 0.6rem; background-color: #f3f3f3; }
  .news-top-search [type="text"] { border: 0; border-radius: 0; height: 0.6rem; background-color: #f3f3f3; }
  .news-top-search .col { display: flex; }
  .news-top-search [type="submit"] { padding: 0 0.25rem; border: 0; border-radius: 0; width: 100%; height: 0.6rem; background-color: var(--theme-color); }
  .news-top-search [type="submit"]:active { background-color: #f3f3f3; }
  .news-top-search [type="submit"] .ifa { font-size: 0.32rem; color: #fff; }
  .news-top-search [type="reset"] { position: relative; padding: 0 0.15rem 0 0; border: 0; border-radius: 0; height: 0.6rem; background-color: #31b300; }
  .news-top-search [type="reset"]:active { background-color: #31b300; }
  .news-top-search [type="reset"] .ifa { position: relative; z-index: 5; font-size: 0.26rem; }
  .news-top-search [type="reset"]:before { content: ''; position: absolute; top: 0; right: 50%; width: 0.35rem; height: 0.6rem; transform: matrix(1, 0, -.3, 1, 0, 0); background-color: #31b300; }




.list-news { }
  .list-news .item { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0.1rem; }
  .list-news .item:before { content: ''; position: absolute; left: 0; bottom: 0; right: 20rem; height: 3px; background-color: var(--theme-color); transition:all .3s ease-out; }
  .list-news .item:after { content: ''; position: absolute; left: 0; bottom: 0; right: 3.5rem; height: 1px; background-color: #f2f2f2; }
  /*.list-news .item + .item { border-top: 1px #dfdfdf solid; }*/
    .list-news .date-box { position: relative; margin-right: 0.3rem; padding: 0.15rem; color: #000; text-align: center; }
      /*.list-news .date-box:before { content: ''; display: block; position: absolute; right: -0.1rem; top: 50%; width: 1px; height: 0.9rem; background-color: #e6e6e6; transform: translateY(-50%); }*/
      .list-news .date-box .date-d { margin-bottom: 0.05rem; font-size: 0.38rem; line-height: 1; }
      .list-news .date-box .date-ym { font-size: 0.15rem; line-height: 1; white-space: nowrap; }
    .list-news .txt-box { overflow: hidden; }
      .list-news .txt-box .tit { margin-bottom: 0.12rem; font-size: 0.24rem; color: #545454; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
      .list-news .txt-box .txt { margin-bottom: 0; color: #585858; font-size: 0.15rem; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
      .list-news .txt-box .date { margin-bottom: 0; font-size: 0.14rem; color: var(--muted-4-color); }
    .list-news .img-box { flex-shrink: 0; overflow: hidden; margin-left: 0.3rem; width: 3.2rem; max-width: 30%; }
    .list-news .img-box .img-h { padding-top: 70%; }
    /*.list-news .click_btn {  color: #6f6f6f; font-size: 0.14rem;}*/
  .list-news .item:hover:before { right: 3.5rem; }
  /*.list-news .item:hover { background-color: #f8f8f8; }*/
    /*.list-news .item:hover .date-box { color: #fff; background-color: var(--theme-color);}*/
    .list-news .item:hover .txt-box .tit { color: var(--theme-color); }
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .list-news .item:after { right: 2rem; }
  .list-news .item:hover:before { right: 2rem; }
  .list-news .txt-box .tit { margin-bottom: 0.06rem; }

}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .list-news .item:after { right: 1.4rem; }
  .list-news .item:hover:before { right: 1.4rem; }
  .list-news .txt-box .tit { margin-bottom: 0.06rem; }
}
@media screen and (max-width: 575px) {
  .list-news .item { padding: 0.12rem 0; }
  .list-news .item:after { right: 1rem; }
  .list-news .item:hover:before { right: 1rem; }
  .list-news .txt-box .tit { margin-bottom: 0.06rem; font-size: 0.18rem; }
  .list-news .txt-box .txt { font-size: 0.15rem; line-height: 1.2; color: var(--muted-3-color); }
  .list-news .img-box { margin-left: 0.12rem; }
}


.list-news2 {  }
.list-news2 .item { display: block; border-top: 1px solid #e4e4e4; }
.list-news2 .item + .item {  }
.list-news2 .item-a { display: flex; justify-content: space-between; padding: 0.3rem 0; }
.list-news2 .img-box { display: none; }
.list-news2 .txt-box { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around;  }
.list-news2 .txt-box .tit { margin: 0; font-size: 0.24rem; color: #444; }
.list-news2 .txt-box .txt { display: none; }
.list-news2 .txt-box .more { display: none; }
.list-news2 .txt-box .date { margin-bottom: 0; font-size: 0.15rem; color: #aaa; }
.list-news2 .more-box { display: flex; align-items: center; padding: 0.25rem; width: 1.7rem; }
.list-news2 .more-box .more { position: relative; padding: 0.03rem 0.2rem; border: 1px solid #aaa9a7; width: 100%; color: #4c4c4c; text-align: center; }
.list-news2 .item .more span { position: relative;  z-index: 5; }
.list-news2 .item .more:before { content: '';  position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: var(--theme-color); transition:all .3s ease-out; }
.list-news2 .item:hover .tit {  color: var(--theme-color); }
.list-news2 .item:hover .more { border: 1px solid var(--theme-color); color: #fff;  }
.list-news2 .item:hover .more span { color: #fff;  }
.list-news2 .item:hover .more:before { width: 100%; }

.list-news2 .item.item-top { margin: 0 0 .5rem; background-color: #f2f4f7; }
.list-news2 .item.item-top .item-a { padding: 0; }
.list-news2 .item.item-top .img-box { display: block; max-width: 45%; min-width: 45%;}
  .list-news2 .item.item-top .img-box1 { position: relative; --scale-height: 55%; padding-bottom: var(--scale-height); height: 0; }
  .list-news2 .item.item-top .img-box2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
  .list-news2 .item.item-top .img-box img { object-fit: cover;width: 100%;height: 100%; }
.list-news2 .item.item-top .txt-box { padding: 0.3rem 0.4rem; }
.list-news2 .item.item-top .txt-box .txt { display: block; margin-bottom: 0; color: #aaa; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.list-news2 .item.item-top .more { display: block; position: relative; padding: 0.03rem 0.2rem; border: 1px solid #aaa9a7; width: 1.2rem; color: #4c4c4c; text-align: center;  }
.list-news2 .item.item-top .more-box { display: none; }

.list-news2 .item.item-top:hover { box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }


@media ( max-width: 991px ) and ( min-width: 768px ){
  .list-news2 .item.item-top .img-box { max-width: 50%; min-width: 50%;}
  .list-news2 .item.item-top .img-box1 { --scale-height: 60%; }
  .list-news2 .item.item-top .txt-box { padding: 0.2rem 0.25rem; }
  .list-news2 .item.item-top .txt-box .tit { font-size: 0.23rem; }
  .list-news2 .item.item-top .txt-box .txt { -webkit-line-clamp: 2; }
}
@media screen and (max-width: 767px) {
  .list-news2 .item.item-top { margin: 0 0 .3rem; }
  .list-news2 .item-a { display: flex; flex-direction: column; padding: 0.2rem 0; }
  .list-news2 .item.item-top .img-box { max-width: 100%; min-width: 100%; }
  .list-news2 .item.item-top .img-box1 {  --scale-height: 70%; }
  .list-news2 .item.item-top .txt-box { padding: 0.25rem 0.2rem; }
  .list-news2 .item .txt-box { padding: 0 0.2rem; }
  .list-news2 .txt-box .tit { margin-bottom: 0.1rem; font-size: 0.2rem; }
  .list-news2 .txt-box .date { margin-bottom: 0.1rem; }
  .list-news2 .more-box { padding: 0 0.2rem; }
  .list-news2 .item.item-top .more { font-size: 0.14rem; }
  .list-news2 .more-box .more { padding: 0.03rem 0.2rem; width: 1.2rem; font-size: 0.14rem; }
}


.list-news3 {  }
.list-news3 .item { display: block; /* border-top: 1px solid #e4e4e4;*/ }
.list-news3 .item + .item {  }
.list-news3 .item-a { display: flex; flex-direction: column; justify-content: space-between; background-color: #fdfdfd; }
.list-news3 .img-box { overflow: hidden; position: relative; flex-grow: 0; flex-shrink: 0; }
.list-news3 .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(10,92,176,.5); opacity: 0; transition:all .3s ease-out;  }
.list-news3 .img-box:after { content: '\e754'; position: absolute; top: 50%; left: -50%; z-index: 10; color: #fff; font-size: 0.5rem; font-family: "ifa" !important; transform: translate(-50%,-50%); transition:all .3s ease-out;  }
.list-news3 .img-box .img-h { padding-top: 60%; }
.list-news3 .txt-box { position: relative; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; padding: 0.2rem; }
  .list-news3 .txt-box .tit { margin: 0 0 0.1rem; /*font-size: 0.24rem;*/ color: #444; }
  .list-news3 .txt-box .txt { margin: 0 0 0.1rem; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
  .list-news3 .txt-box .date { margin-bottom: 0; font-size: 0.13rem; color: #999; }
  .list-news3 .txt-box .ifa { margin-right: 0.06rem; font-size: 0.15rem; color: #999; line-height: 1; }

.list-news3 .item-a:hover { box-shadow: 0 0 0.2rem rgba(116, 116, 116, 0.3); background-color: #f2f4f7; }
.list-news3 .item-a:hover .txt-box .tit { color: #0a5cb0; }
.list-news3 .item-a:hover .img-box:before { opacity: 1; }
.list-news3 .item-a:hover .img-box:after { left: 50%; }
@media ( max-width: 1199px ) and ( min-width: 992px ){

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

}


.news-v { margin: 0 auto; padding: 0.1rem 0.1rem 0.5rem; border-bottom: 1px solid #ececec; /* background-color: #fff; box-shadow: 0 0 0.15rem rgb(0 0 0 / 10%);*/ }
  .news-v .news-v-head { margin-bottom: 0.3rem; padding: 10px 0; border-bottom: 2px solid #ececec; text-align: center; }
    .news-v .news-v-head .news-v-state { display: flex; justify-content: center; align-items: center; color: #999; font-size: 0.14rem; }
    .news-v .news-v-head .news-v-state .ifa { margin-right: 0.06rem; }
    .news-v .news-v-head .title { margin-top: 0.05rem;}
    .news-v .news-v-head .title a { color: #000; font-size: 0.3rem; }
  .news-v .news-v-body { min-height: .4rem; /*background-color: #fff;*//* box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);*/ }
  
.detail-prevnext { margin: 0 auto; padding: 0.4rem 0; width: 100%; }
  .detail-prevnext .item { text-align: center; }
    .detail-prevnext strong { color: #545454; font-weight: normal; }
    .detail-prevnext a { font-size: 0.15rem; color: #545454; }


.col-related-news { padding: 0.6rem 0 0.6rem; background: url(../images/news-b-bg.jpg) #e8e8e8 no-repeat 50% 50%; background-size: cover; }
  .related-news { }
  .related-news .item { background-color: #fff; box-shadow: 0 0 0.15rem rgb(0 0 0 / 10%); }
    .related-news .item .img-box { position: relative; }
    .related-news .item .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(10,92,176,.5); opacity: 0; transition:all .3s ease-out;  }
    .related-news .item .img-box:after { content: '\e622'; position: absolute; top: -50%; left: 50%; z-index: 10; color: #fff; font-size: 0.5rem; font-family: "ifa" !important; transform: translate(-50%,-50%); transition:all .3s ease-out;  }
    .related-news .item .txt-box { padding: 0.2rem; transition:all .3s ease-out;  }
    .related-news .item .tit { margin: 0 0 0.15rem ; font-size: 0.19rem; font-weight: bold; color: #4d4e4f; transition:all .3s ease-out; transition:all .3s ease-out; }
    .related-news .item .txt { margin-bottom: 0.15rem; min-height: 0.45rem; color: #848484; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out;  }
    .related-news .item .nc-date { margin-bottom: 0; }
    .related-news .item .news-c { margin-bottom: 0; font-weight: bold; color: #3a67bb; transition:all .3s ease-out; }
    .related-news .item .date { position: relative; margin-left: 0.15rem; padding-left: 0.15rem; color: #6f6d6d; transition:all .3s ease-out;  }
    .related-news .item .date:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 0.15rem; background-color: #6f6d6d; opacity: .5; transform: translateY(-50%); }
    .related-news .item .more { overflow: hidden; position: relative; display: inline-block; margin-bottom: 0; padding: 0.05rem 0.1rem; border: 1px solid #dedede; color: #3e3e3e; transition:all .3s ease-out; }
    .related-news .item .more .more-txt { display: inline-block; margin-right: 0.15rem; margin-left: -0.6rem; line-height: 1; transition:all .3s ease-out; }
    .related-news .item .more .ifa { transform: translateX(-100%); }
    
    .related-news .item:hover .img-box:before { opacity: 1; }
    .related-news .item:hover .img-box:after { top: 50%; }
    /*.related-news .item:hover .txt-box { background-color: #3a67bb; }
    .related-news .item:hover .tit { color: #fff; }
    .related-news .item:hover .txt { color: #fff; }*/
    .related-news .item:hover .news-c { color: #fff; }
    .related-news .item:hover .date { color: #fff; }
    .related-news .item:hover .date:before { background-color: #fff; }
    .related-news .item:hover .more .more-txt { margin-right: 0.05rem; margin-left: 0rem; }



/*图片列表*/
.list-img {  }
  .list-img .item { position: relative; }
  .list-img .item { overflow: hidden; position: relative; }
  .list-img .item .img-h { padding-top: 65%; }
  .list-img .item .img-txt { overflow: hidden;  position: absolute; top: 110%; left: 0.3rem; right: 0.3rem; bottom: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background-color: rgba(11,50,107,.9); transition:all .3s ease-out; }
  .list-img .item:hover .img-txt { top: 10%; }
  .list-img .item .img-txt strong { margin-bottom: 0.3rem; font-size: 0.26rem;  }
  .list-img .item .img-txt span { font-size: 0.14rem; }
  .list-img .item .txt-box { display: flex; justify-content: space-between; margin-top: 0.15rem; margin-bottom: 0.1rem; }
  .list-img .item .txt-box h3 { margin: 0; font-size: 0.18rem; color: #00893d; line-height: 1; }
  .list-img .item .txt-box p { position: relative; margin: 0; padding-bottom: 0.05rem; font-size: 0.18rem; color: #00893d; line-height: 1; }
  .list-img .item .txt-box p:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #00893d; }

.list-img2 {  }
  .list-img2 .item { position: relative; }
  .list-img2 .item { overflow: hidden; position: relative; }
  .list-img2 .item .img-h { padding-top: 139.8671%; }
  .list-img2 .item .img-txt { display: none; }
  .list-img2 .item .txt-box { margin-top: 0.15rem; margin-bottom: 0.1rem; text-align: center; }
  .list-img2 .item .txt-box h3 { margin: 0; font-size: 0.2rem; color: #000; line-height: 1; }
  .list-img2 .item .txt-box p { display: none; }
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .list-img2 .item .txt-box h3 { font-size: 0.16rem; }
}
@media screen and (max-width: 575px) {
  .list-img2 .item .txt-box h3 { font-size: 0.16rem; }
}

.list-video {  }
  .list-video .item { overflow: hidden; position: relative; }
  .list-video .item-box { overflow: hidden; border-radius: 0.3rem; }
  .list-video .item .img-h { position: relative; padding-top: 60%; }
  .list-video .item .img-h:before { content: ''; position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); transition:all .3s ease-out;  }
  .list-video .item .img-h:after { content: '\e600'; position: absolute; top: 150%; left: 50%; z-index: 15; transform: translate(-50%,-50%); color: #fff; font-size: 0.58rem; font-family: "ifa" !important; transition:all .3s ease-out;  }
  .list-video .item .img-txt { display: none; }
  .list-video .item .txt-box { display: flex; justify-content: space-between; align-items: center; padding: 0.15rem ; background-color: #ecf1f4; transition:all .3s ease-out; }
  .list-video .item .txt-box:after { content: '\e615'; font-size: 0.28rem; font-family: "ifa" !important; line-height: 1; }
  .list-video .item .txt-box h3 { margin: 0; font-size: 0.18rem; color: #000; line-height: 1; }
  .list-video .item .txt-box p { display: none; }
  .list-video .item:hover .img-h:before { top: 0%; }
  .list-video .item:hover .img-h:after { top: 50%; }
  .list-video .item:hover .txt-box { background-color: var(--theme-color); }
  .list-video .item:hover .txt-box:after { color: #fff; }
  .list-video .item:hover h3 { color: #fff; }


/*图片列表*/
.list-job {  }
  .list-job thead { color: #fff; text-align: center; background-color: #0b326b; }
  .list-job tr { }
  .list-job td { padding-top: 0.2rem; padding-bottom: 0.2rem; }
  .list-job .tr01 { text-align: center; }
  .list-job .tr01:hover { background-color: var(--muted-5-color); }
  .list-job .tr02 { background-color: #fbfbfb; }
  .list-job .txtbox { padding: 0 0.3rem; }
  .list-job .a-btn { padding: 0.1rem; }


/*搜索bar*/
.search-bar { position: relative; margin: 0; width: 2.3rem; font-size: 0; }
  .search-bar .input-box { overflow: hidden; }
  .search-bar .text { padding: 0 0.05rem; border-radius: 0.05rem 0 0 0.05rem; border: 1px #e9e9e9 solid; border-right: 0; width: 100%; height: 0.35rem; font-size: 0.14rem; color: #666; background: #fff; }
  .search-bar .button { float: right; border-width: 0; border-radius: 0 0.05rem 0.05rem 0; width: 0.35rem; height: 0.35rem; text-indent: -10.0rem; vertical-align: top; /*transform: translateY(-50%);*/ background: url(../images/pic/head-img03.png) var(--theme-color) no-repeat 50% 50%; background-size: 50%; }
@media screen and (max-width: 991px) {
  .search-bar { width: 100%; }
}

.list-search-box {  }
  .list-search { list-style: none; margin: 0; margin-top: 0.45rem; padding: 0; }
    .list-search .item { display: block; margin-bottom: 0.25rem; background-color: #fff; box-shadow: 0 0 0.12rem 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.26rem; 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; }


/*产品*/
.product-imgs{ margin: 0 auto 0; max-width: 6.8rem; width: 96%; }
  .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-large .swiper-slide img { display: block; margin: 0 auto; max-width: 100%; max-height: 4.5rem; }
.imgbox-Small{ position: relative; margin-top: 0.1rem; padding: 0.1rem 0.6rem; }
    .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{ cursor:pointer; }
    .imgbox-Small .arrow-left{ position: absolute; left: 0.2rem; top: 50%; z-index: 10; font-size: 0.4rem; color: #959595 ; transform: translateY(-50%); }
    .imgbox-Small .arrow-right{ position: absolute; right: 0.2rem; top: 50%; z-index: 10; font-size: 0.4rem; color: #959595 ; transform: translateY(-50%);  }
    .imgbox-Small .arrow-left .ifa,
    .imgbox-Small .arrow-right .ifa { font-size: 0.4rem; }
    .imgbox-Small img{ padding: 1px; border: 1px solid #cecece; }
    .imgbox-Small .active-nav img{ padding: 0; border: 1px solid #2c653a ; }


.pro-v { background-color: #b9c5c1; background-image: url(../images/pro_bg01.jpg); background-attachment: fixed; }


.pro-v-head { overflow: hidden; border-top: 10px solid #d7d7d7; border-bottom: 10px solid #d7d7d7; }
.pro-v-head-box { display: flex; align-items: stretch; }
.pro-v-head-td { width: 50%; }

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

.pro-v-basic { position: relative; display: flex; flex-direction: column;  justify-content: space-between; padding: 0.6rem 0.3rem; background-color: #f2f4f7; }
  .pro-v-basic:before { content: ''; position: absolute; top: 0; left: 0; width: 300%; height: 100%; background-color: #f2f4f7; }
  .pro-v-basic .pro-top-txtbox { position: relative; z-index: 10; }
    .pro-v-basic .pro-tit { margin: 0; }
    .pro-v-basic .pro-tit a { color: #484848; }
  .pro-v-basic .pro-top-btns { position: relative; z-index: 10; display: flex; margin-top: 0.25rem; }
    .pro-v-basic .go-btn { display: block; padding: 0.1rem 0; border: 1px solid #0a5cb0; border-radius: 0.3rem; width: 1.8rem; text-align: center; color: #333; background-color: none; }
    .pro-v-basic .go-btn + .go-btn { margin-left: 0.2rem; }
    .pro-v-basic .go-btn:hover { border: 1px solid var(--theme-color); color: #fff; background-color: var(--theme-color); }

.pro-v-body { padding: 0rem 0 0.4rem; }
  .pro-v-body .pro-v-body-t { text-align: center; }
  .pro-v-body .pro-v-body-t h3 { position: relative; display: inline-block; }
  .pro-v-body .pro-v-body-t h3 a { display: inline-block; padding: 0.12rem; color: #fff; }
    .pro-v-body .pro-v-body-t h3:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.03rem; background-color: #fff; }
  .pro-v-body .pro-v-body-b { min-height: 2.0rem; }

.pro-v-body-c { margin: 0 auto; padding: 0.02rem; width: 6.0rem; background-color: rgba(255,255,255,.1); }
  .pro-v-body-c .item { display: flex; align-items: stretch; margin: 0.04rem; background-color: rgba(255,255,255,.2); }
  .pro-v-body-c .item strong { padding: 0.08rem; width: 26%; color: #fff; line-height: 1; text-align: right; background-color: #68736f; }


@media screen and (max-width: 1199px) {
  .pro-v-head-box { flex-direction: column; }
  .pro-v-head-td { width: 100%; }
  .pro-v-basic { padding: 0.3rem 0.3rem; }
  .pro-v-basic:before { left: 50%; width: 300%; transform: translateX(-50%); }
  .pro-v-basic .pro-tit { font-weight: bold; text-align: center; }
  .pro-v-basic .pro-top-btns { justify-content: center; }
}



/*暂无内容*/
.no-info-box { padding: 0.3rem 0; text-align: center; }
  .no-info { margin: 0 auto; max-width: 2.6rem; }
  .no-info .ifa {  font-size: 0.8rem; line-height: 1; color: var(--muted-color); }
  .no-info .tit { display: block; margin-top: 0.1rem; font-weight: bold; color: var(--muted-color); }
  .no-info .txt { color: var(--muted-2-color); }


/* 翻页 */
.navigation { display: block; margin: 0.1rem 0; text-align: center; }
  .navigation .screen-reader-text { display: none !important; }
  .navigation .nav-links { display: inline-block; }
  .navigation .nav-links a,
  .navigation .nav-links span { display: inline-block; margin: 0 2px 6px; padding: 3px 10px; border-radius: 6px; border: 1px solid #e2e2e2; color: #68736f; font-weight: bold; white-space: nowrap; background-color: #fff; }
  .navigation .nav-links .page-numbers.dots { padding-left: 0; padding-right: 0; border: 0; background: none; }
  .navigation .nav-links .page-numbers.current { border: 1px solid #68736f;  color: #fff; background: #68736f;  }
  .navigation .nav-links .page-numbers.next { border: 1px solid #68736f;  color: #fff; background: #68736f;  }
  .navigation .nav-links a:hover { border: 1px solid #68736f;  color: #fff; background: #68736f;  }


/* 杂项 */
.content-txt { line-height: 2; }
.content-txt img { display: block; margin: 0 auto; max-width: 100%; height:auto  !important; }

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

.right-float { position: fixed; bottom: 0.8rem; right: 0.15rem; z-index: 1000; }
  .right-float .goto-top { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.46rem; height: 0.46rem; text-align: center; background-color: var(--theme-color); box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
    .right-float .goto-top .ifa { display: inline-block; color: #fff; font-size: 0.26rem; line-height: 1; }
  .right-float .goto-top:hover { background-color: #fff; }
  .right-float .goto-top:hover .ifa { color: var(--theme-color); }
   

@media ( min-width: 1400px ){
  /*xxl*/
}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
  /*xl*/
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
}
@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  
}