html,body{margin:0px;height:100%; }
img {border:0}
* {margin: 0;padding: 0;box-sizing: border-box;}
a{ text-decoration: none; color:#444}
a:hover{ color:#C00;text-decoration:none;}
body{font-family:"微软雅黑",Verdana, Geneva, sans-serif;font-size:14px;line-height:26px; color:#444;}
select,input{font-size: 14px;font-family: "微软雅黑"; padding:5px; margin:0;color:#000;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,p,form,em,span{ margin:0; padding:0; list-style:none}
table{ border:0; padding:0; margin:0;}
em,i{ font-style:normal}
.fix{*zoom:1;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}


.head { width:100%; margin:0;}
.head { width:1200px; margin:0 auto; overflow:hidden}
.head .logo { width:430px; float:left}
.head .logo img { width:430px; height:125px}
.head .rtbox { width:410px; float:right}
.head .rtbox .cutus { width:310px; float:right; color:#bfd0dd; padding-top:10px; margin-bottom:25px; font-size:12px;}
.head .rtbox .cutus a { color:#666}
.head .rtbox .cutus a:hover { color:#A00}
.head .rtbox .search { width:355px; float:right; height:38px; line-height:38px}
.input_1 { border-top-style:none; font-size:15px; border-left-style:none; height:38px; background: url(../images/search_bg.gif) no-repeat; border-bottom-style:none; color:#a1a3a6; padding-bottom:0px; padding-top:0px; border-right-style:none; padding-left:25px; margin:0px; line-height:38px; padding-right:0px; width:295px; float:left}
.input_2 { float:left; margin:0; padding:0; border:0}


/*-------------  banner -------------*/
.none{display:none;}
.banner{min-width:980px;height:572px;position:relative;margin:0 auto;overflow:hidden;z-index:1;}
.banner_show{width:100%;text-align:center;height:572px;overflow:hidden;position:relative;}
.bannger_inbox{position:absolute;left:50%;top:0;}

/*翻页*/
.banner_pre_next{position:relative;z-index:105;top:520px;width:980px;left:50%;height:37px;margin-left:-500px;*left:240px;}
.banner_pre_next a{width:37px;height:37px;background:url(../images/btn.png) no-repeat;text-indent:-999em;}
.banner_pre_next .banner_btn_left{position:absolute;left:-37px;background-position:0px 0px;}
.banner_pre_next .banner_btn_right{position:absolute;right:-37px;background-position:-37px 0px;}

/*圆点*/
.yq_banner_list{width:200px;height:25px;position:absolute;top:405px;text-align:right;z-index:100;left:120px;padding-right:12px;}
.yq_banner_list a{display:inline-block;width:19px;height:19px;background:url(../images/abg.png) no-repeat right;margin-right:10px;}
.yq_banner_list a.hover{background:url(../images/abg.png) no-repeat left;}

/*文字*/
.banner_mag{width:345px;height:520px;position:absolute;overflow:hidden;left:50%;top:0px;margin-left:-500px;text-align:left;z-index:99;font-family:"Microsoft YaHei";}
.banner_magbox{height:540px;background:url(../images/ico3.png) repeat;text-align:left;padding:60px 30px 35px;}
.banner_magbox .focus-img{text-align:right;margin-bottom:20px;}
.banner_magbox h4{font-size:18px;font-weight:normal;color:#fff;margin-bottom:10px;}
.banner_magbox h4 a{color:#fff;}
.banner_magbox p{font-size:14px;color:#fff;font-weight:normal;line-height:22px;}

/*互动*/
.focus-news{height:120px;color:#fff; background:#30a7e0;position:absolute;bottom:0px;width:980px;left:50%;margin-left:-500px;z-index:9999;font-family:"Microsoft YaHei";}
.weather { float:left; height:120px; width:270px;}
.weather iframe { float:left; width:220px; height:55px; margin-left:35px; margin-top:15px;}
.weather .time { width:250px; float:left; margin-left:20px; height:40px; line-height:40px; font-family:Verdana, Geneva, sans-serif; color:#FFF; text-align:center; font-weight:bold}
.wxwbfw { float:left; width:710px;}
/*-------------  banner -------------*/


.main { width:1200px; margin:0 auto; overflow:hidden}

.grey { width:100%; background:#e7e7e7; margin:0 auto; overflow:hidden }

.lmpic { width:1200px; float:left}
.lmpic img { width:1200px; height:102px}

.tb_380 { width:380px; float:left}
.tb_585 { width:585px; float:left}

.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mt40 { margin-top:40px}
.mt50 { margin-top:50px}
.mr10 { margin-right:10px}
.mr20 { margin-right:20px}
.mr30 { margin-right:30px}
.mr40 { margin-right:40px}
.mr50 { margin-right:50px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.mb40 { margin-bottom:40px}
.mb50 { margin-bottom:50px}


.zlmbt { width:100%; float:left; margin-bottom:10px}
.zlmbt strong { float:left; font-size:24px; color:#1588bc; height:40px; line-height:40px;}
.zlmbt em { float:right; font-size:14px; line-height:40px;}
.zlmbt em a { color:#aaa}
.zlmbt em a:hover { color:#1588bc}

.tbkuang { width:378px; float:left; border:1px solid #ddd; background:#FFF}

.kybhnews { width:350px; float:left; margin:14px; display:inline}
.kybhnews img { width:350px; height:210px; float:left;}
.kybhnews strong { width:350px; float:left; height:40px; line-height:40px; overflow:hidden; font-size:16px}
.kybhnews strong a { color:#1588bc}
.kybhnews strong a:hover { color:#34a02c}
.kybhnews span { width:350px; float:left; line-height:22px; height:66px; overflow:hidden; font-size:14px; color:#666}
.kybhnews em { width:350px; float:left; text-align:right; color:#aaa; font-size:14px}

.kjyqbt { float:left}
.kjyqbt strong { background:url(../images/newsqh_bg2.gif) no-repeat; width:120px; float:left; height:40px; line-height:32px; text-align:center; font-size:#FFF; font-size:20px}
.kjyqbt strong a { color:#FFF}

.kjyqbt2 { float:left}
.kjyqbt2 strong { background:url(../images/newsqh_bg3.gif) no-repeat; width:120px; float:left; height:40px; line-height:32px; text-align:center; font-size:#FFF; font-size:20px}
.kjyqbt2 strong a { color:#FFF}

.kjyqnews { width:585px; float:left}
.kjyqnews img { width:235px; float:left; height:145px; margin-right:20px; margin-top:10px; display:inline}
.kjyqnews ul { width:330px; float:left}
.kjyqnews ul li { width:330px; float:left}
.kjyqnews ul li a {background:url(../images/dian.gif) no-repeat 2px center; padding-left:15px; width:315px; float:left; font-size:16px; height:32px;  line-height:32px; overflow:hidden}

.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);cursor:pointer;}



/*-------------  生态价值 css样式 -------------*/
.guide-slider {width: 1200px; margin: 0 auto; background: #fff; height: 260px;}
.guide-slider .guide { width: 200px;  height: 260px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden;}
.guide-slider .guide .display {border-right: 1px solid #fff;width: 200px;height: 260px;text-align: center;float: left;position: relative;z-index: 2;background: #ffffff; -webkit-transition: all ease-in .3s;transition: all ease-in .3s;background-color: #cadce9;}
.guide-slider .guide .display .icon { display: inline-block; width: 74px; height: 74px; margin-top: 42px; background-image: url("../images/function.png");}
.guide-slider .guide .display .icon.icon1 { background-position: -592px 0;}
.guide-slider .guide .display .icon.icon2 { background-position: 0 0;}
.guide-slider .guide .display .icon.icon3 { background-position: -296px 0;}
.guide-slider .guide .display .icon.icon4 { background-position: -444px 0;}
.guide-slider .guide .display .icon.icon5 { background-position: -518px 0;}
.guide-slider .guide .display .introduction { border-top: 1px solid #fff; padding-top:20px; width: 100px; margin: 20px auto 0; font-size: 18px; color: #4091c8; text-align:center; line-height: 26px;}
.guide-slider .guide .display::after { content: ""; display: block; position: absolute; border-style: solid; border-color: transparent  transparent transparent #4fa0d7;
 border-width: 10px 15px; top: 100%; margin-top: 0; right: -30px; -webkit-transition: all ease-in .3s; transition: all ease-in .3s;}
.guide-slider .guide .behind { width: 200px; height: 260px; display: inline-block; border-right: 1px solid #ddd; background: #fff; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1;}
.guide-slider .guide .behind .function-list-wrap { width: 210px; margin: 0 auto;}
.guide-slider .guide .behind .function-list { margin-right: -10px;  margin-top: 20px;}
.guide-slider .guide .behind .function-list > li { float: left; padding-right: 10px;}
.guide-slider .guide .behind .function-list > li > a { display: block; border: 1px solid #ddd; width: 100px;height: 40px; text-align: center; line-height: 40px; margin-bottom: 18px; color: #0876c2;}
.guide-slider .guide .behind .function-list > li > a:hover { text-decoration: none; border: 1px solid #0876c2;  background: #0876c2;color: #ffffff;}
.guide-slider .guide .behind .function-list > li > a.important {color: #f58914;}
.guide-slider .guide .behind .function-list > li > a.important:hover { border: 1px solid #f58914; background: #f58914;color: #ffffff;}
.guide-slider .guide.on {width: 400px;}
.guide-slider .guide.on .display { background: #4fa0d8; border-right-color: transparent;}
.guide-slider .guide.on .display .title { color: #fff;}
.guide-slider .guide.on .display .introduction {color: #fff;}
.guide-slider .guide.on .display::after {top: 50%; margin-top: -5px;}
.guide-slider .guide.on .display .icon.icon1 { background-position: -74px 0;}
.guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0;}
.guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0;}
.guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0;}
.guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0;}
/*-------------  生态价值 css样式 -------------*/


dl.newsbox { width:100%; float:left}
dl.newsbox dt { width:100%; float:left;}
dl.newsbox dd { width:100%; float:left;}

ul.title{ width:378px; float:left; height:40px; font-weight:bold; line-height:25px}
ul.title li{ background:url(../images/line.gif) no-repeat top right; float:left; cursor:pointer; text-align:center; color:#000; font-size:18px; height:33px; line-height:33px; width:125px;}
ul.title li.hover{ display:block; color:#fff; text-align:center; display:inline; background:url(../images/newsqh_bg.gif) no-repeat; height:40px; width:126px;  color:#fff;}

ul.title2{ width:378px; float:left; height:40px; font-weight:bold; line-height:25px}
ul.title2 li{ float:left; cursor:pointer; text-align:center; color:#000; font-size:18px; height:33px; line-height:33px; width:189px;}
ul.title2 li.hover{ display:block; color:#fff; text-align:center; display:inline; background:url(../images/newsqh_bg1.gif) no-repeat; height:40px; width:189px;  color:#fff;}


ul.txlist_360 { width:360px; float:left; padding:9px}
ul.txlist_360 li { width:360; float:left; line-height:32px}
ul.txlist_360 li a { background:url(../images/dian.gif) no-repeat 2px center; padding-left:15px; width:345px; float:left; font-size:16px; height:32px;  line-height:32px; overflow:hidden}

.zwgkpic { width:360px; float:left; margin:0 9px 9px; display:inline; border-top:1px solid #DDD; padding-top:9px}
.zwgkpic .zwion { width:160px; float:left; padding:10px 0;}
.zwgkpic .zwion img { width:50px; height:50px; float:left; }
.zwgkpic .zwion strong { width:110px; float:left; font-size:20px; line-height:50px; text-align:center}
.zwgkpic .zwion strong a { color:#1588bc}
.zwgkpic .zwion strong a:hover { color:#34a02c; text-decoration:none}
.zwgkpic .zwtb { float:left; height:70px; border-right:1px solid #DDD; padding-right:12px; margin-right:25px; display:inline }

.pic_tw { width:100%; margin-bottom: 8px; float: left; margin-top:13px}
.pic_tw .img_h { width: 160px; height: 100px; margin:0 15px; float: left; display:inline}
.pic_tw .img_h img { width: 160px; height: 100px; float: left;}
.pic_tw .fotwz { width: auto; font-size: 18px; font-weight: bold; line-height:32px; height:96px; overflow:hidden}
.pic_tw .fotwz a { color:#036096}
.pic_tw .fotwz a:hover { color:#C00}

.picdt { width:350px; float:left; padding:15px 14px 0; display:inline; display:block}
.picdt_00  { width:350px; float:left; display:inline; position:relative; height:210px}
.picdt_00 img {width:350px;float:left;position:absolute;z-index:1;height:210px;left:0px;top:0px;}
.picdt_00 span { background: #000; opacity: 0.6; filter: alpha(opacity=60); width:350px; position:absolute; z-index:2; height:32px; bottom:0;left:0;}
.picdt_00 em  {width:350px;position:absolute;z-index:3;bottom:0;height:32px;text-align:center;color:#fff;line-height:32px;float:left;overflow:hidden;font-size:14px}
.picdt_00 em a { color:#FFF;}


/*-------------  多彩影像 css样式 -------------*/
.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
/*-------------  多彩影像 css样式 -------------*/


.wwgs { width:100%; float:left; font-size:18px; line-height:36px; padding:30px}
.wwgs h1 { width:100%; float:left; font-size:30px; line-height:50px; color:#000; text-align:center}
.wwgs span {width:100%; float:left; font-size:24px; line-height:50px; margin-bottom:30px; color:#000; text-align:center; border-bottom:1px solid #bbb; padding-bottom:30px; font-weight:bold}
.wwgs p { text-indent:2em}



.link { width:1200px; margin:20px auto; overflow:hidden}
.link strong { width:112px; float:left; background:url(../images/link_bg.gif) no-repeat; height:37px; line-height:37px; text-align:center; font-size:18px; color:#FFF; margin-right:15px; display:inline}
.link span { width:1073px; float:left; line-height:37px; font-size:16px;}
.link span a { margin-right:20px;}

.foot { width:100%; background:#1588bc; height:auto; display:block}
.foot .footb { width:1200px; margin:0 auto; overflow:hidden}
.foot .footb .left { width:810px; float:left; padding:25px 0}
.foot .footb .left strong { width:790px; float:left; font-weight:normal; color:#539bbc; line-height:35px; padding-left:20px}
.foot .footb .left strong a { color:#FFF}
.foot .footb .left strong a:hover { color:#FC6; text-decoration:none}
.foot .footb .left img { width:80px; height:80px; float:left; display:block}
.foot .footb .left span { float:left; margin-left:15px; display:inline; line-height:26px; font-size:14px; color:#FFF}
.foot .footb .left span a { color:#FFF}
.foot .footb .left span a:hover { color:#FC6; text-decoration:none}
.foot .footb .right { width:122px; float:right; padding-top:25px}
.foot .footb .right img { width:122px; height:122px; float:left}