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:#0056a8;text-decoration:none;}

.w100 {width:100%;height:auto; margin:0 auto;}
.m0{margin: 0;}.mt20{ margin-top: 20px;}.mt30{ margin-top: 30px;}
.pt0{padding-top:0;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt30{padding-top:30px;}


.w {width: 1280px;margin:0 auto;}

/*logo*/
.header{ position: relative; height:176px; background: url('../images/tp_bg.png') 0 0  no-repeat;background-size: 100% auto; z-index: 999;}
.header-bg{height:100%;background: rgba(255,255,255,.9);}
.header .logo{display:block;width:800px;height:80px; margin:20px 0;overflow:hidden; }
.header .logo i{display: block;width:100%;height:100%;background: url('../images/logo.png') 0 0 no-repeat;background-size: auto 100% ; text-indent: 9999px;}
.header .phone{font-size: 21px;font-weight: 600;line-height: 100px; color: #0056a8;}
.header .phone i{padding-right:10px;font-weight:600;}

/*导航栏*/
.navbox{height:56px; line-height:56px;background:#0056a8;
    -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:56px;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:none;position:absolute;top:56px;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 .item_menu li{display:block;width:100%;height:42px;overflow:hidden;}
.navlist .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 .item_menu li:hover{ background:#006fc5;}
.navlist .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 img{width:100%;height:auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;left: 0;width: 100%;}
.swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.8);opacity:1}
.swiper-pagination-bullet-active{border: 1px solid #fff;background:rgba(255,0,0,1);}
.swiper-button-prev,.swiper-button-next{width:36px;height:40px;background: rgba(255,255,255,.2);padding:15px; border-radius: 5px; background-size:70% 70%; background-position: 40% 40%; background-repeat: no-repeat;}

.swiper-pagination2 .swiper-pagination-bullet{width:10px;height:10px;}
.swiper-container2 p{ box-sizing: border-box;display:block; position: absolute; bottom: 0px;width:100%; margin:0;padding:0 30% 0 10px; background: rgba(0,0,0,.6);line-height: 56px;color:#fff; font-size:18px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}


.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination2{width:30%;left:70%;}

.swiper-container2 p{ box-sizing: border-box;display:block; position: absolute; bottom: 0px;width:100%; margin:0;padding:0 30% 0 10px; background: rgba(0,0,0,.6);line-height: 56px;color:#fff; font-size:18px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}


.banners{width:auto;  margin:0 -15px; padding-bottom: 30px;}
.swiper-container3{}
.swiper-container3 .swiper-slide{width:16.66%; padding:0 15px;}
.swiper-container3 .swiper-slide a{display: block;}
.swiper-container3 .swiper-slide a img{width:100%;height:auto;}
.swiper-container3 .swiper-slide a h2{font-size: 16px;width:100%;font-weight:normal; margin-top: 10px; line-height: 1.64;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.swiper-pagination3{width:100%; text-align: center; margin-top: 10px;}
.swiper-pagination3 .swiper-pagination-bullet{background:rgba(0,114,206,1);opacity:1; margin-right: 10px;}
.swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,0,0,1);}

/*列表模块-标签标题栏*/
.box-top{position: relative;width:100%;height:66px; border-bottom:1px #c9c9c9 solid;}
.box-top.no-border{border: none;}
.box-top span{display: block;float:left;height:66px; line-height: 66px;font-size:16px;text-align: center; }
.box-top .box-icon{color:#20166d; font-size: 22px;}
.box-top .box-title{padding:0;font-weight: 400;font-size:22px;}
.box-top .box-title .en{font-size:16px; color:#afb0b2;padding-left:10px; font-weight: normal}
.box-top .box-more{float:right;width:50px;}
.box-top .box-more a{display: block;height:42px;text-align:right;color:#999999;}
.box-top .box-more a span{font-size:12px; }
.box-top .box-more a:hover{color: #006699}



.box-body{padding:15px;}
.box-bodys{padding:15px 0 0 0;}
.box-bodyx{padding:15px 0;}

.bg_body2{background: url('../images/bg2.png') 0 0 repeat-y; background-size: 100% auto;}

.box-bodys-tender{border-radius: 7px; background: #ffffff; box-shadow:2px 2px 7px 0px #969696; border-left:3px solid #006fc5;padding:10px; }
.tender-center{background: #ffffff; border-radius:7px;margin-top:-20px; margin-bottom:-20px;padding-top: 20px;padding-bottom:20px;}
.tender-center .box-bodys-tender{box-shadow: none;border-left:none;}

/*文章列表*/
.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:46px;line-height:46px;border-bottom:1px rgba(0,0,30,.1) dashed;overflow:hidden;  }
.box_top_ul1 li:last-child{border:none;}
.box_top_ul1 li a{display:block; font-size:16px;font-weight:400;width:85%; float:left;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.box_top_ul1 li a i{padding-right:7px; color: #20166d; font-size: 14px;}
.box_top_ul1 li a:hover i{color: #0056a8;}
.box_top_ul1 li span{ display:block;font-size:12px; color:#999999; text-align: right;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:46px;line-height:46px;border-bottom:1px rgba(0,0,30,.1) dashed;;overflow:hidden;}
.top_box_ul2 li:last-child{border:none;}
.top_box_ul2 li a{display:block; font-size:16px;font-weight:400;width:100%; float:left;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.top_box_ul2 li a i{padding-right:7px;}
.box_top_ul2 li a:hover i{color: #0056a8;}

.link_list a{display: inline-block;width:100%; background:rgba(0,86,168,1); border-radius: 7px; padding-top: 10px;  color: #fff; margin-bottom: 15px; text-align: center;}
.link_list a i{display: block;font-size:34px;}
.link_list a span{ display: block; line-height: 34px;}
.link_list a:hover{background:rgba(0,86,168,.7);}



/*底部logo*/
.footer{background: rgba(0,0,0,.7);font-weight:normal; margin-top: 30px; padding-top: 30px;}
.footer .info{display: block; line-height: 34px; font-size:14px;text-align: left;color:#ffffff;}
.footer .info i{padding-right:10px;}

.footer .footer-logo-box{ }
.footer .footer-logo a{display:block;width:100%;color:#bebebe;margin-top: 30px;}
.footer .footer-logo a.pic{display:block;height:80px;overflow:hidden; text-indent:-9999px;background: url('../images/logo_bottom.png') center center no-repeat; background-size: 100% auto;}


/*微信微博二维码*/
.footer .wechat{text-align: right; }
.footer .wechat img{width:140px; height: auto; background: #ffffff;border-radius: 7px;}
.footer .wechat p{padding:10px 0;color: #ffffff; text-align: center;}
/*版权声明*/
.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;}

.up_1 .wp_article_list{list-style: none;}

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

/*位置信息*/
.postion{height:40px; line-height:40px; 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;}
.possplit{background-image: url(../images/posSplit.gif);background-repeat: no-repeat;background-position: left center;text-indent: 22px;background-position: center;width: 10px;display: inline-block; border: 0px solid red;}

/*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 ul{list-style: none;}
.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; text-indent: 15px;}
.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;}

.fastlinkbox{}

.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{background:rgba(0,86,168,.7);}
.sub-navlist ul{list-style: none;}
.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:#fff; text-indent: 15px;}
.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  .subitem_menus li a{height:40px;background:1px rgba(255,255,255,.2);line-height: 40px; font-size: 16px;padding-left: 15px;}

.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 */
}


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

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

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


.article-list .media-left {box-sizing: padding-box;overflow: hidden;padding:0; }
.article-list .media-date{background: rgba(0,86,168,1);border-radius: 7px;padding:10px 10px; margin-right: 15px;}
.article-list .media-date span{display: block; white-space: nowrap; line-height: 150%; text-align: center; color: #ffffff;}
.article-list .media-date .date-d{font-size: 30px;font-weight: 600; border-bottom: 1px solid #c9c9c9;}
.article-list .media-date .date-y{font-size: 18px;}

.article-list .media-body {line-height: 25px;}
.article-list .media-body .article-title {margin: 0;line-height: 1.45;color: #444;font-size:18px;}
.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 a:hover .media-body .article-title  {color: #0056a8;}
.article-list a:hover .media-body .article-intro {color: #666666;}
.article-list a:hover .media-date{background: rgba(0,86,168, .7);}

.article-list.article-list1 .article-item{padding:15px 0 5px 0;}
.article-list.article-list1 .article-item:first-child {padding-top:0;}
.article-list.article-list1 .media-date{background: rgba(0,86,168,1);bpadding:10px 10px;}
.article-list.article-list1 .media-date .date-d{font-size: 28px;}
.article-list.article-list1 .media-date .date-y{font-size: 16px;}
.article-list.article-list1 .media-body .article-title {font-size:18px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}


/*分页*/
.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;}


.pager .pagination {margin: 0;}
.pager .pager {margin: 0;}
.pager li {margin: 0 .4em;display: inline-block;}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {padding: .5em 1.2em;}
.pager li > a,
.pager li > span {background: none;border: 1px solid #e6e6e6;border-radius: 0.25em;padding: .5em .93em;font-size: 14px;}


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


.article-metas {overflow: hidden; text-align: center;}
.article-metas .metas-title {margin: 0;font-size: 1.65em;line-height: 1.45;margin-bottom: 15px;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-metas .metas-body .WP_VisitCount {display: inline;}
.article-text{font-size:16px;padding:15px 0; line-height: 240%;}
.article-text p {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; padding-top: 5px;}
.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 (min-width: 1200px) {
    .w {width: 1180px;margin:0 auto;}
}

/*中等屏幕*/
@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;
        background: none;
        -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.header-min{height:60px; overflow: unset; background: none;}
    .header.header-min .logo{ margin-top: 0;}
    .header .logo{display:block;width:100%;height:60px; margin-top: 0; margin-bottom:0;padding-right:80px;}
    .header .logo i{display: block;width:100%;height:100%; background-position: 0 center; background-size: 100% auto;}
    /*菜单显示控制*/
    .header .menushow{position: absolute;top:0;right:0; line-height: 60px;padding:0 10px; font-size:20px; color: #006fc5}


    .row.m0{margin: 0 -15px;}
    .tender-center{background: #ffffff; border-radius:7px;margin-top:20px; margin-bottom:0;padding-top:0;padding-bottom:0;}
    /*导航菜单*/
    .nav{ background: none;
        -moz-box-shadow:none;/*firefox*/
        -webkit-box-shadow:none;/*webkit*/
        box-shadow:none;/*opera或ie9*/
    }
    .navbox{position: absolute;top:60px;left:-45%;;width:40%;border-top:1px #f5f5f5 solid;background: none;}
    .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:rgba(0,0,0,.7);}
    .navlist li a{display:block;width:100%;height:42px; line-height: 42px; font-size: 16px; font-weight: normal; 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;border-bottom:1px solid rgba(255,255,255,1);}
    .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%;}}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 8px;}
    .swiper-pagination-bullet{width:8px;height:8px;}
    .swiper-button-prev,.swiper-button-next{width:26px;height:30px;}

    .swper-box{}
    .swper-box.mt20{margin-top: 0;padding-top: 20px;}
    .swper-box .col-xs-12{padding-left:0;padding-right: 0;}

    .footer{background: rgba(0,0,0,.7);font-weight:normal; margin-top: 20px; padding:15px 0;}

    /*列表标题栏*/
    .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;}
    .postion.mt20{margin-top: 10px;}
    .content-box{margin-top: -10px;}

    /*文章列表--带缩略图*/


    .article-list .media-date{width:80px; background: rgba(0,86,168,1);border-radius: 7px;padding:10px;}
    .article-list .media-date span{display: block; text-align: center; color: #ffffff;}
    .article-list .media-date .date-d{font-size: 24px;font-weight: 600; height: 34px;line-height: 34px; border-bottom: 1px solid #c9c9c9;}
    .article-list .media-date .date-y{font-size: 14px;height: 26px;line-height: 26px;}

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

}