@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1144px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod {width:auto;padding:0 8px;}
.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 24px;}

.main1 .inner{}
.main1 .ml{width:33.3%;}
.main1 .mc{ width:32%;margin-left:20px;}
.main1 .mr{width:30%;}

.main2 .ml{width: 426px;}
.main2 .mr{width: 502px;}

.post-21 .news_list li.news .news_title,
.post-22 .news_list li.news .news_title,
.post-23 .news_list li.news .news_title{width:75%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} 
.post-31 .news_list li.news .news_title{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.post-33 .news_list li.news .news_title{width:75%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.post-22 .news_list li.news .news_text{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.post-32 .news_list li.news .news_title{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

/*links*/
.botlinks .links-wrap {margin:4px 5px;}
/*banner*/
.focus .focus-title-bar {}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}

#header {background: #044563;}
#header .inner{padding:10px 0px 12px;height: auto;position:relative;background:none;}
.navi-aside-toggle{top:auto;bottom:16px;margin-top:0;left:40%;margin-left:calc(-1 * min(35vw, 140px) - 25px);z-index:10;}
.header .head-left{float:none;display:flex;align-items:center;justify-content:center;gap:14px;width:auto;height:auto;text-align:center;padding:0;}
.header .sitelogo{float:none;margin-top:0px;max-height:72px;overflow:visible;}
.header .sitelogo a{display:inline-block;width:auto;margin:0;max-height:72px;}
.header .sitelogo img{max-height:72px;width:auto;margin:0;display:block;}
.header .site-name{width:auto;max-width:calc(100% - 96px);height:72px;padding:0;text-align:left;}
.header .site-name .site-name-cn{font-size:24px;letter-spacing:1px;padding:4px 0 2px;text-align:left;text-align-last:left;-moz-text-align-last:left;}
.header .site-name .site-name-en{font-size:12px;letter-spacing:0;padding-top:2px;text-align:left;text-align-last:left;-moz-text-align-last:left;line-height:1.2;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .head-main{display:none;}
.header .head-center{position:static;transform:none;left:auto;top:auto;width:100%;margin:10px 0 0;pointer-events:auto;padding-left:0;}
.header .head-center .site-motto{font-size:22px;letter-spacing:5px;text-indent:5px;}
.header .head-right{ float:none; width:100%;margin-top:0px;text-align:center;}
.header .head-right .searchbox{margin: 12px auto 0; width: 70%;max-width: 280px;text-align:center;}
.site-lang  {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(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{}
.mbanner .focus .focus-title-bar {/* display:none!important; */}
.mbanner .focus .focus-pagination {display:none}

.main1 .ml{float:none;width:100%;padding-top: 0px;}
.main1 .mll{float:none; width:100%; margin-left:0px;min-height:0px;}
.main1 .mc{ float:none; width:100%;margin-left:0px;}
.main1 .mr{float:none; width:100%;}
.main2 .ml{float:none;width:100%;padding-top: 0px;}
.main2 .mll{float:none; width:100%; margin-left:0px;min-height:0px;}
.main2 .mc{ float:none; width:100%;margin-left:0px;}
.main2 .mr{float:none; width:100%;}
/* 让首页两行栏目（main1、main2）在移动端的纵向间距与同行内栏目之间的间距一致，
   都由 .post 的 margin-bottom 提供，避免行与行之间出现明显的"空白带"。*/
.main1 .inner{padding: 12px 0 0;}
.main2 .inner{padding: 0 0 12px;}
.main3 .ml{float:none;width:100%;padding-top: 0px;}
.main3 .mll{float:none; width:100%; margin-left:0px;min-height:0px;}
.main3 .mc{ float:none; width:100%;margin-left:0px;}
.main3 .mr{float:none; width:100%;} 

.main4 .ml{float:none;width:100%;padding-top: 0px;}
.main4 .mll{float:none; width:100%; margin-left:0px;min-height:0px;}
.main4 .mc{ float:none; width:100%;margin-left:0px;}
.main4 .mr{float:none; width:100%;} 

/*左标题右内容*/
.post5 {background:transparent;}
.post5 .tt {float:none;width: 100%;margin-right:0px;border-bottom: 2px solid #146cc1;}
.post5 .tt .tit {float:none;margin-top: 0px;width:100%;}
.post5 .tt .tit .title {display:inline-block;margin-right:20px;font-size: 16px; font-weight:bold;color: #18267d;cursor:pointer;}
.post5 .more_btn{display:inline-block;right:0;bottom: 0px; margin-top: 0px; text-align: right;} 
.post5 .more_btn a{line-height: 45px;color:#666;}
.post5 .con{padding:6px 0;position:relative;}
.post5 .con .conbox{margin-left:0px;padding-left:0px;background:transparent;}

.post-41 .con{padding:8px 0;}

/* 移动端导航抽屉美化 */
.wp-navi-aside .aside-inner{background: linear-gradient(180deg,#044563 0%,#033347 100%);width:240px;left:-240px;box-shadow:0 0 24px rgba(0,0,0,0.35);}
.wp-navi-aside .aside-inner::after{display:none;}
.wp-navi-aside .navi-aside-head{background:rgba(0,0,0,0.2);border-top:none;box-shadow:none;text-shadow:none;}
.wp-navi-aside .navi-aside-head .navi-aside-title{color:#fff;font-weight:bold;font-size:16px;letter-spacing:2px;padding:12px 16px;font-family:"Microsoft YaHei",sans-serif;}
.wp-navi-aside .navi-aside-wrap{border-bottom:none;box-shadow:none;padding:8px 0;}
.wp-navi-aside .navi-aside-wrap li{border-bottom:1px solid rgba(255,255,255,0.08);}
.wp-navi-aside .navi-aside-wrap li a{color:rgba(255,255,255,0.85);font-size:15px;line-height:22px;padding:12px 36px 12px 18px;border-top:none;box-shadow:none;text-shadow:none;font-family:"Microsoft YaHei",sans-serif;transition:all 0.3s ease;}
.wp-navi-aside .navi-aside-wrap li a:hover,
.wp-navi-aside .navi-aside-wrap li a:focus{background:rgba(255,255,255,0.12);color:#fff;padding-left:22px;}
.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow{width:40px;height:46px;background-image:url(css/img/menu-switch-arrow.png);background-position:14px -24px;opacity:0.7;transition:opacity 0.3s ease;}
.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow:hover{opacity:1;}
.wp-navi-aside .navi-aside-wrap li .menu-open-arrow{background-position:12px 12px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu{background:rgba(0,0,0,0.18);}
.wp-navi-aside .navi-aside-wrap li .sub-menu li{border-bottom:1px solid rgba(255,255,255,0.06);}
.wp-navi-aside .navi-aside-wrap li .sub-menu li a{padding-left:30px;font-size:14px;color:rgba(255,255,255,0.75);}
.wp-navi-aside .navi-aside-wrap li .sub-menu li a:hover{padding-left:34px;color:#fff;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu{background:rgba(0,0,0,0.25);}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu li a{padding-left:46px;}
.wp-navi-aside .navi-aside-mask{background:rgba(0,0,0,0.45);}

/* 修复标题栏"更多+"被截断 */
.post .tt{box-sizing:border-box;padding-right:12px;}
.post1a .tt, .post1b .tt, .post1c .tt, .post1d .tt, .post1e .tt, .post1f .tt{box-sizing:border-box;padding-right:14px;}
.post .more_btn{padding-right:2px;}

#footer .inner {background:none;}
#footer .foot-top {flex-direction: column;align-items: center;text-align: center;padding: 30px 0 24px;gap: 24px;}
#footer .foot-col {min-width: auto;width: 100%;align-items: center;text-align: left;}
#footer .foot-info,
#footer .foot-links {min-width: auto;}
/* 每栏内容整体居中，但条目/文字左对齐 */
#footer .foot-col > * {width: fit-content;max-width: 100%;margin-left: auto;margin-right: auto;}
/* 品牌栏：徽章+文字横向居中，文字块左对齐（"石河子大学法学院"标题居中显示） */
#footer .foot-brand {display:flex;flex-direction:row;justify-content: center;align-items: flex-start;gap: 14px;text-align: left;}
#footer .foot-brand-text {text-align: left;}
#footer .foot-brand-text h4 {text-align: center;}
#footer .foot-brand-text p,
#footer .foot-brand-text .foot-record-list,
#footer .foot-brand-text .foot-record-list li {text-align: left;}
/* 联系我们、常用链接 */
#footer .foot-contact,
#footer .foot-links {display: block;text-align: center;}
#footer .foot-col-title {text-align: center;margin-left: auto;margin-right: auto;width: fit-content;}
#footer .foot-col-title::after {left: 50%;transform: translateX(-50%);}
/* 联系我们条目：整体居中但文字左对齐 */
#footer .foot-contact-list {display: inline-block;text-align: left;margin: 0 auto;}
#footer .foot-contact-list li {text-align: left;}
/* 常用链接：整体占 80% 宽度，水平铺开成多行 */
#footer .foot-links-list {display: flex;flex-wrap: wrap;justify-content: center;width: 80%;margin: 0 auto;padding: 0;gap: 6px 0;}
#footer .foot-links-list li {display: inline-block;margin: 0;padding: 4px 10px;line-height: 1.6;}
#footer .foot-links-list li a {padding-left: 0;}
#footer .foot-links-list li a::before {display: none;}
#footer .foot-links-list li a:hover {padding-left: 0;}
#footer .foot-bottom {padding: 14px 0;}
.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%;}

/*图列表*/
.news_tu .news_list li.news{width: calc(33.33% - 14px);}
/* 底部栏目 */
.section-cards .inner,
.section-timeline .inner,
.section-gallery .inner {padding: 30px 0 20px;}
.rili2 .news_list li.news {width: 100%;margin: 0;}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
#header .inner{height: auto;}
.header .sitelogo{max-height:68px;}
.header .sitelogo a{max-height:68px;}
.header .sitelogo a img{max-width: 100%;max-height:68px;margin:0;width:auto;}
.header .sitetitle {display:block;margin-top: 10px;font-size:18px;}
.header .head-center .site-motto{font-size:20px;letter-spacing:4px;text-indent:4px;}

.main1 .ml{float:none; width:100%;}
.main1 .mr{float:none; width:100%;} 

.main4 .inner{padding: 10px 0 15px;}
.main4 .mr{float:none;}

.post-12 .news_list li.news{width:33.3%;}
.post-41 .news_list li.news{width:50%;}
.news_tu .news_list li.news{width: calc(50% - 10px);}

#footer .foot-top {padding: 24px 0 18px;gap: 18px;}
/* 小屏：品牌区徽章在上、文字在下；"石河子大学法学院"标题居中，其余条目左对齐 */
#footer .foot-brand {flex-direction: column;align-items: center;gap: 10px;margin-bottom: 14px;text-align: left;}
#footer .foot-brand-text {text-align: left;}
#footer .foot-brand-text h4 {text-align: center;}
#footer .foot-brand-text p,
#footer .foot-brand-text .foot-record-list li {text-align: left;}
#footer .foot-bottom .copyright{text-align:center;}

.mbanner .focus-pagination {display:none;}
/*栏目图片*/
.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;pa;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;}
.col_news_con  .news_list li.news {line-height:24px;padding:4px 0px;}
.col_news_con  .news_list li.news span.news_title {line-height:24px;margin-right:100px;}/*标题*/
.col_news_con  .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/

.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%;}/**文章阅读部分图片大小限制**/

/*图列表*/
.news_tu .news_list li.news{width: calc(50% - 10px);}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}
}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.site-lang ul li.links a{margin: 0px 2px 0px 2px;}
.post-11 .news_list li.news .news_title{width:73%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} 
.post-12 .news_list li.news{width:100%;}   
#footer .inner p.copyright span{display:block;}
#footer .foot-top {padding: 20px 0 14px;}
#footer .foot-links-list {width: 90%;}
#footer .foot-links-list li {padding: 4px 8px;font-size: 13px;}
/* 超小屏：站点名称略缩小 */
.header .head-left {gap: 12px;padding: 0;}
.header .site-name .site-name-cn {font-size: 20px;letter-spacing: 0;}
.header .site-name .site-name-en {font-size: 11px;}
.header .head-right .searchbox{width: 80%;max-width: 260px;}
.navi-aside-toggle{margin-left:calc(-1 * min(40vw, 130px) - 25px);}

.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}

/*图列表*/
.news_tu .news_list li.news{width: 100%;}
.post-55 li {width: calc(50% - 10px);min-width: 100px;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
    
}