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

/*logo*/
.header{ position: relative; height: 190px; background: url('../../images/xyh/topbg.jpg') 0 0 no-repeat; background-size: 100% 100%;}
.header .logo{display:block;width:600px;height:80px; margin:30px 0;overflow:hidden; background: url('../../images/xyh/logo.png') 0 0 no-repeat; background-size: 100% 100%; text-indent: 9999px;}
.header .phone{font-size: 20px;font-weight: 400;line-height: 80px;color:#fff;}
.header .phone i{padding-right:10px;font-weight:600;}

.header .topbg{position: absolute;width:40%;height:100%; opacity: 0;}

/*导航栏*/
.navbox{height:50px; line-height:50px;background: rgba(0,65,172,.7);
    -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:50px;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:50px;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:42px;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{width:100%; margin-top: 15px;}
.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}

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


    /*列表模块-标签标题栏*/
.box-top{position: relative;width:100%;height:42px; border-bottom:1px #aaa solid;}
.box-top span{display: block;float:left;height:42px; line-height: 42px;font-size:16px;text-align: center; }
.box-top .box-icon{color:#006fc5; font-size: 22px;}
.box-top .box-title{padding:0 15px 0 0;font-weight: 600;}
.box-top .box-more{float:right;width:50px;}
.box-top .box-more .fa{font-size: 20px;line-height:42px;}
.box-top .box-more a{display: block;font-size:16px; text-align:right;color:#999;}
.box-top .box-more a:hover{color: #007bff}

.box-body{padding:10px;}
.box-bodys{padding:10px 0 0 0;}
/*文章列表*/

.ul1 li{ float:left; width:50%; box-sizing: border-box; position: relative;  border-bottom:1px dashed #c1c1c1;padding:0 0 7px 0; margin:0 0 7px 0;}
.ul1 li a{display: block;width:100%;}
.ul1 li .pic{position: absolute;display: block;width:100px;height:80px;overflow:hidden;}
.ul1 li .pic img{width:100%; height:100%; border-radius: 5px;}
.ul1 li .info{width:100%;display:block;box-sizing: border-box; padding-left: 115px; text-align:left;overflow:hidden;}
.ul1 li  h2{display:block;width:100%;height:50px; line-height:25px; font-size:15px; font-weight:normal;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.ul1 li .time{ display:block; font-size:12px; line-height:30px; text-align:right; color:#006bcf;}

.ul1 li.top{width:50%; margin:0 0 0 0;padding:0 0 0 0; border:none;}
.ul1 li.top div{margin-right: 30px;}
.ul1 li.top .pic{position: inherit;width:100%;height:200px;overflow:hidden;}
.ul1 li.top .info{padding-left: 0;}
.ul1 li.top h2{padding-top:15px;height:65px;font-size:16px;}
.ul1 li.top .time{font-size:14px; display: none}
.ul1 li.top p{ font-size:14px;padding-top:10px; line-height:26px; height:120px; color:#666666;font-weight:normal;white-space:normal;text-overflow:ellipsis;overflow:hidden;}

.ul2 li{ float:left; width:50%; box-sizing: border-box; position: relative;  border-bottom:1px dashed #c1c1c1;padding:0 0 7px 0; margin:0 0 7px 0;}
.ul2 li a{display: block;width:100%;height:34px; line-height:34px; font-size:15px; font-weight:normal;white-space:normal;text-overflow:ellipsis;overflow:hidden;}

.ul2 li.top{width:50%; margin:0 0 0 0;padding:0 0 0 0; border:none;}
.ul2 li.top div{margin-right: 30px;}
.ul2 li.top a{height: auto}
.ul2 li.top .pic{position: inherit; display:block;width:100%;height:200px;overflow:hidden;}
.ul2 li.top .pic img{width:100%; height:100%; border-radius: 5px;}
.ul2 li.top .info{padding-left: 0;}
.ul2 li.top h2{padding-top:15px;height:65px; line-height:25px;font-size:15px;}

.cyzc{}
.cyzc img{width:100%; height: auto;}


.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 0 13px 0;padding:0;border-bottom:1px rgba(0,0,30,.1) dashed;}
.box_top_ul1 li:last-child{border:none;}
.box_top_ul1 li a{display:block; font-size:14px;font-weight:400;width:100%;overflow:hidden; }
.box_top_ul1 li a .fa{float:left; margin-right:10px;}
.box_top_ul1 li a .time{float:left; margin-right:10px; }
.box_top_ul1 li a .time i{display: block;text-align: center; line-height: 20px;font-size: 12px;font-style:normal}
.box_top_ul1 li a .time .bigday{ display: block;padding:0 7px;background:#006fc5;color: #ffffff;}
.box_top_ul1 li a .time .day{ display: block;color: #006fc5;font-size: 16px;font-weight: bold; line-height: 30px;}
.box_top_ul1 li a h2{float:left;width:79%;line-height: 25px;font-size: 16px;overflow: hidden; max-height: 50px;white-space:nowrap; text-overflow:ellipsis;}


.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:32px;border-bottom:1px rgba(0,0,30,.1) dashed;line-height:32px;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;}

/*服务电话*/
.server-phone{box-sizing:border-box;height:213px;padding:10px 15px 0 15px;border-left:1px rgba(0,0,0,.2) solid;border-right:1px rgba(0,0,0,.2) solid;border-bottom:1px rgba(0,0,0,.2) solid;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background: rgba(100,100,60,.2)}
.server-phone h5{font-size:13px;font-weight: 600;color:#999999;}
.server-phone p{line-height: 1.44;padding:5px 0 5px 70px; margin-bottom:7px;border-bottom:1px rgba(0,0,30,.1) solid;font-size:13px;}
.server-phone p:last-child{border:none;}
/*地步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/xyh/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);}
/*地步导航栏*/
.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{ margin-top: -50px;}
.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; margin: 0; background: url('../../images/xyh/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: #ffffff}

    .banner{background: url(../../images/xyh/20190117084036794.jpg) center center no-repeat; background-size: auto 100%;}
    .notice-box{ background: rgba(255,255,255,.8); padding: 10px; border-radius: 15px;}
    /*导航菜单*/
    .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;}

    .ul1 li{width:100%;}
    .ul1 li .pic,.ul1 li .pic img{width:60px; height:50px;overflow:hidden;}
    .ul1 li .info{padding-left: 75px;}
    .ul1 li  h2{height:25px;}

    .ul1 li.top{width:100%;  border-bottom:1px dashed #c1c1c1;padding:0 0 10px 0; margin:0 0 10px 0;}
    .ul1 li.top div{margin-right: 0;}
    .ul1 li.top a{display: block;width:100%;}
    .ul1 li.top .pic{position: absolute;width:60px; height:50px;overflow:hidden;}
    .ul1 li.top .pic img{width:100%; height: 100%;}
    .ul1 li.top .info{width:100%;display:block;box-sizing: border-box; padding-left: 75px; text-align:left;overflow:hidden;}
    .ul1 li.top h2{padding-top:0;height:25px;font-size:15px;}
    .ul1 li.top .time{font-size:12px; display: block}
    .ul1 li.top p{ display: none}

    .ul2 li{width:100%;}
    .ul2 li .pic,.ul1 li .pic img{width:60px; height:50px;overflow:hidden;}
    .ul2 li .info{padding-left: 75px;}
    .ul2 li  h2{height:25px;}

    .ul2 li.top{width:100%;  border-bottom:1px dashed #c1c1c1;padding:0 0 10px 0; margin:0 0 10px 0;}
    .ul2 li.top div{margin-right: 0;}
    .ul2 li.top a{display: block;width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
    .ul2 li.top .pic{display: none;}

    .ul2 li.top .info{width:100%;display:block;box-sizing: border-box; padding-left:0; text-align:left;overflow:hidden;}
    .ul2 li.top h2{display:inline-block;padding-top:0;height:25px;font-size:15px;}


    .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;border-bottom:1px rgba(0,0,30,.1) dashed;}
    .box_top_ul1 li:last-child{border:none;}
    .box_top_ul1 li a{display:block; font-size:14px;font-weight:400;width:100%;line-height: 34px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
    .box_top_ul1 li a .fa{float:left; margin-right:10px;line-height: 34px;}
    .box_top_ul1 li a h2{float:left;display:inline-block;width:95%;line-height: 34px;font-size: 14px;}

    .swiper-container2 .swiper-slide{width:33.33%; padding:0 15px;}
    .swiper-container2 .swiper-slide a{display: block;}
    .swiper-container2 .swiper-slide a img{width:100%;height:auto;}
    .swiper-container2 .swiper-slide a h2{font-size: 14px;width:100%;font-weight:normal;white-space:normal;text-overflow:ellipsis;overflow:hidden; margin-top: 10px; line-height: 1.64}
    .swiper-pagination2{width:100%; text-align: center; margin-top: 10px;}
    .swiper-pagination2 .swiper-pagination-bullet{background:rgba(0,114,206,1);opacity:1; margin-right: 10px;}
    .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,0,0,1);}


    /*返回顶部按钮*/
    .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;}


    .mt20 .col-md-4{ margin-bottom: 20px;}
    .mt20 .col-md-4:last-child{ margin-bottom: 0;}
}