.block-background{
    background:url("/images/bg-channel-contact-us-01.jpg");
    background-repeat: no-repeat;
    background-position: 0,0;
}

div.map{
       index:100;
       position:relative;
}



 /*PC端样式*/
 @media only screen and (min-width: 1000px) {
    .block-background{
        background-size:  100%;
     }

    #location{
        width:100%;height:800px;
    }

    form{
        padding:20px;
        background:#fff;
        position:absolute;
        right:150px;
        top:100px;
        z-index: 100;
        box-shadow:0px 5px 10px #5f5d5d;
    }

    form .form-title *{
        text-align:left;
        font-size:1.8em;
        color:#505050;
    }
    form .form-title p{
       margin-top:20px;
       font-size:1.0em;
       color:#a1a1a1;
    }


    form .form-title hr.blue{
        width: 30px;
        height: 4px;
        margin: 10px 0px;
        background: #47a0ff;
        border-radius: 2px;
       }

     form .control-group .control-fluid{
        float:left;
        padding:10px;
     }

    form .control-group  label{
        display:block;
        margin-bottom:4px;
    }

  form .control-group input[type='text'] {
    border-radius:25px;
    padding: 8px 8px;
    border:1px solid #e8e8e8;
    text-indent:1em;
  }

  form .control-group input[type='text']:focus{
    border:1px solid #47a0ff;
  }


 form .control-group  input[type="submit"]{
      margin-top:20px;
      display: block;
      margin: 10px auto;
      background: url(/images/btn-download-selected.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 0px -6px;
      border: none;
      height: 50px;
      width: 200px;
      color: #fff;
      padding: 10px 30px 30px 30px;
 }

  .clear-fix{clear:both;}


 form .control-group .control-block input[type='text']{
    width:calc(100% - 18px);
 }

  div.contact-info{
   border-top:1px solid #e8e8e8;
   border-bottom:1px solid #e8e8e8;
   margin:20px 0px;
   padding:10px 0px;
  }

  div.contact-info p{
   margin:5px;
  }
 } /*PC端样式*/



 /*手机端样式*/
 @media only screen and (max-width: 1000px) {


    .block-background{
        background-size: 100%;
    }

 #location{
         width:100%;
         height:400px;
  }

  form{
        padding:20px;
        background:#fff;
        box-shadow:0px 5px 10px #5f5d5d;
    }

    form .form-title h4{
        text-align:center;
        font-weight: bolder;
        color:#505050;
    }
    form .form-title p{
       margin-top:20px;
       color:#505050;
    }


    form .form-title hr.blue{
        width: 30px;
        height: 4px;
        margin: 10px auto;
        background: #47a0ff;
        border-radius: 2px;
       }

     form .control-group .control-fluid{
        float:left;
        padding:10px;
     }

    form .control-group  label{
        display:block;
        margin-bottom:4px;
    }

  form .control-group input[type='text'] {
    border-radius:25px;
    padding: 8px 8px;
    border:1px solid #e8e8e8;
    text-indent:1em;
  }

  form .control-group input[type='text']:focus{
    border:1px solid #47a0ff;
  }


 form .control-group  input[type="submit"]{
      margin-top:20px;
      display: block;
      margin: 10px auto;
      background: url(/images/btn-download-selected.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 0px -6px;
      border: none;
      height: 50px;
      width: 200px;
      color: #fff;
      padding: 10px 30px 30px 30px;
 }

  .clear-fix{clear:both;}


 form .control-group .control-block input[type='text']{
    width:calc(100% - 18px);
 }

  div.contact-info{
   border-top:1px solid #e8e8e8;
   border-bottom:1px solid #e8e8e8;
   margin:20px 0px;
   padding:10px 0px;
  }

  div.contact-info p{
    margin:5px;
    color:#505050;
  }

  div.contact-info p span{
    color:#505050;
  }


 } /*手机端样式*/