/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "思源黑体", "微软雅黑", "宋体", Arial Narrow; font-size: 14px; color: #1b1b1b; padding-bottom: 50px; overflow-x: hidden; }
.w1000 { width: 1000px; overflow: hidden; clear: both; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
/*主导航条*/
.zdht { width: 100%; height: 44px; background: #21c0ce; }
.zdht ul { width: 1000px; }
.zdht ul li { float: left; font-size: 18px; color: #ffffff; height: 44px; line-height: 44px; padding: 0 20px; font-weight: bolder; }
.zdht ul li:hover { background: #18aab7; }
/*次导航条*/
.cdht { width: 100%; height: 44px; background: #efefef; }
.cdht ul { width: 1000px; }
.cdht ul li { float: left; font-size: 18px; height: 44px; line-height: 44px; padding: 0 20px; color: #959595; }
.cdht ul li:hover { font-weight: bolder; }
/*焦点图*/
#focus,#focus img { width: 1000px; height: 500px; }
/*要闻*/
.yaow .one { width: 1000px; height: 75px; overflow: hidden; }
.yaow .one img { width: 72px; height: 75px; float: left; margin-right: 25px; }
.yaow .one span { display: inline-block; width: 820px; height: 15px; line-height: 15px; overflow: hidden; color: #979797; }
.yaow .one h1 { display: inline-block; width: 820px; height: 35px; line-height: 35px; overflow: hidden; color: #1d1d1d; font-size: 24px; }
.yaow .one p { display: inline-block; width: 820px; height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #6d6d6d; }
.yaow .one .more { float: right; color: #959595; }
.yaow .one .more:hover { color: #000000; font-weight: bolder; }
.yaow .list { width: 1000px; height: 64px; padding: 24px 0; border-top: 2px solid #eeeeee; border-bottom: 2px solid #eeeeee; }
.yaow .list li { float: left; width: 290px; height: 32px; line-height: 32px; overflow: hidden; margin-left: 20px; margin-right: 23px; font-size: 16px; }
.yaow .list li:before { display: block; float: left; content: " "; width: 6px; height: 6px; background: #43d6e0; margin-top: 13px; margin-right: 8px; }
/*水利故事*/
.slgs { float: left; width: 640px; height: 280px; overflow: hidden; }
.slgs .title { width: 640px; height: 70px; border-top: 3px solid #21c0ce; }
.slgs .title h3 { float: left; line-height: 60px; font-size: 26px; color: #21c0ce; font-weight: 600; }
.slgs .title span { float: right; line-height: 60px; color: #959595;}
.slgs .title span:hover {color: #000000; font-weight: bolder; }
.slgs .pic { position: relative; float: left; width: 300px; height: 200px; overflow: hidden; }
.slgs .pic img { width: 300px; height: 200px; border-radius: 5px; }
.slgs .pic span { display: block; position: absolute; width: 300px; height: 36px; line-height: 36px; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #ffffff; overflow: hidden; text-indent: 10px; }
.slgs .list { float: right; width: 320px; height: 200px; overflow: hidden; }
.slgs .list li { width: 320px; height: 34px; line-height: 34px; overflow: hidden; }
.slgs .list li:first-child { height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 16px; font-weight: bolder; }
/*水利政策*/
.slzc { float: right; width: 330px; height: 280px; overflow: hidden; }
.slzc .title { width: 330px; height: 70px; border-top: 3px solid #21c0ce; }
.slzc .title h3 { float: left; line-height: 60px; font-size: 26px; color: #21c0ce; font-weight: 600; }
.slzc .title span { float: right; line-height: 60px; color: #959595; }
.slzc .title span:hover {color: #000000; font-weight: bolder; }
.slzc .one { width: 330px; height: 74px; overflow: hidden; }
.slzc .one h4 { display: block; width: 330px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bolder; overflow: hidden; }
.slzc .one p { display: block; width: 330px; height: 36px; line-height: 18px; font-size: 12px; overflow: hidden; color: #959595; }
.slzc .list { float: right; width: 330px; height: 140px; overflow: hidden; }
.slzc .list li { width: 320px; height: 34px; line-height: 34px; overflow: hidden; }
/*水利视界*/
.slsj { height: 400px; background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%); }
#slsj_jdt,#slsj_jdt img { width: 489px; height: 334px; }
/*水利工程*/
.slgc { float: left; width: 640px; height: 380px; overflow: hidden; }
.slgc .title { width: 640px; height: 54px; border-bottom: 3px solid #dcdcdc; }
.slgc .title h3 { float: left; height: 54px; line-height: 54px; border-bottom: 3px solid #21c0ce; font-size: 26px; color: #21c0ce; font-weight: 600; }
.slgc .title span { float: right; line-height: 54px; color: #959595; }
.slgc .title span:hover {color: #000000; font-weight: bolder; }
.slgc .pics { width: 640px; height: 230px; margin-top: 20px; overflow: hidden; }
.slgc .pics li { float: left; width: 300px; height: 230px; margin-right: 20px; }
.slgc .pics li img { width: 300px; height: 180px; border-radius: 5px; }
.slgc .pics li span { width: 300px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bolder; overflow: hidden; }
.slgc .list { width: 640px; height: 60px; overflow: hidden; }
.slgc .list li { float: left; width: 300px; height: 30px; line-height: 30px; margin-right: 20px; overflow: hidden; }
/*视频*/
.slsp { float: right; width: 330px; height: 380px; overflow: hidden; }
.slsp .title { width: 330px; height: 54px; border-bottom: 3px solid #dcdcdc; }
.slsp .title h3 { float: left; height: 54px; line-height: 54px; border-bottom: 3px solid #21c0ce; font-size: 26px; color: #21c0ce; font-weight: 600; }
.slsp .pic { position: relative; width: 330px; height: 290px; margin-top: 20px; overflow: hidden; }
.slsp .pic img { width: 330px; height: 240px; border-radius: 5px; }
.slsp .pic span { width: 330px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bolder; overflow: hidden; }
.slsp .pic a:before { position: absolute; display: block; content: " "; width: 35px; height: 35px; background: url(http://smgz.gog.cn/images/slsp_ico_20210510.png); top: 102px; left: 147px; }
/*水利印象*/
.slyx { width: 1920px; height: 330px; overflow: hidden; }
.slyx .title { width: 1000px; height: 54px; border-bottom: 3px solid #dcdcdc; }
.slyx .title h3 { float: left; margin-left: 448px; height: 54px; line-height: 54px; border-bottom: 3px solid #21c0ce; font-size: 26px; color: #21c0ce; font-weight: 600; }
.swiper-container { width: 2010px; margin-left: -45px; }
.swiper-slide { position: relative; width: 333px; height: 240px; }
.swiper-slide-noactive:before { display: block; content: " "; position: absolute; width: 333px; height: 240px; background: rgba(0, 0, 0, 0.6); }
.swiper-slide img {width: 333px; height: 240px; border-radius: 5px; }
.swiper-button-prev,.swiper-button-next { color: #ffffff; width: 50px; height: 50px; background: rgba(145, 145, 145, 0.6); }
.swiper-button-prev:after,.swiper-button-next:after { font-size: 30px; }
.swiper-button-prev { left: calc(50% - 502px); }
.swiper-button-next {right: calc(50% - 502px); }
/*友情链接*/
.link { width: 100%; padding: 20px 0; margin-top: 60px; background: #eeeeee; }
.link h3 { display: block; float: left; width: 80px; font-size: 16px; font-weight: bolder; }
.link ul { display: block; float: left; width: 920px; line-height: 24px; color: #707070; }
.link ul li { float: left; margin-right: 5px; }
.link ul li a { margin-right: 5px; }
/*页脚*/
footer { margin-top: 80px; }
.footer_left { float: left; width: 400px; height: 180px; }
.footer_left img { margin: 58px 39px; }
.footer_right { float: right; width: 600px; height: 180px; overflow: hidden; }
.footer_right p { line-height: 30px; }
.footer_gajg { float: left; margin-top: 15px; line-height: 20px; margin-left: 70px; margin-right: 100px; }
.footer_gajg img { float: left; margin-right: 5px; }
.footer_link { float: left; margin-right: 20px; }
.footer_hidden { width: 0px; height: 0px; overflow: hidden; }