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

    .container{

      width: 95%;

      margin: 0 auto;

  }

 



}







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

  .container.fullwidth{

    width: 100%;

  }

  

  .codebg .box{

        background: rgb(255, 255, 255);

        border-radius: 5px;

        width: 90%;

        padding-bottom: 15px;

}

  

  

.topTip{

  display: none;

  height: 0;

}



.menu{

  position:fixed;

  bottom: 0;

  left: 0;

  right: 0px;

  top: 86px;

  width: 80%;

  height: 100vh;

  background-color:rgb(0, 0, 0,.8);

  overflow-x: hidden;

  overflow-y: auto;

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-overflow-scrolling: touch;

  z-index: 1000;

  -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);

  -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);

  -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);

  -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);

  transition: all .5s cubic-bezier(.25, .46, .45, .94);

  margin-top: 0;





  

}



.menuOpen .menu {

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -webkit-transform: translateX(0);

  transform: translateX(0%);



}

.menu ul{

  padding-top: 15px;

}



.menu li.item{

  float: left;

  width: 100%;

  height: auto;

  margin-right: 0%;





}





.menu ul li div.item{

  height: 60px;

  line-height: 60px;

  text-align: left;

  text-indent: 5px;

}







.menu div.item i{

  display: inline-block;

  float: right;

  margin-right: 45px;    -webkit-transition:all .9s;transition:all .9s

}

.menu div.item i.active{

  transform:rotate(180deg); -ms-transform:rotate(180deg);

}





.menu ul li .secNav{

  visibility:visible;

  transition:all 0ms ease-out 0ms;

  position:static;

  width: 100%;

  padding: 0 0;

  height:auto;

  transform:translate(0%, 0);

  display: none;

  background: none;

  min-width: 100%;

}







.menu ul li .secNav li{

  font-size: 14px;

  text-indent:10px;

  text-align: left;

  line-height: 2;

  text-align: left;

  padding: 0px  0;

  border-bottom: 0px solid #ffffff;

}



.menu ul li .secNav li a{

  color: #ffffff;

}







.top_r{

  display: inline-block;

  float: right;

  width: 25px;

  height: 25px;

  position:relative;

    top:50%;

  transform:translateY(-50%);

  -webkit-transform:translateY(-50%);

  margin-right: 5px;

}

header .share{

 display: none;

}



header .search{

 display: none;

}



.bannerHome{

  margin-top: 86px;

  overflow: hidden;

}

.banner{

  margin-top: 86px;

  overflow: hidden;

}







.picScrol .swiper-button-prev{

  display: none;

}

/*改变了颜色和加粗的样式*/

.picScrol .swiper-button-next{

  display: none;

}



.videoBOX .video{

  float: left;

  width: 100%;    height: auto;

  overflow: hidden;

}

.videoBOX .video   video{

height: 100%;width: 100%;

}

.videoBOX .right{

  float: right;

  width: 100%;background: #ffeffa;

  height: auto;

  padding-bottom: 25px;

}

.videoBOX .list li .img{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0  auto;

  

}

.videoBOX .list li{

  float: left;

  width:calc((100%)/4);;

  margin-right: 0;

  text-align: center;

  margin-top: 15px;

}

.videoBOX .list li .img img{

    max-width: 60%;

  -webkit-transition:.6s ease-in-out;

}









.videoBOX .list li p{

    font-size: .55rem;

    color: #555555;

    margin-top: 10px;

    text-align: center;

    padding-left: 5px;

    padding-right: 5px;

 

}





.productList2 li{

  float: left;

  width: 100%;

  margin-right: 0px;

  margin-bottom: 15px;

  

}

.productList2 li .box{

  border: 1px solid #d5d5d5;

  height: auto;



}



.productList3 li{

  float: left;

  width: calc((100% - 40px)/2);

  margin-right: 40px;

  margin-bottom: 15px;



  

}

.productList3 li:nth-child(2n){

  margin-right: 0;

}





.productList3 li a.view{

    display: inline-block;

    height: 25px;

    text-align: center;

    line-height: 25px;

    color: #ffffff;background: #000000;

    margin-top: 10px;

    font-size: .55rem;

    width: auto;padding: 0 10px;

}











.more{

  text-align: center;

   margin-top: 5px;

   margin-bottom: 0px;

}

.line{

  margin-top: 25px;

  margin-bottom: 25px;  

}



.beour li:nth-of-type(odd) .img{

  float: right;





}



.beour li:nth-of-type(even) .img{

  float: right;





}

.beour li .desc:nth-of-type(odd){

  float: left;

  



}

.beour li .desc:nth-of-type(even){

  float: left;

  



}

.beour li{

  overflow: hidden;

  height:auto

}

.beour li  .img{



  width: 100%;



}

.beour li .desc{

  float: left;

  position: relative;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  text-align: center;

  margin-bottom: 20px;



}



.beour li .desc .title{

  font-size: 1rem;

  color: #da7fc0;

  position: relative;

  padding-bottom: 10px;

  margin-top: 20px;

}



.newsList{

  margin-top: 45px;

}



.whybg{

  margin-top: 55px;

  overflow: hidden;

  background-image: url(../images/banner5.jpg);

  background-position: center center;

  background-size: auto 100%;

  min-height: 700px;

  padding: 55px 0;

}

.whyList{

  margin-top: 20px;

}

.whyList li{

  float: left;

  width: calc((100% - 60px)/2);

  margin-right: 60px;

  margin-bottom: 22px;

}



.whyList li:nth-child(2n){

  margin-right: 0;

}





.tit span{

  font-size: 1rem;

  color: #000000;

  position: relative;

  padding-bottom: 10px;

}

footer .nav ul{

  display: block;

  margin-top: 15px;

}

footer .logo{

  float: left;

  width:120px;

}



footer .nav{

  float: right;

  width:100% ;text-align: left;

}

footer .nav li{

  float: left;

  text-align: left;

  margin-right: 0;

  width: 33%;

}

footer .form{

  float: right;

  width: 100%;

  margin-top: 55px;

}

footer .form .submit{

  text-align: left;

  margin-top: 5px;

  margin-right: 18px;

}

.copyright{

  height: auto;

  background: #f3f3f3;

  line-height: 1.5;

  padding: 25px 0;

  overflow: hidden;

}

.copyright span{

 display: none;

 

}

.proxqbox-pcimg{

  display: none;

}

.proxqbox-mbimg{

  display: block;

}

.proxqbox-wd{

  width: 100%;

}

.proxqbox-pcimg2{

  width:calc( 100% - 4px);    height: auto;

}



.leftMenu{

  float: left;

  margin-top: 86px;

  width: 100%;

}

.leftMenu .list{

  overflow-x: auto;

}



.leftMenu .list::-webkit-scrollbar {

    display: none;

}

.leftMenu .list li{

  height: 45px;

  line-height: 45px;

  border-bottom: 0px dashed #d9d9d9;

  margin-right: 12px;

  display: inline-block;

}



.rightm{

  float: right;

  margin-top: 0px;

  width:100%;

}

.aboutPic li .img{

  overflow: hidden;

  height: 55px;



}





.aboutPic li{

  float: left;

  width: calc((100% - 20px)/2);

  margin-top: 20px;

  margin-right: 20px;

}

.aboutPic li:nth-child(3n){

  margin-right: 20px;

}

.aboutPic li:nth-child(2n){

  margin-right: 0px;

}

.conbox{

    margin-top: 106px;

}

.conbox .submit a{

  display: inline-block;

  background: #000000;

  width: 90%;

  height: 40px;

  text-align: center;

  line-height: 40px;

  color: #ffffff;

}







.page a{

  margin-top: 5px;

  font-size: .55rem;

}

.page span{

  margin-top: 5px;  font-size: .55rem;

}



.page input{

  margin-top: 5px;  font-size: .55rem;

}

.page span.brs{

    clear: both;display: block;

}



.contactUs ul li{

  float: left;

  width: calc((100% - 20px)/2);

  margin-right: 10px;

  margin-top: 10px;

}

.contactUs ul li:nth-child(2n){

  margin-right: 0;

}







.productList li{

  float: left;

  width: calc((100% - 20px)/3);

  margin-right: 10px;

  margin-bottom: 10px;

 

}

.productList li:nth-child(3n){

  margin-right: 0px;

  

}

.productList li:nth-child(2n){

  margin-right: 10px;

  

}

.productList li .img{

  overflow: hidden;

  position: relative;

  height: 140px;

}

.productList li  p{

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  font-size: .55rem;

}

.joinzp-nav li:nth-child(2){

  display: none;

}

.joinzp-nav li:nth-child(3){

  display: none;

}



.joinzp-li-desc li:nth-child(2){

  display: none;

}

.joinzp-li-desc li:nth-child(3){

  display: none;

}





.joinzp-nav li,.joinzp-li-desc li{line-height: 1.3;font-size: .55rem;user-select: none;float: left;text-align: center;}



.joinzp-nav li:first-child, .joinzp-li-desc li:first-child{

 

  width: 50%;text-align: left;transition: all .4s ease;

  padding-left: 8%;

}



.joinzp-nav li:nth-child(4), .joinzp-li-desc li:nth-child(4){width: 25%;}

.joinzp-nav li:nth-child(5), .joinzp-li-desc li:nth-child(5){width: 15%;}

.joinzp-li-cont{display: none;width: 100%;padding: 32px 0px ;border-top: 1px solid #f6f6f6;}



.joinfl-list li{width: 50%;text-align: center;float: left;margin-top: 44px;}

.joinfl-wd{width: 100%;margin-top: 14px;height: 25px;}





.newsList2 li .img{

  float: left;

  width: 100%;

  height: auto;

}

.newsList2 li .box{

  float: right;

  width: calc(100%);

  margin-right: 0px;

  margin-top: 10px;

}



.productList3.stree li:nth-child(2n){

 margin-right: 40px;

}



.productList.four li{

  float: left;

  width: calc((100% - 10px)/2);

  margin-right: 10px;

 

}

.productList.four li:nth-child(3n){

  margin-right: 10px;

  

}



.productList.four li:nth-child(2n){

  margin-right: 0px;

  

}

.proxqbox-wdtit h6{font-size: .8rem;color: #333333;font-weight: 700; line-height: 1.3;margin-bottom:15px}

.proPage a{

    font-size: .6rem;

}

.proPage a:nth-child(2){

    display: inline-block;

    float: left;

    margin-top: 15px;

}

.videobg  .video video{

  width: 90%;

  height: 400px;



}



.Certificate li{

    float: left;

    width: calc((100% - 20px)/2);

    margin-top: 20px;

    margin-right: 20px;

}

.Certificate li:nth-child(2n){

    margin-right: 0;

}





}