@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
body{font-family:"微软雅黑"; font-size:12px; color:#7e7e7e;}
ul li{list-style:none;}
a{text-decoration:none;color:#fff;}
a:hover{transition-property:color;transition-duration:.6s}
img{border:none;}
.bg{background:url(../images/bj.jpg) no-repeat no-repeat;background-size:cover;width:100%;height:100%;}
.at_tc{width:1120px; height:auto; line-height:82px; margin:200px auto 70px;text-align:center;}
.logo{
    height: auto;
    width: 155px;
    margin:0 auto;
}
.lf{font-size:40px; color:#333333;width:100%;text-align:center;margin:0 auto;}

.input-group {
    position: relative;
    display: inline-table;
    vertical-align: middle;
    border-collapse: separate;
    box-sizing: border-box;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 70%;
    margin-bottom: 0;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius:0px;
}
.input-lg {
    height: 24px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width:auto;
    float:left;
    display: table-cell;
}
.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: -1px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-search .icon {
  width:22px;height:22px;
}
.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 8px 16px;
    color:#fff;
    font-size: 18px;
    line-height: 23px;
}

.form-group{text-align:center;}
.form-inline{text-align:center;}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
     margin:0px auto;
    float:none;
}

table{margin:20px auto 60px;margin-top:20px;font-size:14px; }
@media screen and (max-width:768px) {
.at_tc{ width: 100%; margin: 50% auto 10%;}
.logo {width:100px;}
.lf{ font-size: 26px;height:40px;line-height:40px;}
.input-group .form-control{width:61%;}
.input-group{width:340px;margin:0px auto;}
.btn-info{margin: 0px 0px;padding: 8px 2%px;}
.bg{background:url(../images/bj.jpg) no-repeat 100%;}
}

@media screen and (max-width:320px) {
.at_tc{ width: 100%; margin: 40% auto 10%;}
.input-group{width:310px;margin:0px auto;}
.input-group .form-control{width:58%;}

}