@charset "UTF-8";

@media screen and (min-width:900px) and (max-width:1200px) {
  .top-bar {
    height: 95px;
  }

  .top-bar .icon-com {
    width: 126px;
  }

  .top-bar .search-bar {
    margin-left: -250px;
    width: 500px;
  }

  .top-bar .search-bar input {
    top: 0;
  }

  .top-bar .icon-net {
    top: 25px;
  }

  .top-bar .icon-net img {
    width: 150px;
  }
}

@media screen and (min-width:700px) and (max-width:899px) {
  .top-bar {
    height: 95px;
  }

  .top-bar .icon-com {
    top: 20px;
    width: 96px;
  }

  .top-bar .search-bar {
    margin-left: -225px;
    width: 450px;
  }

  .top-bar .search-bar input {
    top: 0;
  }

  .top-bar .icon-net {
    top: 30px;
    right: 10px;
  }

  .top-bar .icon-net img {
    width: 100px;
  }
}

@media screen and (max-width:699px) {
  .top-bar {
    height: 95px;
  }

  .top-bar .icon-com {
    display: none;
  }

  .top-bar .search-bar {
    margin-left: -225px;
    width: 450px;
  }

  .top-bar .search-bar input {
    top: 0;
  }

  .top-bar .icon-net {
    display: none;
  }
}

@media screen and (max-width:899px) {
  .section5 .section5-2 {
    width: 100%;
    height: auto;
  }

  .section .section5-2 img {
    width: 100%;
  }
}

@media screen and (max-width:1300px) {
  .section2_top {
    height: auto;
  }

  .section2_con ul {
    text-align: center;
  }

  .section2_con ul li {
    margin-top: 10px;
  }

  .videobox a{
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
  }
}

@media screen and (min-width:1000px) and (max-width:1300px) {
  .section2_con {
    width: 1000px;
    height: 400px;
  }

  .section2_con ul li {
    width: 250px;
  }

}

@media screen and (min-width:700px) and (max-width:999px) {
  .section2_con {
    width: 700px;
  }

  .section2_con ul li {
    width: 350px;
  }
}


@media screen and (min-width:400px) and (max-width:699px) {
  .section2_con {
    width: 400px;
  }

  .section2_con ul li {
    width: 200px;
  }
}

@media screen and (max-width:399px) {
  .section2_con {
    width: 100%;
  }

  .section2_con ul li {
    width: 100%;
  }
}


#page1 {
  width: 100%;
  padding: 170px 0 0;
  height: 770px;
  background: url(../images/tv.jpg) no-repeat top center;
}

#page1  .slide1{
  width: 800px !important;
  margin: 0 auto;
}

#page1 .swiper-slide-active>img {
  width: 100%;
}

@media screen and (min-width:500px) and (max-width:800px) {
  #page1  .slide1{
    width: 100% !important;
  }
  #page1{
    height: 600px;
  }
}
@media screen and (max-width:499px) {
  #page1{
    height: 570px;
  }

}

@media screen and (max-width:1200px) {
  .page-serrul,
  .page-serrul .com_box {
    width: 100%;
    min-width: auto;
  }
}

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


  .page-serrul>div {
    float: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .page-serrul>div.mt20 {
    margin-top: 0 !important;
  }

  .page-serrul .com_box {
    margin: 0;
  }


  .page-serrul .com_box .table td,
  .page-serrul .com_box .table th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .page-serrul .table-btn-box {
    padding: 10px 0;
  }

  .page-serrul .table-btn-box .ui-btn {
    line-height: normal;
  }

  .page-serrul .com_box table,
  .page-serrul .com_box tbody,
  .page-serrul .com_box tr {
    display: block
  }

  .page-serrul .com_box table td,
  .page-serrul .com_box table th {
    display: inline-block
  }

  .page-serrul .com_box table {
    text-align: left !important
  }

  .page-serrul .com_box table colgroup {
    display: none
  }

  .page-serrul .com_box table#allDomain td:nth-child(3) {
    width: auto
  }

  .page-serrul .com_box table#allDomain td:nth-child(4) {
    position: relative;
    width: 100%
  }


  .page-serrul .com_box table td:nth-child(4) {
    width: 50%
  }

  .page-serrul .com_box table td .ename {
    font-size: 14px
  }

  .page-serrul .com_box table td>div {
    width: auto
  }

  .page-serrul .com_box table tr {
    min-height: 105px
  }

}