@charset "utf-8";
/* CSS Document */

.clear{ clear: both; }
.Wrapbanner{ width: 100%; position: relative;}
.Wrapbanner font{ position: absolute; left: 50%; top: 40%; margin-left: -45px; font-size: 2.4em; font-weight: bold; color: #fff;}
.Wrapbanner font:after{ content:''; display:block; width: 30px; height: 2px; background: #fff; margin: 5px auto;}
.subbanner{ max-width:1200px; margin: 0 auto; position: relative; }
.subbanner .articleTitle { color: #fff; display: inline-block; position: absolute; left: 28px; bottom: 18px;}
.subbanner .articleTitle a{ font-size: 2.4em; color: #fff;}



.subPage{width:100%;position:relative;overflow:hidden; background: url(/images/modebg.png) no-repeat center; background-size: cover;}
.sub_banner{width:100%;position:relative; margin: 10px 0 0 0;z-index: 2}

/*左侧*/
.sbu_leftWrap{width:240px;float:left;position:relative;overflow:hidden;}
.sub_left{width: 220px;  float: left; border-left: #2a559d 20px solid; }
.sub_left .title {width:220px; height: 40px; line-height: 40px; text-align:left;}
.sub_left h2 a{color:#fff;font-size:20px;}
.sub_left ul{ background:#fff; background: #f2f2f2; padding-top: 20px;}

.sub_left li { font-size: 14px; position:relative }
.sub_left li a{font-size: 16px; padding:15px 20px;margin-left: 10px; display:block; font-weight: bold; color: #999999;}
.sub_left li a:hover,.sub_left li a.active{color: #2a559d; background: #fff;}
.sub_left li:last-child a{ border-bottom: 0; }


.sub_left li strong.arrow{display:block;height:20px;width:20px; text-align: center;line-height: 20px;position:absolute;right:7px;top:13px;cursor:pointer;transition:all 0.3s ease-in-out; color: #c1c1c1;}
.sub_left li strong.arrow img{ display: inline-block; }

.twoJ_menu{background-color:#fff;display:none;margin-left: 10px;}
.sub_left .twoJ_menu dd a{padding:15px 25px;font-size:14px; font-weight: normal; margin-left: 0; }
.sub_left .twoJ_menu dd a:hover,.sub_left .twoJ_menu dd a.active{border-left: #2a559d 4px solid;}


.sub_title{overflow:hidden;height:140px; background:url(/images/subtitlebg.png) no-repeat; text-align:center;}

.sub_t01 h2{height:140px;line-height:140px;color:#fff;font-size:3.0em; display: inline; position: relative; }

.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }

.sub_mbtn{width:100%;height:40px;background:url(/images/sub-mbtn02.png) no-repeat center center;background-color:#f4f6fa;cursor:pointer;display:none; margin-bottom: 10px;}
.open{background:url(/images/sub-mbtn.png) no-repeat center center;background-color:#4ba6a4;}
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#4ba6a4;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{}
.sub_navm li{position:relative}
.sub_navm li a{ font-size: 14px; color:#282828; padding-left:13px;height:35px;line-height:35px;border-bottom:1px solid #dedede;display:block;}
.sub_navm li a:hover{color:#2a559d;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#2a559d; display:block; width:100%;}
.sub_navm dl{  background-color:#cac9c9; padding:0px 0px 5px;}
.sub_navm dl{  background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;  height:30px;line-height:30px;border-bottom:1px dotted #ddd;}
.sub_navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}
.sub_navm li span.phone_arrow{width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:14px;display:block;position:absolute;right:0;top:0;z-index:999;color:#c1c1c1;cursor:pointer;}





/*右侧*/
.sub_right{ margin-left: 275px; }
.subPage_con{ max-width:1200px; min-height: 500px;  margin:40px auto 40px auto;}
.pageArticle{ overflow: hidden; }
.pageArticle .line{ width: 100%; height: 1px; background: #cccccc; margin: 20px 0; }
.pageArticle .article01{ overflow: hidden; background: #f4f6fa; padding: 25px 29px; }
.pageArticle .article01 p{ font-size: 1.6em; line-height: 32px; }

.subPgeTitle{ display: block; max-width: 1200px; margin: 0 auto; margin-top: -30px;color: #fff; position: relative; z-index: 9;}
.subPgeTitle span{display: inline-block;color: #fff;  font-size: 1.4em; background: url(/images/home.png) no-repeat left center; padding-left: 25px;}
.subPgeTitle a{ color: #fff; } 
 

.pageTitle{  margin-bottom: 25px;  text-align: left; background: url(/images/pagetitlebg.png) repeat-x center; overflow: hidden; }
.pageTitle span{ font-size: 2.4em; color: #2a559d; font-weight: bold; display: inline-block; background: #fff; padding-right:14px; }
.pageTitle a{ color: #999; font-size: 1.4em; float: right; }


.share{width: 240px; float: right;}
.share_btn{float: left;line-height: 33px; font-size:1.6em;font-weight: normal;}
.share a{padding-left: 32px !important;margin:0 15px 0 0 !important;border-radius: 50% !important;height: 32px !important;}
.share a.bds_weixin{background:url(/images/weChat.png) no-repeat center center #ccc;}
.share a.bds_tsina{background:url(/images/sina.png) no-repeat center center #ccc;}
.share a.bds_qzone{background:url(/images/z_qone.png) no-repeat center center #ccc;}
.share a.bds_more{background:url(/images/link.png) no-repeat center center #ccc;}
.share a.bds_weixin:hover{background-color:#7dd43c;}
.share a.bds_tsina:hover{background-color:#d90e17;}
.share a.bds_qzone:hover{background-color:#47a4fc;}
.share a.bds_more:hover{background-color:#77a4f8;}



/*历史沿革*/
.article02{}
.article02 .artImg{ margin-bottom: 22px; overflow: hidden; }
.historyList ul li{ background: #f7f8fb; padding: 20px; margin-bottom: 22px; overflow: hidden; }
.historyTime{ background: #2a559d; width: 100px; height: 30px; text-align: center; line-height: 30px; margin-bottom: 15px; }
.historyTime span{ font-size: 1.8em; font-weight: bold;  color: #fff;}
.historyText p{ font-size: 1.6em; line-height: 28px; }

/*院长寄语*/
.article01 .artImg02{ max-width: 416px; float: left; margin: 0 20px 20px 0; }


/*现任领导*/
.leaderList ul li{ background: #fff; padding: 15px 20px; margin-bottom: 20px; overflow: hidden; }
.leaderName{ width: 19%; float: left; text-align: center; border-right: #2a559d 1px solid; }
.leaderName span{ font-size: 1.6em; font-weight: bold; line-height: 28px; } 
.leaderName span font{ display: block; }
.leaderIntro{ width: 77%; float: right; }
.leaderIntro p{ font-size: 1.6em; line-height: 28px;}


/*高等教育自学考试*/
.list01{width:100%;overflow:hidden;}
.list01 li{ overflow:hidden;position:relative;}
.list01 li:nth-child(odd){ background: #ffffff; }
.list01 li:nth-child(even){ background: #f1f1f1; }
.list01 li a{display:block;padding: 13px 25px;/* width: 82%; */line-height:22px;color:#333;float:left;font-family: "微软雅黑";font-size:1.6em;position: relative;}

.list01 li a:hover{color:#005aa0;}
.list01 li .rightDate{float:right; font-size: 1.6em; color: #999;  padding: 13px 25px 13px 0; }


.article01 .aticleTitle{ font-weight: bold; font-size: 1.8em; text-align: center;border-bottom: #e1e1e1 1px solid; padding: 7px 0; margin-bottom: 12px;  }
.article01 .aticleTitle font{ font-size: 14px; color: #999999; font-weight: normal; display: block; text-align: right; }
.article01 .article01_text p{ font-size: 16px !important; line-height: 30px !important; }
.article01 .article01_text p span{font-size: 16px !important; }
.article01 .article01_text p img{ display: block; margin:10px auto; }

.annu ul li{ background: #f7f8fb; padding: 15px 28px; overflow: hidden; margin: 15px 0; }
.annu ul li a{ display: block; font-size: 1.6em; color: #173f8f; background: url(/images/downLoad.png) no-repeat right center; padding-right: 35px; }


/*党群工作*/
.picList{width:100%;overflow:hidden;margin-bottom:30px;}
.picList ul{ margin: 0 -20px; }
.picList li{width:50%;float:left;position:relative;}
.picList li img{width:100%;display:block;}
.picList li span{display:block;z-index:1;}
.picList li a{display:block; margin:10px 20px;}
.picList li a p{ line-height: 22px !important; }
.picList li a i{ font-size:16px; color:#999999; font-weight: normal; font-style: normal;}
.picList li a p span{ font-size:16px; margin:8px 0; height:25px; line-height:25px; overflow:hidden;}
.picList li .picList-img{ height:0; padding-bottom:75%; overflow:hidden;}
.picList li .picList-img img{transition: all 0.5s ease;}
.picList li a:hover img{opacity: 0.8;transform: scale(1.1);}




/*分页*/
.pages{ text-align:center; font-size: 1.4em;margin: 25px 0 0 0; font-weight: bold; overflow: hidden;}
.pages img{vertical-align: middle; display: inline-block;}
.pages span{ color:#4ba6a4; padding:0 20px 0 0px; font-size:16PX;}
.pages a{ display: inline-block; color: #333333; font-weight: bold; margin:5px 12px;}
.pages a.prev{ background: url(/images/prev02.png) no-repeat center; width: 13px; height: 20px; }
.pages a.next{ background: url(/images/next02.png) no-repeat center; width: 13px; height: 20px;}

.pages a:hover{ border-bottom: #ff8d23 3px solid; }
.pages a.on_pages{ border-bottom: #ff8d23 3px solid;}
.pages a.home,.pages a.last{ width: 58px; }


.pages_min{ display: none; margin: 20px 0; font-size:1.2em;overflow: hidden; }
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:70px; height: 30px; float:left; border: #cdcdcd 1px solid; color: #666666; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#005aa0; color:#fff; transition:0.5s;}










@media screen  and (max-width:1200px) {
 .subPage{width:100%;}
 .subPage_con{width:auto;padding:10px 20px; margin: 20px auto auto auto;}

}




@media screen  and (max-width:800px) {

.sbu_leftWrap{ display: none; }
.sub_mbtn{ display: block; margin: 0; }
.sub_right{ margin: 0; }

.subPgeTitle{ margin-top: 10px; color: #666;}
.subPgeTitle a{ color: #666;}
.subPgeTitle span{ padding: 0 20px;  color: #666; font-size: 1.6em;}
.subPgeTitle span a:before{ background: #666; margin: 4px 1px;}
.subPage_con{ margin: 0; } 
.pageTitle{ margin: 13px 0; }
.pageTitle span{ font-size: 1.8em; }
.pages{ display: none; }
.pages_min { display: block; }
}

@media screen and (max-width:710px) {
  .pageArticle.lf{ width: 100%; float: none;}
  .friendLink.rt{ width: 100%; float: none; margin-top: 20px; }
.friendLink ul.link01 li{ width: 48%; float: left; margin: 1%; }
.newsList ul li{ width: 50%; }
.list01 li .rightDate{padding-bottom:0;padding-top: 5px;}


}

@media screen and (max-width:640px) {
	.subPage_con{ padding:13px 20px; }
   .subPgeTitle span{ font-size: 12px; }
   .pageTitle span{ font-size: 1.6em; }
    .pageArticle .article01 p,.pageArticle .article02 p{ font-size: 1.4em; line-height: 28px; }
    .pageTitle a{ float: none; display: block; }
    
    .historyTime span{ font-size: 1.6em; }
    .article01 .artImg02{ float: none; width: 100%; margin: 0 auto 20px auto; }
    .leaderName span{ font-size: 1.4em; }
    .leaderName span font{ display: inline; }
    .list01 li a,.list01 li .rightDate{ font-size: 1.4em; }
    .annu ul li a{ font-size: 1.4em; }
    .picList li a p span,.picList li a i{ font-size: 14px; }
}




@media screen and (max-width:480px) {
    .leaderName {  float: none;width: 100%;}
    .leaderIntro{ float: none; width: 100%; }
    .picList li{ width: 100%; }

}

@media screen /*and (min-width:320px)*/ and (max-width:414px) {
	.ImgList ul li{ width: 100%; }

}