.box{
    width: 1200px;
    margin:0 auto;
}

.header{
    display: flex;
    width: 1200px;
    margin: 0 auto;
    height: 90px;
    justify-content: space-between;
    align-items: center;
}

.search-form{
    display: flex;
    width: 260px;
	height: 36px;
	background-color: #f5f5f5;
    align-items: center;
}

.search-form input{
    flex:1;
    overflow: hidden;
    padding-left: 12px;
    font-size: 14px;
    color:#999;
    outline: none;
    border: none;
    background:none;
}

.search-form  button{
    width: 16px;
	height: 16px;
    background: url('../images/search.png')no-repeat center;
    margin-right: 13px;
}

.nav{
    height: 56px;
	background-color: #62bd3a;
}

.nav ul{
    width: 1200px;
    margin:0 auto;
    display: flex;
}

.nav ul li{
    width: 120px;
    height: 56px;
    text-align: center;
    line-height: 56px;
}

.nav ul li a{
    font-size: 18px;
    color:#fff;
}

.nav ul li.active{
    background: #81CA61;
}

.nav ul li.active a{
    font-weight: bold;
}

.nav ul li:hover{
    background: #81CA61;
}

.nav ul li:hover a{
    font-weight: bold;
}

.box-left{
    width: 380px;
}

.box-right{
    width: 790px;
}

.box-one{
    width: 380px;
}

.index-left-news ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #eeeeee;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.index-left-news ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.index-left-news ul li .img{
    width: 150px;
	height: 90px;
}

.index-left-news ul li .img img{
    width: 150px;
	height: 90px;
}

.index-left-news ul li .info{
    margin-left:17px;
    height: 90px;
    font-size: 14px;
    color:#999;

}

.index-left-news ul li .info .t2{
    font-size: 16px;
    color:#333;
    line-height: 27px;
}

.index-banner{
    width: 790px;
	height: 380px;
    position: relative;
}

.index-banner .img{
    height: 100%;
    width: 100%;
}

.index-banner .img img{
    background-size:cover
}

.index-banner div{
    position: absolute;
    bottom:0;
    left:0;
    font-size: 14px;
    color:rgba(255,255,255,.7);
    line-height: 25px;
    padding:18px 20px;
    background: rgba(0,0,0,0.5);
}

.index-banner .name{
    font-size: 16px;
    color:#fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.public-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.public-title span{
    color:#62bd3a;
    font-size: 18px;
    font-weight: bold;
}

.public-title a{
    font-size: 14px;
    color:#999;
}

.index-rank-news ul li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.index-rank-news ul li:last-child .info{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.index-rank-news ul li .num{
    width: 24px;
	height: 24px;
	background-color: #d3d3d3;
    text-align: center;
    line-height: 24px;
    color:#fff;
    font-size: 16px;
}

.index-rank-news ul li:nth-child(-n+3) .num{
    background: #62bd3a;
}

.index-rank-news ul li .name{
    font-size: 16px;
    color:#333;
    margin-bottom: 11px;
}

.index-rank-news ul li p{
    font-size: 14px;
    color:#888;
}

.index-rank-news ul li .info{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 11px;
    margin-left: 18px;
    margin-top: 4px;
}

.footer{
    background: #333;
    padding:60px 0;
    margin-top: 32px;
}

.footer p{
    display: flex;
    justify-content: center;
    font-size: 12px;
    color:#999;
    margin-bottom: 12px;
}

.footer a{
    color:#999;
    margin:0 5px;
}

.links-list{
    display: flex;
    flex-wrap: wrap;
}

.links-list a{
    font-size: 14px;
    color:#888;
    margin-right: 10px;
}
.img-div{
    padding-bottom: 24px;
    border-bottom: 1px dashed #eee;
}
.img-div .name{
    font-size: 16px;
    color:#333;
    font-weight: bold;
    margin-bottom: 20px;
}

.img-div .img{
    width: 115px;
	height: 80px;
}

.img-div .img img{
    width: 115px;
	height: 80px;
}

.img-div .bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color:#999;
    line-height: 25px;
}

.img-div .info{
    height: 80px;
    margin-left: 19px;
}

.public-list ul li{
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.public-list ul li .yd{
    width: 6px;
	height: 6px;
	background-color: #62bd3a;
	border-radius: 50%;
}

.public-list ul li .name{
    font-size: 16px;
    color:#333;
    margin:0 10px;
}

.public-list ul li .time{
    font-size: 14px;
    color:#999;
}