:root{

  --theme-color: #3a844f; /*主色调*/

  --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 { margin-top: 1rem; color: var(--text-color); font-size: .17rem; font-family:  "Nunito Sans", Arial, Helvetica,'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: 'artlookin-regular';

  src: url('../fonts/artlookin-regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}*/



/* 英文 */

@font-face {

  font-family: 'oswald-bold';/*标题*/

  src: url('../fonts/oswald-bold.otf') 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: "Nunito Sans";

  font-weight: 600;

  font-style: normal;

  font-display: swap;

  src: url("nunito_sans.woff2") format("woff2");

}



/*脚手架*/

.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.03); }



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



.b-line { position: relative; padding: 0.03rem 0; }

.b-line:before { content: ''; position: absolute; bottom: 1px; left: 0%; width: 0%; height: 1px; background-color: #fadf8a; transition:all .2s ease-out; }

.b-line:hover:before { width: 100%; }



/*布局追加*/

/*@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.0rem; }*/

  .header { position: fixed; z-index: 1030; top: 0; border-bottom: 1px solid rgba(255,255,255,.1); width: 100%; height: 1.0rem; 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.0rem; }



  .logo { display: flex; justify-content: flex-start; align-items: center; margin-right: 0.3rem; }

    .logo img { height: 0.58rem; }

    .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 { padding: 0 0.3rem; }

        .menu > li + li { margin-left: 0.02rem; }

        .menu > li > a { display: flex; align-items: center; overflow: hidden; position: relative; padding: 0; height: 1.0rem; text-decoration: none; text-align: center; font-size: 0.15rem; text-transform: uppercase; transition:all .2s ease-out; }

        .menu > li > a span { position: relative; padding: 0.03rem 0; width: 100%; color: #626262; transition:all .2s ease-out; }

        .menu > li > a span:before { content: ''; position: absolute; bottom: 1px; left: 0%; width: 0rem; height: 1px; background-color: #fadf8a; transition:all .4s ease-out; }

        .menu > li.current > a,

        .menu > li:hover > a span { }

        .menu > li.current > a span:before,

        .menu > li:hover > a span:before { width: 100%; }



      .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.5rem; width: 100%; background-color: var(--theme-sub-color); 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-tit { margin-bottom: 0.2rem; font-weight: bold; }

        .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: inline-block; font-size: 0.14rem; color: #555; }

        .menu .sub-box ul a:hover { color: #fadf8a; }

      .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.22rem; color: #626262; }

    .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: 1200px ) and ( min-width: 992px ){

  .menu > li > a { padding-left: 0.1rem; padding-right: 0.1rem; }

}*/

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

  /*xl*/

  .menu > li { padding: 0 0.12rem;  }

}

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

  /*lg*/

  .menu > li { padding: 0 0.06rem;  }

}



@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.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 .banner-textbox { margin-bottom: 15%; }

    .banner .banner-container .container .txt1 { margin-bottom: 0.3rem; font-size: 0.5rem; font-family: 'oswald-bold'; color: #2c8245; text-transform: uppercase; }

    .banner .banner-container .container .txt2 { text-align: center; }

    .banner .banner-container .container .txt2 a { display: inline-block; padding: 0.08rem 0.3rem; border: 2px solid #6e6d6d; border-radius: 0.6rem; font-size: 0.18rem; font-weight: bold; color: #000; text-transform: uppercase; transition:all .3s ease-out; }

    .banner .swiper-slide:hover .banner-container .txt2 a { border: 2px solid #fadf8a ; color: #fff; background-color: #fadf8a; }



.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: center; }

.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: 0px solid #fff; width: 0.15rem; height: 0.15rem; background-color: #444; opacity: .8; }

      .banner-pagination .swiper-pagination-bullet-active { background-color: #9bc19b; 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 .banner-container .container .txt1 { margin-bottom: 0.12rem; font-size: 0.28rem; }

    .banner .banner-container .container .txt2 a { padding: 0.06rem 0.2rem; font-size: 0.15rem; }

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

}



.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.0rem; left: 0; display: flex; align-items: stretch; width: 100%; height: calc(100% - 1.0rem); top: 0; height: 100%; }

  .page-banner-container .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }

  .page-banner-container .container .tit { margin-bottom: 0.1rem; font-size: 0.4rem; color: #2d2d2d; }

  .page-banner-container .container .en { margin-bottom: 0; font-size: 0.16rem; text-transform:uppercase; white-space: nowrap; color: #fadf8a; 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%) scale(.9); 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-banner-container { top: 0; height: calc(100%); }

  .page-banner-container .container .tit { font-size: 0.28rem; }

  .page-banner-container .container .en { font-size: 0.22rem;  }

  .page-banner-container .container .txt { font-size: 0.18rem; }

  .page-banner-container .container .crumbs { bottom: 0.2rem; font-size: 0.12rem; }

  .page-banner-container .container .crumbs .ifa { font-size: 0.18rem; }

  .page-banner .icon { bottom: 0.1rem; transform: translateX(-50%) scale(.7); }

}



@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; background-color: #ededed; }

    .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.6rem; 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.6rem; padding-bottom: 0.6rem; }

}



.footer { position: relative; z-index: 300; color: #fff; background: #2c8245; }

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

  .footer-content .container { display: flex; justify-content: space-between; align-items: stretch; }

  .footer-content .footer-right {  }

  .footer-content .footer-right2 { display: flex; }

  .footer-content .footer-right a { display: flex; justify-content: center; align-items: center; margin: 0 0.05rem; border-radius: 0.06rem; width: 0.38rem; height: 0.38rem; background-color: #fff; transition:all .3s ease-out; }

  .footer-content .footer-right a .ifa { font-size: 0.26rem; color: #2c8245; transition:all .3s ease-out; }

  .footer-content .footer-right a:hover { background-color: #fadf8a; }

  .footer-content .footer-right a:hover .ifa { color: #fff; }



  .footer-copy { padding-top: 0.25rem; padding-bottom: 0.25rem; border-top: 1px solid #42985b; }

      .footer-copy .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }



        .menu-footer { display: inline-flex; justify-content: space-around; list-style: none; margin: 0; padding: 0; }

          .menu-footer > li { padding: 0 0.2rem; }

            .menu-footer > li > a { display: block; font-size: 0.16rem; color: #fff; font-weight: bold; text-transform: uppercase; transition:all .3s ease-out;  }

            .menu-footer > li > a:hover { color: #fadf8a; }



        .footer-copy p { margin-bottom: 0; margin-left: 0.1rem; margin-right: 0.1rem; color: #fff; }

        .footer-copy p a { color: #fff; }

        .footer-copy-2 { margin-top: 0.4rem; }



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

  .footer-content .container { flex-direction: column; }

  .menu-footer { display: none; }

  .footer-copy-2 { margin-top: 0; }

}



/*留言板*/

.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.46rem; font-size: 0.15rem; }

  .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.2rem;  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: #349e53; }

  .guestbook .button.form-ok:hover { background-color: #444; }

  .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 {  }

  .list-pro .item { position: relative; }

  .list-pro .item-a { overflow: hidden; position: relative; padding: 0; transition:all .3s ease-out; }

  .list-pro .item .img-box { position: relative; }

  .list-pro .item .img-h { padding-top: 105%; }

  .list-pro .item .img-h img { object-fit: contain; }

  .list-pro .item .img-box .more { position: absolute; left: 50%; bottom: 0%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; padding: 0.08rem; width: 80%; border-radius: 0.2rem; color: #fff; background-color: #fadf8a; opacity: 0; transition:all .3s ease-out; }

  .list-pro .item .txt-box { overflow: hidden; z-index: 10; display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center; transition:all .3s ease-out; }

  .list-pro .item .txt-box .tit { position: relative; line-height: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0.06rem 0; color: #000; font-size: 0.16rem; transition:all .3s ease-out; }

  .list-pro .item .txt-box .tit:before { content: ''; position: absolute; bottom: 1px; left: 0%; width: 0%; height: 1px; background-color: #fadf8a; transition:all .2s ease-out; }

  .list-pro .item .txt-box .txt { margin-bottom: 0.16rem; font-size: 0.14rem; color: #b4b4b4; }



  .list-pro .item:hover {  }

  .list-pro .item:hover .img-box .more { bottom: 15%; opacity: 1; }

  .list-pro .item:hover .txt-box .tit:before { width: 100%; }



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

  .list-pro .item .img-h { padding-top: 145%; }

}



/*新闻*/

.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: #fadf8a; }

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

}



.news-v { margin: 0 auto; padding: 0.1rem 0rem 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; /*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: #fadf8a; font-size: 0.24rem; }

  .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 { margin: 0.06rem 0; }

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

  .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: 150%; }

  .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: center; margin-top: 0.15rem; margin-bottom: 0.1rem; }

  .list-img .item .txt-box h3 { margin: 0; font-size: 0.18rem; color: #56595e; 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.3rem; }

    .imgbox-Small img{ padding: 1px; border: 1px solid #cecece; }

    .imgbox-Small .active-nav img{ padding: 0; border: 1px solid #2c653a ; }



.pro-v-head { overflow: hidden;  }

.pro-v-head-box { display: flex; align-items: stretch; }

.pro-v-head-td { width: 50%; }



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



@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: #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.8rem; right: 0.15rem; z-index: 1000; }

  .right-float .item { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 0.22rem; height: 0.22rem; text-align: center;  background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); transition:all .3s ease-out; }

  .right-float .item + .item { margin-top: 0.03rem; }

    .right-float .item .ifa { display: inline-block; color: var(--theme-color); font-size: 0.14rem; line-height: 1; transition:all .3s ease-out; }

  .right-float .item:hover { background-color: var(--theme-color); }

  .right-float .item:hover .ifa { color: #fff; }

  

  /*.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%); transition:all .3s ease-out; }*/

  /*  .right-float .goto-top .ifa { display: inline-block; color: #fff; font-size: 0.26rem; line-height: 1; transition:all .3s ease-out; }*/

  /*.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) {

}