/*PC端*/
.banner{
  display:flex;
  position:relative;
  margin-top:70px;
  flex-direction:column;
  height:500px;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  letter-spacing:3px;
  justify-content:flex-end;
  padding-bottom:50px;
  /*background:url(../images/productsbg2.jpg) center;*/
  background-size:100% 100%;
}
.banner span{
  font-size:32px;
}
.banner .c1{
  display:flex;
}
.banner .c1 div:first-child{
  display:flex; 
  width:60%;
  flex-direction:column;
  flex-grow:1;
}
.banner .c1 div:nth-child(2){
  font-size:16px;
  font-weight:normal;
  padding-top:4px;
}
/*产品简介*/
.c2{
  display:block;
  height:701px;
  overflow:hidden;
  background:url(../images/mbg1.jpg) center;
  background-size:100% 100%;
}
.c2 .about{
  display:flex;
  padding-top:50px;
}
.c2 .about div:first-child{
  display:flex;
  flex-direction:column;
}
.c2 .about div:first-child span{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
}
.c2 .about div:first-child span:nth-child(2){
    font-size:16px;
    line-height:40px;
}
.c2 .about div:first-child span font{
  font-size:18px;
  font-weight:bold;
}
/*产品优势*/
.c3{
  display:block;
  height:501px;
  overflow:hidden;
  background:#f8f8f8;
}
.c3 .advantage{
  display:flex;
  flex-direction:column;
}
.c3 .advantage div:first-child{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
.c3 .advantage .ysdiv{
  display:flex;
  justify-content:center;
  align-items:center;
  height:300px;
}
.c3 .advantage .ysdiv span{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:250px;
    border-left: 1px solid #ccc;
}
.c3 .advantage .ysdiv span:last-child{
  border-right: 1px solid #ccc;
}
.c3 .advantage .ysdiv img{
   flex-shrink: 0;
}
/*工艺应用*/
.c4{
  display:block;
  height:699px;
  overflow:hidden;
  background:url(../images/mbg2.jpg) center;
  background-size:100% 100%;
}
.c4 .technology{
  display:flex;
  flex-direction:column;
}
.c4 .technology .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
.c4 .technology .gyyy{
  display:flex;
  flex-direction:column;
  height:500px;
  padding-left:50px;
  justify-content:center;
}
.c4 .technology .gyyy div{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin-bottom:50px;
}
.c4 .technology .gyyy div:last-child{
    margin-bottom:0;
}
.c4 .technology .gyyy span{
  display:flex;
  align-items:center;
  min-width:300px;
  margin-bottom:50px;
}
.c4 .technology .gyyy span:nth-child(5n){
  min-width: 0;
}
.c4 .technology .gyyy i{
  display:inline-block;
  text-align:center;
  background-image: linear-gradient(to right,#00b9fa,#00a0e9);
  color:#fff;
  height:40px;
  font-style:normal;
  line-height:40px;
  border-radius:4px;
  min-width:100px;
}
.c4 .technology .gyyy img{
   width:30px;
   height:30px;
   margin-left:80px;
}

.c4 .technology .gyyy div:nth-child(5){
   margin-right:0;
}
/*主要缺陷展示*/
.c5{
  display:block;
  height:665px;
  overflow:hidden;
  background:url(../images/mbg3.jpg) center;
  background-size:100% 100%;
}
.c5 .defects{
  display:flex;
  flex-direction:column;
}
.c5 .defects .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
.c5  .defects .showpic{
  display:flex;
  margin:0  auto;
  height:500px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.c5  .defects .showpic span{
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    align-items: center;
    height: 220px;
    justify-content: space-between;
}
.c5  .defects .showpic span img{
   flex-shrink:0;
}
.c5  .defects .showpic font{
     font-weight:bold;
     font-weight:16px;
}

/*结构解析*/
.j1{
  display:block;
  height:600px;
  overflow:hidden;
  background:url(../images/jdqbg.jpg) center;
  background-size:100% 100%;
}
.j1 .jgjx{
   display:flex;
}
.j1 .jgjx .title{
  display:flex;
  flex-direction:column;
  color:#fff;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
.j1 .jgjx img{
   margin-left:250px;
   margin-top:50px;
}
/*功能介绍*/
.j2{
  display:flex;
  justify-content:space-between;
}
.j2 .left{
  display:flex;
  flex-direction:column;
  width:940px;
}
.j2 .left span:nth-child(2){
   width:400px;
}
.j2 .left .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
.j2 .left  .items{
   padding-top:30px;
}
.j2 .left  .items i{
  display:inline-block;
  text-align:left;
  background-image: linear-gradient(to right,#00b9fa,#00a0e9);
  color:#fff;
  height:40px;
  font-style:normal;
  line-height:40px;
  border-radius:4px;
  padding:0 20px;
  min-width:150px;
  margin-bottom:10px;
  margin-right:10px;
}
.j2 .left  .items2{
  display:flex;
  flex-direction:column;
  padding-top:30px;
  justify-content:flex-start;
}
.j2 .left  .items2 i{
  display:inline-block;
  text-align:left;
  background-image: linear-gradient(to right,#00b9fa,#00a0e9);
  color:#fff;
  height:40px;
  font-style:normal;
  line-height:40px;
  border-radius:4px;
  padding:0 20px;
  width:150px;
  margin-bottom:10px;
  margin-right:10px;
}

/*部分缺陷图示例*/
.j3{
   background:#f7f7f7;
 }
.j3 .example{
  display:flex;
  flex-direction:column;
}
.j3 .example .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
/*检测方案示例图*/
.j4{
   background:#FFF;
 }
.j4 .detection{
  display:flex;
  flex-direction:column;
}
.j4 .detection .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
/*检测效果图示例图*/
.j5{
   background:#f7f7f7;
 }
.j5 .example{
  display:flex;
  flex-direction:column;
}
.j5 .example .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}

/*硬件配置*/
.j6{
  display:block;
  height:677px;
  overflow:hidden;
  background:url(../images/jdqbg2.jpg) center;
  background-size:100% 100%;
}
.j6 .hardware{
    display:flex;
}

.j6 .hardware .left{
  display:flex;
  width:700px;
  flex-direction:column;
}
.j6 .hardware .left .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
  color:#fff;
}
.j6 .hardware .left .tb{
   display:flex;
   flex-direction:column;
   margin-top:80px;
}
.j6 .hardware .left .tb span{
   display:flex;
   align-items:center;
   margin:1px 0;

}
.j6 .hardware .left .tb .lefttd{
    background:#e8edf7;
    width:100px;
    justify-content:center;
    text-align:center;
    height:40px;
    line-height:40px;
    border-radius:5px;
    border-right:1px solid #666;
}
.j6 .hardware .left .tb .righttd{
  display:flex;
  width:500px;
  background:#e8edf7;
  justify-content:center;
  align-items:center;
  text-align:center;
  height:40px;
  line-height:40px;
  border-radius:5px;
}
.j6 .hardware .left .tb .t1{
   color:#fff;
   background:#3a70c7;
   font-weight:bold;
}
.j6 .hardware .right{
   padding-left:50px;
}
.j6 .hardware .right .xtjcnl{
   margin-top:100px;
   line-height:40px;
   font-size:16px;
}
.j6 .hardware .right .title{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
  font-size:18px;
  font-weight:bold;
  padding-top:50px;
}
/*手机端*/
@media screen and (max-device-width:960px){
  .banner{
    height:auto;
    margin-top:4rem;
    font-size:0.7rem;
    height:10rem;
  }
  .banner span{
     font-size:0.8rem;
  }
  .content{
     height:5rem;
     font-size:0.8rem;
  }
  .banner .c1{
     display:flex;
     width:95%;
     position:relative;
     flex-direction:column;
     justify-content:center;
     top:1.5rem;
  }
  .banner .c1 div:first-child{
     padding-top:2rem;
  }
  .banner .c1 div:nth-child(2){
     font-size:0.6rem;
     margin-top:0.5rem;
  }
  .j1{
     height:20rem;
  }
  .j1 .jgjx{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items:center;
  }
  .j1 .jgjx img{
      margin-left:0;
      width:80%;
      margin-top:0.5rem;
      height:auto;
      flex-shrink:0;
  }
  .j1 .jgjx .title{
      width:100%;
      justify-content:flex-start;
      padding-left:0.5rem;
      font-size:0.8rem;
  }
  .j2{
     width:95%;
     margin:0 auto;
     flex-direction:column;
  }
  .j2 .left{
     width:100%;
  }
  .j2 .left span:nth-child(2){
     width:100%;
  }
  .j2 .left .items{
    display:flex;
    width:90%;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:space-between;

  }
  .j2 .left .items i:nth-child(2n){
     margin-right: 0;
  }
  .j2 .right img{
     width:95%;
     margin:0 auto;
     height:auto;
  }
  .j3 .example .title{
     padding-left:0.5rem;
     font-size:0.8rem;

  }
  .j3 .example  img{
      margin:0 auto;
      width:95%;
      height:auto;
  }
  .j4 .detection .title{
     padding-left:0.5rem;
     font-size:0.8rem;

  }
  .j4 .detection  img{
      margin:0 auto;
      width:95%;
      height:auto;
  }
  .j5 .example .title{
     padding-left:0.5rem;
     font-size:0.8rem;

  }
  .j5 .example  img{
      margin:0 auto;
      width:95%;
      height:auto;
  }

  .j6{
     height:auto;
     background: url(../images/jdqbg3.jpg) center;
     overflow:auto;
  }
  .j6 .hardware{
     flex-direction:column;
  }
  .j6 .hardware .left .tb{
     margin-top: 0;
    padding-bottom:1rem;
  }
  .j6 .hardware .left{
     width:98%;
     margin:0 auto;
  }
  .j6 .hardware .right{
      height:auto;
      background: url(../images/jdqbg4.jpg) center;
      background-size:100% 100%;
  }
  .j6 .hardware .right .xtjcnl{
     margin-top:1rem;
  }
  .c2{
    height:auto;
    overflow:auto;
  }
  .c2 .about{
    display:flex;
    flex-direction:column;
  }
  .c2 .about div:first-child span{
     width:95%;
     margin:0 auto;
  }
  .c2 .about div:first-child span font{
     font-size:0.8rem;
  }
  .c2 .about div:first-child span:nth-child(2){
     font-size:0.7rem;
     line-height:1.5rem;
  }
  .c2 .about div:nth-child(2){
     margin:0 auto;
     text-align:center;
  }
  .c2 .about img{
     width:95%;
     height:auto;
  }
  .c3{
     height:15rem;
  }
  .c3 .advantage div:first-child{
     width:95%;
     margin:0 auto;
     font-size:0.8rem;
  }
  .c3 .advantage .ysdiv{
    height:10rem;
  }
  .c3 .advantage .ysdiv span{
     position:relative;
     width:5rem;
     height:7rem;

  }
  .c3 .advantage .ysdiv img{
     position:absolute;
     top: 0;
     width:2.5rem;
     height:2.5rem;
  }
  .c3 .advantage .ysdiv span:first-child{
     border-left:none;
  }
  .c3 .advantage .ysdiv span:last-child{
     border-right:none;
  }
  .c4{
     width:100%;
     height:auto;
     overflow:auto;
  }
  .c4 .technology .title{
     font-size:0.8rem;
     padding-top:1.5rem;
     margin-bottom:1rem;
     padding-left:0.5rem;
  }
  .c4 .technology .gyyy{
     padding-left:0;
     height:auto;
  }
  .c4 .technology .gyyy span{
     min-width:unset;
     margin-bottom:0.5rem;
  }
  .c4 .technology .gyyy img{display:none;}
  .c4 .technology .gyyy div{
     display:flex;
     flex-wrap:wrap;
     padding:0.5rem;
     justify-content:space-between;
  }
  .c4 .technology .gyyy div span:last-child{
     margin-bottom:0;
  }
  .c4 .technology .gyyy i{
     min-width:8.5rem;
  }
  .c5{
     height:auto;
     overflow:auto;
  }
  .c5 .defects .title{
    font-size:0.8rem;
    padding-top:1.5rem;
    margin-bottom:1rem;
    padding-left:0.5rem;
  }
  .c5 .defects .showpic{
    display:flex;
    flex-direction:column;
    height:auto;
  }
  .c5 .defects .showpic span{
    width:100%;
    margin:0;
  }
  .c5 .defects .showpic span img{
     width:100%;
     height:auto;
  }
  .c5 .defects .showpic span font{
     margin-bottom:0.5rem;
  }
}