:root{
  --theme-color: #da251e; /*主色调*/
  --theme-sub-color: #f7f9fb; /*辅助色调*/
  --text-color: #020202; /*文字主用色*/
  --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); }
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;
}*/

/* 英文 */
@font-face {
    font-family: 'Bai Jamjuree'; /*标题*/
    src: url('../fonts/bai_jamjuree.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'DM Sans'; /*内容*/
    src: url('../fonts/dm_sans.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'AvantGardeITCbyBTMedium';
    src: url('../fonts/AvantGardeITCbyBT-Medium.otf') format('truetype');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'AvantGardeITCbyBTBook';
    src: url('../fonts/AvantGardeITCbyBT-Book.otf') format('truetype');
    font-style: normal;
    font-weight: 700;
}
/*脚手架*/
.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: 75%; 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; }*/
}

.page-root { overflow: hidden; }

/* header */
@media ( min-width: 992px ){
  /*body { margin-top: 1.02rem; }*/
  .header { position: fixed; z-index: 1030; top: 0; width: 100%; height: 1.02rem; 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.02rem; }

  .logo { display: flex; justify-content: flex-start; align-items: center; margin-right: 0.3rem; }
    .logo img { height: 0.68rem; }
    .logo img.logo1 { display: none; }

    .is_mini_header .logo img.logo1 { display: block; }
    .is_mini_header .logo img.logo2 { display: none; }

  .menu-box {  margin: 0 auto; }
    .menu { display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; }
      .menu > li {  }
        /*.menu > li + li { margin-left: 0.02rem; }*/
        .menu > li > a { display: flex; align-items: center; overflow: hidden; position: relative; padding: 0 0.25rem; height: 1.02rem; text-decoration: none; text-align: center; font-size: 0.16rem; transition:all .2s ease-out; }
        .menu > li > a span { width: 100%; color: #fff; 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) !important; }
        /*.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.4rem; width: 100%; background-color: var(--theme-sub-color); /*box-shadow: 0 0 0.12rem rgba(116, 116, 116, 0.1);*/ opacity: 0; transition:all .2s ease-out;}
      .menu .sub-box .container { display: flex; justify-content: space-between; }
        /*.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 .sub-nav { flex-grow: 1; }
        .menu .sub-box h3 { display: flex; align-items: center; padding-bottom: 0.1rem; border-bottom: 1px solid rgba(0,0,0,.1); }
        .menu .sub-box h3 a { font-family: 'Impact';color: #1f1b18; font-size: 0.3rem; }
        .menu .sub-box h3 .ifa { margin-left: 0.3rem; font-size: 0.2rem; line-height: 1; }
        .menu .sub-box ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
        .menu .sub-box ul li { margin-top: 0.15rem; width: 30%; }
        .menu .sub-box ul a { overflow: hidden; display: flex; align-items: center; padding-right: 0.15rem; font-size: 0.15rem; color: #555; transition:all .3s ease-out; }
        .menu .sub-box ul a:before { content: '\e62d'; margin-left: -0.20rem; width: 0.20rem; font-family: "ifa" !important; font-size: 0.2rem; opacity: 0; transition:all .3s ease-out; }
        .menu .sub-box ul a:hover { padding-right: 0; color: var(--theme-color); }
        .menu .sub-box ul a:hover:before { margin-left: -0.05rem; opacity: 1; }
        .menu .sub-box .sub-nav-img { overflow: hidden; margin-left: 0.4rem; border-radius: 0.03rem; }
      .menu > li:hover .sub-box { pointer-events: auto; margin-top: 0; opacity: 1; }

    .header-ico { display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; margin-left: 0.2rem; }
      .header-ico li { display: flex; justify-content: center; align-items: center; margin: 0 0.1rem; }
      .header-ico li .ifa { color: #fff; font-size: 0.22rem; }
      .header-ico li a:hover .ifa { color: var(--theme-color) !important; }

    .header-txt { display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; margin-left: 0.2rem; }
      .header-txt li { display: flex; justify-content: center; align-items: center; margin: 0 0.05rem; }
      .header-txt li .ifa { display: flex; justify-content: center; align-items: center; margin-right: 0.05rem; border-radius: 50%; width: 0.4rem; height: 0.4rem; color: #fff; font-size: 0.2rem; background-color: rgba(255,255,255,.3); }
      .header-txt li p { display: flex; justify-content: center; align-items: center; margin-bottom: 0; font-size: 0.14rem; line-height: 1.2; color: #fff; }
      .header-txt li:hover .ifa { color: #fff !important; background-color: var(--theme-color) !important; }

    .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 { border-bottom: 1px solid rgba(0,0,0,.03); background-color: #fff; box-shadow: 0 0 0.12rem rgba(116, 116, 116, 0.16);  }
    .header:hover .menu > li > a span { color: #1f1b18; }
    .header:hover .header-ico li .ifa { color: #1f1b18; }
    .header:hover .header-ico li .ifa { color: #1f1b18; }
    .header:hover .header-txt li .ifa { color: var(--theme-color); background-color: rgba(0,0,0,.2); }
    .header:hover .header-txt li p { color: #1f1b18; }
    .header:hover .logo img.logo1 { display: none; }
    .header:hover .logo img.logo2 { display: block; }
  .is-scroll .header { border-bottom: 1px solid rgba(0,0,0,.03); background-color: #fff; box-shadow: 0 0 0.12rem rgba(116, 116, 116, 0.16); }
    .is-scroll .header .menu > li > a span { color: #1f1b18; }
    .is-scroll .header-ico li .ifa { color: #1f1b18; }
    .is-scroll .header-ico li .ifa { color: #1f1b18; }
    .is-scroll .header-txt li .ifa { color:var(--theme-color); background-color: rgba(0,0,0,.2); }
    .is-scroll .header-txt li p { color: #1f1b18; }
    .is-scroll .logo img.logo1 { display: none; }
    .is-scroll .logo img.logo2 { display: block; }
}
/*@media ( max-width: 1200px ) and ( min-width: 992px ){
  .menu > li > a { padding-left: 0.1rem; padding-right: 0.1rem; }
}*/
@media ( max-width: 1500px ) and ( min-width: 1200px ){
  .logo img { height: 0.4rem; }
  .menu > li > a { padding: 0 0.1rem; width: auto; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
  .logo img { height: 0.4rem; }
  .menu > li > a { padding: 0 0.06rem; width: auto; }
}

@media screen and (max-width: 991px) {
  body { margin-top: 0.5rem; }
  .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.logo1 { 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; }

    .header-txt { display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; margin-right: -0.1rem; }
      .header-txt li { display: flex; justify-content: center; align-items: center; margin: 0 0.05rem; }
      .header-txt li .ifa { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.4rem; height: 0.4rem; color: var(--theme-color); font-size: 0.22rem; }

/*  .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; align-items: center; color: #fff; }
    .banner .banner-container .container .banner-textbox { width: 80%; }
.banner-pagination-box { position: absolute; right: 0.36rem; top: 0; z-index: 30; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
/*    .banner-prev .ifa,
    .banner-next .ifa { font-size: 0.5rem; color: #fff; line-height: 1; }*/
    .banner-pagination { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; margin: 0.2rem 0; width: auto !important; }
      .banner-pagination .swiper-pagination-bullet { display: flex; align-items: center; margin: 0.16rem 0 !important; border-radius: 50%; border: 0px; width: auto; height: 0.2rem; color: #fff; font-size: 0.16rem; font-family: 'Arial'; background: none; opacity: 1; }
      .banner-pagination .swiper-pagination-bullet:before { content: '\f1cc'; margin-right: 0; color: var(--theme-color); font-size: 0.2rem; font-family: "ifa" !important; opacity: 0; transition:all .3s ease-out; }
      .banner-pagination .swiper-pagination-bullet-active { color: var(--theme-color); }
      .banner-pagination .swiper-pagination-bullet-active:before { margin-right: 0.1rem; opacity: 1; }

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
}
@media screen and (max-width: 575px) {
  .banner-pagination-box { right: 0.12rem; }
  .banner-pagination .swiper-pagination-bullet { margin: 0.06rem 0 !important; font-size: 0.12rem; }
  .banner-pagination .swiper-pagination-bullet:before { font-size: 0.16rem; }
  .banner-pagination .swiper-pagination-bullet-active:before { margin-right: 0.04rem; }
}

.page-nobanner { height:1.02rem; background-color: #1f1b18;}
.page-banner { position: relative; background-position: 50% 50%; background-size: cover; }
  /*.page-banner:before { animation: scroll 1.6s 1s infinite;  content: ''; position: absolute; left: 50%; bottom: 0.3rem; transform: translateX(-50%); width: 0.4rem; height: 0.4rem; background: url(../images/005.png) no-repeat 50% 50%; background-size: contain; }*/
  .page-banner-container { position: absolute; top: 1.02rem; left: 0; display: flex; align-items: stretch; width: 100%; height: calc(100% - 1.02rem); }
  .page-banner-container .container { display: flex; flex-direction: column; justify-content: center;  }
  .page-banner-container .container .tit { margin-bottom: 0.16rem; font-size: 0.52rem; color: #fff; line-height: 1; }
  .page-banner-container .container .txt { margin-bottom: 0; max-width: 7.5rem; width: 60%; font-size: 0.24rem; color: #fff; line-height: 1.2; }
/*  .page-banner-container .container .en { margin-bottom: 0; font-size: 0.16rem; text-transform:uppercase; white-space: nowrap; color: #ef7a00; line-height: 1; }
  .page-banner-container .container .crumbs { position: absolute; bottom: 0.5rem; display: flex; align-items: center; font-size: 0.14rem; color: #fff; }
  .page-banner-container .container .crumbs a { color: #fff; }
  .page-banner-container .container .crumbs .ifa { margin-right: 0.1rem; font-size: 0.32rem; line-height: 1; }*/
  @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 screen and (max-width: 991px) {
    .page-nobanner { display:none;}
  /*.page-banner-container { top: 0; height: calc(100%); }*/
  /*.page-banner-container .container .tit { font-size: 0.42rem; }*/
  /*.page-banner-container .container .txt { font-size: 0.18rem; }*/
}

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .page-banner-container { top: 0; height: calc(100%); }
  .page-banner-container .container .tit { font-size: 0.42rem; }
  .page-banner-container .container .txt { font-size: 0.18rem; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .page-banner-container { top: 0; height: calc(100%); }
  .page-banner-container .container .tit { font-size: 0.32rem; }
  .page-banner-container .container .txt { width: 100%; font-size: 0.16rem; }
}
@media screen and (max-width: 575px) {
  .page-banner-container { top: 0; height: calc(100%); }
  .page-banner-container .container .tit { margin-bottom: 0.08rem; font-size: 0.28rem; }
  .page-banner-container .container .txt { width: 100%; font-size: 0.15rem; }
  .page-banner .icon { bottom: 0.04rem; transform: scale(0.6); }
}


@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; }
}

.footer { position: relative; z-index: 300; color: #fff; background-color: #161310; }
  .footer-content { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .footer-logo-box { display: flex; flex-direction: column; }
    .footer-logo { display: flex; justify-content: center; }
      .footer-ico { display: flex; justify-content: center; align-items: stretch; list-style: none; margin: 0; padding: 0; }
      .footer-ico li { display: flex; justify-content: center; align-items: center; margin: 0 0.05rem; }
      .footer-ico li .ifa { display: flex; justify-content: center; align-items: center; margin-right: 0.05rem; border-radius: 50%; width: 0.4rem; height: 0.4rem; color: #fff; font-size: 0.24rem; background-color: rgba(255,255,255,.07); transition:all .3s ease-out;  }
      .footer-ico li p { display: flex; justify-content: center; align-items: center; margin-bottom: 0; font-size: 0.14rem; line-height: 1.2; color: #fff; }
      .footer-ico li:hover .ifa { background-color: var(--theme-color) !important; }


  .footer .col-tit { font-family: 'AvantGardeITCbyBTBook'; font-size: 0.24rem; }
  .footer-col-01 .item {  }
    .footer-col-01 .item + .item { margin-top: 0.16rem; }
    .footer-col-01 .item a { display: flex; color: #fff; }
    .footer-col-01 .item .item-box { flex-shrink: 0; margin-right: 0.12rem; width: 30%; }
    .footer-col-01 .item p { display: flex; align-items: center; margin-bottom: 0; line-height: 1.2; }
    .footer-col-01 .item a:hover { color: var(--theme-color); }

  .footer-col-03 {  }
    .footer-col-03 .item + .item { margin-top: 0.09rem; }
    .footer-col-03 .item a { display: flex; align-items: center; color: #fff; }
    .footer-col-03 .item a .ifa { font-size: 0.28rem; line-height: 1; }
    .footer-col-03 .item a:hover { color: var(--theme-color); }

  /*.footer-contact { align-items: stretch; }*/
  .footer-contact .item { display: flex; flex-direction: column; justify-content: center; padding: 0.16rem; height: 1.2rem; background-color: #12100d; }
    .footer-contact p { margin-bottom: 0; }
    .footer-contact .icon-box { display: flex; align-items: center; }
    .footer-contact .icon-box { display: flex; align-items: center; }
    .footer-contact .ifa { margin-right: 0.1rem; font-size: 0.4rem; color: var(--theme-color); line-height: 1.3; transition:all .3s ease-out;  }
    .footer-contact .txt01 { font-size: 0.2rem; color: #fff; }
    .footer-contact .txt02 { font-size: 0.16rem; color: rgba(255,255,255,.2); line-height: 1; font-family: 'AvantGardeITCbyBTBook'; }
    .footer-contact .item:hover .ifa { color: #fff; }
  @media screen and (max-width: 575px) {
    .footer-contact .item { padding: 0.06rem 0.12rem; height: auto; }
    .footer-contact .txt01 { font-size: 0.18rem; }
  }
    .footer-copy { padding: 0 0 .3rem; text-align: center; }

.menu-footer { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0; }
  .menu-footer a { color: #fff; transition:all .3s ease-out; }
  .menu-footer a:hover { color: var(--theme-color); }
  .menu-footer > li {  }
  .menu-footer > li > a { display: block; margin-bottom: 0.1rem; font-size: 0.24rem;  font-family: 'AvantGardeITCbyBTBook'; }
  .menu-footer ul { list-style: none; margin: 0; padding: 0; }
  .menu-footer ul a { display: flex; align-items: center; margin-left: -0.08rem; font-size: 0.18rem; font-family: 'AvantGardeITCbyBTBook'; }
  .menu-footer ul a .ifa { font-size: 0.22rem; }

.ind-footer-gbook { /*position: relative; top: -1.2rem; right: 0;*/ float: right; margin-top: -1.2rem; margin-bottom: -0.8rem; padding: 0.2rem 0.2rem 0.06rem; border-radius: 0.1rem; border: 5px solid #2e2b28; width: 3.12rem; }
  .ind-footer-gbook .tit { font-size: 0.18rem; font-family: 'AvantGardeITCbyBTBook'; }
  .ind-footer-gbook [class*='col-'] { margin-bottom: 0.12rem !important; }
  .ind-footer-gbook [type="tel"],
  .ind-footer-gbook [type="email"],
  .ind-footer-gbook [type="text"] { border-radius: 0.06rem; height: 0.4rem !important; }
  .ind-footer-gbook .button { border-radius: 0.06rem; width: 100% !important; height: 0.4rem !important; }
  .ind-footer-gbook form .wpcf7-response-output { margin-top: 0; }

@media ( max-width: 1199px ) and ( min-width: 992px ){
  /*lg*/
  .ind-footer-gbook { float: right; margin-top: 0; margin-bottom: 0; width: auto; }
}

@media ( max-width: 991px ) and ( min-width: 768px ){
  /*md*/
  .ind-footer-gbook { float: right; margin-top: 0; margin-bottom: 0; width: auto; }
}
@media ( max-width: 767px ) and ( min-width: 576px ){
  /*sm*/
  .ind-footer-gbook { float: right; margin-top: 0; margin-bottom: 0; width: auto; }
}
@media screen and (max-width: 575px) {
  .footer-logo img { width: 1.6rem; }
  .ind-footer-gbook { float: right; margin-top: 0; margin-bottom: 0; width: auto; }
}

/*留言板*/
.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.2rem; border: 1px #fff solid; width: 100%; height: 0.5rem; font-size: 0.16rem; }
  .guestbook select { padding-left: 0.2rem; padding-right: 0.2rem; border: 1px #fff 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; border: 1px #fff 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; width: 3rem; height: 0.45rem; line-height: 0.40rem; text-align: center; color: #fff; font-weight: bold; font-size: 0.16rem; background-color: #848484; }
  .guestbook .button.form-ok { background-color: var(--theme-color); }
  .guestbook .button.form-ok:hover { background-color: var(--theme-color); }
  .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; }

@media screen and (max-width: 767px) {
  .guestbook .button { width: 100%; }
}

.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 {  }
  .list-pro .item { position: relative; }
  .list-pro .item-a { overflow: hidden; position: relative; transition:all .3s ease-out; }
  .list-pro .item .img-box { border: 2px solid #f7f7f7; border-bottom: 0; }
    .list-pro .item .img-h { padding-top: 75%; }
  .list-pro .item .txt-box { overflow: hidden; z-index: 10; display: flex; flex-direction: column; justify-content: space-around; padding: 0.1rem; border-left: 2px solid #f7f7f7;  border-right: 2px solid #f7f7f7; 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: #000; font-size: 0.18rem; transition:all .3s ease-out; }
    .list-pro .item .txt-box .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 0; height: 0.68rem; color: #6d6d6d; }
  .list-pro .item .more-box { margin-bottom: 0; padding: 0.15rem; border: 2px solid #f7f7f7; color: #272828; transition:all .3s ease-out; }
  .list-pro .item:hover .txt-box { overflow: hidden; z-index: 10; display: flex; flex-direction: column; justify-content: space-around; padding: 0.1rem; border-left: 2px solid #da1c1c;  border-right: 2px solid #da1c1c; transition:all .3s ease-out; }
  .list-pro .item:hover .img-box { border: 2px solid #da1c1c; border-bottom: 0; }
  .list-pro .item:hover .more-box { color: #fff; background-color: var(--theme-color);  border: 2px solid #da1c1c;}

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


/*暂无内容*/
.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: #333; font-weight: bold; white-space: nowrap; }
  .navigation .nav-links .page-numbers.dots { padding-left: 0; padding-right: 0; border: 0; }
  .navigation .nav-links .page-numbers.current { border: 1px solid var(--theme-color);  color: #fff; background: var(--theme-color);  }
  .navigation .nav-links .page-numbers.next { border: 1px solid var(--theme-color);  color: #fff; background: var(--theme-color);  }
  .navigation .nav-links a:hover { border: 1px solid var(--theme-color);  color: #fff; background: var(--theme-color);  }

/* 杂项 */
.content-txt { line-height: 2; }
.content-txt img { max-width: 100%; }

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

.right-float { position: fixed; bottom: 0.5rem; right: 0.1rem; z-index: 1000; }
  .right-float .goto-top { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.4rem; height: 0.4rem; text-align: center; background-color: var(--theme-color); box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); transition:all .3s ease-out; }
    .right-float .goto-top .ifa { display: inline-block; color: #fff; font-size: 0.24rem; line-height: 1; }
  .right-float .goto-top:hover { background-color: #fff; }
  .right-float .goto-top:hover .ifa { color: var(--theme-color); }
@media screen and (max-width: 767px) {
  .right-float { bottom: 0.2rem; right: 0.1rem; }
  .right-float .goto-top { width: 0.32rem; height: 0.32rem; }
  .right-float .goto-top .ifa { font-size: 0.2rem; }
}

@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) {

}