@charset "utf-8";
body{
    background: none;
}
.wrap{
    background: url("../images/banner.png") center top no-repeat;
}
.header{
    height:288px;
    width:100%;
    background: none;
}
.header .inner{
    padding-top:120px
}
.site-logo {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
}
.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:1200px;
}
.content .row{
    margin-left:-20px;
    margin-right:-20px
}
.grid{
    width: 100%;
    margin:0 auto;
    box-shadow:none;
    background-color:transparent;
}
.header .fade-in{
    text-align: center;
    margin-bottom:10px
}
.header .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;
}
.search button {
    box-sizing: border-box;
    width: 71px;
    height: 50px;
    border: none;
    background: #f5641e;
    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-a{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
}
.list-a li.ss{
    width:205px;
    height:65px;
    background: url("../images/li.png") center top no-repeat;
    border-radius: 4px;
    text-align: center;
    line-height:65px;
    padding-left: 15px;
}
.list-a li.ss.current span{
    color:#0187f9
}
.list-a li.ss span{
    margin-right:30px;
    font-size:24px;
    font-weight: bold;
    font-family: '微软雅黑';
}
.list-a li i{
    background: url("../images/before.png") 50% 17px no-repeat;
    display:inline-block;
    height:65px;
    margin-right:10px
}
.biaoge{
    padding:20px;
    background: #fff;
    border-radius: 8px;
}
td {
    padding: 10px 6px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
}
tbody tr {
    border-bottom: 1px solid #d4d6d7;
}
thead tr,tbody tr{
    background: #f2f6fa;
}
.content thead tr th{
    text-align: center;
}
tbody tr td{
    text-align:center;
}
.content tbody tr td:nth-child(2){
    text-align:left ;
    background:#fff
}
.i_nav td.xh{
    width: 8.33%
}
.i_nav td.i_1{
    width: 75%;
}
.i_nav td.i_3{
    width: 16.66%;
}
.content table,.content thead{
    width:100%
}
.content thead tr th {
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    border-bottom: 6px solid #236caf;
    color: #2d66a5;
}
.content thead tr th.bt,.content thead tr th.i_rt{
    border-bottom-color: #32b9e6;
}


.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,.content{
        width:100%
    }
    .content .row,.list-t{
        margin:0 auto;
    }
    .header{
        background-size: cover;
    }
    .list-t li{
        margin-bottom: 20px;
    }
    .list-a{
        flex-wrap: wrap;
    }
    .list-a li{
        margin-bottom:20px
    }
    .header div.site-logo a{
        position: absolute;
        left: 0;
        top: 0px;
        width: 40%;
        height: 90px;
        background: url(../images/logo.png) 0 50% no-repeat;
    }
    .site-logo{
        position:absolute
    }
    .header div.site-logo a{
        background-size: 100%;
    }
    .header .search button{
        font-size: 14px;
        color:#fff
    }
}
@media (max-width: 768px){
    .header div.site-logo a{
        width: 50%;
        background-size: 100%;
    }
    .header .search{
        width: 100%;
    }
    .search input{
        width: 85%;
    }
    .search button{
        width: 15%;
    }
    .list-a li.ss{
        width:48%
    }
}
@media (max-width:520px) {
    .header .fade-in img{
        width: 100%;
    }
}
@media (max-width:480px){
    .grid{
        padding-top:0px
    }
    .header {
        height:248px
    }
    .list-a{
        margin-top: 20px;
    }
    .list-a li.ss{
        width:100%;
        background-size: 100%;
    }
    .biaoge{
        padding:0
    }

}