body{

    background: #d4c7b3;
}
.main{
    width: 900px;
    margin: 0px auto;
}

.title{

    margin: 100px auto 0px auto;

    overflow: hidden;

    width: 610px;
}

.title img{

    float: left;

    width: 165px;
}

.title .name{

    float: left;

    margin: 105px 30px 0px 30px;

    float: left;

    margin: 45px 30px 0px 30px;
}

.title .cnName{

    font-size: 40px;

    color: #4e4e4e;

    /* float: left; */

    /* margin: 45px 30px 0px 30px; */
}


.title .enName{

    font-size: 18px;

    color: #636363;
}

.query-type{

    overflow: hidden;
}

.query-type-item{

    width: 14%;

    float: left;

    font-size: 24px;

    color: #636363;

    text-align: center;

    padding: 30px 0px;
}

.query-type-item.select{

    color: #27A9E3;
}

.search input{

    width: 80%;

    height: 55px;

    float: left;

    margin: 0px;

    border: 1px solid #BBBBBB;

    font-size: 20px;

    /* padding: 5px; */
}
.search .button{

    width: 19%;

    /* display: inline; */

    text-align: center;

    float: left;

    height: 59px;

    line-height: 59px;

    background: #27A9E3;

    color: #fff;

    font-size: 20px;

    /* font-size: 20px; */
}

.title .logo-name{

    width: 300px;

    float: left;
}