html,body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; /*定义body的元素垂直居中*/
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; /*定义body的里的元素水平居中*/
}
.big {
  width: 1200px;
  height: 580px;     
}

/* .big{display: flow-root;} */
  .table .table_left{float: left;width: 60%;text-align: center;}
  .table .table_left .logo{width: 200px;}
  .table_left_title{
    margin: 5px auto;
    text-align: left;
    width:509px;
    height:44px;
    font-size:16px;
    font-family:Adobe Heiti Std;
    font-weight:normal;
    color:rgba(102,102,102,1);
    line-height:28px;}
  .left_box{position: relative; height: 450px;-webkit-background-size: 100% 100%;background-size: 100%;background-repeat:no-repeat}
  .left_box img{width: 100%;}
  .left_box .table_down{
    margin-top:20px;
    height:18px;
    font-size:18px;
    font-family:Source Han Sans CN;
    font-weight:500;
    color:rgba(102,102,102,1);
  }
  .online{position:absolute;bottom: 50px;color: #d40c2d;font-size: 16px;width: 130px;line-height: 30px;text-align: center;background-color: #fff;border-radius: 10px;left: 295px;cursor: pointer;}
  .table_right{text-align: center;padding: 20px 10px;}
  .table .table_right{float: right;width: 35%;border-radius: 10px;-webkit-box-shadow: 2px 2px 10px 2px #ccc;box-shadow: 2px 2px 10px 2px #ccc;
  }
  .table_right_title{color: #d40c2d;font-size: 34px;font-weight: 600;margin-bottom: 5px}

  .right_title{width:100%;line-height: 50px;background-color: #FFF;color:#666;padding-top:20px;font-size: 28px;text-align: center;}
  .basic-grey {
  margin:0 auto;
  max-width: 500px;
  padding: 40px 15px 44px 15px;
  background-color: #fff;
}
.basic-grey .biao{
  margin-bottom:40px;
  display:flow-root;
}
.basic-grey .biao span{
  float:left;
  line-height:40px;
  color:#666;
  letter-spacing: 2px;
  text-align: justify;
  font-size:18px;
}
.basic-grey .biao b{color:#d40c2d;padding-right:6px;}
.basic-grey label {
  display: block;
  margin: 0px;
  float:right;
  width:70%;
  border: 1px solid #DADADA;
  padding: 0 10px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey label .three{
  width:30% ;
  float:left;
}
.basic-grey .huo{
  width:30%;
  float:right;
  line-height:40px;
  background-color:#1986D4;
  color:#fff;
  cursor: pointer;
  margin-left:5%;
  border-radius: 5px;
}
.basic-grey label img{float: left;margin-top: 10px;}
.basic-grey input[type="text"], .basic-grey textarea{
  
  color: #888;
  height: 40px;
  margin-right: 6px;
  outline: 0 none;
  width: 98%;
  font-size: 12px;
  line-height:40px;
}
.basic-grey textarea{
  padding: 5px 3px 3px 5px;
  height:100px;
}
.basic-grey .button {
  background: #1986D4;
  width:100%;
  margin: 0 auto;
  display: block;
  margin-top: 55px;
  padding: 10px 35px 10px 35px;
  color: #FFF;
  -webkit-box-shadow: 1px 1px 5px #B6B6B6;
          box-shadow: 1px 1px 5px #B6B6B6;
  border-radius: 3px;
  text-shadow: 1px 1px 1px #1986D4;
  cursor: pointer;
}
.basic-grey .button:hover {
  background: #CF7A7A;
}
@media screen and (max-width: 760px) {
  .one{display: none;}
 .table{margin: 10px auto;}
  .table .table_left{width: 100%;margin-bottom: 20px}
  .table_left_title{font-size: 16px;}
  .left_box{height: auto;}
  .table .table_right{width: 100%;}
  .online{left: 34%;bottom:22%;}
  .basic-grey label{margin-bottom: 25px;}
  .basic-grey .button{margin-top: 40px;}
  .basic-grey{padding: 25px 15px 30px 15px;}
  .table_left_title{width: 100%;height: auto;margin: 10px auto;}
  .table_right{padding: 0;}
  .basic-grey .biao{margin-bottom: 0;}
  .basic-grey .biao span{font-size: 13px;}
  .basic-grey .button{margin-top: 0;}
}