*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    font-family: 'Microsoft YaHei';

}

html{

    font-size: 10px;

}

a{

    text-decoration: none;

}

ul li{

    list-style: none;

}

/*顶部banner*/

header{

    width: 100%;

    height: auto;

}

header>img{

    width: 100%;

}

/*坚持农业农村优先发展*/

.fz{

    width: 100%;

    height: auto;

    margin-top: 40px;

}

.fz>h1{

    width: 100%;

    height: auto;

}

.fz>h1>img{

    width: 100%;

}

/*当前区域最中心区域的div*/

.fz>div{

    width: 1200px;

    height: 406px;

    background: url("../images/backhear.png") no-repeat;

    margin: 20px auto 0;

    position: relative;

}

.fz>div>a{

    font-size: 14px;

    color: #666;

    position: absolute;

    right: 23px;

    top: 35px;

}

.fz>div:after{

    display: block;

    height: 0;

    content: '';

    visibility: hidden;

    clear: both;

}

.fz>div>ul{

    width: 580px;

    float: right;

    padding: 0 20px;

    margin-top: 61px;

}

.fz>div>ul>li{

    height: 172px;

    padding-top: 22px;

}

.fz li h2>a{

    font-size: 20px;

    color: #000;

    font-weight:bold;

}

.fz li h2>a:hover{

    text-decoration: underline;

    color: #f00;

}

.fz li p>a{

    text-indent: 2em;

    font-size: 14px;

    display: block;

    width: 100%;

    color: #666;

    line-height: 2em;

    margin:20px 0 0;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:3;

    overflow: hidden;

}

.fz li p>a:hover{

    color: #333;

}

/*坚持农业农村 优先发展 end*/

/*幸福新农村示范村建设*/

.happiness{

    width: 100%;

    height: auto;

    margin-top: 50px;

}

.happiness>h1{

    width: 100%;

    height: auto;

}

.happiness>h1>img{

    width: 100%;

}

.happiness>ul{

    width: 1200px;

    margin:20px auto 0;

    display: flex;

    display:-webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    flex-flow: row;

    -webkit-flex-flow: row;

    -moz-flex-flow: row;

    -ms-flex-wrap: nowrap;

    -webkit-flex-wrap: nowrap;

    -moz-flex-wrap: nowrap;

    -o-flex-wrap:nowrap;

    flex-wrap: nowrap;

}

.happiness>ul>li{

    height:582px;

    width: 276px;

    margin-right: 20px;

    background: url("../images/libackimg.png") no-repeat;

}

.happiness>ul>li:nth-last-child{

    margin-right: 0;

}

.happiness li>h2{

    width: 100%;

    height: 107px;

    padding: 15px 15px 40px;

    display: block;

    line-height: 2em;

    word-break: break-all;

    text-overflow: clip;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:2;

    overflow: hidden;

}

.happiness li>h2>a{

    font-size: 18px;

    color: #000;

}

.happiness li>h2>a:hover{

    color: #ff0000;

    text-decoration: underline;

}

.happiness li figure{

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

}

.happiness li img{

    width: 240px;

    height: 160px;

}

.happiness li>a{

    display: block;

    width: 100%;

    letter-spacing: 1px;

    padding: 0 15px;

    font-size: 14px;

    color: #666;

    text-indent: 2em;

    line-height: 1.5em;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:7;

    line-clamp:7;

    overflow: hidden;

}

.happiness li>a:hover{

    color: #000;

    text-decoration: underline;

}

/*幸福新农村示范村建设 end*/

/*公共服务均筹化*/

.public{

    width: 100%;

    height: auto;

    margin-top: 50px;

}

.public>h1{

    width: 100%;

    height: auto;

}

.public>h1>img{

    width: 100%;

}

.public>ul{

    width: 1200px;

    margin:20px auto 0;

    display: flex;

    display:-webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    flex-flow: row;

    flex-flow: row;

    -webkit-flex-flow: row;

    -moz-flex-flow: row;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -o-flex-wrap:wrap;

    flex-wrap: wrap;

}

.public>ul li{

    margin-right: 15px;

    margin-bottom: 10px;

    width: 390px;

    height: 214px;

    overflow: hidden;

    position: relative;

}

.public>ul li:nth-child(3),.public>ul li:nth-child(6){

      margin-right: 0;

}

.public>ul li figure{

      width: 100%;

      height: 100%;

}

.public>ul li figure>img{

    width: 100%;

    height: 100%;

}

.public>ul li figure>figcaption{

    width: 100%;

    height: 100%;

    color: #fff;

    background-color: rgba(0,0,0,0.7);

    position: absolute;

    left: 0;

    top:174px;

    padding: 0 15px;

    overflow: hidden;

    transition: all 0.2s;

}

.public>ul figcaption>a{

    display: block;

    width: 100%;

    height: 100%;

}

.public>ul figcaption>a>h2{

    height: 40px;

    padding: 10px 0;

    color: #fff;

    font-size: 18px;

    font-weight: normal;

}

.public>ul figcaption>a>p{

    font-size: 14px;

    text-indent: 2em;

    color: #fff;

    line-height: 2em;

}

/*公共服务均筹划  end*/

/*美丽新农村精彩图集*/

.beautiful{

    width: 100%;

    height: auto;

    margin: 50px 0 40px;

}

.beautiful>h1{

    width: 100%;

    height: auto;

    margin-bottom: 20px;

}

.beautiful>h1>img{

    width: 100%;

}

.scroll{

    width: 1200px;

    margin: 0 auto;

    position: relative;

}

/*底部轮播图*/

.bottom{

    width: 1200px;

    height: 570px;

    margin: 0 auto;

}

.bottom li{

     width: 50%;

    height: 570px;

    position: relative;

 }

.bottom li div{

    width: 100%;

    height:100%;

    position:absolute;

    left:0;

    top:0;

    z-index:10;

    background-color: rgba(0,0,0,0.5);

}

.bottom li>img{

    width: 100%;

    height: 100%;

}

.beautiful .tempWrap{

    margin: 0 auto;

}

/*轮播图 左右点击按钮*/

.scroll>a{

    display: block;

    width: 64px;

    height: 123px;

    position: absolute;

    top:50%;

    z-index: 20;

    background: url("../images/kongz-icons.png") no-repeat;

}

.beautiful a.prev{

    background-position: left;

    left: 8.7%;

}

.beautiful a.next{

    background-position: right;

    right: 9%;

}

/*左右点击按钮 end*/

/*表层轮播图*/

.bigimg {

    width: 860px;

    height: 570px;

    position: absolute;

    top: 0;

    left:14%;

}

.top{

    width: 860px;

    height: 570px;

    z-index: 30;

}

.top>li{

    width: 100%;

    height: 100%;

}

.top>li img{

    width: 100%;

    height: 510px;

    outline-width:0px;

    vertical-align:top;

}

.top>li p{

    background-color: rgba(0,0,0,0.6);

    width: 100%;

    height: 60px;

    padding:15px 0 15px 30px;

    color: #fff;

    font-size: 24px;

}

.beautiful .hd{

    height: 60px;

    position: absolute;

    padding:8px 20px;

    bottom: 0;

    right: 16%;

    z-index:40 ;

    color: #fff;

}

.beautiful .pageState{

    font-size: 18px;

    font-family: 'Arial';

}

.beautiful .pageState>span{

    font-size: 36px;

    color: #f00;

    padding-right: 10px;

}

/*美丽新农村 精彩图集  end*/

/*为了使页面在移动端也能正常看，当屏幕尺寸小于1024px时，将heade的宽度设成和其他div一样的宽度*/

@media screen and (max-width: 1024px){

    header{

        width: 1200px;

    }

}