body{
     left:0;
     padding:0;
     margin:0;
     background:#fff;
}
  .opt{
      height:44px;
      width:40px;
      float:right;
      background:#fff;
      display:none;
      border:1px solid #ddd;
      border-radius:5px;
      transition:1s;
      cursor:pointer;
      margin:15px 6% 0px 0px;
      line-height:50px;
  }
  .opt:hover{
      background:#00FA9A;
      border:1px solid #ddd;
  }
    .home{
      height:30px;
      width:auto;
      float:left;
      color:#333;
      cursor:pointer;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 10px;
      font-size:13px;
      border-radius:5px;
      margin:0px 10px 0px 0px;
      background:#fff;
  }
  .home:hover{
         color:#fff;
         background:#00FA9A;
  }
    .home1{
      height:20px;
      width:20px;
      float:left;
      color:red;
      cursor:pointer;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 0px;
      font-size:13px;
      border-radius:5px;
      margin:5px 15px 0px 0px;
      background:#fff;
  }
  .home1:hover{
         color:#fff;

  }
    .home2{
      height:34px;
      width:98%;
      border-bottom:0px solid #ddd;
      color:#333;
      cursor:pointer;
      font-family:sans-serif;
      line-height:34px;
      border-radius:7px;
      padding:0px 0px;
      margin:0 auto;
      margin-bottom:10px;
      font-size:13px;
      background:#fff;
  }
  .home2:hover{
         color:#fff;
         background:#00FA9A;
  }

  .op_box4{
        height:50px;
        width:100%;
        backgoud:red;
        display:none;
        float:left;
        margin:0 auto;
        text-align:center;
  }
  .op_box5{
        height:40px;
        width:105px;
        backgrond:pink;
        display:none;
        margin:0 auto;

  }

  .home4{
      height:20px;
      width:20px;
      float:left;
      color:#03A9F4;
      cursor:pointer;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 0px;
      font-size:13px;
      border-radius:5px;
      margin:5px 15px 0px 0px;

  }

  .home4:hover{
         color:#fff;
  }
.image{
     height:500px;
     width:100%;
     margin:1px 0px 0px 0px;
     float:left;
     background-image:url("icon/im.png");
     background-repeat:no-repeat;
     background-size:cover;
     background-position: center;
}
.im{
    height:70px;
    width:70px;
    margin:0px 0px 0px 0px
}
.hf{
     height:70px;
     width:70px;
     float:left;
     background:;
     margin:0px 0px 0px 20px;
}
.kil{
     width:auto;
     height:78px;
     line-height:70px;
     background:;
     font-size:45px;
     float:left;
     font-family:sans-serif;
     margin:2px 0px 0px 0px;
     text-align:left;
     color:orange;
}
.h{
    height:40px;
    width:100%;
    line-height:40px;
    background:#fff;
    font-size:13px;
    color:#333;
    transition:.5s;
    cursor:pointer;
    font-family:sans-serif;
    text-align:center;
}
.h:hover{
    color:#00FA9A;

}
.container34{
     min-height:20px;
     height:auto;
     width:100%;
     margin:110px 0px 30px 0px;
     font-size:12px;
     font-family:sans-serif;
     padding:0px;
     color:#333;
     border:0px solid #ddd;
     float:left;
     border-radius:0px;
     background:#fff;
}
.col1{
     height:160px;
     width:100%;
     float:left;
     padding:10px 0px 0px 0px;
     margin:0px 0px 10px 0px;
     background:#fff;
     border-top:1px solid #ddd;
     border-top:1px solid #ddd;
}
.de{
     min-height:300px;
     height:100%;
     width:100%;
     background:#fff;
     padding:30px 0px 40px 0px;
     border-radius:20px;
     margin:0px 0px 0px 0px;
}
.imf{
     height:360px;
     width:20%;
     float:left;
     background:;
     margin:0px 0px 0px 40%;
}
.hl{
    height:35px;
    width:100%;
    float:left;
    line-height:35px;
    background:#f1f1f1;
    font-size:12px;
    cursor:pointer;
    color:#333;
    padding-bottom:10px;
    padding-top:10px;
    border-top:1px solid #ddd;
    font-family:sans-serif;
    text-align:center;
    margin:0px 0px 0px 0px;
}
  .f{
      color:#333;
  }
  .f:hover{
      color:#00FA9A;
      text-decoration:underline;
      transition:1s;
  }

.hello{
     min-height:100px;
     height:auto;
     width:60%;
     float:left;
     margin:0px 0px 0px 20%;
     background:;
}
.hel{
     height:120px;
     width:110px;
     float:left;
     background:#fff;
     padding:2px;
     cursor:pointer;
     border-radius:10px;
     margin:10px 20px 20px 20px;
     box-shadow:0px 0px 12px 1px #ddd;
}
.hel:hover{
     box-shadow:0px 0px 12px 1px #a1a1a1;
}
.im_b{
     height:90px;
     width:100px;
     background:#fff;
     float:left;
}
.text_a{
     height:30px;
     width:100%;
     float:left;
     background:#fff;
     text-align:center;
     font-size:12px;
     color:#333;
     line-height:30px;
}
.img_f{
     height:74px;
     width:80px;
     padding:10px 10px 0px 10px;
     border:0px solid #a1a1a1;
}
.av_p{
     height:46px;
     width:100%;
     float:left;
     background:#f1f1f1;
     margin:20px 0px 30px 0px;
     text-align:center;
     line-height:46px;
     font-size:18px;
}
  .d{
     height:100%;
     width:100%;
     position:fixed;
     background:#fff;
     backgrund:rgba(0,0,0,0.5);
     z-index:1;
     display:none;
     margin:91px 0px 0px 0px;
  }
@media (max-width:700px){
  .hello{
     min-height:100px;
     height:auto;
     width:70%;
     float:left;
     margin:0px 0px 0px 15%;
     background:;
}
  .opt{
      height:44px;
      width:40px;
      float:right;
      background:#fff;
      display:block;
      border:1px solid #ddd;
      border-radius:5px;
      transition:1s;
      cursor:pointer;
      margin:15px 8% 0px 0px;
      line-height:50px;
  }
  .hf{
       height:70px;
       width:70px;
       float:left;
       background:;
       margin:-2px 0px 0px -11px;
  }
    .image{
       height:300px;
       width:100%;
       margin:1px 0px 0px 0px;
       float:left;
  }
   .kil{
       width:auto;
       background:;
       margin:2px 0px 0px -12px;
       font-size:35px;
       float:left;
  }
 .de{
     height:auto;
     width:auto;
     padding:5px 0px 40px 0px;
     border-radius:20px;
     margin:0px 0px 0px 0px;
}
.imf{
     height:420px;
     width:56%;
     margin:30px 0px 0px 22%;
}
  .hel{
     height:110px;
     width:100px;
     float:left;
     background:#fff;
     padding:2px;
     cursor:pointer;
     border-radius:10px;
     margin:10px 20px 20px 20px;
     box-shadow:0px 0px 12px 1px #ddd;
}
.hel:hover{
     box-shadow:0px 0px 12px 1px #a1a1a1;
}
.im_b{
     height:80px;
     width:90px;
     background:#fff;
     float:left;
}
.text_a{
     height:30px;
     width:100%;
     float:left;
     background:#fff;
     text-align:center;
     font-size:12px;
     color:#333;
     line-height:30px;
}
.img_f{
     height:74px;
     width:80px;
     padding:10px 10px 0px 10px;
     border:0px solid #a1a1a1;
}
.av_p{
     height:46px;
     width:100%;
     float:left;
     background:#f1f1f1;
     margin:20px 0px 30px 0px;
     text-align:center;
     line-height:46px;
     font-size:18px;
}
  .d{
     display:none;

  }
}