@charset "utf-8";
body,.wrap{
    background: none;
}
.header{
    height:387px;
    width:100%;
    background: url("../images/banner.png") center top no-repeat;
}
.site-logo {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.header div.site-logo a {
    position: absolute;
    left: 0;
    top: 20px;
    width: 400px;
    height: 65px;
    background: url(../images/logo.png) 0 50% no-repeat;
    background-size: 75%;
}
.content{
    width:100%;
    background: #fff;
}
.grid{
    width: 1200px;
    margin:0 auto;
    box-shadow:none
}
.search{
    height: 50px;
    margin:0 auto;
    width: 580px;
    margin-bottom: 30px;
    border-radius:2px;
}
.search input {
    box-sizing: border-box;
    width: 510px;
    height: 50px;
    line-height: 20px;
    font-size: 16px;
    margin-right: 0px;
    padding: 10px 20px 10px 40px;
    border: none;
    color: #b4b3b3;
    box-shadow: none;
    border-radius: 3px 0px 0px 3px;
    border:1px solid #97bae4;
    outline: none;
    background: #fff url(../images/seacrh_q.png) 10px 50% no-repeat;
}
.search button {
    box-sizing: border-box;
    width: 71px;
    height: 50px;
    border: none;
    background: #084fc4;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    margin-left: -5px;
    border-radius: 0px 3px 3px 0px;
}
.list-t{
    margin:0px -10px
}
.list-t li{
    border:1px solid #dcdcdc;
    padding:20px 30px 50px 30px;
    position: relative;
    border-radius: 6px;
    margin-bottom: 30px;
}
.list-t li h4{
    font-size: 20px;
    line-height: 2em;
}
.list-t li a{
    white-space: normal;
}
.list-t li p{
    font-size: 16px;
    color:#8c8c8c;

    line-height:1.5em;
    text-indent: 2em;
    margin-bottom: 24px;
    margin-top:6px
}
.list-t li span{
    color:#636363;
    position:absolute ;
    left:30px;
    bottom:18px
}
@media (max-width: 1200px){
    .site-logo,.header,.grid{
        width:100%
    }
    .content .row,.list-t{
        margin:0 auto;
    }
    .header{
        background-size: cover;
        height: 200px;
    }
    .list-t li{
        margin-bottom: 20px;
    }
    .header div.site-logo a{
        position: absolute;
        left: 0;
        top: 0px;
        width: 40%;
        height: 70px;
        background: url(../images/logo.png) 0 50% no-repeat;
    }
    .site-logo{
        position:absolute
    }
    .header div.site-logo a{
        background-size: 100%;
    }
}
@media (max-width: 768px){
    .header div.site-logo a{
        width: 50%;
        background-size: 100%;
    }
    .search{
        width: 100%;
    }
    .search input{
        width: 85%;
    }
    .search button{
        width: 15%;
    }
}
@media (max-width:480px){
   .header{
       height: 150px;
   }
}