@charset "UTF-8";
@media screen and (orientation: landscape) and (max-width: 1440px) {


   }
@media screen and (orientation: landscape) and (max-width: 1366px) {

  .centerW{
    width:960px;
  }
  .head-one {
      width: 960px;
  }
  .main {
      width: 960px;
  }
  .jz {
      width: 960px;
  }

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

   }
@media screen and (orientation: portrait) and (max-width: 960px) {

  .centerW{
    width:92%;
  }
  .head-one {
      width: 100%;
  }
  .main {
      width: 92%;
  }
  .jz {
      width: 92%;
  }
  header{
    height:240px;
    background-size:40%;
  }
  .QnA header, .contact header, .support header{
    background-size: auto 100%;
    background-position: 20% 0;
  }
  header .logo{
  /* margin-top: 30px; */
  width: 120px;
  /* margin-left: 4%; */
  }
  .logo-1, .logo-2 {
      width: 120px;
  }

.navBtn{
  padding-right: 0;

}
.navBtn img {
    width: 60%;
}
 .home .navBtn{

  /* background: url(../images/menuBtn.png) 0 0 no-repeat; */


}

  .navBtn.btnAni{
  /* background-size: 100%; */
}
nav {

  width:75%;}

nav>ul{
  margin: 15% 0 0 10%;

}
nav>ul>li{

  margin:0 0 10px 0;
}

nav>ul>li span{
  font-size: 30px;
}
nav>ul>li h2{
  font-size: 18px;
  margin: 6px 0 0 0 ;
}
nav>ul>li ul.subMenu li {
  border:none;
  float: none;
  padding: 0;
  margin-bottom: 8px;
}
.nav_Ani .en {
    font-size: 30px;
    margin-top: 20px;
}
.nav_Ani h2 {
    font-size: 24px;
    margin-top: 15px;
}

header .centerW h2{
  font-size: 24px;
  margin: 8px 0 0 0;
}

header .centerW span{
  font-size: 60px;
  margin-top:100px;
}

ul.subMenu{
  margin:10px 0 0 0;
}
ul.subMenu li{
  padding:0 14px;
}

dd p{
  width: 100%;
}
.sublist li {
    width: 40%;
}
/* layer的CSS */

.msg-head {
    font-size: 18px;
    padding: 10px 0 0 0;
    width: 100%;
}
.msg-head img {
    width: 30px;
    height: 50px;
    border: 0px;
}
.msg-info {
    display: block;
    width: 100%;
    padding: 0px;
}
.msg-1 {
    width: 100%;
    height: auto;
    padding: 0;
}
.msg-1 p {
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.top {
    padding-top: 0px;
}
.msg-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg-2 img {
    width: 80%;
    height: auto;
}


.pro-head {
    padding: 10px
}
.pro-name {
    font-size: 24px;
}

.main{
  padding:30px 0;
}
.main h3{
  font-size: 30px;
  margin: 0 0 20px 0;
}

.activity .main ul li, .custom .main ul li{
  width:99%;
  margin-bottom: 1%;
}
.head-one {
    height: 50px;
    padding-left: 0;
}
.menu {
    height: 50px;
    padding-left: 0;
}
.menu-1 {
    padding: 0 15px 0 25px;
}
.menu-2 img {
    padding-left: 0;
}
.menu a {
    color: #fff;
    font-size: .6rem;
}

.home header{
  height:600px;
  background: #f8f8f8;
}

.slideTxt img{
  width: 90%;
}
.swiper-slide{
  background-size: 90%;
}
.slideTxt{
 margin: 100px 0 0 0;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
}
.slide-images {
    width: 100%;
}
.slide-img {
    width: 40%;
}
.lunbo {
    display:block;
}
.lb{
    padding-top: 50px;
    width: 850px;
    height: auto;
}
/*.home .navBtn{
  background: url(../images/menuBtn.png) 0 0 no-repeat;


}*/
.slideTxt h1{
  font-size: 24px;
  margin: 30px 0 0 0 ;
}

.slideTxt a{

  margin: 20px 0 0 0;

}
.home .main ul.products li{
  width:50%;
}
.home .main ul.products li img{
  width:80%;
}

.support .main form{
  width: 95%;
  margin-top: 20px;
}
.support .main span{
  width: 100%;
}

.contact .main .centerW{
  background-position:  bottom center ;
  background-size: 100%;
  height:380px;

}

section{

  margin-bottom: 30px;
}
.about .main .txt h4{
  font-size: 26px;
   margin:0 0 20px 0;
}
.about .main .txt.fL{
  width:100%;

}
.about .main .txt.fR{
  width:100%;
}

.about .main .txt ul li{
width: 95%;

}
.about .main section img{
  width: 100%;
}
.jz {
    padding-bottom: 0px;
}
.footer{
  height:500px;
  background: #020406 url(../images/footerBgM.png) center 0 no-repeat;
  background-size: 100% auto;
  padding-bottom: 20px;

}
.footer .fL{
  width: 100%;
  text-align: center;
}
.footer .fL .logoB{
  margin:30px auto 0;

}
.footer .fR{
  margin:20px 0 0;
  width: 100%;
  text-align: center;
}

.footer .QRcode{
  width:40%;
  float: none;
  margin-bottom: 20px;
}
.footer .info ul{
  width: 90%;
  float: none;
  margin:0 auto;
  text-align: left;
  font-size: 14px;
}
.footer .info ul li{
  margin: 0;
}
.footer .info ul li a{
  line-height: 22px;

}
.footer .copyright{
  width: 94%;
  margin: 10px auto 0;
  text-align: left;
  line-height: 18px;
}
.copyright-2 a {
  width: 94%;
  margin: 5px auto 0;
  text-align: left;
  line-height: 18px;
}


.container div.list{
  overflow: scroll;
}
.container div.list ul.products{
  width: 700px;
  height: 140px;
}

.container div.list ul.products li{
  width: 140px;
}

.container div.list ul.products li img{
 width: 100%;
}









   }
@media screen and (orientation: portrait) and (width: 320px) and (height: 480px) {


  }
@media screen and (orientation: portrait) and (width: 320px) {


  }

/*# sourceMappingURL=media.css.map */