*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
    color: #000000;  
  }
  a:hover{
    color:none;}
  div,button,input{
    outline: none;}
  .w1200{
      width: 1200px;
      margin:0 auto; 
  }
  .top1{background-color: #f1f1f1;
    border-bottom:1px #e7e7e7 solid ;height:52px;line-height:52px;
  }
  .top1 p{
      float: left;
  }
  .top1 ul{
      float: right;
  }
  .top1 ul li{
      float: right;
  }
h1{
  font-size: 40px;text-align: center;color: #0071bf;padding-top: 60px;
}
h1 span{
  color: #e86f56;
}
.prduct-list{margin-top: 20px;
  float: left;width: 290px;background-color: #0071bf;box-sizing: border-box;padding: 15px;color: white;
}
.prduct-show{
  float: right;width: 890px;margin-top: 20px;
}
.prduct-list ul{margin-top: 20px;
  width:100%;background: white;padding: 20px 12px;box-sizing: border-box;overflow: hidden;
}
.prduct-list ul li{font-size: 18px;color: white;text-align: center;line-height: 35px;
  width: 100%;height: 35px;background-color: #0071bf;border-radius: 17px;margin-bottom:8px;
}
.prduct-show {
  display: flex;flex-wrap: wrap;justify-content: space-around;
}
.prduct-show li{
  width: 278px;height: 244px;background: white;margin-bottom: 15px;  box-shadow: 0 0 10px gainsboro;
}
.prduct-show li img{
width: 100%;height: 210px;
}
.prduct-show li p{
font-size: 18px;height: 35px;text-align: center;
}
.case{
  display: flex;flex-wrap: wrap;justify-content: space-around;
}
.case li{
  width: 278px;height: 330px;margin-top: 35px;
}
.case li img{
  width:100%;height: 278px;
}
.case li p{
  line-height: 55px;font-size: 18px;text-align: center;color: white;
}
.yosh {
  margin-top: 40px;
}
.yosh li{
  overflow: hidden;margin-bottom: 20px;
}
h2{
font-size: 80px;color: #df674e;float: right;margin-left: 5px;
}
.h3{
font-size: 36px;background-color: #0071bf;color: white;float: right;margin-top: 40px;
}
.jixin{
  overflow: hidden;float: right;margin-top: 15px;text-align: right;
}
.jixin li{
  overflow: hidden;margin-bottom: 35px;
}
.jixin li div{
  width: 14px;height: 14px;background-color: #02b29c;border-radius: 7px;float: right;margin: 10px;margin-top: 5px;
}
.jixin2 li div{
  float: left;
}
.news{
  width: 610px;float: left;
}
.problm{
  width:570px;float: right;
}
h4{
  font-size: 20px;color: #0071bf;line-height: 20px;
}
.only{
overflow: hidden;
}
.news{
  font-size: 14px;line-height: 24px;
}
.news-list{
  overflow: hidden;margin-top: 20px;
}
.news-list li{
    overflow: hidden;line-height: 35px;
}
.news-list li p{
float: left;line-height: 24px;
}
.news-list li span{
  float: right;
  }
  .wenda li{
    margin-top: 20px;overflow: hidden;
  }
  .wenda li p{float: left;line-height: 20px;text-align: center;
width: 20px;height: 20px;background-color: #0071bf;color: white;
  }
  .wenda li span{
float: left;width: 528px;margin-left: 10px;
  }
  .problm{
    font-size: 14px;line-height: 24px;
  }
  .aout{
    float: left;width: 565px;height: 310px;
  }
  .about{
    float: left;width: 565px;
  }
  h5{
    font-size: 60px;color: #0071bf;
  }
  .links{
    width: 1070px;float: left;
  }
  .links li{
width: 195px;font-size: 15px;text-align: center;
  }
  .links li img{
    width: 100%;height: 145px;
  }
  .swiper-container{
    width: 1075px;float: left;margin-left: 40px !important;
  }
  .pre{
  float: left;margin-top: 50px;
  }
  .next{
    transform: rotate(180deg);
   float: right;margin-top: 50px;
  }
  .link{
    text-transform: uppercase;border-bottom: 1px #eeeeee solid;line-height: 45px;
  }
.link span{
  font-size: 20px;color: #0071bf;font-weight: bold;
}
.showstr{
    float:left;margin-left: 30px;
}
.showstr dl{
    float: left;margin-left: 30px;
}
.showstr dl:nth-child(n+4){
    display: none;
}
.showstr dt{
    font-size: 16px;font-weight: bold;
}
.showstr dd a{
    font-size: 16px;color: white;display: block;line-height: 50px;
}
.footer-bottom a{
    color: white;
}
.videos{
    z-index: 999;
    position: fixed;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.video_btn{
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 30px;
    z-index: 999;
    cursor: pointer;
    line-height: 30px;
}
