/*# sourceURL=/templates/dist/css/respond.css?v=3956559 */
/*@ sourceURL=/templates/dist/css/respond.css?v=3956559 */
.btn_big_sty {
  display: none;
}

.realtime_body .team_src4_block .team_src4_mes_box .team_src4_case .team_src4_c > div.team_src4_n br {
  display: none;
}

#bloc header .pc-nav .col-2 .navBox > ul > li > ol.col-two {
  width: 200px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  /*left: calc(-1.8vw - 20%);*/
  padding: 20px 8%;
  /*margin-left: 0;*/
}

#bloc header .pc-nav .col-2 .navBox > ul > li > ol.col-two > li {
  width: 50%;
}
#loading .con .box > svg{transform: translateX(4.4vw) scale(0.077)}
#loading .bg{background-size: 127%;}
#loading .con .box.on{transform: translateX(-9.2%);}

@media all and (max-width: 1600px) {
  #bloc footer .fMain .top {
      justify-content: space-between;

  }

  #bloc footer .fMain .top ul {
      margin-right: 0;
  }
}

@media screen and (max-width: 1500px) {
  .ie .layout-rowMain {
      width: 1200px;
  }

  #bloc header .pc-nav .col-2 .navBox > ul > li {
      padding-right: 3vw;
  }
}

@media screen and (max-width: 1366px) {
  #home #main #r1 .rowMain .com h1 {
      line-height: 1.2;
  }

  #home #main #r2 .rowMain .com {
      padding-top: 1.5rem;
  }

  #home #main #r2 .rowMain .com .col-2 {
      padding-bottom: 0.4rem;
  }

  #home #main #r2 .rowMain .com .col-1 p {
      font-size: 14px;
  }

  #bloc header .pc-nav .col-2 .other .group > a > span {
      font-size: 14px;
  }


  #bloc header .pc-nav .col-2 .other .phone span {
      padding-top: 4px;
  }

  #home #main #r3 .rowMain {
      padding-top: 64px;
  }

  #home #main #r4 .rowMain {
      padding-top: 64px;
  }

  #home #main #r5 .rowMain {
      padding-top: 64px;
  }


}

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

}

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

  .banner_block .pub_img_box::before {
      /* margin-top: 62.5vw; */
  }

  .con_block .con_top_block .nav_add {
      display: none;
  }

  #bloc header {
      position: fixed;
  }

  #bloc header .app-nav .col-2 .menu > .child > ul {
      max-height: calc(100% - 1rem);
      overflow-y: auto;
  }

  #bloc header .pc-nav .col-2 .navBox > ul > li {
      padding-right: 2vw;
  }

  #bloc header .pc-nav .col-2 .navBox > ul > li:first-of-type {
      margin-right: 0;
  }

  #bloc header .pc-nav .col-2 .navBox > ul > li > a span {
      font-size: 12px;
  }

  #bloc header .pc-nav .col-2 .navBox > ul > li > ol > li > a {
      font-size: 12px;
  }

}

@media screen and (orientation: landscape) {
  .app {
      display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .pc {
      display: none !important;
  }

  .sty_pc {
      display: none !important;
  }

  .sty_m {
      display: block !important;
  }

  #bloc header .app-nav .col-2 > .mask {
      width: calc(100% + 38px);
  }

  .btn_big_sty {
      display: block;
  }

  .max-wid {
      width: 86%;
  }

  #loading {
      top: -50px;
      overflow: visible;
  }
  #loading .bg:before {
      content: "";
      position: absolute;
      width: 100%;
      background-color: #fff;
      height: 100px;
      top: 99%;
      left: 0;
  }


  #loading .con {
      padding-top: 56px;
  }

  #loading .bg {
      transform-origin: 48.7% 336px;
      background-size: auto 672px;
      background-position: top center;
      transition-timing-function: linear;
  }

  #loading .con .rang .loadLine > span {
      width: 50px;
  }

  #loading .con .box {
      height: 672px;
      top: 0;
  }

  #loading .con .box img {
      width: 320px;
      height: auto;
  }

  #loading .bg .box > img{transform: translateX(48px);}
  #loading .con .box > svg {
      right: auto;
      top: auto;
      width: 1024px;
      transform: translateX(45px) scale(0.045);
      transform-origin: 50% 50%;
      transition-timing-function: linear;
      /*transform-origin: -4% 50%;*/
  }

  #loading .con .box.on {
      transform: translate3d(-50px, 0, 0);
  }

  #loading .con .box.on > svg {
      transform: translateX(45px) scale(1.1);
  }

  #loading .bg.on {
      transform: scale3d(25.3,25.3,25.3);
      transform-origin: 48.7% 336px;
  }

  #home #other {
      display: none;
  }

  #home #main #r1 .rowMain {
      width: 80%;
      padding-top: 45vw;
      pointer-events: none;
  }

  #home #main #r1 .rowMain .com {
      justify-content: flex-start;
  }

  #home #main #r1 .rowMain .com small {
      font-size: 12px;
  }

  #home #main #r1 .rowMain .com h1 {
      font-size: 0.7rem;
      letter-spacing: 0;
  }

  #home #main #r1 #banner nav > a {
      width: 42px;
      height: 42px;
  }

  #home #main #r1 #banner nav > a > svg {
      width: 100% !important;
      height: 100% !important;
  }

  #home #main #r1 #banner nav > a > i {
      font-size: 12px;
  }

  #home #main #r1 .rowMain .com .scr {
      bottom: 20px;
  }

  #home #main #r1 #banner nav > a.movePrev {
      transform: none;
      top: 60%;
  }

  #home #main #r1 #banner nav > a.moveNext {
      transform: none;
      top: 60%;
      right: 7vw;
  }

  #home #main #r1 .rowMain .com span {
      font-size: 14px;
  }

  #home #main #r1 #banner .Tcon {
      height: calc(100% - 100px);
      width: 76%;
  }

  #home #main #r1 #banner .Tcon .pageChange {
      right: auto;
  }

  #home #main #r1 #banner .Tcon .pageChange > li {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
  }

  #home #main #r1 #banner .Tcon .pageChange > li.on {
      background-color: rgba(255, 255, 255, 1);
  }

  #home #main #r2 .rowMain .com {
      justify-content: flex-start;
  }

  #home #main #r1 .rowMain .com .scr {
      display: flex;
      justify-content: center;
      bottom: 35px;
      align-items: center;
      font-size: 16px;
  }

  #home #main #r2 .rowMain .com .col-1 {
      width: 100%;
      min-height: 200px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
  }

  #home #main #r2 .rowMain .com .col-1 p {
      width: 100%;
  }

  #home #main #r2 .rowMain .com .col-1 .add {
      margin-top: 0.3rem;
  }

  #home #main #r2 .rowMain .com .col-2 {
      flex-wrap: wrap;
      padding-bottom: 0;
  }

  #home #main #r2 .rowMain .com .col-1 span {
      font-size: 14px;
  }

  #home #main #r2 .rowMain .com .col-1 .add i {
      font-size: 13px;
  }

  #home #main #r2 .rowMain .other {
      width: 100%;
      height: 35%;
      top: auto;
      bottom: 0;
  }

  #home #main #r2 .rowMain .other .pic .videoBtn {
      padding-top: 0.55rem;
      padding-bottom: 0;
  }

  #home #main #r2 .rowMain .com .col-2 .box {
      width: 47%;
      margin-bottom: 4%;
      min-height: 60px;
      margin-right: 10px;
  }
  .col-2 .delay-3{
    margin-right:10px !important;
  }

  #home #main #r2 .rowMain .com .col-2 .box small {
      display: none;
  }

  #home #main #r2 .rowMain .com .col-2 .box i {
      font-size: 22px;
  }

  #home #main #r3 .rowMain .com .list:nth-child(2n) {
      margin-top: 0;
  }

  #home #main #r3 .rowMain .com .list {
      width: 90%;
  }

  #home #main #r3 .rowMain .topic {
      margin-bottom: 30px;
  }

  #home #main #r3 .rowMain .com {
      height: calc(100% - 130px);
  }

  #home #main #r3 .rowMain .com .list .photo {
      padding-bottom: 92%;
  }

  #home #main #r3 .rowMain .com .list .photo .pic video {
      display: none;
  }

  #home #main #r3 .rowMain .com .list > .box {
      transform: scale(0.9);
      transition: transform 0.3s ease-in-out;
  }

  #home #main #r3 .rowMain .com .list.swiper-slide-active > .box {
      transform: scale(1);
  }

  #home #main #r3 .rowMain .com .list:hover .photo {
      transform: none;
  }

  #home #main #r3 .rowMain .com .swiper-pagination {
      display: flex;
  }

  #home #main #r3 .rowMain .com .swiper-wrapper {
      align-items: center;
      display: flex;
  }

  /*#home #main #r3 .rowMain .com{flex-direction: column;}*/
  /*#home #main #r3 .rowMain .com .list{height: 84px;width: 100%;margin-top: 10px!important;}*/
  /*#home #main #r3 .rowMain .com .list:hover .photo{transform: none;}*/
  /*#home #main #r3 .rowMain .com .list .photo{padding-bottom: 84px;}*/
  /*#home #main #r3 .rowMain .com .list .msg{height: 84px;padding: 0 10%;display: flex;justify-content: space-between;align-items: center;}*/
  /*#home #main #r3 .rowMain .com .list .msg i{font-size: 32px;}*/
  /*#home #main #r3 .rowMain .com .list .msg>div{width: calc(100% - 50px);}*/
  #home #main #r4 .component .Tcon .pageChange > li {
      height: 80px;
      width: 80vw;
  }

  #home #main #r4 .component nav > a {
      width: 42px;
      height: 42px;
  }

  #home #main #r4 .component nav > a > svg {
      width: 100% !important;
      height: 100% !important;
  }

  #home #main #r4 .component nav > a > i {
      font-size: 12px;
  }

  #home #main #r4 .rowMain {
      padding-top: 130px;
      justify-content: flex-start;
  }

  #home #main #r4 .component .Tcon .pageChange {
      width: max-content;
      transition: transform 0.5s ease-in-out;
  }

  #home #main #r5 .rowMain .topic {
      margin-bottom: 35px;
  }

  #home #main #r5 .rowMain .com {
      height: calc(100% - 130px);
      padding-top: 0.8rem;
  }

  #home #main #r5 .rowMain .com .list {
      width: 85%;
  }

  #home #main #r5 .rowMain .com .list .photo {
      margin-bottom: 20px;
  }

  #home #main #r5 .rowMain .com .list .msg h3 {
      margin-bottom: 30px;
  }

  #home #main #r5 .rowMain .com .list .msg .btn > svg {
      width: 46px !important;
      height: 46px !important;
  }

  #home #main #r5 .rowMain .com .list .msg .btn > i {
      font-size: 12px;
  }

  #home #main #r5 .rowMain .com .list .box {
      padding-top: 6vw;
  }
  #home #main #r5 .rowMain .com .list .photo .pic{transform: scale(1);z-index: 0;}

  /*.img_big_box.on .com .videoBox,*/
  .pop.on .com .videoBox {
      width: 84vw;
      height: 48vw;
  }

  .img_big_box .com .videoBox video,
  .pop .com .videoBox video {
      width: calc(100% - 30px);
  }

  #bloc footer .fMain .mid {
      flex-wrap: wrap;
      justify-content: space-between;
      padding-top: 20px;
  }

  #bloc footer .fMain .mid .col-4{
    display: none;
  }

  #bloc footer .fMain .top {
      display: none;
  }

  #bloc footer .fMain .mid .col-1 {
      width: 100%;
      padding-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
  }

  #bloc footer .fMain .mid .col-2 h2 {
      margin-bottom: 0;
      line-height: 40px;
  }

  #bloc footer .fMain .mid .col-3 {
      height: 40px;
      display: flex;
      align-items: center;
  }

  #bloc footer .fMain .mid .col-3 > a {
      padding: 0 8px;
  }

  #bloc footer .fMain .btm {
      flex-direction: column-reverse;
      padding: 8px 0 .5rem;
      height: auto;

  }

  #bloc footer .fMain .btm > div:nth-child(2) {
      justify-content: space-between;
      width: 100%;
      margin-bottom: .2rem;
      display: none;
  }

  #bloc footer .fMain .btm > div > a {
      margin: 0;
  }

  #bloc footer .fBg video {
      display: none;
  }

  .pub_case {
      /*width: 100%;*/
      /*padding-left: .4rem;*/
      /*padding-right: .4rem;*/
      width: 86%;
  }

  .con_block .con_body_block .new_con_case .new_list_box {
      padding-top: .6rem;
  }

  .new_list_box a {
      margin-right: 0;
      width: 100%;

  }

  .new_list_box a:last-child {
      margin-bottom: 0;
  }

  .new_list_box a .new_text .new_n {
      height: auto;
      display: block;
  }

  .new_list_box a .new_text .new_time {
      margin-bottom: .2rem;
      font-size: 12px;
  }

  .con_block {
      background-size: 100%;
  }

  .pub_page_box {
      padding-top: .4rem;
  }

  .con_block .con_body_block {
      padding-top: .9rem;
  }

  .con_body_block > div:first-child .ban_title_case {
      margin-top: 0;
  }

  .vid_hot_box a .video_hot_text {
      position: relative;
      padding: .37rem 0 0;
      color: #000;
  }

  .vid_hot_box .btn_play_sty {
      right: 0;
      bottom: 0;
      transform: none;
      top: auto;
      width: .6rem;
      height: .6rem;
  }

  .vid_hot_box .btn_play_sty i {
      color: #000;
      font-size: .6rem;

  }

  .vid_hot_box a .video_hot_text .vid_hot_t {
      margin-bottom: .11rem;
  }

  .video_list_box {
      display: block;

  }

  .video_list_box > a {
      width: 100%;
      display: block;
  }

  .hou_con_case {
      margin: 0 auto;
      width: 75%;
  }

  .hou_con_case > div .hou_list_box {
      justify-content: space-between;
  }

  .hou_con_case > div .hou_list_box > div {
      /*width: 47.5%;*/
      width: 100%;
      margin-right: 0;
      margin-bottom: .5rem;
  }


  .hou_con_case > div .hou_list_box > div .hou_text {
      height: auto;
  }

  .hou_con_case > div .hou_list_box > div .hou_text {
      margin-top: .2rem;
  }

  .pub_page_box a {
      font-size: 14px;
  }

  .pub_page_box a.on {
      font-size: 16px;
  }

  .ban_title_case {
      margin-top: .8rem;
  }


  .pub_sen_nav_case .pub_sen_nav_box .swiper-container {
      padding-top: 3px;
  }

  .fixed_nav_case {
      margin-top: -3px;
  }

  .webisode_body .web_con_box {
      /*flex-wrap: wrap;*/
      align-items: flex-start;
      /*margin-bottom: -.4rem;*/
      padding: .2rem 0.1rem;
  }

  .webisode_body .web_con_box > div {
      width: 47.5%;
      /*margin-bottom: .4rem;*/
      padding: 0 .1rem;
  }

  .webisode_body .web_con_box > div:nth-last-child(1),
  .webisode_body .web_con_box > div:nth-last-child(2) {
      margin-bottom: 0;
  }

  .webisode_body .web_con_box > div .web_t {
      margin-top: .2rem;
  }

  .con_block .con_top_block .pub_sen_nav_case .pub_sen_nav_box a {
      padding-left: .3rem;
      padding-right: .3rem;
      margin: 0;
  }

  .con_block .con_top_block .pub_sen_nav_case .pub_sen_nav_box a::before {
      content: '';
      display: block;
      height: 3px;

      left: .3rem;
      top: 100%;
      background-color: #d6031a;
      position: absolute;
      width: 0;
      transition: width .3s ease-in-out;
  }

  .con_block .con_top_block .pub_sen_nav_case .pub_sen_nav_box a.on::before {
      width: calc(100% - .6rem);
  }

  .con_block .con_top_block .pub_sen_nav_case .pub_sen_nav_box .swiper-slide:last-child a {
      margin-right: 0 !important;
  }

  .con_block .con_top_block .pub_sen_nav_case .pub_sen_nav_box. .swiper-slide:first-child a {
      margin-left: 0 !important;
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-container {
      overflow: hidden;
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-next.hav,
  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-prev.hav,
  .time_sel .swiper-button-next,
  .time_sel .swiper-button-prev,
  .pro_nav_se_box .swiper-button-prev,
  .pro_nav_se_box .swiper-button-next,
  .level_3_nav_box .swiper-button-prev,
  .level_3_nav_box .swiper-button-next {
      width: .4rem;
      text-align: center;
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-next,
  .time_sel .swiper-button-next,
  .pro_nav_se_box .swiper-button-next,
  .level_3_nav_box .swiper-button-next {
      transform: translate(100%, -50%);
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-prev,
  .time_sel .swiper-button-prev,
  .pro_nav_se_box .swiper-button-prev,
  .level_3_nav_box .swiper-button-prev {
      transform: translate(-100%, -50%);
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-next > div,
  .pub_sen_nav_case .pub_sen_nav_box .swiper-button-prev > div,
  .time_sel .swiper-button-next > div,
  .time_sel .swiper-button-prev > div,
  .pro_nav_se_box .swiper-button-next > div,
  .pro_nav_se_box .swiper-button-prev > div,
  .level_3_nav_box .swiper-button-next > div,
  .level_3_nav_box .swiper-button-prev > div {
      display: none;
  }

  .brand_body .ban_src1_mes_box {
      flex-wrap: wrap;
      margin-bottom: -.4rem;
      justify-content: space-between;
  }

  .brand_body .ban_src1_mes_box .pub_img_box {
      width: 47.5%;
      margin-bottom: .4rem;
  }

  .brand_body .brand_src2_block {
      padding-top: 0;
  }

  .brand_body .brand_src2_block .ban_src2_con {
      margin-top: .5rem;
  }

  .pc_sty {
      display: none;
  }

  .m_sty {
      display: block;
  }


  .btn_big_sty {
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
      /*transform: translate(-50%, -50%);*/
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      /*width: 1.6rem;*/
      /*height: 1.6rem;*/
      width: .8rem;
      height: .8rem;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, .95);
      color: rgba(0, 104, 182, 1);
      line-height: 1;
      z-index: 4;
      box-shadow: .3rem 0 .5rem -.2rem rgba(0, 0, 0, 0.3);
      border-radius: 0;
      border: 1px solid rgba(0, 104, 182, .1);
  }

  .btn_big_sty i {
      font-size: .5rem;
      display: block;
      text-align: center;
      /*margin-bottom: .15rem;*/

  }

  .big_sty_b > div {
      display: none;
  }

  .img_big_box .com .videoBox {
      opacity: 0;
      padding: .25rem;
      background-color: #fff;
      width: 90vw;

  }

  .img_big_box.on .com .videoBox {
      width: 90vw;
      max-height: 85vh;
      height: auto;
      opacity: 1;

  }

  .big_img_box {
      /*background-color: #fff;*/
      max-height: calc(85vh - .5rem);
      overflow: auto;
      /*opacity: 0;*/

  }

  .big_img_box img {
      max-width: 500vw;

  }

  .img_big_box.on .big_img_box {
      /*opacity: 1;*/
  }

  .img_big_box .com .videoBox > a.iconfont {
      top: -.7rem;
  }

  .brand_body .brand_src4_block .tz_case {
      margin-top: .5rem;
  }

  .brand_body .brand_src4_block .tz_case span {
      margin: 0 .1rem;
  }

  .brand_body .brand_src5_block {
      margin-top: .8rem;
  }

  .brand_body .brand_src5_block .js_case {
      margin-top: .5rem;
      display: block;
  }


  .brand_body .brand_src5_block .js_case .js_mess_box {
      width: 100%;
      margin-top: .3rem;

  }

  .brand_body .brand_src5_block .js_case .js_mess_box img {
      width: 65%;
      margin: 0 auto;
      display: block;
  }

  .brand_body .brand_src5_block .js_case .js_mess_box:first-child {
      width: 33.33%;
      margin: 0 auto;
      display: block;
  }

  .brand_body .brand_src6_block {
      margin-top: .8rem;
  }

  .brand_body .brand_src6_block .ss_case {
      margin-top: .5rem;
  }

  .brand_body .brand_src6_block .fy_case {
      margin-top: .5rem;
  }

  .brand_body .brand_src6_block .fy_case img {
      width: 20%;
  }

  .brand_body .brand_src6_block .jp_case {
      margin-top: .5rem;
  }

  .about_body .abo_block {
      margin-top: 0;
  }

  .about_body .abo_block .swiper-container .swiper-slide a {
      width: 3.8rem;
  }

  .about_body .abo_block .swiper-container .swiper-slide a > div {
      padding: 10% .3rem;
  }

  .about_body .abo_block .swiper-container .swiper-slide a > div i {
      margin-bottom: .1rem;
  }

  .about_body .abo_block .swiper-container .swiper-slide a > div .abo_src1_i {
      margin-top: .3rem;
  }

  .about_body .abo_src2_block {
      display: block;
      width: 100%;
      margin-top: .8rem;
  }

  .about_body .abo_src2_block .pub_img_box {
      width: 100%;
  }

  .about_body .abo_src2_block .pub_img_box::before {
      margin-top: 60%;
  }

  .about_body .abo_src2_block .abo_src2_tex_case {
      width: 100%;
  }

  .about_body .abo_src2_block .abo_src2_tex_case .abo_src2_tex {
      position: relative;
      top: auto;
      left: 0;
      transform: none;
      padding: .4rem;
  }

  .about_body .abo_src2_block .abo_src2_tex_case .abo_src2_tex .abo_src2_i {
      margin-top: .5rem;
      line-height: 1.833;
  }

  .about_body .abo_src3_block {
      margin-top: .8rem;
  }

  .about_body .abo_src3_block .pub_img_box {
      width: 100%;
      margin: .5rem auto 0;
  }

  .about_body .abo_src3_block .abo_src3_tab_case {
      position: relative;
      margin-top: .5rem;
      bottom: auto;
      left: 0;
      width: 100%;

  }

  .about_body .abo_src3_block .abo_src3_tab_case .abo_src3_tab .abo_src3_c {
      line-height: 2.3;
  }

  .about_body .abo_pub_tit {
      line-height: 1.5;
  }

  .about_body .abo_src4_block {
      margin-top: .8rem;
  }

  .about_body .abo_src5_block .abo_src5_b1 {
      display: block;
  }

  .about_body .abo_src5_block .abo_src5_b1 .abo_pub_text {
      width: 100%;
  }

  .about_body .abo_src5_block .abo_src5_b1 .abo_pub_info {
      width: 100%;
      margin-top: .3rem;
  }

  .about_body .abo_src5_block .abo_src5_b2 .abo_pub_text .abo_pub_info {
      margin-top: .3rem;
  }

  .about_body .abo_src5_block .abo_src5_b2 {
      display: block;
      margin-bottom: .8rem;
  }

  .about_body .abo_src5_block .abo_src5_b2 .pub_img_box {
      width: 100%;
      margin-left: 0;
      margin-bottom: .5rem;
  }

  .about_body .abo_src5_block .abo_src5_b2 .abo_pub_text {
      width: 100%;
  }

  .about_body .abo_src5_block .abo_src5_b3 {
      display: block;
  }

  .about_body .abo_src5_block .abo_src5_b3 .pub_img_box {
      width: 100%;
      margin: 0 auto .5rem;

  }

  .about_body .abo_src5_block .abo_src5_b3 .abo_pub_text {
      width: 100%;
  }

  .about_body .abo_src5_block .abo_src5_b3 .abo_pub_text .abo_pub_info {
      margin-top: .3rem;
  }

  .abo_pub_info br:nth-child(even) {
      /*display: none;*/
  }

  .about_body .con_block {
      /* padding-bottom: .9rem; */
      padding: 50px 20px;
  }


  .about_body .bottom_block > .pub_img_box {
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 2;
      left: 0;
      top: 0;
  }

  .about_body .bottom_block .abo_lc_block {
      position: relative;
      height: auto;
      padding: .9rem 0;
  }

  .about_body .bottom_block .abo_lc_block .pub_case {
      height: auto;
      width: 100%;
      padding: 0 .4rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top {
      position: relative;
      top: auto;
      transform: none;
      display: block;
      padding-left: .4rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top::before {
      width: 1px;
      height: calc(100% - .15rem);
      left: .1rem;
      top: .15rem;
      transform: none;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div {
      width: 100%;
      transform: none;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_top {
      position: relative;
      bottom: auto;
      margin-bottom: 0;

  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div {
      margin-bottom: .6rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom {
      position: relative;
      top: auto;
      margin-top: .4rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_bottom {
      position: relative;
      bottom: auto;
      display: block;
      padding-bottom: 0;

  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_top .abo_lc_i {
      margin-top: .3rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_bottom .abo_pub_info {
      width: 100%;
      margin-top: .3rem;
      margin-left: 0;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div > span {
      transform: translate(-0.4rem, -50%) rotate(45deg);
      position: absolute;
      left: 0;
      top: 0.27rem;
  }

  .about_body .abo_pub_info {
      line-height: 1.833;
  }

  .cou_body .cou_y {
      margin-top: 0;
      display: block;
  }

  .cou_body .cou_y .cou_y_right {
      margin-top: .4rem;
      width: 100%;
  }

  .cou_con_box > div .mes_con_box {
      width: 82%;
  }


  .cou_con_box > div .men_box {
      width: 18%;
  }

  .honor_body .hon_con_box {
      /*margin-top: .8rem;*/
      padding-left: 10%;
      padding-right: 10%;
      /*padding-top: .8rem;*/
  }

  .honor_body .hon_con_box .swiper-container {
      width: 100%;
  }

  .honor_body .hon_con_box .swiper-container .active .honor_con_me .pub_img_box {
      box-shadow: none;
  }

  .honor_body .hon_nav_box {

      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: initial;
  }

  .honor_body .hon_box_case .hon_box {
      position: relative;
  }

  .group_body .gro_list_box {
      display: block;
  }

  .group_body .gro_list_box a .gro_t {
      margin-top: .2rem;
  }

  .group_body .gro_list_box a {


      display: block;
      width: 100%;
  }

  .group_body .gro_list_box a:last-child {
      padding-bottom: 0;
  }

  .group_body .con_block {
      padding-bottom: .8rem;
  }

  .base_profile_body .con_block > .pub_case > div {
      padding-top: 1px;
  }

  .base_profile_body .base_src1_block .bas_src1_mes_box {
      display: block;
      margin-top: .5rem;
  }

  .base_profile_body .base_src1_block .bas_src1_mes_box .pub_img_box {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }

  .base_profile_body .base_src1_block .bas_src1_mes_box .has_info {
      width: 100%;
      margin-top: .35rem;
  }

  .base_profile_body .base_src1_block .bas_src1_mes_box .has_info br:nth-child(even) {
      display: none;
  }

  .base_profile_body .base_src3_block .bas_src3_con_case {
      display: block;
  }

  .base_profile_body .base_src3_block .bas_src3_con_case .base_src3_img_box {
      width: 110%;
  }

  .base_profile_body .base_src3_block .bas_src3_con_case .base_src3_tex_box {
      margin-top: .5rem;
      width: 100%;
  }

  .nav-down ol {
      background-color: rgba(0, 0, 0, .3);
  }

  .nav-down ol a {
      width: 100%;
      display: inline-block;
      color: #fff;
      height: 38px;
      line-height: 38px;
      padding: 0 24px;
      /*text-indent: 10px;*/
      opacity: 0.7;
  }

  .nav-down .go-child {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
  }

  .nav-down .go-child i {
      height: 44px;
      line-height: 44px;
      position: absolute;
      right: 24px;
      top: 0;
      font-size: 12px;
      width: 44px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
  }

  .nav-down .go-child.on i {
      transform: rotate(
              90deg);
      -webkit-transform: rotate(
              90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
  }

  .con_block .con_body_block .hots_block .hots_n {
      padding-top: 0;
  }

  .group_body .gro_sha_box .gro_sha_con_box {
      width: 90%;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box {
      display: block;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .pub_img_box {
      width: 100%;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .pub_img_box::before {
      margin-top: 25vh;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .gro_inf_box {
      max-height: 50vh;
      margin-top: .3rem;
      width: 100%;
      padding-right: 0;
  }

  .group_body .gro_sha_box .gro_sha_con_box .close_btn, .pop .com .videoBox > a.iconfont, .img_big_box .com .videoBox > a.iconfont {
      right: -.2rem;
      top: -.7rem;
  }

  .hou_con_case > div .hou_list_box > div .hou_img_box .hou_btn_box {
      opacity: 1;
      position: relative;
      transform: none;
      top: auto;
      margin-top: .2rem;
      display: flex;
      justify-content: space-between;

  }

  .hou_con_case > div .hou_list_box > div .hou_img_box {
      box-shadow: none;
  }

  .hou_con_case > div .hou_list_box > div .hou_img_box .pub_img_box {
      box-shadow: 0px 30px 120px 0px rgba(47, 64, 77, 0.1);
  }

  .hou_con_case > div .hou_list_box > div .hou_img_box .hou_btn_box .btn_sty {
      margin: 0;
      width: 47.5%;
  }

  .cou_body .level_3_nav_case .level_3_nav_box a {
      min-width: auto;
  }

  .new_det_banner .det_banner_text > div {
      width: 86%;

  }

  .new_det_banner .det_banner_text > div .new_mes {
      display: block;
  }

  .new_det_banner.on .det_banner_text > div .new_mes > div {
      width: 100%;
  }

  .new_det_banner.on .det_banner_text > div .new_mes .a_box {
      margin-top: 1rem;
      position: absolute;
      top: 100%;
      right: 0;
  }

  .news_d_body .con_block .con_body_block .new_ud_box {
      display: block;
      margin-top: .5rem;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_link_b {
      width: 100%;
      margin-top: .5rem;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_sha_b .n_t {
      margin-bottom: 0;
  }

  .news_d_body .con_block .con_body_block .new_d_box {
      font-size: .28rem;
  }

  .news_d_body .con_block .con_body_block .new_d_box p {
      padding-bottom: .2rem;
  }

  .news_d_body .con_block .con_body_block .new_d_box p:last-child {
      padding-bottom: 0;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_link_b > div {
      margin-bottom: .1rem;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_link_b > div:last-child {
      margin-bottom: 0;
  }

  .sof_body .sof_list_box {
      margin-top: 0;
      justify-content: space-between;

  }

  .sof_body .sof_list_box a {
      width: 47.5%;
      margin-right: 0;
  }

  .sof_body .sof_list_box a .pub_img_box {
      width: 50%;
  }

  .sof_body .sof_list_box a .btn_hollow_out {
      width: 2.25rem;
      height: .7rem;
      margin-top: .3rem;
      background-color: rgba(214, 3, 26, 1);
  }

  .contact_body .con_block {
      padding-top: 0;
  }

  .contact_body .contact_src1_block .contact_con_box {
      margin-top: .5rem;
      display: block;
  }

  .contact_body .contact_src1_block .contact_con_box .pub_img_box {
      width: 100%;
  }

  .contact_body .contact_src1_block .contact_con_box .contact_text_case {
      width: 100%;
      margin-top: .3rem;
  }

  .contact_body .contact_src1_block .contact_con_box .contact_text_case .con_text_box {
      margin-bottom: .2rem;
      display: block;
  }

  .contact_body .contact_src1_block .contact_con_box .contact_text_case .con_text_box:last-child {
      margin-bottom: 0;
  }

  .purchase_body .con_block {
      padding-top: 0;
  }

  .purchase_body .con_block .pur_list_box a > div:first-child {
      width: 70%;
  }

  .purchase_body .con_block .pur_list_box a > div:nth-child(2) {
      width: 30%;
  }

  #bloc header .app-nav .col-1 > img {
      pointer-events: none;
  }

  #bloc header .app-nav .col-1 {
      height: 48px;
  }

  .pub-wel_body .level_3_nav_case .pub_case,
  .practice_body .level_3_nav_case .pub_case,
  .communicate_body .level_3_nav_case .pub_case {
      width: 95%;
  }

  .btn_sty {
      height: .7rem;
  }


  .party_body .party_src1_block {
      display: block;
      margin-top: 0;
  }

  .party_body .party_src1_block .pub_img_box {
      width: 100%;
  }

  .party_body .party_src1_block .party_src1_tex {
      margin-top: .5rem;
      width: 100%;
  }

  .btn_big {
      position: relative;
  }

  .pub_tex_info span br {
      display: none;
  }

  .party_body .party_src3_block {
      padding-left: .4rem;
      padding-right: .4rem;
      padding-bottom: .8rem;
  }

  .party_body .party_src3_block .pub_title_sty_case > img {
      display: none;
  }

  .party_body .party_src3_block .pub_title_sty_case .pub_title_sty {
      margin-top: -.25em;
      padding: 0;
  }

  .party_body .party_src3_block .party_src3_con {
      display: block;
  }

  .party_body .party_src3_block .party_src3_con .pub_img_box {
      width: 55%;
      margin: 0 auto .5rem;
  }

  .party_body .party_src3_block .party_src3_con .pub_title_sty_case {
      width: 100%;
  }

  .party_body .party_src4_block .party_src4_con {
      flex-wrap: wrap;
  }

  .party_body .party_src4_block .party_src4_con > div {
      width: 100%;
      padding: .4rem;
      background-color: #fff;
      margin-bottom: .4rem;

  }

  .party_body .party_src4_block .party_src4_con > div:last-child {
      margin-bottom: 0;
  }

  .party_body .party_src5_block .party_src5_con .cou_con_box > div:first-child .mes_con_box div {
      padding-left: .3rem;
  }

  .party_body .party_src4_block .party_src4_con > div > div:nth-child(2) {
      font-size: 14px;
  }

  .communicate_body .com_src1_block {
      margin-top: 0;
      display: block;
  }

  .communicate_body .com_src1_block .pub_tex_info {
      width: 100%;
  }

  .communicate_body .com_src3_block > div > div {
      padding-left: .2rem !important;
      padding-right: .1rem !important;
  }

  .communicate_body .com_src3_block > div > div:nth-child(2) {
      width: 36.75%;
  }

  .communicate_body .com_src3_block > div > div:nth-child(1) {
      width: 26.75%;
  }

  .pub_title_sty_case {
      margin-top: .8rem;
  }

  .pub_tex_info br:nth-child(even) {
      display: none;
  }

  .eco_src5_block .pub_tex_info br:nth-child(even) {
      display: block;
  }

  .practice_body .pra_src_gx {
      flex-wrap: wrap;
      align-items: flex-start;
      margin-top: 0;
  }

  .practice_body .pra_src_gx .pub_img_box {
      width: calc((100% - .6rem) / 3);
      margin-bottom: .3rem;

  }

  .practice_body .pra_src1_con {
      width: 100%;
  }

  .practice_body .pra_src_gx .pub_img_box:nth-last-child(1),
  .practice_body .pra_src_gx .pub_img_box:nth-last-child(2),
  .practice_body .pra_src_gx .pub_img_box:nth-last-child(3) {
      margin-bottom: 0;
  }

  .practice_body .pra_ry_img_box {
      display: block;
  }

  .practice_body .pra_ry_img_box > div {
      width: 100%;
      margin-bottom: .6rem;
  }

  .practice_body .pra_ry_img_box > div:last-child {
      margin-bottom: 0;
  }

  .practice_body .pra_ry_img_box > div:first-child .pub_img_box {
      width: 100%;
  }

  .practice_body .pra_table_case .pra_table_box .pub_img_box:nth-child(odd),
  .practice_body .pra_table_case .pra_table_box .pub_img_box:nth-child(even) {
      width: 100%;
  }

  .pub-wel_body .wel_src1_block .wel_src1_box {
      display: block;
  }

  .pub-wel_body .wel_src1_block .wel_src1_box {
      margin-top: 0;
  }

  .pub-wel_body .wel_src1_block .wel_src1_box:nth-child(2) .pub_img_box,
  .pub-wel_body .wel_src1_block .wel_src1_box .pub_img_box {
      width: 100%;
  }

  .pub-wel_body .wel_src1_block .wel_src1_box .pub_tex_info {
      width: 100%;
      margin-top: .3rem;
      margin-bottom: .6rem;
  }

  .sof_body .level_3_nav_case .level_3_nav_box {
      width: 100%;
  }

  .sof_body .con_block .con_body_block {
      padding-bottom: .9rem;
  }

  .system_body .sys_src2_img_box .pub_img_box {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }

  .system_body .sys_src2_img_box .pub_img_box img {
      position: relative;
      left: auto;
      top: auto;
      bottom: auto;
      right: auto;
      width: 47.5% !important;
      margin-bottom: 2%;
  }

  .system_body .sys_src2_img_box .pub_img_box img:nth-child(1),
  .system_body .sys_src2_img_box .pub_img_box img:nth-child(4) {
      margin-right: 5%;
  }

  .system_body .sys_src2_img_box .pub_img_box img:nth-child(3) {
      transform: none;
      left: auto;
      top: auto;
      margin-left: 20%;
      margin-right: 20%;
  }

  .system_body .sys_src2_img_box .pub_img_box img :last-child {
      margin-bottom: 0;
  }

  .system_body .sys_src2_img_box .pub_img_box::before {
      display: none;
  }

  .system_body .sys_src3_img_box {
      width: 100%;
  }

  .system_body .sys_src4_list {
      flex-wrap: wrap;
  }

  .system_body .sys_src4_list .sys_src4_l_con {
      width: 100%;
  }

  .environment_body .env_src3_mes_box .sha_tra {
      display: none;
  }

  .mce_body .mce_src1_box {
      flex-wrap: wrap;
      margin-bottom: 0;
  }

  .mce_body .mce_src1_box .pub_img_box {
      margin-left: 0;
      width: 100%;
  }

  .mce_body .mce_src1_box .mec_src1_tex {
      width: 100%;
      margin-top: .3rem;
  }

  .mce_body .mce_src1_box .mec_src1_tex .mce_tj {
      margin-top: .3rem;
  }

  .sub_body .pro_l_sub_con .pro_nav {
      display: none;
  }

  .products_body .con_block {
      padding-top: 0;
  }

  .products_body .pro_list_box {
      flex-wrap: wrap;
  }

  .pro_list_box a {
      width: 100%;
      margin-right: 0;
      margin-bottom: 5%;
      box-shadow: 0 .3rem 1.2rem 0 rgba(47, 64, 77, 0.05);
  }

  .pro_list_box a .pro_list_text_box {
      bottom: 5%;
  }

  .pro_list_box a:last-child {
      margin-bottom: 0;
  }

  .pro_list_box a .pro_list_text_box > div {
      opacity: 1;
  }

  .pro_list_box a .pro_list_text_box .pro_list_i {
      opacity: .6;
  }

  .pro_list_box a {
      padding-bottom: 24%;
  }

  .sub_body .pro_l_sub_con .pro_nav_se_box {
      padding-top: 68px;
      width: 86%;
      margin-left: auto;
      margin-right: auto;
  }

  .sub_body .pro_l_sub_con .pro_con_box {
      width: 86%;
      margin-left: auto !important;
      margin-right: auto;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_img_box {
      width: 100%;
      margin-top: .9rem;
      /*margin-bottom: .8rem;*/
      margin-bottom: .5rem;
      padding-left: 7.5%;
      padding-right: 7.5%;

  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .swiper-slide a {
      max-width: 30vw;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .swiper-slide a .pub_img_box {
      width: 25vw;
      height: auto;
  }


  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .swiper-slide a .pub_img_box::before {
      margin-top: 57.07%;
      display: block;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .pro_scr_box > div:nth-child(1) {
      display: none;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .pro_scr_box {
      margin-top: .5rem;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box .pro_scr_box > div:nth-child(2) {
      width: 100%;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_nav_box {
      width: 100%;
      padding-right: 0;
  }

  .sub_body .pro_l_sub_con {
      height: auto;
      padding-bottom: .9rem;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_d_img_box {
      width: 100%;
      padding-top: .5rem;
  }

  .sub_body .pro_l_sub_con .pro_con_box {
      flex-wrap: wrap;
  }

  .pro_con_box .swiper-button-prev, .pro_con_box .swiper-button-next {
      top: 14.2036vw;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_img_box a .pub_img_box {
      width: 100%;

      height: auto;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_img_box a .pub_img_box::before {
      margin-top: 60%;
      display: block;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_nav_box .swiper-slide a .pub_img_box {
      width: 25vw;
      height: auto;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_nav_box .swiper-slide a .pub_img_box::before {
      margin-top: 57.07%;
      display: block;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_img_box a .pub_img_box {
      height: auto;

  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_sub_img_box a .pub_img_box::before {
      margin-top: 57.07%;
      display: block;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_nav_box .swiper-slide a {
      margin-right: 3.905vw;

  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_nav_box .swiper-slide:last-child a {
      margin-right: 0;
  }

  .pro_d_body .pro_d_text_box {
      width: 100%;
      margin-top: .6rem;
  }

  .pro_d_body .pro_d_text_box .pro_d_con_box {
      height: auto !important;
  }

  .pro_d_body .pro_d_text_box .btn_sty_w {
      width: 2rem;
  }

  .pro_d_body .pro_l_sub_con .pro_con_box .pro_d_img_box .pro_sub_nav_box {
      overflow: visible;
      padding-left: 0;
  }

  .sub_body .pro_l_sub_con .pro_con_box.on .pro_sub_nav_box {
      padding-left: 0;
      width: 100%;
      margin-left: 0;
      margin-top: .5rem;
  }

  .pub_sen_nav_case .pub_sen_nav_box .swiper-slide {
      flex: none;
      width: auto;

  }

  .pub_sen_nav_case .pub_line {
      display: none;
  }

  .about_body .abo_block .swiper-scrollbar {
      margin-top: .5rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom > div .lx_b_left {
      width: 100%;
      border-right: 1px solid rgba(18, 27, 44, .1);
      padding-right: .4rem;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom > div::before {
      left: 30%;
      display: none;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom > div .lx_b_right {
      padding-right: .27rem;
      width: auto;
      text-align: center;
      max-width: 70%;
      padding-left: .4rem;

  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom > div {
      padding: .2rem 0;
      justify-content: center;
  }

  .about_body .bottom_block .abo_lc_block .abo_lc_top > div .lx_bottom > div .lx_b_right .lx_b_r_i {
      margin-top: .1rem;
  }

  /*.pub_title_sty_case > img {*/
  /*    display: none;*/
  /*}*/
  /*.pub_title_sty_case .pub_title_sty {*/
  /*    margin-top: 0 !important;*/
  /*    padding: 0 !important;*/
  /*}*/
  .ban_title_case {
      margin-top: .8rem !important;
      margin-bottom: .3rem !important;
  }

  .level_3_nav_case .level_3_nav_box a {
      height: .8rem;
      line-height: .8rem;
  }

  .level_3_nav_case .level_3_nav_box .swiper-slide {
      width: auto;
  }

  .level_3_nav_case .level_3_nav_box .swiper-slide a {

      padding: 0 .3rem;
  }

  .cou_body .cou_y .cou_y_left {
      width: 100%;
      padding-right: 0;
  }

  .cou_body .cou_y .cou_y_left .cou_time {
      margin-bottom: .3rem;
  }

  .cou_con_box > div .men_box span:nth-child(2) {
      margin-left: .1rem;
  }

  .communicate_body .com_src1_block .pub_title_sty_case {
      width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: .3rem;
  }

  .communicate_body .com_src1_block .pub_title_sty_case img {
      margin-right: .3rem;
  }

  .communicate_body .com_src1_block .pub_title_sty_case .pub_title_sty {
      padding-top: 0;
      margin-top: 0;
  }

  .pub_tex_info {
      margin-top: -.45em;
      margin-bottom: -.45em;
  }

  .practice_body .pra_src1_con .pra_src1_name {
      font-size: 13px;
  }

  .practice_body .par_title {
      margin-top: .5rem;
      margin-bottom: .3rem;
  }

  .party_body .party_src2_block .party_src2_img {
      margin-bottom: .5rem;
  }

  .practice_body .pra_ry_img_box > div .pub_img_box {
      margin-bottom: .48rem;
  }

  .swiper-button-prev, .swiper-button-next {
      width: .84rem;
      height: .84rem;
      line-height: .84rem;

  }

  .swiper-button-prev i, .swiper-button-next i {
      font-size: 12px;

  }

  .swiper-button-prev {
      transform: translate(-6vw, -50%);
  }

  .swiper-button-next {
      transform: translate(6vw, -50%);
  }


  .hon_box .swiper-button-prev, .hon_box .swiper-button-next {
      top: 1.75rem;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .gro_inf_box .gro_inf_i {
      margin-bottom: .3rem;
      margin-top: .2rem;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .gro_inf_box .gro_inf_t {
      margin-top: .3rem;
  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .gro_inf_box .btn_sty {
      margin-top: .3rem;
      width: 100%;
      border-color: transparent;
      color: #fff;

  }

  .group_body .gro_sha_box .gro_sha_con_box .gro_mess_box .gro_inf_box .btn_sty > div {
      background-color: rgba(211, 0, 34, 1);
  }

  .ecology_body .eco_src1_img {
      width: 100%;
      margin-top: .5rem;
  }

  .eco_src5_block .btn_big {
      display: none;
  }


  .group_body .gro_sha_box .gro_sha_con_box .close_btn {
      font-size: .5rem;
      color: #fff;
  }

  .con_block .con_top_block {
      z-index: 100;
  }

  .pro_list_zt {
      font-size: 9px;
  }

  .sub_body .pro_l_sub_con .pro_con_box .pro_d_img_box .btn_video_sty {
      transform: scale(0.8) translateY(-30%);
  }

  .pro_d_body .pro_d_text_box .pro_d_con_box .pro_d_m {
      padding-left: 0;
  }

  .pro_d_xj_n {
      position: relative;
      padding-left: .6rem;

  }

  .pro_d_body .pro_d_text_box .pro_d_con_box .pro_d_m span {
      top: 10px;
      font-size: 18px;
  }

  .sol_src_block a {
      width: 100%;
      margin-right: 0;
      margin-bottom: .3rem;
  }

  .sol_src_block a:last-child {
      margin-bottom: 0;
  }

  .solution_d_body .sol_d_src2_block .sol_d_con_case .sol_d_con_box {
      width: 100%;
      margin-bottom: .4rem;
      margin-top: 0;
      margin-right: 0;
  }

  .solution_d_body .sol_d_src2_block .sol_d_con_case .sol_d_con_box:last-child {
      margin-bottom: 0;

  }

  .solution_d_body .sol_d_src2_block .sol_d_con_case .sol_d_con_box .pub_tex_info {
      margin-top: .1rem;
  }

  .solution_d_body .sol_d_src3_block .sol_d_src3_con .sol_d_src3_box {
      width: 100%;
      margin-right: 0;
      margin-bottom: .4rem;
      margin-top: 0;
  }

  .solution_d_body .sol_d_src3_block .sol_d_src3_con .sol_d_src3_box:last-child {
      margin-bottom: 0;
  }

  .team_body .team_src2_mes_box {
      flex-wrap: wrap;
  }

  .team_body .team_src2_mes_box .team_src2_case {
      width: 22%;
      padding-top: 22%;
      margin: 1% 5% 0 !important;
  }

  .team_body .team_src2_mes_box .team_src2_case:nth-child(1) {
      margin-left: 20% !important;
      margin-top: 0 !important;
  }

  .team_body .team_src2_mes_box .team_src2_case:nth-child(2) {
      margin-right: 20% !important;
      margin-top: 0 !important;
  }

  .team_body .team_src2_mes_box {
      margin-top: 9.2%;
      padding-bottom: 6%;
  }

  .team_body .team_src5_block .team_hz_l > a {
      width: 30%;
      margin-right: 5%;
      margin-bottom: 5%;
      align-items: center;
  }

  .team_body .team_src5_block .team_hz_l > a:nth-child(3n) {
      margin-right: 0;
  }

  .network_body .con_body_block {
      padding-left: 0;
  }

.net_con_case {
      width: 100%;
  }

.net_tex_box .dot_sty > div:nth-child(1) div {
      font-size: 8px;
      bottom: 80%;
  }

.net_tex_box .dot_sty > div:nth-child(1).col_r div {
      bottom: 0;
  }

.net_tex_box.m_sty {
      position: relative;
      height: auto;

  }

.net_tex_box.m_sty .dot_sty {
      position: relative;
      left: 0 !important;
      top: 0 !important;
      margin-top: 0;
      margin-left: 0;
      margin-top: .3rem;
  }

.net_tex_box.m_sty .dot_sty > div:nth-child(1) {
      display: none;
  }

.net_tex_box.m_sty .dot_sty > div.dot_sha {
      display: block;
      position: relative;
      width: 100%;
      opacity: 1;
      left: 0;
      top: 0;
      pointer-events: all;
      transform: none;

  }

.net_tex_box.m_sty .dot_sty > div.dot_sha .dot_sha_ms .pub_tex_info {
      margin-top: .15rem;
  }

  table + .pub_tex_info {
      margin-top: calc(.3rem - .45em);
  }

  .realtime_body .team_src4_block .team_src4_mes_box .team_src4_case {
      width: 33.33%;
      padding-left: .1rem;
      padding-right: .1rem;
  }

  .realtime_body .team_src4_block .team_src4_mes_box .team_src4_case:nth-child(2) {
      width: 33.33%;
  }

  .realtime_body .team_src4_block .pub_tex_info {
      margin-top: .35rem;
  }

  .realtime_body .team_src4_block .pub_tex_info br {
      display: none;
  }

  .added_body .added_src_con {
      display: block;
  }

  .added_body .added_src_con > .pub_img_box {
      width: 100%;

  }

  .added_body .added_src_con .pub_tex_info {
      width: 100%;
      margin-top: .3rem;
  }

  .added_body .added_src2_block {
      margin-top: .8rem;
  }

  .added_body .added_src2_block .added_src2_con {
      display: block;
      position: relative;
  }

  .added_body .added_src2_block .added_src2_con img {
      /*width: 56%;*/
      width: 45%;
      display: block;
      margin-top: .4rem;
      max-width: 100%;
  }

  .added_body .added_src2_block .added_src2_con img:nth-child(3) {
      position: absolute;
      right: 0;
      top: -.4rem;
  }

  .added_body .added_src2_block .added_src2_con img:nth-child(2) {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
  }

  .base_profile_body .base_src3_block .bas_src3_con_case .base_src3_tex_box > div {
      margin-bottom: .2rem;
      line-height: 1.875;
  }

  .eco_src1 .pub_tex_info {
      margin-bottom: 0;
  }

  .base_profile_body .base_src3_block .bas_src3_con_case .base_src3_tex_box > div:last-child {
      margin-bottom: 0;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box {
      max-height: none;
      height: auto;
      margin-right: 0;
      padding-right: 0;
      display: block;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box > div {
      width: 100%;
      margin-bottom: .3rem;
      padding: .2rem;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box > div:last-child {
      margin-bottom: 0;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box > div .pub_img_box {
      width: 20%;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box > div .bas_src4_tex {
      width: 73.6%;
  }

  .base_profile_body .base_src4_block .bas_src4_mes_box > div .bas_src4_tex .eco_src1 .pub_tex_info {
      margin: 0;
  }

  .system_body .sys_src1_img_box {
      width: 100%;
  }

  .environment_body .env_src2_mes_box .env_src2_t div {
      text-align: justify;
  }

  .environment_body .env_src3_pub_title {
      margin-bottom: .3rem;
      margin-top: .4rem;
  }

  .environment_body .env_src3_block:last-child .env_src3_pub_title {
      margin-top: .4rem;
  }

  .environment_body .env_src3_mes_box {
      width: 85%;
      margin-right: auto;
      margin-left: auto;
      overflow: hidden;
  }

  .mce_body .mce_src1_box .mec_src1_tex .mce_tj .pub_tex_info {
      margin-bottom: 0;
  }

  .concept_body .concept_src_block .concept_src1_img {
      width: 100%;
      margin: .5rem auto 0;
  }

  .concept_body .concept_src4_img {
      width: 100%;
      margin: .5rem auto 0;
  }

  .concept_body .concept_src5_con .concept_case_box {
      padding-bottom: .55rem;
      width: 100%;
  }

  .concept_body .concept_src5_con .concept_case_box .concept_i {
      height: auto;
  }

  .concept_body .concept_hint_box {
      margin-top: .4rem;
  }

  .join_environment_body .join_env_src2_block .join_list_box a {
      width: 47.5%;
      margin-right: 0;
      margin-bottom: 5%;
  }

  .join_environment_body .join_env_src2_block .join_list_box {
      justify-content: space-between;
      align-items: flex-start;
  }

  .join_environment_body .join_env_src2_block .join_list_box a .btn_big_sty {
      display: none;
  }

  .join_environment_body .join_env_lb_sha_box .join_env_case {
      width: 90%;
  }

  .join_environment_body .join_env_lb_sha_box .btn_close_lh {
      bottom: auto;
      top: -.7rem;
      right: -.2rem;
  }

  .join_env_case .swiper-button-prev,
  .join_env_case .swiper-button-next {
      top: 110%;
  }

  .join_env_case .swiper-button-prev {
      left: 50%;
      transform: translateX(-120%);
  }

  .join_env_case .swiper-button-next {
      right: 50%;
      transform: translateX(120%);
  }

  .banner_block.on .pub_n_case > div .pub_sty_block {
      width: 1.2rem;
      height: 1.2rem;
  }

  .banner_block.on .pub_n_case > div .pub_title {
      font-size: 20px;
      margin-bottom: 0.1rem;
  }

  .banner_block.on .pub_n_case > div .pub_title_en {
      font-size: 14px;
  }

  #bloc footer .fMain .btm > div p {
      text-align: center;
  }

  #bloc footer .fMain .btm > div p a {
      display: block;
  }

  #bloc footer .fMain .mid .col-3 > div .inter {
      display: block;
  }

  .btn_go_back div {
      font-size: 12px;
      margin-bottom: .05rem;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_sha_b .share .n_i a {
      font-size: 20px;
  }

  .news_d_body .con_block .con_body_block .new_ud_box .new_d_sha_b .share .social-share .social-share-icon {
      background-color: transparent;
  }

  .social-share .icon-wechat .wechat-qrcode {
      left: -10px;
  }

  .social-share .icon-wechat .wechat-qrcode:after {
      left: 26px;
  }

  #bloc header .app-nav .col-2 .menu > .child > ul > ol > li > a {
      text-indent: 0;
  }

  .realtime_body .team_src4_block .team_src4_mes_box .team_src4_case .team_src4_c > div.team_src4_n {
      line-height: 1.5;
      margin-top: 1px;
  }

  .realtime_body .team_src4_block .team_src4_mes_box .team_src4_case .team_src4_c > div.team_src4_n br {
      display: block;
  }

  .realtime_body .team_src4_block .pub_tex_info {
      line-height: 1.5;
      color: #666666;
  }

  .platform_body .pla_src1_img_box {
      flex-wrap: wrap;
      justify-content: center;
      padding-left: 0;
  }

  .platform_body .pla_src1_img_box .pla_phone_box {
      width: 40%;
      margin: 0 5% .5rem;
  }

  .new_list_box a .pub_img_box::before {
      /*margin-top: 50.035%;*/
  }

  .concept_body .concept_src2_con > div div {
      line-height: 1.4;
  }

  .team_body .team_src5_block .team_src5_mes_box .swiper-container .swiper-slide {
      padding-left: .05rem;
  }

  .team_body .team_src5_block .team_src5_mes_box {
      position: relative;
  }

  .team_src5_mes_box .swiper-button-prev, .team_src5_mes_box .swiper-button-next {
      top: calc(0.8rem + 3.5px);
  }

  .team_src5_mes_box .swiper-button-prev {
      transform: translate(-7vw, -50%);
  }

  .team_src5_mes_box .swiper-button-next {
      transform: translate(7vw, -50%);
  }

  .solution_body .solu_nav_box .solu_name {
      font-size: 20px;
  }

  .solution_body .solu_nav_box {
      width: 86%;
  }

  .sol_src_block a span {
      width: calc(100% - 52px);
      font-size: 16px;
  }

  .icon_sty {
      width: 36px;
      height: 36px;
  }

  .icon_sty:before {
      width: 80%;
      height: 80%;
  }

  .icon_sty i {
      transform: none;
  }

  .solution_body .solu_nav_box .solu_name_en {
      font-size: 12px;
  }

  .search_body .video_list_box {
      margin-top: 0;
  }

  .search_body .search_case {
      padding-top: 1.8rem;
      padding-bottom: 0;
  }

  .search_body .con_block {
      padding-top: 0;
  }

  .search_body .con_block .con_body_block > div:first-child > .ban_title_case:nth-child(1) {
      padding-top: .8rem;
  }

  .solution_body .con_block {
      background-size: cover;
  }

  .vid_hot_box .pub_img_box::before {
      margin-top: 54.035%;
  }

  .con_block .con_body_block .hots_block .hots_con .swiper-slide a::before {
      /*margin-top: 50.035%;*/
  }

  .pub_n_case .pub_case {
      width: 62.5%;
  }

  .products_body .banner_block .pub_n_case > div .pro_benner_link {
      position: absolute;
      left: 90%;
  }

  .pro_scr_box {
      display: none !important;
  }

  .news_d_body .con_block .con_body_block .new_d_box img {
      height: auto !important;
  }
  .environment_body .env_src3_block .env_src3_pub_title{
      margin-top: .4rem;
  }
  .news_d_body .con_block .con_body_block .new_ud_box .new_d_sha_b .share{margin-top: .3rem;}

  #bloc footer .fBg{
      opacity: 1;
  }
  .pro_d_body .pro_d_text_box .pro_d_con_box .pro_d_m .pro_d_xj_n{
      min-height: 1.57em;
  }
  #bloc footer .fBg video{
      display: none;
      opacity: 0;
      pointer-events: none;
  }
  .solution_d_body .sol_d_src4_block .sol_d_src4_con{
      display: block;
  }
  .solution_d_body .sol_d_src4_block .sol_d_src4_con .sol_d_src4_box{
      width: 100%;
      margin-right: 0;
      margin-bottom: .3rem;

  }
  .solution_d_body .sol_d_src4_block .sol_d_src4_con .sol_d_src4_box:last-child{
      margin-bottom: 0;
  }
  .btn_go_back{
      right: .3rem;
  }
  .inter > span{
      padding: 0 8px;
  }
}

@media screen and (max-height: 620px) {
  #loading .con .rang{position: absolute;top: 350px;left: 0;}
}