@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 {}
.engineeringCenterRight {
   margin-top: 10px;
   width: 95% !important;
}
/* 首页适配 */
.theArticleMainBody {width: 100%;padding: 0 10px;}
.topbarNavigation {width: 100%;padding: 0 10px;}
.theLogoAndSearch {max-width: 100%;padding: 0 10px;}
.MenuNavigation {width: 100%;}
.menuOfNav {flex-wrap: wrap;}
.menuOfNav .menuItems {flex: none;width: 33.33%;}
.swiper {height: 300px;}
.theArticleContent {flex-direction: column;}
.theArticleOnTheLeftSideOfThe {width: 100%;height: 300px;margin-bottom: 20px;}
.theArticleOnTheRightSide {max-width: 100%;}
.theSunlightSportsPart {flex-direction: column;}
.sunshineSports, .employmentRecruitment {width: 100%;margin: 0 0 20px 0;}
.linkColumn li {width: 48%;margin-right: 4%;}
.linkColumn li:nth-child(even) {margin-right: 0;}
.theFooterMainContent {width: 100%;padding: 0 10px;flex-direction: column;}
.theFooterOnTheLeftSideOfThe {text-align: center;}
.theFooterOnTheRightSideOfThe {margin-top: 20px;}

/* 列表页和详情页适配 */
.engineeringBody {width: 100%;flex-direction: column;padding: 0 10px;}
.engineeringLeftModule {width: 100%;position: relative;bottom: 0;}
.projectTitleLeftModule {position: relative;bottom: 0;width: 100%;}
.engineeringRightModule {width: 100%;padding-left: 0;}
}

/**
 * [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: #18267e;}
#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 .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 .head-right .searchbox{margin: 5px 0px; width:100%;}

/*导航样式：后台绑定时也可以定义配置*/
.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{display:none;}
.mbanner .focus .focus-title-bar {/* display:none!important; */}

.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 .inner{padding: 10px 0;}
.main4 .ml{ float:none; width:100%;}
.main4 .mr{float:none; width:100%;padding-top:0px;} 


/*左标题右内容*/
.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;}

#footer .inner {background:none;}
#footer .inner .foot-left{float:none;padding-left: 0px;background: none;padding: 0;}
#footer .inner .foot-left p{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%;}

/*图列表*/
.news_tu .news_list li.news{width:33.3%;}

/* 首页适配 */
.theArticleMainBody {width: 100%;padding: 0 10px;}
.topbarNavigation {width: 100%;padding: 0 10px;}
.theLogoAndSearch {max-width: 100%;padding: 0 10px;}
.searchTheTitle {width: 100%;font-size: 20px;}
.MenuNavigation {width: 100%;}
.menuOfNav {flex-wrap: wrap;}
.menuOfNav .menuItems {flex: none;width: 33.33%;}
.swiper {height: 250px;}
.theArticleContent {flex-direction: column;}
.theArticleOnTheLeftSideOfThe {width: 100%;height: 250px;margin-bottom: 20px;}
.theArticleOnTheRightSide {max-width: 100%;}
.theSunlightSportsPart {flex-direction: column;}
.sunshineSports, .employmentRecruitment {width: 100%;margin: 0 0 20px 0;}
.linkColumn li {width: 48%;margin-right: 4%;}
.linkColumn li:nth-child(even) {margin-right: 0;}
.theFooterMainContent {width: 100%;padding: 0 10px;flex-direction: column;}
.theFooterOnTheLeftSideOfThe {text-align: center;}
.theFooterOnTheRightSideOfThe {margin-top: 20px;}

/* 列表页和详情页适配 */
.engineeringBody {width: 100%;flex-direction: column;padding: 0 10px;}
.engineeringLeftModule {width: 100%;position: relative;bottom: 0;}
.projectTitleLeftModule {position: relative;bottom: 0;width: 100%;}
.engineeringRightModule {width: 100%;padding-left: 0;}
.dateOfEngineering {right: 10px;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
#header .inner{height: auto;}
.header .sitelogo a img{max-width: 85%;margin:5px 0px;}
.header .sitelogo a{}
.header .sitetitle {display:block;margin-top: 10px;font-size:18px;}

.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%;}

#footer .inner {padding: 17px 0px;}
#footer .inner .foot-left{float:none;}
#footer .inner p{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:50%;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:50%;}

/* 首页适配 */
.theTopOfTheHeader {height: auto;padding: 5px 0;}
.topbarNavigation {flex-direction: column;align-items: flex-start;}
.topbarNavigation span {font-size: 12px;}
.topbarNav {display: none;} /* 隐藏登录注册 */
.theLogoAndSearch {flex-direction: column;align-items: center;padding: 10px;}
.logo {margin-bottom: 10px;}
.logo img {max-width: 80%;height: auto;}
.searchContent {position: relative;right: auto;width: 100%;}
.searchSection {width: 100%;}
.searchTheTitle {font-size: 18px;text-align: center;display: flex;align-items: center;justify-content: center;}
.searchTheTitle .link {width: 30px;height: 2px;background-color: #4247ab;}
.searchTheTitle .link-1 {margin-right: 10px;}
.searchTheTitle .link-2 {margin-left: 10px;}
.form-box {display: flex;width: 100%;}
.search-type {width: 25%;height: 36px;border: 1px solid #eee !important;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.search-box {width: 60%;height: 36px;border: 1px solid #eee !important;padding-left: 10px;margin-left: -1px;}
.theSubmitButton {width: 15%;height: 36px;border: 1px solid #eee !important;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background-color: #fff;background-image: url(./images/search-img_03.png);background-size: 60% !important;background-repeat: no-repeat;background-position: center center;}
.theCoreOfClassHead {height: auto;}
.menuOfNav {flex-direction: column;align-items: stretch;}
.menuOfNav .menuItems {width: 100%;height: auto;line-height: 40px;}
.subMenu {position: static;display: none;background-color: #5459c7;}
.swiper {height: 200px !important;}
.theArticleMainBody {padding: 0 10px;}
.theDynamicTitleSection {padding-top: 15px;}
.theTitle .dynamicTitle {font-size: 18px;}
.theArticleContent {flex-direction: column !important;}
.theArticleContent > div {flex-direction: column !important;}
.theArticleOnTheLeftSideOfThe {width: 100% !important;height: 200px;margin-bottom: 20px;}
.theArticleOnTheLeftSideOfThe .swiper {height: 100% !important;}
.theArticleOnTheRightSide {max-width: 100% !important;width: 100% !important;}
.theFirstList {height: 100px;background-image: none !important;background-color: #f5f5f5;padding: 10px;}
.theFirstTitle {position: static !important;top: auto !important;left: auto !important;font-size: 16px !important;margin-bottom: 10px;}
.theFirstIntroduction {position: static !important;top: auto !important;left: auto !important;width: 100% !important;font-size: 12px;}
.theOtherListItems {margin-top: 10px;width: 95%;}
.theOtherListItems li {margin-top: 10px;display: flex;align-items: center;}
.theOtherListTitle {font-size: 14px;margin-left: 10px;flex: 1;}
.theOtherListTitle a {width: 80%;display: block;}
.timeToDate {font-size: 12px;color: #9a9a9a;margin-left: 10px;}
.theSunlightSportsPart {flex-direction: column;}
.sunshineSports, .employmentRecruitment {width: 100%;margin: 0 0 20px 0;}
.sportsTheFirstList {flex-direction: column !important;display: flex !important;background-color: #f5f5f5;padding: 10px;margin-bottom: 15px;width: 90%;}
.sportsTheFirstListImage {display: none !important;}
.theTitleBigBox {padding: 10px;background-color: #fff;flex: none;}
.theTitleOfSports {font-size: 16px;color: #333;margin-bottom: 10px;}
.introductionOfSports {margin-top: 10px;font-size: 12px;line-height: 1.5;color: #666;display: block !important;white-space: normal !important;overflow: visible !important;}
.sunlightSportsImage {margin: 0 !important;padding: 0 !important;}
.sunlightSportsImage li {list-style: none !important;}
.sportsAListItem {display: flex;align-items: center;margin-bottom: 10px;}
.sportsAListItem .aListOfSymbols {display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #4247ab;margin-right: 10px;}
.sportsAListItem .theOtherListTitleOfSports {flex: 1;font-size: 14px;color: #333;}
.sportsAListItem .timeToDate {font-size: 12px;color: #9a9a9a;margin-left: 10px;}
.listTheContentOfSports {padding: 10px;background-color: #f5f5f5;}
.admissionListItem {display: flex;align-items: center;margin-bottom: 10px;}
.admissionListItem .aListOfSymbols {display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #4247ab;margin-right: 10px;}
.admissionListItem .theOtherListTitleOfSports {flex: 1;font-size: 14px;color: #333;}
.admissionListItem .timeToDate {font-size: 12px;color: #9a9a9a;margin-left: 10px;}
.listTheContentOfAdmissions {padding: 10px;background-color: #f5f5f5;}
.linkColumn {width: 100%;display: flex;flex-direction: column;}
.linkColumn li {width: 100%;margin-right: 0;margin-bottom: 10px;border: 2px solid #eee;border-radius: 5px;padding: 10px 0;text-align: center;}
.linkColumn li a {text-decoration: none;font-size: 16px;color: #000;}
.containOfFooter {height: auto;padding: 20px 0;margin-top: 30px !important;}

/* 列表页和详情页适配 */
.listOfBanner {height: 150px !important;background-size: cover !important;}
.engineeringBody {flex-direction: column !important;padding: 0 10px;}
.engineeringLeftModule {width: 100% !important;position: relative;bottom: 0;}
.projectTitleLeftModule {position: relative;bottom: 0;width: 100%;height: 60px;background-color: #4b50c0;display: flex;align-items: center;}
.locationColumn .Column_Anchor {position: static !important;font-size: 20px;margin-left: 20px;}
.projectTitleLeftModule .rightArrow {display: none;}
.engineeringLeftDecoration {display: none;}
.engineeringRightModule {width: 100% !important;padding-left: 0;}
.theCurrentPosition {height: auto;}
.theCurrentPosition span {font-size: 14px;}
.theRightTitle span {font-size: 20px;}
.engineeringRightList {display: flex !important;align-items: center !important;margin-bottom: 10px;}
.engineeringRightList a {font-size: 14px;flex: 1;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dateOfEngineering {font-size: 12px;position: static;margin-left: auto;}
.col_list {position: relative !important;top: 0 !important;width: 100% !important;}
.col_list .wp_listcolumn {border: none !important;}
.col_list .wp_listcolumn .wp_column a {display: block !important;padding: 10px !important;border-bottom: 1px solid #eee !important;}
.col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {background-color: #f5f5f5 !important;}
}

/**
 * [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;}

.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%;}
/*组织机构*/
.inss .part_xy .sub-list .sub-item{width:100%;}

/* 首页适配 */
.searchTheTitle {font-size: 16px;text-align: center;display: flex;align-items: center;justify-content: center;}
.searchTheTitle .link {width: 30px;height: 2px;background-color: #4247ab;}
.searchTheTitle .link-1 {margin-right: 8px;}
.searchTheTitle .link-2 {margin-left: 8px;}
.swiper {height: 150px !important;}
.theArticleOnTheLeftSideOfThe {height: 150px;}
.theFirstList {height: 80px;background-size: cover;background-position: center;}
.theFirstTitle {top: 10px;left: 15px;font-size: 14px !important;}
.theFirstIntroduction {top: 30px;left: 15px;font-size: 11px;width: 85%;}
.theOtherListItems li {margin-top: 8px;display: flex;align-items: center;}
.theOtherListTitle {font-size: 13px;margin-left: 8px;flex: 1;}
.timeToDate {font-size: 11px;color: #9a9a9a;margin-left: 8px;}
.sportsTheFirstListImage {height: 120px;background-size: cover;background-position: center;}
.theTitleOfSports {font-size: 14px;}
.sportsAListItem {display: flex;align-items: center;}
.admissionListItem {display: flex;align-items: center;}

/* 列表页和详情页适配 */
.listOfBanner {height: 120px !important;background-size: cover !important;}
.projectTitleLeftModule {height: 50px;background-color: #4b50c0;}
.locationColumn .Column_Anchor {font-size: 18px;top: 15px;left: 15px;}
.projectTitleLeftModule .rightArrow {top: 20px;left: 120px;width: 24px;height: 12px;background-size: contain;background-image: url(./images/right-arrow.png);}
.theRightTitle span {font-size: 18px;}
.engineeringRightList a {font-size: 13px;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
    
    /* 首页适配 */
    .searchTheTitle {font-size: 14px;text-align: center;display: flex;align-items: center;justify-content: center;}
    .searchTheTitle .link {width: 20px;height: 2px;background-color: #4247ab;}
    .searchTheTitle .link-1 {margin-right: 6px;}
    .searchTheTitle .link-2 {margin-left: 6px;}
    .swiper {height: 120px !important;}
    .theArticleOnTheLeftSideOfThe {height: 120px;}
    .theFirstList {height: 70px;background-size: cover;background-position: center;}
    .theFirstTitle {top: 8px;left: 10px;font-size: 12px !important;}
    .theFirstIntroduction {top: 25px;left: 10px;font-size: 10px;width: 90%;}
    .theOtherListItems li {display: flex;align-items: center;}
    .theOtherListTitle {font-size: 12px;margin-left: 5px;flex: 1;}
    .timeToDate {font-size: 10px;color: #9a9a9a;margin-left: 5px;}
    .sportsAListItem {display: flex;align-items: center;}
    .admissionListItem {display: flex;align-items: center;}
    
    /* 列表页和详情页适配 */
    .listOfBanner {height: 100px !important;background-size: cover !important;}
    .projectTitleLeftModule {height: 40px;background-color: #4b50c0;}
    .locationColumn .Column_Anchor {font-size: 16px;top: 10px;left: 10px;}
    .projectTitleLeftModule .rightArrow {top: 15px;left: 100px;width: 20px;height: 10px;background-size: contain;background-image: url(./images/right-arrow.png);}
    .theRightTitle span {font-size: 16px;}
    .engineeringRightList a {font-size: 12px;}
}

/* 导航栏适配 */
@media screen and (max-width: 767px) {
    .theCoreOfClassHead {position: relative;height: auto !important;}
    .MenuNavigation {position: relative;height: 100%;}
    .menuOfNav {display: flex !important;flex-direction: column;align-items: stretch;}
    .menuOfNav .menuItems {width: 100%;height: auto;line-height: 40px;}
    .subMenu {position: static;display: none;background-color: #5459c7;}
    .navi-aside-toggle {display: none !important;}
    .navi-aside-search {display: none !important;}
}

/* 轮播图适配 */
@media screen and (max-width: 767px) {
    .swiper {height: 180px !important;}
    .swiper-slide img {height: 100% !important;object-fit: cover !important;}
}

@media screen and (max-width: 479px) {
    .swiper {height: 150px !important;}
}

/* 文章内容适配 */
@media screen and (max-width: 767px) {
    .theArticleDetails {font-size: 16px !important;padding: 0 10px;}
}

/* 页脚适配 */
@media screen and (max-width: 767px) {
    .containOfFooter {margin-top: 30px !important;}
    .theFooterOnTheLeftSideOfThe ul li {font-size: 12px;line-height: 22px;}
    .qrCode {height: 80px;}
}