body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
ul{margin:0;padding:0;}
html,body,form{width:100%;height:100%;min-height:100%;margin:0;padding:0;font-size:14px;line-height:180%;color:#333;font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;word-spacing:0.5pt; letter-spacing:0.5px;background-color:#ffffff;}

a{hide-focus:expression( this.hideFocus=true );outline: none;font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;}
a{text-decoration:none;font-size:14px;}
a:link,a:visited{color:#363636;text-decoration:none;}
a:hover,a:active,a:focus{color:#005698;text-decoration:none;}

.w100 {width:100%;height:auto; margin:0 auto;}
.w {width: 1200px;margin:0 auto;}
.mt20{ margin-top: 20px;}.mt30{ margin-top: 30px;}
.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt40{padding-top:40px;}

/*大屏幕*/
@media screen and (min-width: 1200px) {
    .w {width: 1200px;margin:0 auto;}
}

/*logo*/
.header{ position: relative; height:154px;}
.header .logo{display:block;width:800px;height:100px;overflow:hidden; background: url('../../images/zsb/logo.png') 0 center no-repeat; text-indent: 9999px;}
.header .toplink a{padding:0 10px;line-height:300%;color:#666666;font-weight:400;}
.header .toplink a:hover{color:#005698;}

/*导航栏*/
.navbox{height:54px; line-height:54px;background: #005698;
    -moz-box-shadow:0px 4px 7px 0px #969696;/*firefox*/
    -webkit-box-shadow:0px 4px 7px 0px #969696;/*webkit*/
    box-shadow:0px 4px 7px 0px #969696;/*opera或ie9*/
}
.navlist{display: flex;flex-wrap:nowrap;height:100%; margin: 0; }
.navlist li{ display:flex;flex-basis: 100%; position:relative;float:left;width:auto;z-index:9999;  text-align: center}
.navlist li a{display:block;width:100%;line-height:54px;text-align:center;color:#ffffff;font-size:16px;  font-weight:400; white-space:nowrap; cursor:pointer;}
.navlist li.active a,.navlist li:hover a,.navlist li.active a{color:#ffffff;}
.navlist li:hover,.navlist li.active{background:#006fc5;}
.navlist li .item_menu{
    display:block;position:absolute;top:54px;width:100%;margin:0; zoom:1;
    border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1; opacity: 0;background:#ffffff;
    -moz-box-shadow:4px 7px 10px 0px #969696;/*firefox*/
    -webkit-box-shadow:4px 7px 10px 0px #969696;/*webkit*/
    box-shadow:4px 7px 10px 0px #969696;/*opera或ie9*/
}
.navlist li:hover .item_menu{
    display:block;
    opacity: 1;
    animation:navlistkeyframes 1s;
    -moz-animation:navlistkeyframes 1s; /* Firefox */
    -webkit-animation:navlistkeyframes 1s; /* Safari and Chrome */
    -o-animation:navlistkeyframes 1s; /* Opera */
}
@keyframes navlistkeyframes {0%{opacity:0}100% {opacity:1;}}
.navlist li .item_menu li{display:block;width:100%;height:42px;overflow:hidden;}
.navlist li .item_menu li a{display:block;width:100%;height:42px; padding:0; text-align: center; line-height:46px;font-size:14px;font-weight:400;color:#333333; background:none;  }
.navlist li .item_menu li:hover{ background:#006fc5;}
.navlist li .item_menu li:hover a{color:#ffffff;}
.navlist .fr{float:right;}

.head-black-bar-fixed{
    position: fixed; opacity:.9;
    -moz-box-shadow:0px 2px 5px 0px #969696;/*firefox*/
    -webkit-box-shadow:0px 2px 5px 0px #969696;/*webkit*/
    box-shadow:0px 2px 5px 0px #969696;/*opera或ie9*/
    animation:bar-fixedkeyframes 1s;
    -moz-animation:bar-fixedkeyframes 1s; /* Firefox */
    -webkit-animation:bar-fixedkeyframes 1s; /* Safari and Chrome */
    -o-animation:bar-fixedkeyframes 1s; /* Opera */}
@keyframes bar-fixedkeyframes {0%{opacity:0}100% {opacity:.9;}}

/*幻灯*/
.c-banner img {width:100%;height:auto;}
.swiper-slide p{display:block; position: absolute; bottom: 0;width:100%;height:40px;line-height: 40px; color:#fff; background: rgba(0,0,0,.6);padding:0 120px 0 10px; box-sizing: border-box;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    display: inline-block;width:auto;right:10px;left:auto;bottom:0px; line-height: 40px;
}
.swiper-pagination-bullet{background:rgba(255,255,255,.4);opacity:1}
/*列表模块-标签标题栏*/
.box-top{position: relative;width:100%;height:50px; border-bottom:1px #005698 solid;}
.box-top span{display: block;float:left;height:50px; line-height: 50px;font-size:20px;text-align: center; }
.box-top .box-icon{color:#006fc5; font-size: 22px;}
.box-top .box-title{padding:0 10px;font-weight: 600;}
.box-top .box-more{float:right;width:50px;}
.box-top .box-more a{display: block;height:42px;font-size:20px; text-align:right;color:#999999;}
.box-top .box-more a:hover{color: #005698}

.box-body{padding:10px;}
.box-bodys{padding:10px 0 0 0;}
/*文章列表*/
.box_top_ul1{width:100%;margin:0;padding:0;font-size:0px; text-align: left}
.box_top_ul1 li{position: relative;display:block;width:100%;margin:0;padding:0;height:34px;border-bottom:1px rgba(0,0,30,.1) dashed;line-height:34px;overflow:hidden;  }
.box_top_ul1 li a{display:block; font-size:14px;font-weight:400;width:80%; float:left;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.box_top_ul1 li a i{padding-right:7px;}
.box_top_ul1 li span{ display:block; position: absolute;right: 0;top: 0; font-size:12px; color:#999999;font-style: normal;overflow:hidden;}

.top_box_ul2{width:100%;margin:0;padding:0;font-size:0px; text-align: left}
.top_box_ul2 li{position: relative; display:block;width:100%;margin:0;padding:0;height:34px;border-bottom:1px rgba(0,0,30,.1) dashed;line-height:34px;overflow:hidden;}
.top_box_ul2 li:last-child{border:none;}
.top_box_ul2 li a{display:block; font-size:14px;font-weight:400;width:100%; float:left;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.top_box_ul2 li a i{padding-right:7px;}

.fastlinkbox{display: flex;flex-wrap:nowrap;padding-top:10px;}
.fastlinkbox li{ display:flex;flex-basis: 100%; margin-right:10px;height:60px;}
.fastlinkbox li:last-child{float:right; margin: 0;}
.fastlinkbox a{ display:block;width:100%;height:60px;line-height: 60px;background: #005698;text-align: center;font-size: 15px;font-weight:400;color: #ffffff;}
.fastlinkbox a:hover{color:#e5e5e5;background: #0e71c8;}

.fastlink{}
.fastlink a{display: block;margin-bottom: 15px;height:40px;line-height: 40px;text-align: center;color: #ffffff;font-size:16px;font-weight: bold;}
.fastlink a i{float:right;padding-right: 50px;line-height: 40px;font-size:20px;}
.fastlink a:last-child{margin-bottom: 0;}
.fastlink a:hover{color:#e5e5e5;}
/*服务电话*/
.con_box{ margin-top:20px;}
.con_box p{display:block; line-height:240%;font-size:14px;text-align:left;}
.con_box p i{font-size:16px;margin-right: 10px; color: #691d27;}

/*地步logo*/
.footer{background: rgba(0,0,0,0.7);font-weight:normal;}
.footer .footer-logo-box{position: relative;}
.footer .footer-logo a{display:block;width:100%;color:#bebebe;}
.footer .footer-logo a .pic{display:block;height:50px;overflow:hidden; text-indent:-9999px;background: url('../../images/zsb/logo_bottom.png') 0 0 no-repeat;}
.footer .footer-logo a .tit{display:block;font-size:18px; line-height: 50px;text-align: center}
.footer .footer-logo a:hover{color:#ffffff;}
.footer .info{display: block; line-height: 34px; color: #bebebe;font-size:14px;text-align: center}
.footer .info i{padding-right:10px;color:#fff;}
.footer .footer-logo-box-line{position:absolute;top:0;right:0;width:1px;height:100%; background: rgba(255,255,255,.4);}

.footer .foot_link_box{float:right;overflow:hidden;}

.foot_link_box span{ display:block;width:100px; float:left; margin-left:30px; text-indent:-9999px; font-weight:200; text-align:center; font-size:12px;color: #ffffff;}
.foot_link_box .wb i{ display:block;width:100px;border:10px #ffffff solid; height:100px; background:url(../../images/hffe2017/weibo.jpg) center center no-repeat #ffffff;}
.foot_link_box .wx i{ display:block;width:100px;border:10px #ffffff solid; height:100px;background:url(../../images/hffe2017/weixin.jpg) center center no-repeat #ffffff;}

/*地步导航栏*/
.foot-navlist-box{width:100%;overflow:hidden;}
.foot-navlist{width:200%;text-align: center;}
.foot-navlist li{float:left;padding:0 14px; border-right:1px rgba(255,255,255,.2) solid;}
.foot-navlist li:last-child{border:none;}
.foot-navlist li a{font-size:14px;color:#bebebe; font-weight:400;}
.foot-navlist li .item_menu{padding-top:10px;}
.foot-navlist li .item_menu li{float:none;border: none;}
.foot-navlist li .item_menu li a{font-size:12px;font-weight: 100; line-height: 34px;}
.foot-navlist li a:hover{color:#ffffff;}
/*微信微博二维码*/
.footer .wechat{text-align: right;}
.footer .wechat img{width:120px; height: auto;}
/*版权声明*/
.footer .copyright{display:block;border-top:1px rgba(255,255,255,0.3) solid; line-height:54px;font-size:12px;color:#ffffff;text-align: center; }


/*返回顶部等按钮组*/
.float-btn {width: 50px;height: auto;position: fixed;top: auto;right: 50%;bottom:10px;left: auto;z-index: 80;margin-right: -720px;}
.float-btn a {position: relative;background: #999999;z-index: 90;display: block;margin-top: 4px;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #d5d5d5;border: 1px solid #eee;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.float-btn a.hover:hover {text-decoration: none;text-align: center;line-height: 20px;padding: 5px;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}
.float-btn a.hover:hover i {display: none;}
.float-btn a.hover:hover em {display: block;color: #fff;font-size: 14px;font-style: normal;text-decoration: none;}
.float-btn a em {display: none;}
.float-btn a:hover {background: #005698;}
.float-btn a:hover i {color: #fff;}

.float-btn a.back-to-top{display:none;}
.float-btn a.back-to-top.js_show{
    display:block;opacity: 1;
    animation:back-to-top-show 1s;
    -moz-animation:back-to-top-show 1s; /* Firefox */
    -webkit-animation:back-to-top-show 1s; /* Safari and Chrome */
    -o-animation:back-to-top-show 1s; /* Opera */
}
@keyframes back-to-top-show {0%{opacity:0}100% {opacity:1;}}
.float-btn a.back-to-top.js_hide{display: none;}


/*subpage banner 图*/
.banner-img{}
.banner-img img{width:100%;height:auto;}

/*位置信息*/
.postion{height:66px; line-height:66px; border-bottom: 1px #cccccc solid;font-size:14px; color: #999999;}
.postion i{font-size:18px;}
.postion a{padding:0 5px; color: #666666;}
.postion a:hover{color: #007bff;}

/*subpage 侧边栏*/
.page-title{display: block;height:66px;border-bottom:1px #ffffff solid; text-align: center; line-height: 66px;color:#ccc;font-size:26px;font-weight: 600;background: #005698;}
.sub-navlist{background:#005698;}
.sub-navlist li{}
.sub-navlist li a{display: block;height:46px;border-bottom:1px rgba(255,255,255,.3) solid;line-height: 46px; font-size: 16px;color:#d2d2d2;}
.sub-navlist li a i,.sub-navlist li a span{display: block;float:left;height:100%;}
.sub-navlist li a i.fa{float:right;line-height: 46px;padding-right:15px;}
.sub-navlist li a span{padding-left:50px;}
.sub-navlist li a i.fa4x{width:5px;}

.sub-navlist li a.active,.sub-navlist li a:hover{background: #006fc5;border-bottom:1px rgba(255,255,255,.83) solid;}
.sub-navlist li a.active span,.sub-navlist li a:hover span{color: #ffffff;}
.sub-navlist li a.active .fa4x{background: #ff8400;}
.sub-navlist li a:hover .fa4x{
    background: #ff8400;
    opacity: 1;
    animation:fa4x-show .5s;
    -moz-animation:fa4x-show .5s; /* Firefox */
    -webkit-animation:fa4x-show .5s; /* Safari and Chrome */
    -o-animation:fa4x-show .5s; /* Opera */
}
/*subpage 服务.文档正文类侧边栏*/
.sub-navlist-server{background:#005698;}
.sub-navlist-server li{}
.sub-navlist-server li a{display: block;height:46px;border-bottom:1px rgba(255,255,255,.3) solid;line-height: 46px;color:#d2d2d2; font-size: 14px;font-weight:100;}
.sub-navlist-server li a span{display: block;float:left;height:100%;padding-left:10px;}
.sub-navlist-server li a i.fa{float:right;line-height: 46px;padding-right:10px;}
.sub-navlist-server li a span.icon i{padding:0;}
.sub-navlist-server li a span.tit{ max-width:85%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.sub-navlist-server li a.active,.sub-navlist-server li a:hover{background: #006fc5;border-bottom:1px rgba(255,255,255,.8) solid;}
.sub-navlist-server li a.active span.tit,.sub-navlist-server li a:hover span.tit{color: #ffffff;}



@keyframes fa4x-show {0%{opacity:0}100% {opacity:1;}}

.content-box{margin-top: -15px;}

/*文章列表--带缩略图*/
.article-list {padding: 0;background: #fff;}
.article-list .article-item {padding: 20px 0 15px 0;border-bottom: 1px solid #efefef;}
.article-list .article-item:last-child{border: none;}
.article-list .media {color: #919191;}

.article-list .media-left {box-sizing: padding-box;overflow: hidden;padding:0 20px 0 0; }
.article-list .media-left a {display: block;width: 160px;}
.article-list .media-left a img{width:160px;height:auto;}

.article-list .media-body {line-height: 25px;}
.article-list .media-body .article-title {margin: 0;font-size: 1.25em;line-height: 1.45;}
.article-list .media-body .article-title a {color: #444;font-size:18px;}
.article-list .media-body .article-title a:hover {color: #007bff;}
.article-list .media-body .article-title a .img-new {margin-left: 2px;margin-bottom: 2px;height: 16px;}
.article-list .media-body .article-intro {height: 52px;line-height: 26px; margin-top:7px;color: #999999;overflow: hidden;text-indent: 30px;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.article-list .media-body .article-tag {display: block; margin-top:15px;color: #aaa;font-size: 13px; text-align: right}
.article-list .media-body .article-tag span {margin: 0 8px;}
.article-list .media-body .article-tag span a {color: #aaa;}
/*文章列表--带缩略图--动画*/
.img-zoom {overflow: hidden;display: inline-block;}
.img-zoom img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.img-zoom:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

/*服务,文档列表*/
.article-icon-list{margin-top: 20px;}
.box_top_ul_icon{ margin-top: 5px;}
.icon-list-item{border:1px #ddd solid; margin:-1px -1px 0 0; text-align: center;}
.icon-list-item a{display:block;padding:18px 0;}
.icon-list-item:hover { background: #007bff;}
.icon-list-item:hover a{color:#ffffff;}
.icon-list-item .icon{display:block;height:72px;line-height:72px;font-size:42px;}
.icon-list-item .icon img{width:42px;height:auto;}
.icon-list-item a .tit{display:block; width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.box_top_ul_icon .icon-list-item a{display:block;padding:7px 0;}
.box_top_ul_icon .icon-list-item .icon{display:block;height:43px;line-height:43px;font-size:28px;}
.box_top_ul_icon .icon-list-item .icon img{width:28px;height:auto;}


/*分页*/
.page{padding:30px 0; margin-top: 30px; border-top:1px rgba(0,0,0,.3) solid; text-align: center; line-height: 42px;}
.page a,.page span{display:inline; border:1px #ddd solid;padding:6px 14px; margin: 0 0 0 -1px;}
.page a:first-child{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page a:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page a:hover,.page span{background: #005698; color: #ffffff;}

/*文章正文*/
.article-content{ margin-top: 26px; margin-bottom: 0px; border:none;}

.article-metas {overflow: hidden; text-align: center;}
.article-metas .metas-title {margin: 0;font-size: 1.65em;line-height: 1.45;margin-bottom: 5px;color: #000; }
.article-metas .metas-body {color: #999;margin: 0px auto; padding:5px 0 10px 0; border-top:1px #ccc dashed;}
.article-metas .metas-body span {margin-right: 10px;}

.article-text{font-size:16px;padding:15px 0;}
.article-text p {line-height: 30px;margin-bottom: 15px;}
.article-text img {display: block;max-width: 92%;height: auto;margin: 10px auto;border-radius: 2px;background-clip: padding-box;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
}

.download-info{padding:15px 0;}
.download-info h5{font-size:14px;font-weight: 600; line-height: 42px;border-bottom:1px #ccc dashed;}

.down_address_list li{line-height: 34px;color:#999;font-size:16px;}
.down_address_list li a{padding-left:10px;color:#005698;font-size:16px;}
.down_address_list li a:hover{color:#333333;}

.entry-meta{ margin-top: 30px;padding:15px 0; border-top: 1px solid #dedede;}
.entry-meta ul {overflow: hidden;color:#666666;}
.entry-meta ul li {line-height: 26px;}
.article-prevnext {color: #666;}

.article-action-btn {color: #999;border-top: 1px solid #dedede;}
.article-action-btn a {color: #999; cursor: pointer;}
.article-action-btn a:hover{color:#007bff}
.article-action-btn .bdshare-button-style0-16 .bds_more {float: none;padding: 0;height: inherit;line-height: inherit;font-size: inherit;background: none;color: #999;}

.article-donate {padding: 10px 0;text-align: center;}
.article-donate a {min-width: 120px;color:#fff; border-radius: 3px;background-clip: padding-box;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
}

/*中等屏幕*/
@media screen and (max-width: 1200px) {
    .w {width: 100%;margin:0 auto; box-sizing: border-box;padding:0 12px;}
    .float-btn {right: 0;margin-right:0;}
}

/*小屏幕*/
@media screen and (max-width: 760px) {
    /*logo*/
    .header{
        height:60px;
        -moz-box-shadow:0px 2px 5px 0px #969696;/*firefox*/
        -webkit-box-shadow:0px 2px 5px 0px #969696;/*webkit*/
        box-shadow:0px 2px 5px 0px #969696;/*opera或ie9*/
    }
    .header .logo{display:block;width:100%;height:60px; background: url('../../images/zsb/logo_min.png') 0px center no-repeat; text-indent: 9999px;}
    /*菜单显示控制*/
    .header .menushow{position: absolute;top:0;right:0; line-height: 60px;padding:0 10px; font-size:20px; color: #da251c}

    /*导航菜单*/
    .navbox{position: absolute;top:60px;left:-45%;;width:40%;border-top:1px #f5f5f5 solid;}
    .navbox .w{padding:0;}
    .navlist{
        display: block;
        -moz-box-shadow:0px 2px 5px 0px #969696;/*firefox*/
        -webkit-box-shadow:0px 2px 5px 0px #969696;/*webkit*/
        box-shadow:0px 2px 5px 0px #969696;/*opera或ie9*/
    }
    .navlist li{width:100%;height:42px; line-height: 42px;background-color:#005698;}
    .navlist li a{display:block;width:100%;height:42px; line-height: 42px; text-align: center;}
    .navlist li .item_menu{left:100%;top:0;}
    .navlist li.grabbing {background-image:none;}
    .navlist li.active a,.navlist li:hover a{color:#ffffff;}
    .navlist li:hover,.navlist li.active{background-color:#006fc5;}
    .navlist li:hover .item_menu{display: none;}
    .navbox.js_show{
        left:0;
        animation:menushowframes .5s;
        -moz-animation:menushowframes .5s; /* Firefox */
        -webkit-animation:menushowframes .5s; /* Safari and Chrome */
        -o-animation:menushowframes .5s; /* Opera */
    }
    @keyframes menushowframes {0%{left:-45%;}100% {left:0;}}
    .navbox.js_hide{
        left:-45%;
        animation:menuhideframes .5s;
        -moz-animation:menuhideframes .5s; /* Firefox */
        -webkit-animation:menuhideframes .5s; /* Safari and Chrome */
        -o-animation:menuhideframes .5s; /* Opera */
    }
    @keyframes menuhideframes {0%{left:0;}100% {left:-45%;}}

    /*列表标题栏*/
    .top_box .navs span{ margin-top: 10px;}

    /*返回顶部按钮*/
    .float-btn {right: 0;margin-right:0;}

    /*位置*/
    .postion{height:42px; line-height:42px; border-bottom: 1px #cccccc solid;font-size:14px; color: #999999;}
    .content-box{margin-top: -30px;}

    /*文章列表--带缩略图*/
    .article-list .article-item {padding: 15px 0 15px 0;}
    .article-list .media-left {padding:0 15px 0 0; }
    .article-list .media-left a {display: block;width: 80px;}
    .article-list .media-left a img{width:80px;height:auto;}
    .article-list .media-body .article-title a {font-size:16px;}
    .article-list .media-body .article-title a .img-new {margin-left: 2px;margin-bottom: 2px;height: 16px;}
    .article-list .media-body .article-tag {margin-top:5px;}

    /*文章正文*/
    .article-content{ margin-top: 20px;}
    .panel-body{padding:0;}

}