/* header */
@media ( min-width: 992px ){
  .header-box { position: fixed; z-index: 1030; top: 0; border-bottom: 1px solid rgba(255,255,255,.15); width: 100%; height: 1.28rem; background-color: #fff; transition:all .3s ease-out; /*animation-duration: 1.5s; animation-iteration-count: 1;  animation-name: header-am;*/  }
  .header-top { overflow: hidden; height: 0.38rem; border-bottom: 1px solid rgba(0,0,0,.1); }
    .header-top-r { float: right; }
      .header-top-r a { color: #fff; }
      .header-top-r a + a { margin-left: 0.15rem; }
  .header { width:100%;   }
    @keyframes header-am {
      0% {
        opacity: 0;
        transform: translateY(-50px);
        -ms-transform: translateY(-50px)
      }
      to {
        opacity: 1;
        transform: translateY(0);
        -ms-transform: translateY(0)
      }
    }

  .header > .container-fluid { display: flex; justify-content: flex-end; }
    .logo {  margin-right: 1.5rem; padding: 0.2rem 0 0 0; height: auto; }
    .logo img {  }

    .menu-box { margin: 0 -0.3rem 0 0; height: 0.9rem; }
      .menu { list-style: none; margin: 0 0 0; padding: 0; display: flex; justify-content: space-around;  }
      .menu > li { flex-grow: 1; }
      .menu > li > a { display: block; position: relative; overflow: hidden; padding: 0 0.25rem; height: 0.9rem; }
      .menu > li > a span { display: block; position: relative; padding: 0.37rem 0 0; height: 0.9rem; text-decoration: none; font-size: 0.17rem; color: #555; text-transform: uppercase; text-align: center; transition: all .5s ease; }

      .menu > li > a span:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background-color: #285195; transition:all .3s ease-out; }
      .menu > li > a:hover span:after { width: 100%; }
      /*.menu > li > a span:after { content: attr(data-title); position: absolute; top: 0; left: 0; transform: translateY(100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #285195;  }
      .menu > li > a i { margin-left: 0.04rem; font-size: 0.2rem; }
      .menu > li:hover > a span { transform: translateY(-100%); }*/

      .menu .sub-nav { overflow: hidden; position: absolute; /*top: 0.9rem;*/ left: 0; z-index: 40; border-top: 1px rgba(255,255,255,.7) solid; width: 100%;/* height: 0; *//*opacity: 0; transition:all .2s ease-out;*/  }
        .menu .sub-nav-box { background-color:  rgba(255,255,255,.9); }
        .menu .sub-nav-box .sub-btn { position: relative; list-style: none; display: inline-block; margin:0; padding: 0; font-size: 0; white-space: nowrap; transform: translateX(-50%); }
        .menu .sub-nav-box .sub-btn li { display: inline-block; }
        .menu .sub-nav-box .sub-btn li a { position: relative; display:block; padding: 0.25rem 0.3rem; color: #545454; font-size: 0.15rem; transition:all .3s ease-out; }
        .menu .sub-nav-box .sub-btn li a:hover { color: #fff; background-color: #3a67bb; }
      .menu > li:hover .sub-nav  {  }


  .top-block { position: relative; float: right; display: flex; justify-content: space-around; align-items: stretch; list-style: none; margin: 0; padding: 0; height: 0.38rem; }
    .top-block > li { position: relative; display: inline-block; }
    .top-block > li > a { display: inline-block; padding: 0; height: 0.38rem; font-size: 0.2rem; color: #666; transition:all .2s ease-out; }
    .top-block > li > a:hover {  opacity: 1; }
    .top-block > li > a.a2 { font-size: 0.3rem;  }
    .top-block > li > a.a2 img { width: 1em; height: 1em;  }
    .top-block .show-box { display: none; position: absolute; right: 0; z-index: 60; /*border-top: 1px #f3f2f2 solid;*/ height: 0; text-align: right; background-color: rgba(1,35,74,.9); opacity: 0; transition:all .2s ease-out;}
    .top-block {  }
    .top-block > li:hover .show-box { display: block; height: auto; opacity: 1; transition:all .4s ease-out; }

    .top-block .show-box .search-bar { display: inline-block; padding-top: 0.15rem; padding-bottom: 0.15rem; width: 2.6rem }
/*    .top-block .show-box .language { display: inline-block; text-align: left; line-height: 1; }
    .top-block .show-box .language a { display: block; margin-left: -15px; margin-right: -15px; padding: 0.15rem 0.15rem; color: #fff; white-space: nowrap; }
    .top-block .show-box .language a:hover { background-color: #333; }
    .top-block .show-box .language a + a { border-top: 1px #c43830 solid; }
    .top-block .show-box .language a img { display: inline-block; margin-right: 0.06rem; }
*/
/*    .top-block .top-tel { padding-top: 0.4rem; height: 1.25rem; line-height: 1; display: none;}
    .top-block .top-tel .top-tel-l { float: left; font-size: 0.36rem; color: #4c4c4c; }
    .top-block .top-tel .top-tel-r { overflow: hidden; padding-top: 0.05rem; }
    .top-block .top-tel .top-tel-r p { margin-bottom: 0; }
    .top-block .top-tel:hover { color: #c43830; }
    .top-block .top-tel:hover .top-tel-l { color: #c43830; }*/


    body .header-box {   }
/*    body.is_scroll .header-box,
    .is_search .header-box,
    body .header-box:hover { background-color: rgba(1,35,74,.9); /*box-shadow: 0 0 0.25rem rgba(0,0,0,0.3);*/ }*/


}

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


@media screen and (max-width: 991px) {
  
  /*body { overflow: hidden; }*/
  body .header-box { position: fixed; top: 0; z-index: 1020; width: 100%; }
  .header { position: relative; width: 100%; z-index: 300; background-color: #fff; }
  .header-top { display: none; }
  .page-ind .header { position: absolute; }
  /*.header:before { content: ''; display: block; position: absolute; z-index: 1000; width: 100%; height: 1.99rem; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)),linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)); }*/
  .logo { float: left; padding: 0.08rem 0.10rem 0.06rem 0; /*border-right: 1px #d9d9d9 solid;*/ max-width: 35%; width: 2.9rem; }
    .logo img { height: 0.35rem; }
  .top-txt { position: relative; z-index: 1000; display: block; margin: 0.2rem auto 0.3rem auto; width: 3.15rem; height: 0.16rem; }

  /*.m-btn { position: absolute; top: 50%; right: 0.3rem; z-index: 1001; width: 0.36rem; transform: translateY(-50%); }*/
  .m-btn { float: right; margin-top: 0.15rem; margin-left: 0.12rem; z-index: 1001; width: 0.32rem; }
  .m-btn span { display: block; border-radius: 5px; height: 0.02rem; background-color: #333; transition:all .2s ease-out; }
  .m-btn span + span { margin-top: 0.05rem; }

  .m-btn.show span:nth-child(1) { margin-top: 0.1rem; transform: rotate(45deg); }
  .m-btn.show span:nth-child(2) { display: none; }
  .m-btn.show span:nth-child(3) { margin-top: -0.04rem; transform: rotate(-45deg); }

  .menu-box { position: fixed; top: 0.5rem; left: -100%; z-index: 1060; border-top: 1px solid rgba(0,0,0,.1);  width: 100%; height: calc(100% - 0.5rem); background-color: #fff; opacity: 0; overflow-x: hidden; overflow-y: scroll; /*box-shadow: 0 0 15px rgba(0,0,0,.5);*/ transition:all .3s ease-out }
  .menu-box.show { opacity: 1; }
  .menu-box .menu-logo { padding: 0.3rem 0.2rem 0; }
  .menu-box .menu-logo img { height: 0.35rem; }
  .menu-box.show { left:0; }

  .menu-box .container { width: 100%; }
  .menu-box ul { list-style: none; margin: 0; padding: 0; }
  .menu-box .menu { padding: 0.1rem 0 0.2rem; }
  .menu-box .menu > li {  }
  .menu-box .menu > li + li { border-top: 1px solid rgba(0,0,0,.1); }
  .menu-box .menu > li > a { display: block; position: relative; padding: 0.2rem 0.3rem; color: #666;  font-size: 0.16rem; }

  .menu-box .menu .has-sub {  }
  .menu-box .menu .has-sub > a:before { content: '\e65b'; position: absolute; top: 50%; right: 0.15rem; transform: translateY(-50%) rotate(90deg); transition:all .3s ease-out;
                                        font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .menu-box .menu .has-sub.cur > a:before { transform: translateY(-50%); }
  .menu-box .menu .has-sub.cur .sub-nav { display: block !important; }



  .menu-box .menu ul { margin: 0 !important; padding: 0.06rem 0 0.06rem; border-top: 1px solid rgba(0,0,0,.1); background-color: #f7f8fa; }
  .menu-box .menu ul > li {  }
  .menu-box .menu ul > li > a { display: block; padding: 0.08rem 0.2rem 0.08rem 0.4rem; color: #a1a1a1; font-size: 0.15rem; }
  .menu-box .menu ul > li > a:before { content: '-'; display: inline-block; margin-right: 0.1rem; }

  .menu-box .menu ul.sub-btn { margin-right: -15px; margin-left: -15px; }

  .menu .sub-nav {  height: auto !important; }

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

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

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

}

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

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

.banner { position: relative; }
  .banner .swiper-slide { position: relative; }
  .banner .swiper-slide:before { content: ''; position: absolute; top: 0; left: 0; z-index: 88; width: 100%; height: 100%; background-image: url(../images/page-banner-000.png); background-position: 50% 0%; background-repeat: no-repeat; background-size: 100% 100%; }
  .banner .banner-prev,
  .banner .banner-next { margin-left: 0.3rem;/* margin-top: 0; */font-size: 0.56rem; color: #fff; line-height: 1; background: none; transform: translateY(-50%); opacity: .7; }
  .banner .banner-next { margin-left: 0; margin-right: 0.3rem;  }


  .banner .swiper-slide { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .banner .swiper-slide .item {  }
  .banner .swiper-slide .container { position: relative; height: 100%; }

  .banner-textbox { position: absolute; top: 50%; left: 10%; right: 10%; z-index: 500; color: #fff; transform: translateY(-50%);  }
  .banner .tit { font-family: 'oswald-bold'; font-size: 0.62rem; text-transform: uppercase; }
  .banner .txt { }
  .banner .txt .txt01 { margin-bottom: 0; font-size: 0.30rem; font-weight: bold; color: #fff; font-family: 'arial_black_Italic'; font-style: italic; text-transform: uppercase; line-height: 1.4; }
  .banner .go-btn { display: inline-block; margin: 0.5rem 0 0; padding: 0.12rem 0.25rem; width: 2.3rem; font-size: 0.20rem; font-family: 'avantgardeitcbybt-book'; line-height: 1; color: #fff; text-transform: uppercase; background-color: #1b9fd9; transition:all .3s ease-out }
  .banner .go-btn:hover {  font-weight: bold; background-color: #cf0928; }


  .banner .imgbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .banner .imgbox .img { position: absolute; border-radius: 50%; width: 18%; box-shadow: 0 0 15px rgba(0,0,0,.5); }
    .banner .imgbox .img.img1 { left: 42.96875%; top: 46.6666%; }
    .banner .imgbox .img.img2 { left: 67.1875%; top: 42%; }
    .banner .imgbox .img.img3 { left: 85.9375%; top: 9%; }

.banner-pagination-box { position: absolute; bottom: 0.3rem; left: 0; width: 100%; }
.banner-pagination { position: relative; text-align: center; }
.banner-pagination .swiper-pagination-bullet { position: relative; margin: 0 0.02rem !important; padding-bottom: 0.3rem; width: 1.5rem; height: 1px; color: #fff; text-align: center; opacity: 1; background: none; }
.banner-pagination .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; color: #fff; text-align: center; background: #fff; opacity: 1; }
.banner-pagination .swiper-pagination-bullet-active { color: #d55d43; }
.banner-pagination .swiper-pagination-bullet-active:before { background: #d55d43; }






.page-banner { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;  }
.page-banner22 { height: calc( 100vh - 1.28rem );  }
.page-banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/page-banner-000.png); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; }
.page-banner-container { position: absolute; z-index: 5; /*margin-top: 0.6rem;*/ width: 100%; height: calc(100%); }
.page-banner-container .container { position: relative; height: 100%; }
.page-banner-container .banner-tit-box { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 0.38rem; text-transform: uppercase; text-align: center; transform: translate(-50%, -50%); }
.page-banner-container .banner-tit { position: relative; font-size: 0.56rem; text-transform: uppercase; }
.page-banner-container .banner-txt { position: relative;  font-size: 0.25rem; }
.page-banner-container .banner-txt .mintxt { display: block; margin-top: 0.1rem; padding-top: 0.2rem; border-top: 2px solid #fff; font-size: 0.16rem; line-height: 1.8; }
.page-banner-container .banner-txt .btnplay { position: absolute; top: 0.8rem; left: 50%; width: 0.6rem; height: 0.6rem; background-image: url(../images/play.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; transform: translateX(-50%); }
.page-banner-container .banner-tit-box .page-banner-crumbs { margin-left: 0; color: #fff; font-size: 0.14rem; text-transform: uppercase; /*transform: translateY(-50%);*/ }
/*.page-banner-container .banner-tit-box:before { content: ''; position: absolute; left: 50%; top: 60%; width: 0.96rem; height: 0.06rem; background-color: #323232; transform: translateX(-50%); animation: myfirst 2s infinite; }*/
.page-banner-container .banner-tit-box2 { padding: 0.25rem; background-color: rgba(0,0,0,.4); }
.page-banner-container .banner-tit-box2 .banner-tit { margin-bottom: 15px; padding-bottom: 0.15rem; font-size: 0.4rem; color:#fff; }
.page-banner-container .banner-tit-box2 .banner-tit:before { content: ''; position: absolute; left: 50%; top: 100%; width: 0.96rem; height: 2px; background-color: #fff; transform: translateX(-50%); }
.page-banner-container .banner-tit-box2 .banner-txt { font-size: 0.16rem;color:#fff;  }



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

.page-banner video {  position: absolute; top: 50%; left: 50%; z-index: 3; width: 110%; transform: translate(-50%,-50%); }
.page-banner.videoplay video {  z-index: 7; }


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

.footer{  color: #fff; background-color: #1c3055; }
  .footer a { color: #fff; }

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

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

  .b-menu { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; }
  .b-menu > li { margin: 0 0.01rem; }
  .b-menu > li > a { display: inline-block; position: relative; padding-top: 0.08rem; padding-bottom: 0.15rem; font-size: 0.22rem; color: #fff; font-family: "Oswald", sans-serif; transition:all .2s ease-out; }
  .b-menu > li:hover > a { color: #66c5f5; }

  .b-menu ul { list-style: none; margin: 0; padding: 0; }
  .b-menu ul li + li { margin-top: 0.02rem; }
  .b-menu ul i { display: inline-block; margin-right: 0.06rem; font-size: 0.12rem; }
  .b-menu ul a { display: block; position: relative; padding: 0.06rem 0.2rem 0.06rem 0rem; border-radius: 0.03rem; font-size: 0.15rem; transition:all .2s ease-out; }
  .b-menu ul a:hover { padding-left: 0.1rem; padding-right: 0.1rem; color: #66c5f5; }

.footer-contact { padding: 0.3rem 0; font-size: 0.14rem; border-bottom: 1px solid #334566; }
.footer-contact p { position: relative; margin-bottom: 0; padding: 0.01rem 0 0.08rem 0.3rem; }
.footer-contact p .ifa { position: absolute; left: 0; top: 0.03rem; margin-right: 0.05rem; color: #62c0eb; font-size: 0.22rem; vertical-align: -0.02rem; }
.footer-contact a { display: inline-block; position: relative; padding: 0.19rem 0.2rem; }
.footer-contact a + a:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 0.1rem; background-color: #fff; transform: translateY(-50%); }
.footer-contact-a { text-align: right; }


.footer-copy { padding: 0.4rem 0; color: #9399a6; font-size: 0.14rem; text-align: center; }
  .footer-copy .copy {  }
  .footer-copy .copy span { display: inline-block; margin-right: 0.3rem;  }
  .footer-copy .copy a { color: #9399a6; }

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


/*index*/


@media ( min-width: 992px ){
.ind00 { position: relative; }
.ind00 .img-h { position: absolute; left: 0; top: 0; width: 100%; }
.ind00 .img-h1 { --scale-height: 50%; }
  .ind00 .dot-box { position: absolute; width: 0; height: 0; }
  .ind00 .dot-box:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; border-radius: 50%; width: 0.04rem; height: 0.04rem; background-color: #fff; transform: translate(-50%,-50%); }

  .ind00 .dot-box .dot { position: absolute; border-radius: 50%; width: 0.16rem; height: 0.16rem; background-color: #3a67bb; transform: translate(-50%,-50%); }
  .ind00 .dot-box .dot:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 4; border-radius: 50%; width: 0.16rem; height: 0.16rem; background-color: #3a67bb; transform: translate(-50%,-50%); opacity: .6;
    animation: dot 3s .75s infinite; }
  .ind00 .dot-box .dot:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 3; border-radius: 50%; width: 0.16rem; height: 0.16rem; background-color: #3a67bb; transform: translate(-50%,-50%); opacity: .6;
    animation: dot 3s infinite;
  }
  .ind00 .dot-menu { /*display: none;*/ position: absolute; left: -0.09rem; top: -0.32rem; z-index: 20; padding-left: 0.32rem; }
  .ind00 .dot-menu-h > a { overflow: hidden; display: flex; justify-content: space-around; align-items: center; padding: 0; border-radius: 0.3rem; width: 0; height: 0.6rem; white-space: nowrap; font-size: 0.15rem; color: #fff; background-color: rgba(57,102,187,.9); transition:all 0s ease-out; }
  .ind00 .dot-menu-h > a:before { content: '\e679'; font-size: 0.26rem; font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .ind00 .dot-menu-h > a:after { content: '\eb8a'; font-size: 0.28rem; font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  .ind00 .sub-box { /*display: none;*/ overflow: hidden; position: absolute; left: 100%; top: 0; padding-left: 0; width: 0; transition:all 0s ease-out; }
  .ind00 .sub-box ul { list-style: none; margin: 0; padding: 0.25rem 0.5rem 0.25rem 0.2rem; border-radius: 0.2rem; background-color: rgba(57,102,187,.9); }
  .ind00 .sub-box ul li {  }
  .ind00 .sub-box ul li a { font-size: 0.15rem; color: #fff; white-space: nowrap; }
  .ind00 .sub-box ul li a:before { content: '\eb8a'; vertical-align: middle; font-size: 0.26rem; font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  .ind00 .dot-box-reverse {  }
  .ind00 .dot-box-reverse .dot-menu { left: auto; right: -0.09rem; padding-left: 0; padding-right: 0.32rem; }
  .ind00 .dot-box-reverse .dot-menu-h > a { flex-direction: row-reverse; }
  .ind00 .dot-box-reverse .dot-menu-h > a:after { transform: rotate(180deg); }
  .ind00 .dot-box-reverse .sub-box { left: auto; right: 100%; padding-left: 0; padding-right: 0; }

  .ind00 .dot-box:hover { z-index: 150; }
  .ind00 .dot-box:hover .dot-menu { display: block; }
  .ind00 .dot-box:hover .dot-menu-h > a { padding: 0 0.15rem; width: 2.1rem; transition:all .3s ease-out; }
  .ind00 .dot-menu-h:hover .sub-box { display: block; padding-left: 0.12rem; padding-right: 0.12rem; width: 2.1rem; transition:all .3s ease-out; }

  .ind00 .dot-box01 { left: 47.34375%; top: 22.9166666%; }
  .ind00 .dot-box01 .dot-menu-h > a:before { content: '\e63e'; }
  .ind00 .dot-box02 { left: 57.5%; top: 36.2%; }
  .ind00 .dot-box03 { left: 31.51041%; top: 50.72916%; }
  .ind00 .dot-box04 { left: 39.16666%; top: 65.3125%; }
  .ind00 .dot-box05 { left: 33.38541%; top: 82.8125%; }
  .ind00 .dot-box06 { left: 17.8125%; top: 69.58333%; }
  .ind00 .dot-box07 { left: 53.69791%; top: 71.5625%; }
  .ind00 .dot-box08 { left: 24.01041%; top: 15%; }
  .ind00 .dot-box09 { left: 6.770833%; top: 43.020833%; }
  .ind00 .dot-box10 { left: 62.5%; top: 16.8%; }
  .ind00 .dot-box11 { left: 86.08333%; top: 15%; }
  .ind00 .dot-box12 { left: 77.91666%; top: 15.625%; }
  .ind00 .dot-box13 { left: 44.84791%; top: 40.22916%; }
    .ind00 .dot-box13.dot-box .dot { background-color: #f77434; }
    .ind00 .dot-box13.dot-box .dot:before { background-color: #f77434; }
    .ind00 .dot-box13.dot-box .dot:after { background-color: #f77434; }
    .ind00 .dot-box13 .dot-menu-h > a { background-color: rgba(247,116,52,.8); }
    .ind00 .dot-box13 .sub-box ul { background-color: rgba(247,116,52,.8); }
  .ind00 .dot-box14 { left: 70.15416%; top: 36.73333%; }
    .ind00 .dot-box14.dot-box .dot { background-color: #f77434; }
    .ind00 .dot-box14.dot-box .dot:before { background-color: #f77434; }
    .ind00 .dot-box14.dot-box .dot:after { background-color: #f77434; }
    .ind00 .dot-box14 .dot-menu-h > a { background-color: rgba(247,116,52,.8); }
    .ind00 .dot-box14 .sub-box ul { background-color: rgba(247,116,52,.8); }


  .ind00 .dot-box01 .dot-menu-h > a:before { content: '\e9e5'; }
  .ind00 .dot-box02 .dot-menu-h > a:before { content: '\e831'; }
  .ind00 .dot-box03 .dot-menu-h > a:before { content: '\e616'; }
  .ind00 .dot-box04 .dot-menu-h > a:before { content: '\e631'; }
  .ind00 .dot-box05 .dot-menu-h > a:before { content: '\e69c'; }
  .ind00 .dot-box06 .dot-menu-h > a:before { content: '\e6fb'; }
  .ind00 .dot-box07 .dot-menu-h > a:before { content: '\e60a'; }
  .ind00 .dot-box08 .dot-menu-h > a:before { content: '\e632'; }
  .ind00 .dot-box09 .dot-menu-h > a:before { content: '\e62b'; }
  .ind00 .dot-box10 .dot-menu-h > a:before { content: '\e646'; }
  .ind00 .dot-box11 .dot-menu-h > a:before { content: '\e62e'; }
  .ind00 .dot-box12 .dot-menu-h > a:before { content: '\e65f'; }
  .ind00 .dot-box13 .dot-menu-h > a:before { content: '\e640'; }
  .ind00 .dot-box14 .dot-menu-h > a:before { content: '\e605'; }

  @keyframes dot {
    0% {
        width: 0.18rem; height: 0.18rem; opacity: .6;
    }
    100% {
        width: 0.42rem; height: 0.42rem; opacity: 0;
    }
  }
}

@media screen and (max-width: 991px) {
  .ind00 { position: relative; }
    .ind00 .img-h { position: absolute; left: 0; top: 0; width: 100%; }
    .ind00 .img-h1 { --scale-height: 50%; }
    /*.ind00 .dot-box { position: absolute; width: 1px; height: 1px; }

    .ind00 .dot-box .dot { position: absolute; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #00368d; transform: translate(-50%,-50%); }
    .ind00 .dot-box .dot:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; border-radius: 50%; width: 0.02rem; height: 0.02rem; background-color: #fff; transform: translate(-50%,-50%); }
    .ind00 .dot-box .dot:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 3; border-radius: 50%; width: 0.22rem; height: 0.22rem; background-color: #00368d; transform: translate(-50%,-50%); opacity: .6;
      animation: dot 3s infinite;
    }*/

    .ind00 .dot-box { position: absolute; width: 0; height: 0; }
    .ind00 .dot-box:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 5; border-radius: 50%; width: 0.02rem; height: 0.02rem; background-color: #fff; transform: translate(-50%,-50%); }

    .ind00 .dot-box .dot { position: absolute; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #3a67bb ; transform: translate(-50%,-50%); }
    .ind00 .dot-box .dot:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 4; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #3a67bb; transform: translate(-50%,-50%); opacity: .6;
      animation: dot 3s .75s infinite; }
    .ind00 .dot-box .dot:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 3; border-radius: 50%; width: 0.1rem; height: 0.1rem; background-color: #3a67bb; transform: translate(-50%,-50%); opacity: .6;
      animation: dot 3s infinite;
    }

    .ind00 .dot-menu { display: none; position: absolute; left: -0.09rem; top: -0.32rem; z-index: 20; padding-left: 0.32rem; }
   
    .ind00 .dot-box01 { left: 47.34375%; top: 22.9166666%; }
    .ind00 .dot-box01 .dot-menu-h > a:before { content: '\e63e'; }
    .ind00 .dot-box02 { left: 57.5%; top: 36.2%; }
    .ind00 .dot-box03 { left: 31.51041%; top: 50.72916%; }
    .ind00 .dot-box04 { left: 39.16666%; top: 65.3125%; }
    .ind00 .dot-box05 { left: 33.38541%; top: 82.8125%; }
    .ind00 .dot-box06 { left: 17.8125%; top: 69.58333%; }
    .ind00 .dot-box07 { left: 53.69791%; top: 71.5625%; }
    .ind00 .dot-box08 { left: 24.01041%; top: 15%; }
    .ind00 .dot-box09 { left: 6.770833%; top: 43.020833%; }
    .ind00 .dot-box10 { left: 62.5%; top: 16.8%; }
    .ind00 .dot-box11 { left: 86.08333%; top: 15%; }
    .ind00 .dot-box12 { left: 77.91666%; top: 15.625%; }

    .ind00 .dot-box13 { left: 44.84791%; top: 40.22916%; }
      .ind00 .dot-box13.dot-box .dot { background-color: #f77434; }
      .ind00 .dot-box13.dot-box .dot:before { background-color: #f77434; }
      .ind00 .dot-box13.dot-box .dot:after { background-color: #f77434; }
      .ind00 .dot-box13 .dot-menu-h > a { background-color: rgba(247,116,52,.8); }
      .ind00 .dot-box13 .sub-box ul { background-color: rgba(247,116,52,.8); }
    .ind00 .dot-box14 { left: 70.15416%; top: 36.73333%; }
      .ind00 .dot-box14.dot-box .dot { background-color: #f77434; }
      .ind00 .dot-box14.dot-box .dot:before { background-color: #f77434; }
      .ind00 .dot-box14.dot-box .dot:after { background-color: #f77434; }
      .ind00 .dot-box14 .dot-menu-h > a { background-color: rgba(247,116,52,.8); }
      .ind00 .dot-box14 .sub-box ul { background-color: rgba(247,116,52,.8); }
      
  .dot-box-win.in .modal-dialog { top: 50%; transform: translateY(-50%); }
  .dot-box-win .win-close { position: absolute; top: 0.05rem; right: 0.05rem; z-index: 300; line-height: 1; opacity: 0.8; }
  .dot-box-win .win-close .ifa {  font-size: 0.25rem; color: #666; }
  .dot-box-win .dot-menu-h > a { display: block; padding: 0.1rem 0; font-size: 0.2rem; color: #666; }
  .dot-box-win .dot-menu-h .sub-box ul { list-style: none; margin: 0 -15px; padding: 0.2rem 0.15rem; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); background-color: #f8f9fa; }
  .dot-box-win .dot-menu-h .sub-box ul a { display: block; font-size: 0.15rem; color: #666; }
  .dot-box-win .dot-menu-h .sub-box li + li { margin-top: 0.1rem; }
  @keyframes dot2 {
    0% {
        width: 0.1rem; height: 0.1rem; opacity: .6;
    }
    99% {
        width: 0.26rem; height: 0.26rem; opacity: 0;
    }
    100% {
        width: 0.1rem; height: 0.1rem; opacity: 0;
    }
  }
}
@keyframes dot {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: .6
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}



.ind01 { padding: 0.5rem 0; }
  .ind01-head { position: relative; }
  .ind01-head .more { position: absolute; top: 50%; right: 0; color: #4d4d4d; transform: translateY(-50%); }
  .ind01-head .more:hover { color: #3a67bb; }

  .ind01-list {  }
    .ind01-list .item-0 { margin-bottom: 0.3rem; }
    .ind01-list .item-0 .img-box { display: block; }
    .ind01-list .item-0 .img-box1 { position: relative; --scale-height: 65%; padding-bottom: var(--scale-height); height: 0; }
    .ind01-list .item-0 .img-box2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
    .ind01-list .item-0 .img-box img { object-fit: cover;width: 100%;height: 100%; }
    .ind01-list .item-0 .item-a .tit { margin: 0.2rem 0 0.15rem; color: #4d4d4d; font-size: 0.20rem; }
    .ind01-list .item-0 .item-a .txt { margin-bottom: 0; color: #464646; font-size: 0.15rem; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }


    .ind01-list .item-1 {  }
    .ind01-list .item-1 +  .item-1 { margin-top: 0.2rem; }
    .ind01-list .item-1 .item-a { display: flex; justify-content: space-between; align-items: center; padding: 0.365rem 0.3rem; box-shadow: 0 0 0.1rem rgb(0 0 0 / 10%); }
    .ind01-list .item-1 .item-a .tit-txt { width: 100%; }
    .ind01-list .item-1 .item-a .tit { margin: 0 0 0.15rem; color: #333; font-size: 0.2rem; }
    .ind01-list .item-1 .item-a .txt { margin-bottom: 0; color: #a8a9a9; font-size: 0.14rem; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .ind01-list .item-1 .item-a .date { min-width: 0.9rem; max-width: 0.9rem; font-size: 0.14rem; color: #4d4d4d; text-align: right; }
    .ind01-list .item-1 .item-a:hover { background-color: #f1f1f1; }
    .ind01-list .item-1 .item-a:hover .tit { color: #000; }


.ind02 { overflow: hidden; position: relative; }
  .ind02-tit {  width: 100%; }
  .ind02 .ind02-main .img-h1 { position: relative; --scale-height: 50%; }
  .ind02 .ind02-main .img-h2:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: .6; transition:all .2s ease-out; }
  .ind02 .swiper-slide { position: relative; }
  .ind02 .swiper-slide .titbox { position: absolute; top: 45%; left: 0; z-index: 90; width: 100%; transform: translateY(-50%); }
  .ind02 .swiper-slide .titbox .tit { display: flex; align-items: center; color: #fff; font-size: 0.35rem; }
  .ind02 .swiper-slide .titbox .tit:before { content: '\e624'; display: inline-block; margin-right: 0.1rem; font-size: 0.6rem; line-height: 1; font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .ind02 .swiper-slide .titbox .txt {  max-width: 9rem; color: #fff; line-height: 0.32rem; }

  .ind02-btn-pc { display: flex; align-items: stretch; position: absolute; top: 0; left: 0; z-index: 40; margin: 0 25%; width: 250%; height: 100%; /*background-color: rgba(0,0,0, 0.2);*/  }
  .ind02-btn-pc .item { display: flex; align-items: center; width: 25%; -webkit-transform: scale(1); transform: scale(1); transition:all .2s ease-out; }
  .ind02-btn-pc .item a { display: block; width: 90%; }
  .ind02-btn-pc .item .txtbox { padding: 0.08rem 0 0; width: 100%; font-size: 0.16rem; text-align: left; color: #333; transition:all .3s ease-out; }
  .ind02-btn-pc .item:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
  .ind02-btn-pc .item:hover .txtbox { font-size: 0.2rem; color: #002e79; }


  .ind02-btn { position: absolute; top: 50%; left: 0; right: 0; z-index: 40; /*background-color: rgba(0,0,0, 0.2);*/ transform: translateY(-50%);}
  .ind02-btn .swiper-container { padding: 0 0.8rem;  }
  .ind02-btn .ind02-btn-prev ,
  .ind02-btn .ind02-btn-next { display: none; cursor: pointer; position: absolute; right: 0.05rem; top: 50%;  color: #fff; transform: translateY(-50%); }
  .ind02-btn .ind02-btn-prev { left: 0.05rem; }
  .ind02-btn .ind02-btn-prev .ifa ,
  .ind02-btn .ind02-btn-next .ifa { color: #fff; font-size: 0.35rem; }
  .ind02-btn .swiper-slide { padding: 0.1rem 0; }
  .ind02-btn .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(1); transform: scale(1); }
  .ind02-btn .swiper-slide:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .ind02-btn .none-effect { -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none; }

  .ind02-btn .item { cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .ind02-btn .item .imgbox { width: 100%; }
  .ind02-btn .item .txtbox { padding: 0.08rem 0 0; width: 100%; font-size: 0.16rem; text-align: left; color: #333; transition:all .3s ease-out; }
  .ind02-btn .swiper-slide:hover .item .txtbox { color: #002e79; }
  /*.ind02-btn .item:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #000; opacity: .2; transition:all .2s ease-out; }*/

  /*.ind02-btn .item:hover:before { width: 100%; background-color: #002e79; opacity: .7; }
  .ind02-btn .item:hover:after { content: ''; position: absolute; top: 0.05rem; left: 0.05rem; bottom: 0.05rem; right: 0.05rem; border: 1px solid #fff; opacity: .4; }*/

@media ( max-width: 1200px ) and ( min-width: 992px ){
  /*.ind02 .img-h1 { --scale-height: 42%; }*/
  .ind02-btn .item { padding: 0.15rem 0.05rem; font-size: 0.13rem; }

}
@media ( max-width: 991px ) and ( min-width: 768px ){
  .ind02 .ind02-main { opacity: 0; }
  .ind02 .ind02-main .img-h1 { --scale-height: 70%; }
  .ind02 .img-h1 { --scale-height: 70%; }
  .ind02-btn { position: relative; margin: 0 auto; padding-left: 30px; padding-right: 30px; width: 750px; transform: translateY(0%);}
  .ind02-btn .swiper-container { padding: 0 ; }
  .ind02-btn .swiper-slide:hover { -webkit-transform: scale(1); transform: scale(1); }
  .ind02-btn .item { padding: 0.15rem 0.03rem; font-size: 0.12rem; }
  .ind02-btn .item .txtbox {  text-align: center; }
}
@media screen and (max-width: 767px) {
  .ind02 .ind02-main { opacity: 0; }
  .ind02 .ind02-main .img-h1 { --scale-height: 70%; }
  .ind02 .img-h1 { --scale-height: 70%; }
  .ind02-btn { position: relative; transform: translateY(0%);}
  .ind02-btn .swiper-container { padding: 0 0.2rem; }
  .ind02-btn .item { padding: 0.15rem 0.03rem; font-size: 0.12rem; }
  .ind02-btn .item .txtbox {  text-align: center; }
}

.ind02-2 { padding: 0.6rem 0; background-image: url(../images/ind2-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.ind02-2 .ind02-tit { margin-bottom: 0.2rem; }
.ind02-2-showbox { display: flex; }
.ind02-2-showbox .item { position: relative; width: 50%; height: 6.8rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition:all .3s ease-out; }
.ind02-2-showbox .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(80,136,215,.2); transition:all .3s ease-out; }
  .ind02-2-showbox .item .textbox { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; padding: 0.1rem 0.6rem 1.2rem 0.6rem; color: #1d4693; transform: translate(-50%,-50%); transition:all .3s ease-out; }
  .ind02-2-showbox .item .textbox .ifa { margin-bottom: 0.1rem; font-size: 0.8rem; line-height: 1; }
  .ind02-2-showbox .item .textbox span { font-size: 0.28rem; white-space: nowrap; }

  .ind02-2-showbox .item .textbox2 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 1.8rem 1.5rem; color: #fff; opacity: 0; transition:all .3s ease-out; }
  .ind02-2-showbox .item .textbox2 .ifa { margin-bottom: 0.1rem; font-size: 0.8rem; line-height: 1; }
  .ind02-2-showbox .item .textbox2 span { font-size: 0.28rem; font-weight: bold; }
  .ind02-2-showbox .item .textbox2 p { margin-top: 0.15rem; }

@media ( min-width: 768px ){
  .ind02-2-showbox:hover .item { width: 40%; }
  .ind02-2-showbox .item:hover { width: 60%; }
  .ind02-2-showbox .item:hover:before { background-color: rgba(58,103,187,.8); }
  .ind02-2-showbox .item:hover .textbox { opacity: 0; }
  .ind02-2-showbox .item:hover .textbox2 { animation: ind02-2-am 1.2s .3s 1; animation-fill-mode:forwards;  }
}
@keyframes ind02-2-am {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media screen and (max-width: 767px) {
  .ind02-2-showbox { flex-direction: column; }
  .ind02-2-showbox .item { width: 100%; height: 3.2rem; }
  .ind02-2-showbox .item .textbox .ifa { font-size: 0.6rem; }
  .ind02-2-showbox .item .textbox span { font-size: 0.20rem;  }
}


.ind03 { padding: 0.5rem 0; }
.ind03 .page-tit-box2 .tit { color: #4a4a4a; }
.ind03 > .container{ display: flex; justify-content: space-between; }
.ind03 .ind03-a1 { flex-grow: 1; margin-right: 0.2rem; padding: 0.3rem; background-image: url(../images/ind03-bg1.jpg); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; }
  .ind03 .ind03-a1 .list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0.3rem 0 0.2rem; }
  .ind03 .ind03-a1 .list li { position: relative; margin-right: 2%; margin-bottom: 0.2rem; width: 48%; background-color: #fff; }
  .ind03 .ind03-a1 .list li:before { content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 0; height: 100%; background-color: #3966bb; transition:all .5s ease-out; }
  .ind03 .ind03-a1 .list li a { position: relative; z-index: 5; display: flex; justify-content: space-between; align-items: center; padding: 0.12rem 0.25rem; border-left: 4px solid #3a67bb; color: #807f7f; font-size: 0.2rem; transition:all .5s ease-out; }
  .ind03 .ind03-a1 .list li a .ifa { font-size: 0.32rem; color: #807f7f;transition:all .5s ease-out; }
  .ind03 .ind03-a1 .list li:hover:before { width: 100%; }
  .ind03 .ind03-a1 .list li a:hover { border-left: 4px solid #3a67bb; color: #fff; }
  .ind03 .ind03-a1 .list li a:hover .ifa { color: #fff; }
.ind03 .ind03-a2 { padding: 0.3rem; max-width: 3.7rem; min-width: 25%; background-image: url(../images/ind03-bg2.jpg); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; }
  .ind03 .ind03-a2 .tit { margin: 0 0 0.2rem; color: #fff; font-size: 0.35rem; }
  .ind03 .ind03-a2 .btns { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0.4rem 0 0.6rem; }
  .ind03 .ind03-a2 li { margin-bottom: 0.2rem; width: 50%; text-align: center; }
  .ind03 .ind03-a2 li a { display: flex; flex-direction: column; color: #fff; font-size: 0.18rem; }
  .ind03 .ind03-a2 li a .ifa { color: #fff; font-size: 0.5rem; transition: transform .6s; }
  .ind03 .ind03-a2 li a:hover .ifa {  transform: scale(1.2); }


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

.txt-color { color: #d55d43; }
.page-tit-box { margin-bottom: 0.45rem; }
  .page-tit-box .tit { margin-top: 0; margin-bottom: 0.15rem; font-size: 0.36rem; color: #8a8a8a; font-family: 'oswald-bold'; }
  .page-tit-box .tit small{ margin-left: 0.1rem; font-size: 0.22rem; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .page-tit-box .tit.white { color: #fff; }
  .page-tit-box .txt { margin-top: 0; margin-bottom: 0; color: #686868; }

.page-tit-box2 {  }
.tit-en{ text-align:left;}
  .page-tit-box2 .tit-en { margin-bottom: 0; color: #8a8a8a; font-size: 0.16rem; text-transform: uppercase; text-align:center;}
  .page-tit-box2 .tit { position: relative; display: inline-block; margin-top: 0.05rem; margin-bottom: 0; padding-bottom: 0.15rem; color: #434343; font-size: 0.32rem; }
  .page-tit-box2 .tit:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 1.6rem; height: 2px; background-color: #bad8e5;  }
  .page-tit-box2.text-center .tit:before { left: 50%; width: 1.2rem; transform: translateX(-50%); }

  .page-tit-box2 .tit-en.inline { display: inline-block; margin-left: 0.2rem; }

  .page-tit-box2.white .tit-en { color: #fff; }
  .page-tit-box2.white .tit { color: #fff; }
  .page-tit-box2.white .tit:before { background-color: #fff; }


.page-tit-box2.min {  }
  .page-tit-box2.min .tit-en { font-size: 0.14rem; }
  .page-tit-box2.min .tit { color: #333; font-size: 0.3rem; }
  .page-tit-box2.min .tit:before { width: 100%; }




.about01 { padding: 0.7rem 0; }
.about01-show { display: flex;  }
.about01-l-box, .about01-r-box { max-width: 50%; min-width: 50%; }
.about01-l-box { display: flex; flex-direction: column; background-color: #fff; }
.about01-l-box .item { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 0.2rem; height: 24.7%; transition:all .3s ease-out; }
.about01-l-box .item:before { content: '\e889'; position: absolute; right: -0.3rem; top: 50%; font-size: 0.32rem; color: #666; transform: translateY(-50%); opacity: .0; transition:all .3s ease-out;
                              font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.about01-l-box .item:nth-child(odd) { background-color: #fff; }
.about01-l-box .item + .item { border-top: 1px solid #bfbfbf; }
.about01-l-box .item .textbox { overflow: hidden; padding-right: 0.2rem; max-height: 70%; /*height: 70%;*/  transition:all .3s ease-out; color: #666;}
.about01-l-box .item strong { display: block; margin-top:0.2rem; margin-bottom: 0.2rem; font-size: 0.32rem; line-height: 1; color: #2d2d2d; font-weight: normal; transition:all .3s ease-out; }
.about01-l-box .item p { margin-bottom: 0; color: #666666; line-height:1.875em;; transition:all .3s ease-out; font-size: 0.14rem; text-align:justify;}

.about01-l-box .item.cur { z-index: 5; margin-right: -0.9rem; padding-right: 1.1rem; border-top: 0; height: 26%; background-color: rgba(241,241,241,.9); }
.about01-l-box .item.cur:before { right: 0.3rem; opacity: .5; display: none; }
.about01-l-box .item.cur .textbox { overflow-x: hidden; overflow-y: scroll; }
.about01-l-box .item.cur strong { color: #333; }
.about01-l-box .item.cur p { color: #555; }


.about01-l-box .item.cur ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 10px;
}

/*滚动条 阴影~圆角*/
.about01-l-box .item.cur ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
  border-radius: 10px;
  background-color: rgba(255,255,255,.0);
}

/*滑块 阴影~圆角*/
.about01-l-box .item.cur ::-webkit-scrollbar-thumb {
  /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
  border-radius: 10px;
  background-color: rgba(0,0,0,.4);
}


@media ( min-width: 992px ){
  .about02 { overflow: hidden; position: relative; padding: 0.8rem 0; background-image: url(../images/about02-box-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about02:before { content: ''; position: absolute; left: 0; top: 0; z-index: 2; border-right: 1px solid #dbdbdb; width: 50%; height: 100%; background-image: url(../images/about02-box-bg2.jpg); background-repeat: no-repeat; background-position: 100% 50%; background-size: cover; }
  .about02-box { position: relative; z-index: 5; display: flex; }
  .about02-box .about02-l,
  .about02-box .about02-r { max-width: 50%; min-width: 50%; }
  .about02-box .about02-l { padding: 0 0.2rem 0; }
  .about02-box .about02-l-box { padding-top: 0.3rem; }
  .about02-box .about02-l .item { cursor: pointer; position: relative; padding: 0.3rem 0; border-bottom: 1px solid #dbdbdb; width: 75%;  font-size: 0.22rem;}
  .about02-box .about02-l .item.cur { color: #3a67bb; }
  .about02-box .about02-l .item.cur:before { content: ''; position: absolute; right: 0; top: 50%; border: 0.08rem solid transparent; border-left: 0.08rem solid #3a67bb; transform: translateY(-50%); }

  .about02-box .about02-r-box { display: none; /*overflow-x: hidden;*/ overflow-y: scroll; margin-left: -0.1rem; margin-right: -1000px; padding-right: 1000px; height: 6.0rem; }
  .about02-box .about02-r-box.cur { display: block; }
  .about02-box .about02-r .item { cursor: pointer; position: relative; padding: 0.45rem 0.5rem; }
  .about02-box .about02-r .item:before { content: ''; position: absolute; left: 0; top: 50%; border-radius: 50%; width: 0.18rem; height: 0.18rem; background-color: #3a67bb; transform: translateY(-50%); }
  .about02-box .about02-r .item:after { content: ''; position: absolute; left: 0.1rem; top: 0;  bottom: 0; z-index: 2; width: 200%; background-color: #3a67bb; opacity: 0; }
  .about02-box .about02-r .item strong { position: relative; z-index: 5; font-size: 0.26rem; font-weight: normal; color: #454545; }
  .about02-box .about02-r .item p { position: relative; z-index: 5; margin-bottom: 0; }
  .about02-box .about02-r .item.cur {  }
  .about02-box .about02-r .item.cur:after { opacity: 1; }
  .about02-box .about02-r .item.cur strong { color: #fff; }
  .about02-box .about02-r .item.cur p { color: #fff; }


  .about02-box ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 10px;
  }

  /*滚动条 阴影~圆角*/
  .about02-box ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
    border-radius: 10px;
    background-color: rgba(50,86,146,.0);
  }

  /*滑块 阴影~圆角*/
  .about02-box ::-webkit-scrollbar-thumb {
    /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
    border-radius: 10px;
    background-color: rgba(50,86,146,0);
  }

}
@media screen and (max-width: 991px) {
  .about02 { position: relative; padding: 0.7rem 0; background-image: url(../images/about02-box-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .about02-box { position: relative; z-index: 5; }

  .about02-box .about02-l { padding: 0; }
  .about02-box .about02-l-box { padding: 0.2rem 0; }
  .about02-box .about02-l .item { cursor: pointer; float: left; position: relative; margin-right: 3%; padding: 0.1rem 0; border-bottom: 1px solid #dbdbdb; width: 47%; }
  .about02-box .about02-l .item span { display: block; }
  .about02-box .about02-l .item.cur { color: #3a67bb; }
  .about02-box .about02-l .item.cur:before { content: ''; position: absolute; right: 0; top: 50%; border: 0.08rem solid transparent; border-left: 0.08rem solid #3a67bb; transform: translateY(-50%); }

  .about02-box .about02-r-box { display: none; margin-left: -0.1rem; }
  .about02-box .about02-r-box.cur { display: block; }
  .about02-box .about02-r .item { cursor: pointer; position: relative; margin: 0 -0.15rem; padding: 0.25rem; }
  .about02-box .about02-r .item:after { content: ''; position: absolute; left: 0.1rem; top: 0; right: 0; bottom: 0; z-index: 2; background-color: #3a67bb; opacity: 0; }
  .about02-box .about02-r .item strong { position: relative; z-index: 5; font-size: 0.26rem; font-weight: normal; color: #454545; }
  .about02-box .about02-r .item p { position: relative; z-index: 5; margin-bottom: 0; }
  .about02-box .about02-r .item.cur {  }
  .about02-box .about02-r .item.cur:after { opacity: 1; }
  .about02-box .about02-r .item.cur strong { color: #fff; }
  .about02-box .about02-r .item.cur p { color: #fff; }

}

.about03 { padding: 0.7rem 0; background-image: url(../images/about03-bg.jpg); background-position: 50% 50%; }
.about03-box { background-image: url(../images/map.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
.about03 .swiper-container {  margin-top: 0.3rem; }
.about03 .swiper-slide { height: 3.8rem; overflow-x: hidden; overflow-y: scroll; }
.about03 .swiper-slide ul { list-style: none; margin: 0; padding: 0; }
.about03 .swiper-slide ul li { padding: 0.2rem 0; }

.about03-btns { display: flex; list-style: none; margin: 0; padding: 0.2rem 0 0; background-image: url(../images/about03-img.png); background-repeat: repeat-x; background-position: 0% 0%; }
.about03-btns li { cursor: pointer; position: relative; padding-top: 0.22rem; width: 20%; font-size: 0.24rem; }
.about03-btns li span { position: relative; display: inline-block; padding: 0 0 0.12rem; }
.about03-btns li .ifa { position: absolute; top: 0; left: 0.03rem; font-size: 0.14rem; color: #8d8d8d; }
.about03-btns li.cur { color: #3a67bb; }
.about03-btns li.cur span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.06rem; background-color: #3a67bb; }
.about03-btns li.cur .ifa { color: #3a67bb; }

.about03 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 10px;
}
/*滚动条 阴影~圆角*/
.about03 ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
  border-radius: 10px;
  background-color: rgba(50,86,146,.0);
}
/*滑块 阴影~圆角*/
.about03 ::-webkit-scrollbar-thumb {
  /*-webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);*/
  border-radius: 10px;
  background-color: rgba(50,86,146,1);
}
@media screen and (max-width: 991px) {
  .about03-btns li { font-size: 0.15rem; }
  .about03-btns li span { width: 3em; }
}





.contact01 {  }
.contact01 .tit01 { padding: 0.12rem 0.25rem; color: #fff; font-size: 0.22rem; background-color: #3a67bb; }
.contact01-list .item { padding: 0.45rem 0.1rem; }
.contact01-list .item .maodian { top: -250px; }
.contact01-list .item + .item { border-top: 2px dashed #c3c3c3; }
.contact01-list .item h4 { color: #000; font-size: 0.28rem; }
.contact01-list .item p { color: #333; font-size: 0.16rem; width: 50%; line-height:0.3rem;}
.contact01-list .item a.gbook-btn { display: inline-block; position: relative; margin-top: 0.1rem; padding: 0.06rem 0.2rem; border: 1px solid #d3dbe8; font-size: 0.16rem; color: #3a67bb; }
.contact01-list .item a.gbook-btn span { position: relative;  z-index: 5; }
.contact01-list .item a.gbook-btn:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 100%; background-color: #3a67bb; transition:all .3s ease-out; }
.contact01-list .item a.gbook-btn:hover {  color: #fff;  }
.contact01-list .item a.gbook-btn:hover:before {  width: 100%; }

.contact02 { padding: 0 0 .6rem; background-color: #f1f1f1; background-image: url(../images/contact02.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 80%; }

.modal {  }
.modal .html-box { padding: 0.3rem 0.4rem; }
.modal .win-close { position: absolute; top: 0.05rem; right: 0.05rem; z-index: 300; line-height: 1; opacity: 0.8; }
.modal .win-close .ifa {  font-size: 0.25rem; color: #666; }

.gbook .form-cbox { position: relative; }
.gbook .form-cbox + .form-cbox { margin-top: 0.15rem; }
.gbook .form-cbox .your-code-show { position: absolute; right: 0; top: 20%; /*transform: translateY(-50%);*/ }
.gbook [type="tel"],
.gbook [type="email"],
.gbook [type="text"] { padding: 0.1rem; border: 0px; border-bottom: 1px #d5d5d5 solid; width: 100%; height: 0.5rem; font-size: 0.16rem; }
.gbook textarea { padding: 0.1rem 0.1rem; border: 0px; border-bottom: 1px #d5d5d5 solid; width: 100%; height: 1.7rem;  font-size: 0.16rem; }
.gbook .form-ok { cursor: pointer; display: inline-block; padding: 0.1rem 0.5rem; border-width: 0; border-radius: 0.25rem; text-align: center; color: #333; font-weight: bold; font-size: 0.16rem; background-color: #eee; }
.gbook .form-ok:after { content: ''; display: inline-block;  }
.gbook .form-ok:hover { color: #fff; background-color: #3a67bb; }


.job01 { padding: 0 0 0.5rem; }
  .job01-text { width: 99%; margin: 0 auto; }
  .job01-text p { margin-bottom: 0.05rem; text-indent: 2em; line-height: 0.3rem; font-size: 0.16rem; }
  .job01-list { margin-bottom: 0.5rem; }
  .job01-list .item { float: left; position: relative; width: 30%; height: 5.3rem; transition:all .3s ease-out; }
  .job01-list .item:before { content: ''; position: absolute; top: 0; left: 0; z-index: 25; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); transition:all .3s ease-out; }
  .job01-list .item .item-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 20; height: 5.3rem; background-color: #ebf3fc; transition:all .3s ease-out; }
  .job01-list .item-head { padding-top: 0.15rem; height: 1.2rem; color: #fff; text-align: center; background-color: #3a67bb; transition:all .3s ease-out; }
  .job01-list .item-head .ifa { font-size: 0.5rem; line-height: 1; }
  .job01-list .item-head strong { display: block; margin-top: 0.05rem; font-size: 0.24rem; font-weight: normal; }
  .job01-list .item-body { padding: 0.6rem 0.3rem; color: #000; text-align: center; }
  .job01-list .item-body ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
  .job01-list .item-body li { position: relative; padding-left: 0.2rem; font-size: 0.19rem; }
  .job01-list .item-body li + li { margin-top: 0.17rem; }
  .job01-list .item-body li:before { content: ''; position: absolute; top: 50%; left: 0; width: 0.05rem; height: 0.05rem; background-color: #3a67bb; transform: translateY(-50%) rotate(45deg); }

  .job01-list .item.cur { width: 40%; }
  .job01-list .item.cur .item-box { top: -0.2rem; bottom: -0.2rem; z-index: 35; height: 5.7rem; background-color: #fff; box-shadow: 0 0 0.25rem rgb(0 0 0 / 25%); }
  .job01-list .item.cur .item-head { padding-top: 0.25rem; height: 1.4rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.job02 { padding: 0.8rem 0; background-color: #f8f8f8; }
  .job02 .item { position: relative; margin: 0 auto 0.2rem; border-radius: 50%; max-width: 1.9rem; text-align: center; background-color: #fff; transition:all .3s ease-out; }
  .job02 .item-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%); }
  .job02 .item em { display: block; margin: 0 auto; width: 0.78rem; height: 0.78rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .job02 .item.item01 em { background-image: url(../images/job02-01.png); }
  .job02 .item.item02 em { background-image: url(../images/job02-02.png); }
  .job02 .item.item03 em { background-image: url(../images/job02-03.png); }
  .job02 .item.item04 em { background-image: url(../images/job02-04.png); }
  .job02 .item.item05 em { background-image: url(../images/job02-05.png); }
  .job02 .item.item06 em { background-image: url(../images/job02-06.png); }
  .job02 .item.item07 em { background-image: url(../images/job02-07.png); }
  .job02 .item.item08 em { background-image: url(../images/job02-08.png); }
  .job02 .item.item09 em { background-image: url(../images/job02-09.png); }
  .job02 .item.item10 em { background-image: url(../images/job02-10.png); }
  .job02 .item.item11 em { background-image: url(../images/job02-11.png); }
  .job02 .item.item12 em { background-image: url(../images/job02-12.png); }
  .job02 .item p { height: 2em; font-size: 0.18rem; color: #8e8e8e; text-align:center; }
  .job02 .item p span { display: block; font-size: 0.13rem; white-space: nowrap; }

  .job02 .item:hover { background-color: #3a67bb; box-shadow: 0 0 0.25rem rgb(0 0 0 / 35%); }
  .job02 .item:hover p { color: #fff; }
  .job02 .item.item01:hover em { background-image: url(../images/job02-01-h.png); }
  .job02 .item.item02:hover em { background-image: url(../images/job02-02-h.png); }
  .job02 .item.item03:hover em { background-image: url(../images/job02-03-h.png); }
  .job02 .item.item04:hover em { background-image: url(../images/job02-04-h.png); }
  .job02 .item.item05:hover em { background-image: url(../images/job02-05-h.png); }
  .job02 .item.item06:hover em { background-image: url(../images/job02-06-h.png); }
  .job02 .item.item07:hover em { background-image: url(../images/job02-07-h.png); }
  .job02 .item.item08:hover em { background-image: url(../images/job02-08-h.png); }
  .job02 .item.item09:hover em { background-image: url(../images/job02-09-h.png); }
  .job02 .item.item10:hover em { background-image: url(../images/job02-10-h.png); }
  .job02 .item.item11:hover em { background-image: url(../images/job02-11-h.png); }
  .job02 .item.item12:hover em { background-image: url(../images/job02-12-h.png); }


.job03 { padding: 0.8rem 0; }
.job03-list {  }
.job03-list-a { display: inline-block; margin: 0 auto; padding: 0.2rem 0.8rem; border-radius: 0.35rem; text-align: center; color: #fff; background-color: #7e7e7e; font-size: 0.2rem; }
.job03-list-a:hover { color: #fff; background-color: #3a67bb; }

.job03-list-pc { position: relative; padding: 0.3rem 0 0.7rem; }
.job03-list-pc .item { position: absolute; bottom: 45%; display: flex; flex-direction: column-reverse; width: 11.1111%; }
.job03-list-pc .item .ifa { font-size: 0.56rem; color: #a2a3a3; }
.job03-list-pc .item p { position: relative; margin: 0.3rem 0; font-size: 0.2rem; color: #a2a3a3; text-align:center; }
.job03-list-pc .item p:before { content: ''; position: absolute; left: 50%; top: 120%; width: 2px; height: 0.2rem; background-color: #a2a3a3; }
.job03-list-pc .item:nth-child(even) { position: absolute; top: 45%; flex-direction: column; }
.job03-list-pc .item:nth-child(even) p:before { top: auto; bottom: 120%; }
.job03-list-pc .item.item01 { left: 0.5%; }
.job03-list-pc .item.item02 { left: 11.5%; }
.job03-list-pc .item.item03 { left: 22.1%; }
.job03-list-pc .item.item04 { left: 33.3333%; }
.job03-list-pc .item.item05 { left: 44%; }
.job03-list-pc .item.item06 { left: 54.7%; }
.job03-list-pc .item.item07 { left: 65.8%; }
.job03-list-pc .item.item08 { left: 76.4%; }
.job03-list-pc .item.item09 { left: 88.2%; width: 10%; }

.job03-list-pc .item:hover .ifa { color: #3a67bb; }
.job03-list-pc .item:hover p { color: #3a67bb; }
.job03-list-pc .item:hover p:before { background-color: #3a67bb; }





.job04 { padding: 0.8rem 0 0.9rem; background-color: #f2f4f7; background-image: url(../images/job04-bg.jpg); background-repeat: no-repeat; background-position: 100% 50%; background-size: cover; }
.job04 .job04-list { margin: 0 0.6rem; }
  .job04 .swiper-slide { position: relative; cursor: pointer; }
  .job04 .swiper-slide h3 { position: absolute; bottom: 110%; left: 50%; z-index: 6; margin: 0; font-size: 0.3rem; color: #fff; opacity: 0; transform: translateX(-50%); transition:all .3s ease-out; text-align: center; }
  .job04 .swiper-slide h3:before { content: ''; position: absolute; bottom: -0.15rem; left: 50%; z-index: 6; width: 0.5rem; height: 1px; background-color: rgba(255,255,255,.4); transform: translateX(-50%); }
  /*  .job04 .swiper-slide:before { content: ''; position: absolute; top: 110%; left: 50%; z-index: 6; width: 0.36rem; height: 0.38rem; background-image: url(../images/search-btn.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0; transform: translateX(-50%); transition:all .3s ease-out; }
.job04 .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(58,103,187,.7); opacity: 0; transition:all .3s ease-out; text-align: center;}

  .job04 .swiper-slide:hover h3 { bottom: 58%; opacity: 1; }
  .job04 .swiper-slide:hover:before { top: 58%; opacity: 1; }
  .job04 .swiper-slide:hover:after { opacity: 1; }*/

.job04 .job04-prev,
.job04 .job04-next { cursor: pointer; position: absolute; top: 50%; right: -0.8rem; display: flex; align-items: center; justify-content: center;  width: 0.6rem; height: 0.6rem; background-color: #ececec; transform: translateY(-50%); }
.job04 .job04-prev:before,
.job04 .job04-next:before { content: ''; position: absolute; top: 0; left: 0; z-index: 3; width: 0; height: 100%; background-color: #3a67bb; transition:all .2s ease-out; }
.job04 .job04-prev { left: -0.8rem; }
.job04 .job04-prev .ifa,
.job04 .job04-next .ifa { position: relative; z-index: 5; font-size: 0.3rem; }

.job04 .job04-prev:hover:before,
.job04 .job04-next:hover:before { width: 100%; }
.job04 .job04-prev:hover .ifa,
.job04 .job04-next:hover .ifa { color: #fff; }

#staff_style .win-close { top: -0.12rem; right: -0.12rem; opacity: 1; }
#staff_style .win-close .ifa { border-radius: 50%; color: #3a67bb; background-color: #fff }
#staff_style .modal-dialog { width: 900px; max-width: 95%; }
#staff_style .tit { text-align: center; }


.job-table {  }
.job-table.table > thead > tr > th { padding: 0.25rem 0.18rem; color: #fff; vertical-align: middle; text-align: center; font-size: 0.15rem; background-color: #3a67bb;white-space: nowrap; }
.job-table.table > tbody > tr > td { padding: 0.15rem 0.08rem; vertical-align: middle; text-align: center; font-size: 0.15rem; }
.job-table.table > tbody > tr > td:nth-child(6) { text-align: left; }
.job-table.table > tbody > tr > td p { margin-bottom: 0; }

@media screen and (max-width: 991px) {
  .job-table.table thead { display: none; }
  .job-table.table tbody tr { display: block; position: relative; height: auto; padding: 0.2rem 0; }
  .job-table.table tbody tr + tr { border-top: 1px solid #ddd; }
  .job-table.table > tbody > tr > td { display: block; position: relative; padding: 0.08rem 0.08rem 0.08rem 33%; width: 100%; text-align: left; }
  .job-table.table > tbody > tr > td:before { position: absolute; left: 0; top: 0; padding: 0.08rem 0.05rem; width: 33%; text-align: right; }
  .job-table.table > tbody > tr > td:nth-child(1):before { content: '序号：'; }
  .job-table.table > tbody > tr > td:nth-child(2):before { content: '岗位名称：'; }
  .job-table.table > tbody > tr > td:nth-child(3):before { content: '需求人数：'; }
  .job-table.table > tbody > tr > td:nth-child(4):before { content: '学历要求：'; }
  .job-table.table > tbody > tr > td:nth-child(5):before { content: '专业要求：'; }
  .job-table.table > tbody > tr > td:nth-child(6):before { content: '岗位要求：'; }
  .job-table.table > tbody > tr > td:nth-child(7):before { content: '工作地点：'; }
  .job-table.table > tbody > tr > td:nth-child(8):before { content: '简历投递邮箱：'; }

  .job-table.job-table > thead > tr > th, 
  .job-table.job-table > tbody > tr > th, 
  .job-table.job-table > tfoot > tr > th, 
  .job-table.job-table > thead > tr > td, 
  .job-table.job-table > tbody > tr > td, 
  .job-table.job-table > tfoot > tr > td { border: 0px solid #dddddd; }

}

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


.newbody { background-color: #f2f4f7; }

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

.list-news .item.item-top { margin: 0 0 .5rem; }
.list-news .item.item-top .item-a { padding: 0; }
.list-news .item.item-top .img-box { display: block; max-width: 32%; min-width: 32%;}
.list-news .item.item-top .img-box1 { position: relative; --scale-height: 65%; padding-bottom: var(--scale-height); height: 0; }
.list-news .item.item-top .img-box2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.list-news .item.item-top .img-box img { object-fit: cover;width: 100%;height: 100%; }
.list-news .item.item-top .txt-box { padding: 0.3rem 0.4rem; background-color: #fbfbfb;  }
.list-news .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-news .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-news .item.item-top .more-box { display: none; }

.list-news .item.item-top:hover { box-shadow: 0 0 0.15rem rgb(0 0 0 / 25%); }

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

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

.col-related-news { padding: 0.6rem 0; background-color: #f9fafb; }
  .related-news { }
  .related-news .item { margin-bottom: 0.3rem; background-color: #fff; box-shadow: 0 0 0.15rem rgb(0 0 0 / 10%); }
  .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; color: #848484; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out;  }
  .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: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; }


.list-news2 { }
  .list-news2 .item { margin-bottom: 0.3rem; background-color: #fff; box-shadow: 0 0 0.15rem rgb(0 0 0 / 10%); }
  .list-news2 .item .img-box { position: relative; }
  .list-news2 .item .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(58,103,187,.7); }
  .list-news2 .item .img-box .img-text { position: absolute; top: 50%; left: 50%; z-index: 10; width: 80%; text-align: center; color: #fff; transform: translate(-50%,-50%); }
  .list-news2 .item .img-box .img-text strong { display: inline-block; padding: 0.05rem 0.5rem; background-image: url(../images/imgtxtbg.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .list-news2 .item .img-box .img-text p { font-size: 0.28rem; text-align:center;}
  .list-news2 .item .txt-box { padding: 0.2rem; transition:all .3s ease-out;  }
  .list-news2 .item .tit { margin: 0 0 0.15rem ; font-size: 0.19rem; font-weight: bold; color: #4d4e4f; transition:all .3s ease-out;  }
  .list-news2 .item .txt { margin-bottom: 0.15rem; color: #848484; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out;  }
  .list-news2 .item .news-c { font-weight: bold; color: #3a67bb; transition:all .3s ease-out; }
  .list-news2 .item .date { position: relative; margin-bottom: 0; color: #6f6d6d; transition:all .3s ease-out;  }
  .list-news2 .item:hover .txt-box { background-color: #3a67bb; }
  .list-news2 .item:hover .tit { color: #fff; }
  .list-news2 .item:hover .txt { color: #fff; }
  .list-news2 .item:hover .news-c { color: #fff; }
  .list-news2 .item:hover .date { color: #fff; }

.news-v2 { margin: 0 auto; padding: 0 0.4rem 0.5rem; width: 100%;  }
  .news-v2 .news-v-head { margin-bottom: 0.3rem; text-align: center; }
    .news-v2 .news-v-head .news-v-state { color: #999; font-size: 0.14rem; }
    .news-v2 .news-v-head .news-v-state .ifa { margin-right: 0.06rem; }
    .news-v2 .news-v-head .news-v-state .news-c { position: relative; margin-left: 0.2rem; padding-left: 0.2rem; }
    .news-v2 .news-v-head .news-v-state .news-c:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 0.15rem; background-color: #3a67bb; transform: translateY(-50%); opacity: .6 }
    .news-v2 .news-v-head .title { margin-top: 0.05rem;}
    .news-v2 .news-v-head .title a { color: #000; font-size: 0.3rem; }
  .news-v2 .news-v-body {/* min-height: 3.0rem; */padding: 0.3rem; background-color: #f2f7fb;/* box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%);*/ }
  .news-v2 .video-box video { margin-bottom: 0.3rem; width: 100%; }
  .video-box{ text-align:center;}




.list-news3 { }
  .list-news3 .item { display: flex; margin-bottom: 0.4rem; padding: 0.3rem 0.2rem; background-color: #f2f7fb; box-shadow: 0 0 0.1rem rgb(0 0 0 / 15%); }
  .list-news3 .item .img-box { position: relative; max-width: 25%; min-width: 25%; }
  .list-news3 .item .img-box:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(58,103,187,.7); }
  .list-news3 .item .img-box .img-text { position: absolute; top: 50%; left: 50%; z-index: 10; width: 90%; text-align: center; color: #fff; transform: translate(-50%,-50%); }
  .list-news3 .item .img-box .img-text strong { display: inline-block; padding: 0.05rem 0.5rem; background-image: url(../images/imgtxtbg.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .list-news3 .item .img-box .img-text p { font-size: 0.24rem; text-align:center; }
  .list-news3 .item .txt-box { display: flex; flex-direction: column; justify-content: space-around; padding: 0.2rem 0.4rem; transition:all .3s ease-out;  }
  .list-news3 .item .tit { margin: 0; }
  .list-news3 .item .tit a { font-size: 0.28rem; color: #4d4e4f; transition:all .3s ease-out;  }
  .list-news3 .item .txt { margin-bottom: 0; color: #848484; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all .3s ease-out;  }
  .list-news3 .item .c-date { margin-bottom: 0; }
  .list-news3 .item .date { color: #848484; }
  .list-news3 .item .news-c { position: relative; margin-bottom: 0; margin-left: 0.15rem; padding-left: 0.15rem; color: #4066a5; font-weight: bold; transition:all .3s ease-out;  } 
  .list-news3 .item .news-c:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 0.15rem; background-color: #6f6d6d; opacity: .5; transform: translateY(-50%); }
  .list-news3 .item:hover { box-shadow: 0 0 0.1rem rgb(0 0 0 / 25%); }
  .list-news3 .item .tit:hover a { color: #3a67bb; }


.list-new2 { }
  .list-new2 .item { position: relative; padding: 0.2rem 0.5rem 0.2rem 1.9rem; }
  .list-new2 .item:before { content: ''; display: block; position: absolute; left: 1.65rem; top: 45%; width: 1px; height: 0.9rem; background-color: #e6e6e6; transform: translateY(-50%); }
  .list-new2 .item + .item { border-top: 1px #dfdfdf solid; }
    .list-new2 .img-box { float: right; overflow: hidden; margin-left: 0.3rem; width: 2.2rem; max-width: 30%; }
    .list-new2 .txt-box { overflow: hidden; }
    .list-new2 .txt-box .tit { margin-bottom: 0.15rem; height: 0.2rem; color: #387133; font-size: 0.2rem;  display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .list-new2 .txt-box .txt {/* margin-bottom: 0.20rem;*/ color: #585858; font-size: 0.14rem; line-height: 0.22rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .list-new2 .click_btn {  color: #6f6f6f; font-size: 0.14rem;}
    .list-new2 .date-box { position: absolute; top: 45%; left: 0.5rem; padding-top: 0.18rem; width: 0.9rem; height: 0.9rem; color: #fff;font-family: 'Impact'; text-align: center; background-color: #d3aa4e; transform: translateY(-50%); }
    .list-new2 .date-box .date-ym { font-size: 0.11rem; line-height: 1; }
    .list-new2 .date-box .date-d { margin-bottom: 0.05rem; font-size: 0.36rem; line-height: 1; }
  .list-new2 .item:hover { background-color: #f8f8f8; }
  .list-new2 .item:hover .txt-box .tit { color: #e56524; }
  .list-new2 .item:hover .date-box { }

.news-b { padding: 0.5rem 0; text-align: right; }
.news-b a.btn01 { margin-right: 0.2rem; padding-right: 0.2rem; border-right: 1px solid #f3f3f3; color: #545454; }
.news-b a.btn01 svg { vertical-align: 0.0rem  !important; }
.news-b a.btn02 { display: inline-block; padding-top: 0.02rem; border-radius: 50%; width: 0.36rem; height: 0.36rem; text-align: center; color: #fff; font-size: 0.2rem; background-color: #d55d43; }

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

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

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


.business { padding: 0.4rem 0; background-image: url(../images/business-bg.jpg); background-repeat: no-repeat; background-position: 100% 100%; }
.business .tab-head { background-color: #dde6f1; }
.business .tab-head .container { display: flex; }
.business .tab-head-item { display: flex; justify-content: center; align-items: center; width: 25%; height: 0.8rem; font-size:0.16rem;  border-bottom:1px solid #eee;}
.business .tab-head-item .ifa { margin-right: 0.08rem; font-size: 0.3rem; }
.business .tab-head-item.cur { color: #fff; background-color: #3a67bb; }
.business .tab-body .tab-body-item { }
/*.business .tab-body .tab-body-item { display: none;  background-color: #fff;  }
.business .tab-body .tab-body-item.cur { display: block; }*/

.business-main > .swiper-wrapper { /*height: auto !important;*/ }
.business-main > .swiper-wrapper > .swiper-slide { opacity: 0 !important; pointer-events: none;  }
.business-main > .swiper-wrapper > .swiper-slide.swiper-slide-active { opacity: 1 !important; pointer-events: unset; }


.business-list { /*display: flex; flex-wrap: wrap;*/ position: relative; padding: 0.4rem 0.4rem; border: 1px solid #d2d2d2; border-top: 4px solid #d2d2d2; border-bottom: 0; }
.business-list .business-listbox { display: flex; flex-wrap: wrap;  }
.business-list .business-btn-prev,
.business-list .business-btn-next { cursor: pointer; position: absolute; top: 50%; right: 0; z-index: 50; padding-top: 0.14rem; border-radius: 0.08rem 0 0 0.08rem; width: 0.26rem; height: 0.5rem; text-align: center; line-height: 1; background-color: rgba(0,0,0,.5);transform: translateY(-50%); }
.business-list .business-btn-prev { left: 0; border-radius: 0 0.08rem 0.08rem 0 ; }
.business-list .business-btn-prev:hover,
.business-list .business-btn-next:hover { background-color: #3a67bb; }
.business-list .business-btn-prev .ifa,
.business-list .business-btn-next .ifa { font-size: 0.22rem; color: #fff; }
.business-list .business-btn-next:hover { background-color: #3a67bb; }
/*.business-list .business-btn-prev.swiper-button-disabled ,
.business-list .business-btn-next.swiper-button-disabled { opacity: .0; }*/


.business-list .swiper-container {  width: 100%; }
.business-list .swiper-slide { /*width: auto; min-width: 2.3rem;*/ }
/*.business-list .swiper-slide + .swiper-slide:before { content: ''; position: absolute; top: 0; left: -0.1rem; width: 1px; height: 100%; background-color: rgba(0,0,0,.05); }*/
.business-list .item { padding: 0 0.1rem; }
.business-list .item strong a { display: block; margin-bottom: 0.12rem; font-size: 0.17rem; color: #111; }
.business-list .item strong a:hover { color: #3a67bb; }
.business-list .item ul { overflow: hidden; list-style: none; margin: 0; padding: 0; min-width: 1.9rem; }
.business-list .item ul li { margin: 0.05rem 0; min-width: 50%; line-height:3em; }
.business-list .item ul a { color: #575757; font-size: 0.15rem; }
.business-list .item ul a:after { content: '>';  }
.business-list .item ul a:hover { color: #3a67bb; }
.business-contact { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; margin-bottom: 0.6rem; padding: 0.2rem 0.2rem; border: 1px solid #d2d2d2; }
.business-contact .business-contact-l { width: 40%; }
.business-contact .business-contact-r { width: 50%; text-align: right; }
.business-contact .business-contact-r strong { display: block; margin-bottom: 0.25rem; color: #575757; font-size: 0.26rem; }

.business-list.business-list5 .item .business-list-ul-112 { width: 100%; }
.business-list.business-list5 .item .business-list-ul-112 li { float: left;  min-width: 33%; width: 33%; }



.pro-body{ background-image: url(../images/pro-bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.business-search { margin-bottom: 0.4rem; }
  .business-search select { width: 100%; height: 0.42rem; }
  .business-search [type="text"] { width: 100%; height: 0.42rem; }
  .business-search .btn { display: flex; justify-content: center; align-items: center; border-width: 0; height: 0.42rem; color: #fff; background-color: #3a67bb; }
  .business-search .btn:hover { background-color: #052a65; }
  .business-search .btn:focus { outline: 0px; }

@media screen and (max-width: 991px) {
  .business-search [class*='col-'] + [class*='col-'] { margin-top: 0.15rem; }

}


.list-pro { font-size: 0; }
  .list-pro .item { display: flex; margin-bottom: 0.2rem; padding: 0.2rem 0.3rem; border: 1px solid #cacaca; background-color: #fff; /*box-shadow: 0 0 0.1rem rgb(0 0 0 / 15%);*/ }

  .list-pro .item .img-box { max-width: 20%; min-width: 20%; padding-top: 0.2rem; }
  .list-pro .item .img-box-1 { overflow: hidden; position: relative; --scale-height: 40%; padding-bottom: var(--scale-height); height: 0; }
  .list-pro .item .img-box-2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
  .list-pro .item .img-box img { object-fit: contain;width: 100%;height: 100%; }

  .list-pro .item .txt-box { display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1;  padding: 0.2rem 0.4rem; }
  .list-pro .item .tit { margin: 0 0 0.1rem;  font-size: 0.24rem; color: #333;}
  .list-pro .item .tit a { font-size: 0.28rem; color: #222; transition:all .3s ease-out;  }
  .list-pro .item .txt { margin-bottom: 0; color: #999999; font-size: 0.14rem; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; */ }

  .list-pro .item .down-box { display: flex; justify-content: space-around; align-items: center; max-width: 1.7rem; min-width: 1.7rem; }
  .list-pro .item .down-btn { display: flex; justify-content: space-between; padding: 0.03rem 0.1rem; border: 1px solid #858585; width: 100%; font-size: 0.14rem; color: #666; transition:all .3s ease-out; }
  .list-pro .item .down-btn:hover { border: 1px solid #3a67bb; color: #fff; background-color: #3a67bb; }

@media screen and (max-width: 767px) {
  .list-pro .item { flex-direction: column; padding-bottom: 0.3rem; }
  .list-pro .item .img-box { max-width: 2rem; min-width: 2rem; }
  .list-pro .item .img-box-1 { --scale-height: 30%; }
  .list-pro .item .txt-box { padding: 0.1rem 0; }
}


.solutions {  }
.solutions-title { margin-bottom: 0.4rem; }
.solutions-title strong { font-size: 0.3rem; color: #333;  font-weight: lighter; }
.solutions-title strong span { font-size: 0.36rem; }
.solutions-title p { font-size: 0.2rem; color: #929292; }

.solutions-clist .item { position: relative; margin-bottom: 0.3rem; padding-bottom: 1.2rem; background-color: #f2f4f7; }
.solutions-clist .item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background-color: rgba(255,255,255,0); opacity: 0; transition:all .3s ease-out; }
.solutions-clist .item:before { content: '\e889'; position: absolute; bottom: 0.45rem; right: 0.15rem; z-index: 10; color: #b5b6b6; font-size: 0.3rem; line-height: 1;
                              font-family: "ifa" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.solutions-clist .item .textbox { overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 5; padding: 0.45rem 0.25rem; width: 100%; min-height: 1.2rem; height: 1.2rem; transition:all .3s ease-out; }
.solutions-clist .item .textbox .tit { margin: 0; color: #707070; }
.solutions-clist .item .textbox a { color: #707070; }
.solutions-clist .item .textbox .subtit { list-style: none; margin: 0; padding: 0; opacity: 0; transition:all .5s ease-out; }
.solutions-clist .item .textbox .subtit li { margin-top: 0.16rem; }
.solutions-clist .item .textbox .subtit a { color: #707070; }

.solutions-clist .item:hover:before { color: #fff; }
.solutions-clist .item:hover:after { opacity: 1; }
.solutions-clist .item:hover .textbox { height: 80%; background-color: rgba(58,103,187,.9); }
.solutions-clist .item:hover .textbox .tit { color: #fff; }
.solutions-clist .item:hover .textbox .subtit { opacity: 1; }
.solutions-clist .item:hover .textbox a { color: #fff; }
.solutions-clist .item:hover .textbox a:hover { color: #89dcf4; }


.solutions-list {  }
.solutions-list-item { padding: 0.7rem 0; background-color: #fff; }
.solutions-list-item:nth-child(even) { background-color: #f2f4f7; }
.solutions-list-item .container { display: flex; justify-content: space-around; padding-left: 0.15rem; padding-right: 0.15rem; }
.solutions-list-item:nth-child(even) .container { flex-direction: row-reverse; }
.solutions-list-item .img-box,
.solutions-list-item .txt-box { display: flex; flex-direction: column; justify-content: space-around; padding: 0.4rem 0.2rem; width: 50%; }
.solutions-list-item .txt-box { justify-content: space-between; padding: 0.6rem 0.2rem 0.4rem ; }
.solutions-list-item .txt-box .tit { margin: 0 0 0.2rem; font-size: 0.3rem; color: #373737; }
.solutions-list-item .txt-box .txt { margin: 0 0 0.2rem; line-height: 1.8; font-size: 0.15rem; color: #666; }
.solutions-list-item .txt-box select { height: 0.65rem; }
.solutions-list-item .solutions-img-swiper .btn-prev,
.solutions-list-item .solutions-img-swiper .btn-next { cursor: pointer; position: absolute; top: 50%; right: 0; z-index: 20; transform: translateY(-50%); opacity: .9 }
.solutions-list-item .solutions-img-swiper .btn-prev .ifa,
.solutions-list-item .solutions-img-swiper .btn-next .ifa { font-size: 0.5rem; color: #fff; }
.solutions-list-item .solutions-img-swiper .btn-prev { left: 0; }
.solutions-list-item .solutions-img-swiper .btn-prev.swiper-button-disabled,
.solutions-list-item .solutions-img-swiper .btn-next.swiper-button-disabled { opacity: .0 }


@media ( max-width: 991px ) and ( min-width: 768px ){
  .solutions-list-item .container { flex-direction: column; }
  .solutions-list-item:nth-child(even) .container { flex-direction: column; }
  .solutions-list-item .img-box,
  .solutions-list-item .txt-box { padding: 0.1rem 0; width: 100%; }
  .solutions-list-item .txt-box .tit { margin-bottom: 0.1rem; font-size: 0.28rem; }
  .solutions-list-item .txt-box-btns { padding-top: 0.2rem; }
}
@media screen and (max-width: 767px) {
  .solutions-list-item .container { flex-direction: column; }
  .solutions-list-item:nth-child(even) .container { flex-direction: column; }
  .solutions-list-item .img-box,
  .solutions-list-item .txt-box { padding: 0.1rem 0 0; width: 100%; }
  .solutions-list-item .txt-box .tit { margin-bottom: 0.15rem; margin-top: 0.15rem; font-size: 0.24rem; }
  .solutions-list-item .txt-box .txt { margin-bottom: 0.05rem; }
  .solutions-list-item .txt-box-btns { padding-top: 0; }
  .solutions-list-item .txt-box select { margin-bottom: 0.05rem; }
}

.select-container { position: relative; }
  .select-container input { border-radius: 0.05rem; border-width: 1px; width: 100%; height: 0.65rem; line-height: 0.65rem; text-indent: 5px; }
  .select-container span { position: absolute; top: 50%; right: 0.15rem; font-size: 0.12rem; pointer-events: none; transform: translateY(-50%); }
  .select-container ul { display: none; list-style: none; position: absolute; top: 100%; left: 0; z-index: 100; padding: 0.05rem; border: 1px solid #e2e2e2; min-width: 100%; max-height: 300px; overflow-y: auto; background: #fff; }
  .select-container li {  }
  .select-container li a { display: inline-block; padding: 0.03rem 0; width: 100%; color: #000000; text-indent: 5px; white-space: nowrap; background: #fff; text-decoration: none; }
  .select-container li.parent a { font-weight: bold; }
  .select-container li.sub a { padding-left: 0.15rem; }
  .select-container li:not(.parent) a:hover { color: #fff; background: #1F92E4; }

@media ( max-width: 991px ) and ( min-width: 768px ){
.select-container-right ul { left: auto; right: 0; }
}
@media screen and (max-width: 767px) {
.select-container-right ul { left: auto; right: 0; }
}


.right-float { position: fixed; bottom: 1.0rem; right: 0.2rem; z-index: 100; }
.right-float .goto-top { display: block; padding-top: 0.09rem; border-radius: 50%; width: 0.5rem; height: 0.5rem; text-align: center; background-color: #e3e1e2; box-shadow: 0 0 0.25rem rgb(0 0 0 / 15%); }
.right-float .goto-top i { display: inline-block; height: 0.32rem; color: #666; font-size: 0.26rem; line-height: 1; }
.right-float .goto-top i svg { vertical-align: 0.05rem; }

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

.video-box video { width: 100%; }

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

.modal .modal-dialog {
    top: 50% !important;;
    transform: translateY(-50%) !important;;
}


@media ( max-width: 1600px ) and ( min-width: 1300px ){
.ind01-list .item-1 .item-a { padding: 0.35rem 0.2rem; }

}

@media ( max-width: 1299px ) and ( min-width: 1201px ){
.menu > li > a { padding: 0 0.12rem; }

.ind01-list .item-1 .item-a { padding: 0.3rem 0.2rem; }

.job02 .item em { width: 0.5rem; height: 0.5rem; }

}

@media ( max-width: 1200px ) and ( min-width: 992px ){
.logo { margin-right: 1rem; }
.menu > li > a { padding: 0 0.06rem; }
.menu > li > a span { font-size: 0.16rem; }

.ind01-list .item-1 .item-a { padding: 0.2rem 0.2rem; }


.job02 .item em { width: 0.5rem; height: 0.5rem; }
.job02 .item p { font-size: 0.16rem; }
.job02 .item p span { white-space: normal; width: 1rem; }

.list-news3 .item .img-box { max-width: 35%; min-width: 35%; }
.list-news3 .item .txt-box { max-width: 65%; min-width: 65%; }

}

@media ( max-width: 991px ) and ( min-width: 768px ){
.page-banner-container .banner-tit { font-size: 0.48rem; }
.page-banner-container .banner-txt { font-size: 0.16rem; }
.page-banner video { width: auto; height: 100%; }


.ind01-list .item-1 .item-a { padding: 0.25rem 0.2rem; }
.ind03 > .container{ flex-direction: column; }
.ind03 .ind03-a1 { margin-right: 0; }
.ind03 .ind03-a2 { max-width: 100%; min-width: 100%; }

.about01-show { flex-direction: column; }
.about01-l-box, .about01-r-box { max-width: 100%; min-width: 100%; }
.about01-l-box .item { padding: .3rem .2rem; }
.about01-l-box .item .textbox { max-height: 2.0rem; }
.about01-l-box .item.cur { margin-right: 0rem; padding-right: .2rem; }
.about01-l-box .item.cur:before { display: none; }
.about01-l-box .item.cur .textbox { max-height: 2.0rem; }
/*.about01-r-box { display: none; }*/

.ind01 .col-md-12{padding-left: 0.4rem;    padding-right: 0.4rem;}
.business .container { padding-left: 0; padding-right: 0; }
.business .tab-head { padding: 0rem;  }
.business .tab-head .container { flex-wrap: wrap; justify-content: flex-start; }
.business .tab-head-item { justify-content: flex-start; margin: 0; padding: 0.15rem 0.12rem;  width: 33.33%; height: auto; font-size: 0.15rem; border-bottom: 1px solid #ccc; }
.business .tab-head-item .ifa { margin-right: 0.02rem; font-size: 0.18rem; }
.business .tab-body .tab-body-item {  }
.business-list { padding: 0.3rem; }
.business-list .item { margin-right: 0.2rem; padding-bottom: 0.2rem; }
.business-list .item strong a { margin-bottom: 0.1rem; }
.business-contact { flex-direction: column; padding: 0.2rem; }
.business-contact .business-contact-l { width: 100%; }
.business-contact .business-contact-r { width: 100%; text-align: left; }
.business-contact .business-contact-r strong { margin-bottom: 0.1rem; font-size: 0.18rem; }


.job02 .item em { width: 0.5rem; height: 0.5rem; }
.job02 .item p { font-size: 0.16rem; }
.job02 .item p span { white-space: normal; width: 1rem; }

.list-news3 .item .img-box { max-width: 35%; min-width: 35%; }
.list-news3 .item .img-box .img-text p { font-size: 0.22rem; }
.list-news3 .item .txt-box { max-width: 65%; min-width: 65%; padding: 0.15rem 0 0.15rem 0.2rem; }
.list-news3 .item .tit a { font-size: 0.24rem; }

.business-contact { flex-direction: column; padding: 0.2rem; }
.business-contact .business-contact-l { width: 100%; }
.business-contact .business-contact-r { width: 100%; text-align: left; }

.solutions-list-item .txt-box select { padding: 0 0.08rem; height: 0.36rem; }


.footer-logo-img { margin: 0 auto; width: 50%; max-width: 2.6rem; }
.footer-contact-a { text-align: center; }
.footer-contact p { margin: 0 auto; max-width: 4.3rem; }



}

@media screen and (max-width: 767px) {
.container { padding-left: 0.3rem; padding-right: 0.3rem; }


/*.page-banner { padding-top: 0.5rem; }*/
.page-banner22 { height: calc( 100vh - 1.28rem ); }
.page-banner-container { height: calc(100%);  }
.page-banner-container .banner-tit { font-size: 0.3rem; }
.page-banner-container .banner-txt { font-size: 0.15rem; }
.page-banner-container .banner-txt .btnplay { top: 0.4rem; width: 0.4rem; height: 0.4rem; }
.page-banner-container .banner-tit-box { width: 70%; }

.page-banner-container .banner-tit-box2 { padding: 0.25rem; background-color: rgba(0,0,0,.4); }
.page-banner-container .banner-tit-box2 .banner-tit { font-size: 0.3rem;  }
.page-banner-container .banner-tit-box2 .banner-txt { font-size: 0.15rem; }

.page-banner-container .banner-txt .mintxt { margin-top: 0.1rem; padding-top: 0.1rem; line-height: 1.4; font-size: 0.14rem; }
.page-banner video { width: auto; height: 100%; }

.page-tit-box2 .tit-en { font-size: 0.14rem; }
.page-tit-box2 .tit { font-size: 0.3rem; }
.page-tit-box .tit small{ display: block; margin-top: 0.1rem; }

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

.ind01-list .item-1 .item-a { display: block; flex-direction: column; align-items: flex-start; padding: 0.25rem 0.2rem; }
.ind01-list .item-1 .item-a .tit { margin: 0 0 0.1rem; }
.ind01-list .item-1 .item-a .date { color: #999; text-align: left; }
.ind03 > .container{ flex-direction: column; }
.ind03 .ind03-a1 { margin-right: 0; }
.ind03 .ind03-a2 { max-width: 100%; min-width: 100%; }
.ind03 .ind03-a1 .list li { margin-right: 0; width: 100%; }
.ind03 .ind03-a1 .list li a { padding: 0.1rem 0.15rem; font-size: 0.18rem; }
.ind03 .ind03-a1 .list li a .ifa { font-size: 0.3rem; }
.ind03 .ind03-a2 .tit { font-size: 0.3rem; }
.ind03 .ind03-a2 .btns { padding: 0.2rem 0 0.2rem; }
.ind03 .ind03-a2 li a {  }


.about01-show { flex-direction: column; }
.about01-l-box, .about01-r-box { max-width: 100%; min-width: 100%; }
.about01-l-box .item { padding: .3rem .2rem; }
.about01-l-box .item .textbox { max-height: 2.0rem; }
.about01-l-box .item.cur { margin-right: 0rem; padding-right: .2rem; }
.about01-l-box .item.cur:before { display: none; }
.about01-l-box .item.cur .textbox { max-height: 2.0rem; }
/*.about01-r-box { display: none; }*/


.job01-list { flex-direction: column;padding: 0 0.15rem; }

.job01-list .item-body li{    font-size: 0.16rem; color: #444;}
.job01-list .item { width: 100%; height: auto; }
.job01-list .item.cur { width: 100%; }
.job01-list .item .item-box { position: static; height: auto; }
.job01-list .item.cur .item-box { height: auto; }
.job01-list .item-body { padding: 0.25rem; }
.job01-list .item-body li + li { margin-top: 0.1rem; }

.job02 .item em { width: 0.5rem; height: 0.5rem; }
.job02 .item p { font-size: 0.14rem; }
.job02 .item p span { white-space: normal; width: 1rem; font-size: 0.11rem; }

.job03-list-a { padding: 0.08rem 0.4rem; font-size: 0.16rem; } 

.news-v { padding: 0.2rem 0.12rem 0.2rem; }
.news-v .news-v-head .title a { font-size: 0.24rem; }

.news-v2 { padding: 0 0 0.3rem; }
.news-v2 .news-v-head .title a { font-size: 0.24rem; }

.list-news3 .item { flex-direction: column; padding: 0.1rem; }
.list-news3 .item .img-box { max-width: 100%; min-width: 100%; }
.list-news3 .item .img-box .img-text p { font-size: 0.22rem; }
.list-news3 .item .txt-box { max-width: 100%; min-width: 100%; padding: 0.15rem 0 0; }
.list-news3 .item .tit a { font-size: 0.22rem; }
.list-news3 .item .txt { margin-top: 0.1rem; margin-bottom: 0.1rem; }

.business .container { padding-left: 0; padding-right: 0; }
.business .tab-head {  }
.business .tab-head .container { flex-wrap: wrap; justify-content: space-between; }
.business .tab-head-item { justify-content: flex-start; margin: 0; padding: 0.15rem 0.12rem; width: 50%; height: auto; font-size: 0.15rem; }
.business .tab-head-item .ifa { margin-right: 0.02rem; font-size: 0.18rem; }
.business .tab-body .tab-body-item {  }
.business-list { padding: 0.3rem; }
.business-list .item { margin-right: 0.1rem; padding-bottom: 0.2rem; }
.business-list .item strong a { margin-bottom: 0.1rem; }
.business-contact { flex-direction: column; padding: 0.2rem; }
.business-contact .business-contact-l { width: 100% !important; }
.business-contact .business-contact-r { width: 100% !important; text-align: left; }
.business-contact .business-contact-r strong { margin-bottom: 0.1rem; font-size: 0.18rem; }


.solutions-title strong { font-size: 0.24rem; }
.solutions-title strong span { font-size: 0.30rem; }
.solutions-title p { font-size: 0.16rem; }

.solutions-clist .item:before { right: 0.1rem; bottom: 0.3rem; color: #fff; font-size: 0.2rem; }
.solutions-clist .item:after { opacity: 1; }
.solutions-clist .item { padding-bottom: .8rem; }
.solutions-clist .item .textbox { padding: 0.3rem 0.12rem; min-height: .8rem; height: .8rem; background-color: rgba(58,103,187,.9); }
.solutions-clist .item .textbox .tit { font-size: 0.18rem; color: #fff; }
.solutions-clist .item .textbox .subtit { }
.solutions-clist .item .textbox .subtit li { margin-top: 0.12rem; }
.solutions-clist .item .textbox a { color: #fff; }
.solutions-clist .item .textbox a:hover { color: #89dcf4; }
.solutions-clist .item .textbox .subtit a { color: #fff; }
.solutions-clist .item:hover .textbox { height: 100%; }

.solutions-list-item .txt-box select { padding: 0 0.08rem; height: 0.36rem; }


.modal .html-box { padding: 0.3rem 0.2rem; }
.modal .page-tit-box .tit { font-size: 0.24rem; }

.footer-logo-img { margin: 0 auto; width: 50%; max-width: 2rem; }
.footer-contact-a { text-align: center; }
.footer-contact p { margin: 0 auto; max-width: 4.3rem; }

.maodian { top: -80px; }

  
}

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



}