@charset "utf-8";
/**reset for all browser @ zaichi.cn**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td , figure , artical , dl , dd, header, footer {margin:0;padding:0;}
html{font:normal 100% "Microsoft YaHei",Arial;}
fieldset,img {border:0;}
:focus {outline:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
abbr,acronym {border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code,kbd,samp,tt {font-size:100%;}
input,button,textarea,select {*font-size:100%;}
body {line-height:1.5;}ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
sup,sub {font-size:100%;vertical-align:baseline;}
:link,:visited ,ins {text-decoration:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
/* CSS Document */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
body{font:16px/1.5 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';-webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;min-width: 320px;background: #fff; }
header, footer, article, section, nav, menu, hgroup {display: block;clear: all;}
a{color:#333333; overflow:hidden;}
.clearf{ overflow:hidden; zoom:1;}
.clear{ clear:both;}
body{min-height:100%; position:static;outline: 0  none; min-width:360px;}
/*居中*/
*{ box-sizing:border-box;}
img{display: block;}
.fr{float: right;}
.fl{float: left;}

.wrap{ width:100%; height:auto; overflow:hidden;}
/*.wrap1{background:url(/template/efceb1e67c874603964bf55012c2c2f3/images/bg.jpg) no-repeat left bottom /100% auto;}*/

/*banner*/
.banner{position: relative; z-index: 400;}
.index-banner{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%; z-index:200;}
.in_bn{ margin-top:0px;}
.index-banner .swiper-wrapper li{float:left; position:relative;}
.index-banner .swiper-wrapper li img{width:100%;height:100%; display:none; z-index:300;}
.index-banner .swiper-wrapper li p{ position:absolute; width:100%; bottom:0px; font-size:14px; height:40px; line-height:40px;/*background:rgba(0, 0, 0, 0.6);*/color:#fff; z-index:500;}
.index-banner .swiper-wrapper li p b{ padding:0px 120px 0px 15px; overflow:hidden; display:block; font-weight: normal;}
.index-banner .index-pagination{position:absolute;right:0px;bottom:0;width:100%; text-align:center;height:30px;}
.yd_bc{ background:none !important;}
.index-banner .index-pagination span{width:35px;height:4px;margin-top:13px;margin-right:8px;background:url(/template/efceb1e67c874603964bf55012c2c2f3/images/white_icon.png) no-repeat 0 0;display:inline-block;}
.index-banner .index-pagination span.swiper-active-switch{background:url(/template/efceb1e67c874603964bf55012c2c2f3/images/red_icon.png) no-repeat 0 0;}
.index-banner .banner-title{position:absolute;left:3%;bottom:3.6%;color:#fff;font-size:1.6em;z-index:100;}

.index-banner .swiper-wrapper .ph_co{ padding-top:30px; text-align:center; }
.index-banner .swiper-wrapper .ph_co img{ display:block; margin:0 auto;max-width:100%;  width: auto;}
.ph_co label{ text-align:left; height:28px; margin-top:15px; padding-left:15px; padding-bottom:15px;  display:block; font-size:20px;}
.index-banner .swiper-wrapper .ph_co p{ line-height:28px; margin-top:5px; background:none; color:#333; font-size:20px;}

/*header*/
.header{position: absolute; top: 0; z-index: 300; height: 60%; background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/bg_header.png) repeat-x 0 0 /auto 60%; width: 100%; text-align: center;}
.header .index{position: absolute; width: 30px; height: 30px; right: 15px; top: 28px; display: block;}
.header .index img{width: 26px; margin-top: 4px;}
.header .logo{position: absolute; left: 15px; top: 4px; width: 60%; /*height: auto; padding-top: 16px; text-align: center;*/ display: block;}
.header .logo img{width: 100%;}

.main{padding: 0 15px;}

.phone_bnxf{width: 50%; margin: 10px auto 5px auto;}
.phone_bnxf img{display: block; width: 100%;}
.bnxf_ms{margin: 0 auto; width: 100%;}
.bnxf_ms p{text-indent: 2em; line-height: 28px; overflow: hidden;}
.bnxf_ms a{width: 26%; line-height: 36px;  background: #ebebeb; color: #333; text-align: center; display: block;  margin:15px auto 25px auto;}
.bnxg_img{width: 100%; margin: 0 auto;}
.bnxg_img{margin: 0 auto;}
.bnxg_img img{display: block; width: 100%;}

.main1{background: #f9f9f9;}
.xwzx ul li{width: 100%; background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/bg_xwzx.png) no-repeat right 10px; background-size: 97%; margin-bottom: 16px;}
.xwzx ul li a img{width: 92%;}
.xwzx ul li a p{height: 50px; line-height: 40px; font-size: 13px; padding-left: 40px;}
.xwzx a.xwzx_more{margin: 0 auto; width: 100%; display: block; text-align: center; height: 28px; line-height: 28px; font-size: 14px; color: #999; margin-bottom: 15px;}

/*选项卡*/
.find_nav { width: 100%; height: 42px; border-bottom: 2px solid #ddd; display: -moz-box; display: -webkit-box; display: box;}
.find_nav_left { height: 42px; position: relative; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}
.find_nav_list { position: absolute; left: 0;}
.find_nav_list ul { position: relative; white-space: nowrap; font-size: 0;}
.find_nav_list ul li { display: inline-block; padding: 0; margin:0 14px 0 0;}
.find_nav_list ul .last{margin-right: 0;}
.find_nav_list ul li a { display: block; width: 100%; height: 100%; line-height: 42px; font-size: 20px; text-align: center; color: #000; padding: 0 2px;}
.find_nav_list ul .find_nav_cur a { color: #000 !important; border-bottom: 2px solid #9a181a; height: 42px; line-height: 42px;}
.sideline { display: block; position: absolute; border: 0; height: 2px; background-color: #48a5f4; left: 0; top: 68px; pointer-events: none;}
.swipe{ padding: 10px 0 8px 0;}

/*.box01_list .li_list div>p{background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/list_style.png) no-repeat left center /6px auto; height: 34px; line-height: 34px; position: relative; padding: 0 90px 0 12px !important;}*/
.box01_list .li_list div>p{height: 30px; line-height: 30px; position: relative; margin-top: 15px;}
.box01_list .li_list div a.li_list_img{width: 100%; margin: 0 auto; display: block; position: relative;}
.box01_list .li_list div a.li_list_img p{position: absolute; height: 30px; width: 100%; background-color: rgba(0, 0, 0, 0.6); font-size: 14px; left:0; bottom:0; line-height: 30px; color: #fff; padding-left: 13px;}
.box01_list .li_list div a.li_list_img img{width: 100%;  display: block; overflow: hidden;}
/*.box01_list .li_list div>p a{line-height: 34px; float: left; text-align: left; font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box01_list .li_list div>p span{position: absolute; width: 100px; right: 0; top: 0; text-align: right; color: #999; font-size: 14px;}*/
.box01_list .li_list div>p a{line-height: 26px; float: right; text-align: left; font-size: 14px; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box01_list .li_list div>p a.a_span{position: absolute; display: block; width: 27%; left: 0; top: 0; text-align: left; padding-left: 2px; color: #999; font-size: 14px; border-right:1px solid #d6d6d6; height: 24px; line-height: 24px;}
.box01_list .li_list div>p a.a_span span{color: #9a181a;}
.box01_list .li_list div>p a.a_span span.span_one{ font-size: 16px; margin-right: 5px;}
.box01_list .li_list div>p a.a_span span.span_two{ font-size: 14px;}

/*首页公共标题*/
.item{padding: 6px 0px 0;}
.item .th{height: 42px; line-height: 42px; border-bottom: 2px solid #e5e5e5;}
.item .th .th_img{height: 20px; margin: 12px 5px 0 0;}
.item .th span.title{line-height: 42px; font-weight: normal;font-size: 20px; border-bottom: 2px solid #9a181a; height: 42px; padding:0 5px 0 3px;}
.item .th .more{ font-size: 16px; font-weight: normal; padding-right: 5px; color: #999; float: right;}

.item .th .span_fx{display: block; float: right; padding-right: 6px; margin-top: 15px;}
.item .th .span_fx img{width: 17px;}

/*footer*/
.footer{background: url(footer_/template/efceb1e67c874603964bf55012c2c2f3/images/bg.jpg) no-repeat center; overflow: hidden;background-size: 100% 100%; padding: 15px 12px;}
.footer p{color: #fff; font-size: 14px; line-height: 24px;}
.footer p span{color: #fff;}
.footer .f_logo{width: 331px; margin: 0 auto;}
.footer .f_logo img{width: 50%; display: block; margin: 10px auto;}
.footer .f_r{margin-top: 5px;}
.footer .f_b{text-align: center; padding-bottom: 10px; font-size: 16px;}

/*左侧导航*/
.fh_dh{width:180px; display:none; overflow-y:scroll; padding-top:6px; z-index:9999; background:#000; opacity:0.9; height:100%; position:fixed; top:0px; right:-180px; }
.fh_dh p.th{color: #fff; font-size: 13px; line-height: 40px; text-align: center;}
.fh_dh ul{ }
.fh_dh ul li{line-height:46px; text-align:left;}
.fh_dh ul li .yj_a{ display:block;padding:0px 20px; font-size:18px; text-indent: 8px; letter-spacing: 1px;}
.fh_dh ul li .yj_a ,.fh_dh ul li .yj_a:hover ,.fh_dh ul li .yj_a:visited ,.fh_dh ul li .yj_a:link , .fh_dh ul li .yj_a:active{ color:#fff;}
.fh_dh ul li.yj_li .yj_a{background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/nav_bg.png) no-repeat 150px center / 9px auto;}
.fh_dh ul li.yj_li .up{background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/nav_bg1.png) no-repeat 147px center /16px auto;}
.fh_dh ul .on .yj_a{border-right: 5px solid #267bc5;}
.fh_dh ul li .ej{display: none;}
.fh_dh ul li .ej a{padding: 0 20px; text-indent: 8px; font-size: 15px; color: #fff; display: block; height: 36px; line-height: 36px;}
.fh_bc,.menu_bc{position:fixed; top:0px;left:0px; width:100%; height:100%; background:#000;opacity:0; display:none; z-index:9999;}

/*list列表页*/
.list1{overflow: hidden; min-height: 300px; padding: 6px 0 0;}
.list1 li{position: relative; padding-right: 96px; /*background: url(/template/efceb1e67c874603964bf55012c2c2f3/images/list_style.png) no-repeat left center /6px 6px;*/ height: 36px; line-height: 36px; border-bottom: 1px dotted #dcdcdc;}
.list1 li p{width: 100%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*padding-left: 12px;*/}
.list1 li span{position: absolute; top: 0; right: 0; width: 100px; color: #999999; font-size: 14px; text-align: right;}
.pages{line-height: 32px; padding: 10px 0; text-align: center;}
.pagebox .pagebox_num_nonce, .pagebox .pagebox_num a, .pagebox .pagebox_next a, .pagebox .pageNumInput, .pagebox .gobutton{padding: 0 3px !important; font-size: 15px !important; height: 26px !important; line-height: 26px !important; margin-bottom: 8px;}
.pagebox .pagebox_next a{font-size: 13px !important; padding: 0 2px !important;}
.pagebox .gobutton{font-size: 13px !important;}
.pages form{font-size: 13px;}
.pages .pagebox{height: auto;}

/*list视频列表页*/
.list1 .list_sp{margin-top: 15px; position: relative; border: none; padding-right: 0; height: auto;}
.list_sp .list_bgimg{width: 100%;}
.list_sp .sp_ph{display: block;position: relative;}
.list_sp .list_vidimg{position: absolute;top: 50%;left: 50%; width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;}
.list1 .list_sp p{padding: 0 96px 0 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.list1 .list_sp p span{position: absolute; top: 0; right: 0; width: 96px; color: #999; font-size: 14px; text-align: right;}

/*内容页*/
.content{overflow: hidden; padding: 0 5px;}
.content h3{line-height: 28px; padding: 15px 0 10px; text-align: center; font-size: 20px; color: #333;}
.content h4{line-height: 26px; padding-bottom:10px; border-bottom: 1px solid #dcdcdc; font-size: 14px; font-weight: normal; color: #999; text-align: center;}
.content .con{min-height: 300px; line-height: 32px; padding: 5px 0;}

.con,.con p,.con span,.con div,.con font,.con b,.con strong{font-size: 16px !important; line-height: 30px !important;}
.con b,.con strong{font-weight: bold;}
.content .con img{max-width: 100%;}
.content .con table{width: 100% !important;}


/*河北水利*/
.list1 .con_sp .hbsl_con img{width: 100%;}