.nav{
     height:80px;
     width:100%;
     background:#fff;
     margin:0 auto;
     padding:0;
     padding:10px 10% 0px 5%;
     box-shadow:0px 0px 1px 0px green;
     position:fixed;
}
.logo{
     height:60px;
     width:60px;
     text-align:center;
     background:#fff;
     float:left;

}
.image{
     height:300px;
     width:100%;
     margin:1px 0px 0px 0px;
     float:left;
     background:#fff;
     bbackground-image:url("bg/im.png");
     background-size:100% 100%;
     background-repeat:no-repeat;
}
.box{
     height:300px;
     width:100%;
     background:#fff;
     margin:0px 0px 0px 0px;
     float:left;
}
.text{
      height:auto;
      width:600px;
      background:rgba(0,0,0,.5);
      margin:20px 0px 0px 30px;
      font-family:sans-serif;
      color:#fff;
      padding:3px 10px;
      font-size:26px;
}
  .op_box{
      float:right;
      display:block;
      margin:20px 30px 0px 0px;
  }
  .home{
      height:30px;
      width:auto;
      float:left;
      color:#03A9F4;
      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:#03A9F4;
  }
    .op_box1{
      float:right;
      display:block;
      margin:20px 8% 0px 0px;
  }
  .home1{
      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;
      background:#fff;
  }
  .home1:hover{
         color:#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;
  }
  a{
  text-decoration:none;

  }
  a:hover{
  text-decoration:none;

  }
  .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;
  }

   .op_box2{
      float:left;
      width:100%;
      display:none;
      text-align:center;
      margin:20px 0px 0px 0px;
  }
  .home2{
      height:34px;
      width:98%;
      border-bottom:0px solid #ddd;
      color:#03A9F4;
      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:#03A9F4;
  }

.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;
  }
  .f{
      color:#a1a1a1;
  }
  .f:hover{
      color:#03A9F4;
      text-decoration:underline;
      transition:1s;
  }

@media (max-width:700px){
  .box{
     height:300px;
  }
  .image{
     height:300px;
     width:100%;
     margin:1px 0px 0px 0px;
     float:left;
      background:rgba(0,0,0,.5);
}
.text{
      height:auto;
      width:300px;
      background:rgba(0,0,0,.5);
      margin:20px 0px 0px 10px;
      font-family:sans-serif;
      color:#fff;
      padding:3px 10px;
      font-size:13px;
}
  .d{
     display:none;

  }
  .op_box{
      display:none;
  }
  .op_box1{
      display:none;
  }
  .opt{
      height:44px;
      width:40px;
      float:right;
      margin:15px 6% 0px 0px;
      display:block;
  }
  .opt:hover{
      background:#03A9F4;
  }
   .op_box2{
      float:left;
      display:block;
      margin:20px 0px 0px 0px;
  }
  .home2{
      height:30px;
      width:96%;
      color:#03A9F4;
      cursor:pointer;
      margin:0 auto;
      margin-bottom:10px;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 0px;
      font-size:13px;
      background:#fff;
  }
  .home2:hover{
         color:#fff;
         background:#03A9F4;
  }

.op_box4{
        height:50px;
        width:100%;
        backgoud:red;
        display:block;
        float:left;
        margin:0 auto;
        text-align:center;
  }
  .op_box5{
        height:40px;
        width:105px;
        backgrond:pink;
        display:block;
        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;
  }

}