.navmob-hidden{
      width:0px!important;
      overflow: hidden;
      transition: all .1s linear 100ms ; 
  -webkit-transition: all .1s linear 100ms;
  }
  .navx-mob-menu{
      display: none;
      width: 0px;
      flex: 1;
      text-align: right;
  }
  .navmob-modalbg{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  background:#000;
  position:fixed;
  z-index:99999999;
  left:0px;
  top:0px;
  opacity:0.3;
  transition: all .1s linear 100ms ; 
  -webkit-transition: all .1s linear 100ms;
  }
  
  .navmob-modal{
      transition: all .1s linear 100ms ; 
  -webkit-transition: all .1s linear 100ms;
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  background:#fff;
  position:fixed;
  z-index:999999999;
  left:0px;
  top:0px;
  opacity:1;
  }
  
  .navmob-navmob{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  height:100%;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  }
  
  .navmob-navmob-t{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  }
  
  .navmob-navhead{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  justify-content:space-between;
  width:100%;
  height:50px;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  border-bottom: solid 1px #eee;
  }
  
  .navmob-navhead-l{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:50%;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  }
  
  .navmob-navhead-l .img1{
  width:auto;
  height:30px;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  object-fit:cover;
  }
  
  .navmob-navhead-r{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  width:30px;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  }
  
  .navmob-navhead-r>.label-close{
  margin:0px 0px;
  padding:0px 0px;
  font-size:20px;
  font-weight:normal;
  color:red;
  cursor:pointer;
  }
  
  .navmob-navmob-b{
  box-sizing:border-box;
  flex:1;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:center;
  width:100%;
  height:0;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  overflow-x:hidden;
  overflow-y:auto;
  }
  
  .navmob-navtree-c{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  background:#fff;
  }
  
  .navmob-navtree-on{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  height:30px;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px 0px 20px;
  background:#ffdbdb;
  cursor:pointer;
  }
  
  .navmob-navtree-menu-on{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  }
  
  .navmob-navtree-menu-on>.label-arrow{
  margin:0px 5px 0px 0px;
  padding:0px 0px;
  font-size:14px;
  font-weight:normal;
  color:red;
  cursor:pointer;
  }
  
  .navmob-navtree-menu-on>.label-text{
  padding:0px 0px;
  font-size:14px;
  font-weight:bold;
  color:red;
  cursor:pointer;
  }
  
  .navmob-navtree{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  height:auto;
  min-height:24px;
  margin:0px 0px;
  padding:0px 0px 0px 20px;
  cursor:pointer;
  }
  
  .navmob-navtree-menu{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:auto;
  min-height:30px;
  margin:0px 0px;
  padding:0px 0px;
  cursor:pointer;
  }
  
  .navmob-navtree-menu>.label-arrow{
  margin:0px 5px 0px 0px;
  padding:0px 0px;
  font-size:14px;
  font-weight:normal;
  color:#666;
  cursor:pointer;
  }
  
  .navmob-navtree-menu>.label-text{
  padding:0px 0px;
  font-size:13px;
  font-weight:normal;
  color:#666;
  cursor:pointer;
  }


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

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

@media screen and (max-width: 768px) {
      .bg-img{
            display: none;
      }

.headtop{ width:100%; }
.headtop-r{ display:none; }
.headtop-m{ display:none; }

.headtop-l{ 
      height: 60px;
}
.headtop-l>a>.img1 {
      width: auto;
      height: 45px;
      min-height: 30px;
      margin: 5px 0px 0 0;
      padding: 0px 0px;
      object-fit: cover;
  }

  .myswiper1 .swiper-slide img {
      width: 100%;
      height: 180px;
      object-fit: cover;
  }
  .about-c{ padding: 10px 0; }
.aboutbox{ width: 100%; }

      .navx-mob-menu {
            display: flex;
            justify-content: flex-end;
            flex-direction: row;
            align-items: flex-end;
            width: 0px;
            padding: 0 10px 0 0;
            flex: 1;
            text-align: right;
        }

        .aboutbox-t-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .aboutbox-t-a-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            padding: 0 10px;
        }
        
        .aboutbox-t-a-a>.link4 {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 170px;
            height: 30px;
            margin: 20px auto;
            padding: 0px 0px;
            border: solid 1px #ccc;
            border-radius: 30px;
            font-size: 14px;
            font-weight: normal;
            color: #aaa;
            text-decoration: none;
        }

        .aboutbox-t-a-b {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        .aboutbox-b-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 50%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0 0;
            padding: 0px 0px;
            border-right: solid 1px #eee;
        }

        .homepro-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px 0px 0;
            background: #fff;
        }

        .homeproitem {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 50%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0px 0px;
            padding: 0px 15px;
            border: solid 1px #eee;
            background: #fff;
        }

        .homeproitem-t {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: 200px;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
            overflow: hidden;
        }

        .homeproitem-t .img {
            width: 100%;
            height: 200px;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
            object-fit: cover;
        }

        .leavemsg-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px;
        }

        .leavemsg {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
            background-color: #fff;
        }

        .latest-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px;
            background: #eee;
        }

        .latestnews-t {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 20px 10px;
        }

        .latestnews-t-l {
            box-sizing: border-box;
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .latestnews-t-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-width: 50%;
            height: auto;
            min-height: 30px;
            margin: 10px 0px;
            padding: 0px 0px;
        }

        .latestnews-t-r>.button-companynews.on {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: auto;
            height: 40px;
            margin: 0px 0px 0px 0px;
            padding: 0px 20px;
            border: solid 0px #ccc;
            border-radius: 30px;
            background: #2c7ee9;
            text-align: center;
            font-size: 16px;
            font-weight: normal;
            color: #fff;
            outline: none;
            cursor: pointer;
        }

        .lastestitem {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 20px 0px;
            background: #eee;
        }

        .foot {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 0px 0 0;
        }

        .foot-cnt-l {
            box-sizing: border-box;
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .foot-cate {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
            background: transparent;
        }

        .foot-contact {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .foot-b {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 20px 10px;
            border-top: solid 1px #333;
        }


        .position-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 40px;
            margin: 0px auto;
            padding: 0px 10px;
            border-bottom: solid 1px #eee;
            background: #fff;
        }
        .position-l {
            width: 100%;
        }
        .position-r {
            width: 0px;
        }

        .subcnt {
            box-sizing: border-box;
            margin: 0 auto;
            padding: 20px 10px;
            width: 100%;
            height: auto;
            text-align: left;
            line-height: 1.8;
            font-size: 14px;
            color: #666;
        }

        .subcnt table{
              width: 100%;
        }
        .subcnt table img{
              width: 100%!important;
              height: auto!important;
        }



        .products-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 10px auto;
            padding: 0px 0px;
            background: #fff;
        }

        .products {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .products-l-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .products-r {
            box-sizing: border-box;
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0px 0px;
            padding: 0px 10px;
        }

        .allpros-t {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .proitem {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0px 0;
            padding: 0px 0px;
            border: solid 1px #ddd;
        }

        .quire-c {
            box-sizing: border-box;
            margin: 30px auto;
            padding: 0 0 0 0;
            width: 100%;
            height: auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
        }
        .godos-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px;
            background: #fff;
        }
        .godosx {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 0px 0px;
        }

        .godos-t {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }
        .godos-t-l {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }
        .godos-t-l-a-b {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 10px;
        }

        .godos-t-r {
            box-sizing: border-box;
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
        }

        .godosx-b {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 20px 10px;
            border-top: solid 1px #eee;
        }

        .godosx-b-m {
            box-sizing: border-box;
            margin: 0 auto;
            padding: 10px 0 10px 0;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
        }

        .next-pro {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: auto;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 5px 20px;
            border: solid 1px #ddd;
            border-radius: 10px;
            background: #eee;
        }
        .next-pro-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }
        .next-pro-r>.link1 {
            margin: 0px 0px;
            padding: 0px 0px;
            font-size: 16px;
            font-weight: normal;
            color: #666;
            text-align: left;
            text-decoration: none;
        }
        .relgoods {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 0px;
            margin: 0px 0px;
            padding: 0px 10px;
            border: solid 1px #ddd;
            background: #fff;
        }

        .news {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 0px;
            border-bottom: solid 1px #eee;
            background: #fff;
        }
        .news-l {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .news-m {
            box-sizing: border-box;
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
        }

        .news-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
            text-align: right;
        }
        .news-r-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 10px;
            background: #2c7ee9;
        }

        .news-r-a>.label2 {
              flex: 1;
            margin: 0px auto;
            padding: 0px 0px;
            font-size: 20px;
            font-weight: normal;
            color: #fff;
            text-align: right;
        }

        .articlex-e-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 10px;
            border: solid 1px #eee;
        }
        .articlex-d {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 20px auto;
            padding: 0px 0px;
        }
        .articlex-d-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 20px;
            border: solid 1px #ddd;
            border-radius: 10px;
            background: #eee;
        }
        .subcnt img{
              width: auto;
              max-width: 100%;
              height: auto;
        }

        .workshp {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 10px auto;
            padding: 10px 0px;
            position: relative;
        }

        .workshp-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 250px;
            min-height: 30px;
            margin: 0px auto;
            padding: 0px 0px;
            position: relative;
            overflow: hidden;
        }

        .honorx-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 0px 0px 80px 0;
        }
        .honorx-a-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .sitemap-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 10px 0px;
        }

        .sitemap-c-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 0px 0px;
        }

        .sitemap {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }


        .proinquery{
            width: 100%;
        }


        .leader-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px;
            background: #fff;
        }

        .leaders {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 20px 0px;
            padding: 0px 0px;
        }

        .leaders-l {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .leaders-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .leaders-l-a-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 10px 0px;
            padding: 0px 0px;
        }


        .qqservice {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 50px;
            height: auto;
            margin: 0px 0px;
            padding: 0px 0px;
            position: fixed;
            z-index: 9999;
            right: 10px;
            bottom: 200px;
            transform: translateX(0%) translateY(0%);
        }


.subbanner>.img1 {
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}


        .xvideo-c {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px auto;
            padding: 10px 0px;
            background: #fff;
        }

        .xvideos {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 20px 0px;
            padding: 0px 0px;
        }

        .xvideos-l {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .xvideos-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 10px;
        }

        .xvideos-l-a-a {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 10px 0px;
            padding: 0px 0px;
        }


        .developx {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 20px auto;
            padding: 0px 0px 80px 0;
        }

        .developx-b {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0 10px 0;
            padding: 0px 10px;
        }

        .develop {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 20px auto;
            padding: 0px 0px;
        }

        .develop-m {
            display: none !important;
        }

        .develop-l {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

        .develop-r {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: auto;
            min-height: 30px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

}

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

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