@charset "utf-8";
/* CSS Document*/
body {
	margin:0px;
	padding:0px;
	font-size:15px;
	min-width:1000px;
	font-family: "Microsoft YaHei", "微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;
	line-height:1.5;  color:#3e3a39;
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input {
	margin: 0px;
	padding: 0px;
}
 @media screen and (max-device-width: 640px) {
body {
-webkit-text-size-adjust:none; 
}
}
.clearfix, .box, .mod, .list, .pic-list, .titl {
*zoom:1;
}
.clearfix:after, .box:after, .mod:after, .list:after, .pic-list:after, .titl:after {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
img {
	border:0px;
}
ul {
	list-style:none;
}
a {
	text-decoration:none; color:#960;}
a:hover {
	text-decoration:underline;
	color:#900;
}
h2 { font-weight:normal;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:17px;
}

p{ color:#999;}
.titl {
	height:50px;
	overflow:hidden; font-size:22px; color:#fff; margin:0 auto; line-height:45px; margin-bottom:35PX;
}


.sdyx{ background-image:url(http://www.hq.xinhuanet.com/zt/2018sdb/images/siyx.png);}

.sdgs{ background-image:url(http://www.hq.xinhuanet.com/zt/2018sdb/images/sdgs.png);}

.sdly{ background-image:url(http://www.hq.xinhuanet.com/zt/2018sdb/images/sdly.png);}





.more {
	float:right;
	margin-right:10px;
	display:block;
	font-weight:normal;font-size:15px; 
	
}



/*头部开始-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#header {
	width:100%;
}
.banner {
	margin:0 auto;
	height:520px;
	background-image:url(http://www.hq.xinhuanet.com/zt/2018sdb/images/banner.jpg);
	background-position:center top;
	background-repeat:no-repeat; 
}


.nav {
	height:50px; 
	clear:both; margin-top:-40px; background-color:#acce22; padding-top:10px; border-bottom:2px solid #f08519;

}
.nav ul {
	width:1000px;
	margin:0 auto;
}
.nav ul li {
	float:left;

	font-size:17px; padding:0 25px; height:40px;
	background-repeat:no-repeat;
	background-position:center left; border-right:1px solid #fff; border-left:1px solid #fff; line-height:40px; margin-left:-1px;
}

.nav ul li.m{ margin-right:0;}


.nav a {
	color:#FFf;
	display:block;
	float:left;
	font-weight:bold;  color:#fff;
}
.nav a:hover, .nav li.on a { color:#C00;
}

.main{ float:left; width:540px; }

.main img{ width:540px; height:360px;}

.side{ float:right; width:420px;}







/*主要框架-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.box {
	width:1000px;
	margin:0px auto 0px auto; padding-top:50px;
}



.list ul {
	float:none;
	overflow:hidden; 
}

.list ul li{background-image:url(http://www.hq.xinhuanet.com/zt/2018sdb/images/yq.png); background-position:0px 27px; background-repeat:no-repeat;  padding:20px 0 15px 20px; border-bottom:1px solid #f2f2f2; }


/*湿地掠影*/

.list_sdly{ width:1015px; overflow:hidden;}
.list_sdly li{ width:320px; height:211px; position:relative; float:left; margin-right:15px; margin-bottom:15px;}

.list_sdly li img{ width:320px; height:211px;}

.list_sdly li p{

    bottom: 0px;
    left: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000 100%);
    background: linear-gradient(top bottom, rgba(255, 255, 255, 0) 0%, #000 100%);
    width: 100%;
    line-height:20px;
    color: #fff;
    font-family: "Microsoft YaHei", "微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;
    font-size:17px;
}

.list_sdly li p a{ color:#fff; position:relative; display:block; padding:2px 5px;}


.list_sdly li.li_B{ width:655px; height:437px;}

.list_sdly li.li_B img{ width:655px; height:437px;}


.list_sdly li.li_B p{ font-size:25px; line-height:40px;}


/*6图并列--------------------------------------------------------------------------------------------------------------------------------*/

.pic_3 {
	width:1000px;
}
.pic_3 ul {
	width:1050px;
	overflow:hidden;
}
.pic_3 ul li {
	float:left;
	width:300px;
	padding:0px;
	background-image:none;
	margin:0px 50px 0px 0px;
	height:300px;
}
.pic_3 ul li img {
	width:300px;
	height:200px;
}
.pic_3 ul li p {
	text-align:center;
}





/*尾部*/

#foot {
	background-color: #fcce00; border-top:2px solid #cae32e;
	margin:40px auto 0 auto;
	text-align:center;
	padding-top:30px;
	padding-bottom:20px; color:#3e3a39;
}
/*列表页*/

.daohang {
	clear:both;
	overflow:hidden;
	height:50px;
	line-height:50px;
	font-size:20px;
	border-bottom:2px solid #747C87;
	margin-bottom:30px;
}
.list-tem {
	width:1000px;
	overflow:hidden;
}
.list-tem ul li {
	border-bottom:1px dashed #dedede;
	font-size:22px;  overflow:hidden;
	padding:20px 0;
}





.list-tem ul li div{width:240px; height:160px; float:left; margin-right:20px;}
.list-tem ul li div img{ width:240px; height:160px;}



.list-tem ul.shixian li div{width:200px; height:133px; float:left; margin-right:20px;}


.list-tem ul.shixian li div img{ width:200px; height:133px;}

.list-tem ul.shixian li h3{ font-size:18px;}
.list-tem ul.shixian li p{font-size:15px;}

.list-tem ul li p{ color:#999; font-size:16px; margin-top:10px; margin-bottom:15px;}

.list-tem ul li h3{ font-size:20px;}

.list-tem ul li em{ font-size:15px; font-style:normal; background-color:#f2f2f2; padding:5px; color:#999;}
	


.sxdt{ margin-top:20px;}
.sxdt li{ text-align:center; margin-bottom:30px;}


.sxdt li img{ width:300px; height:200px;}








