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

.title{

    margin: 70px 0px 0px 0px;

    overflow: hidden;
}

.title img{

    float: left;

    width: 170px;
}

.title .name{

    float: left;

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

@font-face {
    font-family: def_font; /*这里是说明调用来的字体名字*/
    src: url('font/font.ttf'); /*这里是字体文件路径*/
}
.title .cnName{

    font-size: 40px;

    color: #4e4e4e;

    font-family: def_font;
}


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


.icon{

    width: 50%;

    box-sizing: border-box;

    float: left;

    text-align: center;

    padding: 20px;

    text-decoration: none;

    color: #636363;
}

.icon img{

    width: 200px;
}

.icon .name{

    font-size: 25px;

    margin: 28px 0px;

    font-weight: bolder;
}


.icon-list{

    overflow: hidden;

    width: 70%;

    margin: 130px auto;
}
.title .logo-name{

    width: 300px;

    float: left;
}