*{
	margin:0;
	padding:0;
	text-decoration: none;
	list-style: none;
}
/*body{
	font-family:"Microsoft YaHei UI";
	margin:0;
	font-size: 16px;
}*/
/* index */
@media screen and (max-width: 1680px){
	.title1{
        padding-top: 120px;
    }
   .rollBox{
        width: 74%;
    }
}
@media screen and (max-width: 1600px){
    .rollBox{
        width: 77%;
    }
}
@media screen and (max-height: 900px){
    .title p{
        margin-top: 10px;
    }
    .cpzx{
        top:200px;
    }
    .cpzx li,
    .cpzx li img,
    .cpzx li .text1,
     .cpzx li .text2,
      .cpzx li .text3,
       .cpzx li .text4,
        .cpzx li .text6,
         .cpzx li .text7,
         .cpzx .last img,
         .cpzx .last .text5{
        height: 160px;
    }
    .cpzx .last:hover .text5{
        height:330px;
    }
    .xwzx{top: 200px;}
}
@media screen and (max-width: 1440px){
    .rollBox{
        width: 86%;
    }
    .aa{
        background: url(../images/banner1_1.jpg) no-repeat center;
        background-size: cover;
    }
    .bb{
        background: url(../images/banner2_2.jpg) no-repeat center;
        background-size: cover;
    }
    .cc{
        background: url(../images/banner3_3.jpg) no-repeat center;
        background-size: cover;
    }
    .dd{
        background: url(../images/banner4_4.jpg) no-repeat center;
        background-size: cover;
    }
}
@media screen and (max-height: 768px){
    .title{
        padding-top: 95px;
    }
    .title h1{
        font-size: 30px;
    }
    .title p{
        font-size: 16px;
    }
    .cpzx{
        top: 160px;
    }
    .cpzx li,
     .cpzx li img,
      .cpzx li .text1,
       .cpzx li .text2,
        .cpzx li .text3,
         .cpzx li .text4,
          .cpzx li .text6,
           .cpzx li .text7,
            .cpzx .last img,
             .cpzx .last .text5{
        height: 125px;
    }
    .cpzx h3{
        font-size: 18px;
    }
    .cpzx li:hover h3{
        margin-top: 10px;
    }
    .cpzx h3{
        margin-top: 55px;
    }
    .cpzx p{
        font-size: 14px;
    }
    .dzkf ul{
      margin:4% auto;
    }
    .title1 h1{
      font-size: 30px;
    }
    .title1 p{
      font-size: 16px;
    }
    .xwzx ul{
      max-height: 280px;
    }
    .xwzx ol li{
      font-size: 14px;
      line-height: 42px;
    }
    .more {
      width: 160px;
      line-height: 36px;
      border-radius: 18px;
      font-size: 18px;
   }
   .rollBox{
      width: 90%;
      margin:0 auto; 
   }
   .footer .lianxi{
    padding-top: 0;
    font-size: 14px;
   }
}
@media screen and (max-width: 1280px){
  .cpzx .last:hover .text5{
    height: 258px;
  }
  .dzkf ul{
    width: 85%;
  }
  .rollBox{
    width: 96%;
  }
  .swiper-pagination-bullet{
    width: 10px!important;
    height: 10px!important;
  }
}
/*ipad 横着*/
@media screen and (max-width: 1440px){
  header .nav ul li{
    font-size: 16px;
  }
  
  .rdxw{
    font-size: 14px;
  }
  .rdxw img{
    margin-left: 35px;
  }
  .cpzx{
    top:210px;
  }
  .cpzx li, 
  .cpzx li img, 
  .cpzx li .text1, 
  .cpzx li .text2, 
  .cpzx li .text3, 
  .cpzx li .text4, 
  .cpzx li .text6, 
  .cpzx li .text7, 
  .cpzx .last img, 
  .cpzx .last .text5 {
    height: 160px;
  }
  .cpzx h3{
    margin-top: 70px;
  }
  .cpzx .last:hover .text5 {
    height: 325px;
  }
  .dzkf ul li{
    
    margin-bottom: 1%;
  }
  .dzkf ul li p{
    margin-top: 6%;
  }
  .dzkf ul li:hover img{
    transform:rotateY(0deg);
-ms-transform:rotateY(0deg);  /* IE 9 */
-moz-transform:rotateY(0deg);   /* Firefox */
-webkit-transform:rotateY(0deg); /* Safari 和 Chrome */
-o-transform:rotateY(0deg);   /* Opera */
  

}
  .xwzx{
    top:250px;
  }
  .xwzx ul {
    max-height: 360px;
  }
  .xwzx ol li{
    line-height: 60px;
  }
  .xwzx ol li i{
    display: none;
  }
  .xwzx ul li img {
    width: initial;
  }
  .rollBox{
    margin:8% auto;
  }
  .rollBox .Cont{
    width: 84%;
  }
  .rollBox .Cont .pic .tit1{
    height: 50px;
    line-height:30px;
  }
  .rollBox .Cont .pic .tit1 p{
    font-size: 14px;
  }
  .rollBox .Cont .pic:hover img {
    height: 312px;
  }
  .footer .lianxi{
    padding-top: 5%;
  }
  .footer .link ul li{
    width: 100%;
  }
  .right_fd ul li {
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: 35px;
  }
}
/*ipad 竖着*/
@media screen and (max-width: 768px){
  header{
    height: 100px;
    background: none;
  }
  header .logo{
    margin-top: 15px;
  }
  header .nav ul{
    display: none;
  }
  header .nav .nav1{
    display: block;
    margin-top: 24px;
  }
  header .tel{
    display: none;
  }
  .rdxw{
    font-size: 18px;
  }
  .rdxw span{
    display: none;
  }
  .title{
    padding-top: 120px;
  }
  .title h1{
    font-size: 40px;
  }
  .title p{
    font-size: 24px;
  }
  .cpzx {
    top: 250px;
  }
   .cpzx ul{
    width: 100%;
    clear: left;
    overflow: hidden;
  .cpzx li{
    width: 49%;
  }
  .cpzx ul li:nth-child(2){
    width: 49%;
  }
  .cpzx ol{
    width: 100%;
    clear: left;
    overflow: hidden;
  }
  .cpzx ol li:nth-child(2n-1){
    margin-left: 1%;
  }
  
  .cpzx .last{
    width: 100%;
  }
  .cpzx ol li{
    width: 49%;
  }
  .cpzx li, 
  .cpzx li img, 
  .cpzx li .text1, 
  .cpzx li .text2, 
  .cpzx li .text3, 
  .cpzx li .text4, 
  .cpzx li .text6, 
  .cpzx li .text7{
    height: 140px;
  } 
  .cpzx .last img, 
  .cpzx .last .text5{
    height: 165px;
    width: 49%;
    float: left;
    margin-left: 1%;
  }
  .cpzx .last img{
    margin-top: 1%;
  }
  .cpzx .last:hover .text5 {
    height: 165px;
    width: 99%;
    margin-top: 1%;
  }
  .cpzx h3{
    font-size: 16px;
    margin-top: 65px;
  }
  .cpzx .last:hover .text5 h3{
    margin-top: 40px;
  }
  .cpzx li:hover p, .cpzx .last:hover p {
    display: block;
    font-size: 14px;
    line-height: 22px;
  }
  .title1{
    padding-top: 130px;
  }
  .title1 h1{
    font-size: 45px;
  }
  .title1 p{
    margin-top: 30px;
    font-size: 30px;
  }
  .dzkf ul{
    margin:8% auto;
  }
  .dzkf ul li {
    margin-bottom: 10%;
  }
  .dzkf ul li img{
    width: 60%;
  }
  .dzkf ul li p{
    font-size: 24px;
  }
  .xwzx{
    top: 250px;
  }
  .xwzx ul{
    max-height: none;
  }
  .xwzx ul li{
    clear: left;
    width: 100%;
  }
  .xwzx ul li img{
    margin-left: 10%;
    width: 80%;
  }
  .xwzx ol li{
    font-size: 22px;
    line-height: 40px;
  }
  .xwzx ol li b{
    margin-left: 5px;
  }
  .more {
    width: 180px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 22px;
  }
  .lbimg{
    display: block;
  }
  .rollBox{
    width:81%;
  }
  .rollBox .Cont .pic{
    width: 275px;
    
    overflow: hidden;
  }
  .rollBox .Cont .pic img{
    width: 70%;
  }
  .rollBox .Cont .pic .tit1{
    width: 70%;
  }
  .jj_ck, .jj_ck1{
    width: 70%;
    left:15%;
  }
  .rollBox .Cont .pic:hover img{
    height: 255px;
  }
  .rollBox .LeftBotton,
  .rollBox .RightBotton{
    width: 35px;
    margin: 16% 0 0 0;
    height: 35px;
    background-size:cover; 
  }
  .jj_ck h3, .jj_ck1 h3{
    font-size: 14px;
    margin: 40% auto 10%;
  }
  .jj_ck a, .jj_ck1 a {
    line-height: 26px;
    margin-top: 12%;
    font-size: 14px;
  }
  .footer .link {
    height: 40px;
    line-height: 40px;
    margin-top: 102px;
  }
  .footer .link ul li{
    font-size: 12px;
  }
  .footer .lianxi ol li img{
    width: 40%;
  }
  .footer .lianxi ol li p {
    line-height: 50px;
    font-size: 18px;
  }
  .footer .lianxi ol li{
    width: 62%;
    
  }
  .footer .lianxi ol li:nth-child(1){
    width: 62%;
  }
  .footer .lianxi ol li:nth-child(2),
  .footer .lianxi ol li:nth-child(3),
  .footer .lianxi ol li:nth-child(4),
  .footer .lianxi ol li:nth-child(5){
    display: none;
  }
  .footer h3 {
    margin-bottom: 6%;
  }
  .footer h4 {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
}
    


  @media screen and (max-width: 641px){
  .swiper-container-vertical>.swiper-pagination-bullets{
    top: 30%!important;
  }
  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:20px 0!important;
  }
  .swiper-pagination-bullet {
    width: 18px!important;
    height: 18px!important;
  }
  .nav1 ol li{
    font-size:22px!important;
  }
  .rdxw {
    font-size: 20px!important;
  }
  .cpzx{
    width: 90%;
    left: 5%;
  }
  .cpzx li:hover p, .cpzx .last:hover p{
    font-size: 18px!important;
  }
  .rollBox {
    width: 96%;
  }
  .rollBox .RightBotton{
    margin-left: 1%;
  }
  .rollBox .LeftBotton, .rollBox .RightBotton {
    width: 45px;
    height: 45px;
 }
  .footer .link ul li{
    font-size: 18px;
  }
  #List1 .pic:nth-child(3),
  #List1 .pic:nth-child(4),
  #List1 .pic:nth-child(5),
  #List1 .pic:nth-child(6),
  #List1 .pic:nth-child(7),
  #List1 .pic:nth-child(8){
    display: none;
  }
  .footer .lianxi ol li:nth-child(1) img{
    display: none;
  }
.footer .link ul{
width: 100%;
}
.footer .link ul li{
width: 30%;
}
.footer .link ul li:nth-child(1) {
    width: 40%;
}

}

/* end */
/* 产品 */