/* 
* @Author: Marte
* @Date:   2018-04-09 09:07:33
* @Last Modified by:   Marte
* @Last Modified time: 2018-05-25 14:24:57
*/

html{
    position: relative;
}
.header-box{
    /*position: absolute;*/
}

.header-box .w{
    /*height:80px;*/
    /* width:auto; */
    background:#57bc54;
        position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -550px;
    height:116px;
}
.header-top{
    display: inline-block;
    width:100%;
    height:66px;
    padding:0 20px;
    box-sizing: border-box;
}
.logo img{
    margin-top: 8px;
}
.header-name{
    margin-left: 10px;
    /*margin-top: 20px;*/
}
.header-name p{
    font-size: 18px;
    color:#fff;
    line-height: 66px;
}
.header-name span{
    font-size: 12px;
    color:#4b6b6b;
}
.header-nav ul li{
    float: left;
    /*height:80px;*/
    width:90px;
    line-height: 47px;
    font-size: 14px;
    text-align: center;
    color:#57bc54;
    cursor: pointer;
}
.header-nav ul li:hover{
    /*background:#355a5a;*/
    /*color:#74b3b3;*/
    border-bottom:solid 3px #ffe907;
    box-sizing: border-box;
}
.header-nav .on{
    /*color:#f8bc28;*/
    border-bottom:solid 3px #ffe907;
    box-sizing: border-box;
}
.header-nav{
    display: inline-block;
    height:50px;
    width:100%;
    background:#fff;
    padding:0 10px;
    box-sizing: border-box;
}
.banner-box .w{
    position: relative;
}
.banner-box{
    background:url(../img/banner_hcuj.jpg) no-repeat;
    background-position: center center;
    height:500px;
    /*width:100%;*/
    padding-top: 200px;
    box-sizing: border-box;
    margin-top: -10px;
}
.banner-box .index-title{    
    color: #57bc54;
    font-size: 30px;
    font-family: SimHei;
    /*line-height: 30;*/
    font-style: italic;
}
.banner-div{
    width:600px;
    text-align: left;
    /*margin-top: 200px;*/
    position: absolute;
    /*width:100%;*/
    left:220px;
    top: 38px;
    text-align: center;
}
.banner-box .index-info{   
    color: #57bc54;
    font-size: 24px;
    font-family: Microsoft YaHei;
    /*line-height: 200%;*/
    font-style: italic;
}
.banner-box .index-introduce{
        color: #000;
        font-size: 20px;
        font-weight: bold;
}
.title-content{
    padding:0 10px;
    /*width:180px;*/
    height:30px;
    background:#43a140;
    margin-left: 10px;
    margin-top: 18px;
    border-radius: 50px;
}
.title-content p{
    font-size: 12px;
    color:#fff;
    line-height: 25px;
}
.title-content-icon p{
    float: left;
}
.title-content-icon a{
    float: left;
    margin:0 4px;
}
.title-content-icon img{
    width:25px;
    height:25px;
}
.mobile{
    margin:10px 0px;
}
.title-content-icon{   
 /*margin:10px 0px;*/
 display: inline-block;
 margin-top: 2.5px;
}
.title-date{
    display: inline-block;
    margin-left: 10px;
}
.title-date p{
    color:#fff;
    font-size: 14px;
    line-height: 66px;
}
.title-date img{
    width:24px;
    height:22px;
    margin-top: 22px;
    margin-right:10px ;
}
.search {
    line-height: 50px;
    /*margin-top: 10px;*/
    /*height:*/
}
.search input{
    width:180px;
    border:solid 1px #ccc;
    height:26px;
    line-height: 26px;
}
.search span{
    float: right;
    margin-top: 11px;
    /*display: inline-block;*/
    background:#57bc54;
    color:#fff;
    padding:0 8px;
    box-sizing: border-box;
    height:30px;
    line-height: 30px;
    cursor: pointer;
}