@charset "utf-8";
/* CSS Document */
body { background: #ffffff; }

.subPage{width:100%;  margin:35px auto;position:relative;  }
.sub_banner{width:100%;position:relative; background: #f5f5f5;  }
.sub_banner img { display: block; margin: 0 auto; position: relative; }
.sub_banner .bread img { display: inline-block; }
.wrap_bread { float: right;}
.bread_shadowwrap { margin: 0 auto; position: relative;}
.bread_shadowwrap span { height: 0px; display: block; padding-bottom: 17%; overflow: hidden; }
.bread { color: #999999; }
.bread a { color: #999999; font-size: 12px; }
.bread a:hover { font-weight: bold; }
.sub_t01 { text-align: center; height: 64px; line-height: 64px; background: #225aab; }
.sub_t01 h2{ color:#fff; line-height: 65px; height: 65px; font-size: 22px;   border-left: 10px solid #224f8f;  font-size:2.2em;font-weight:normal; }
.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_t01 h2.active {  }
.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn02.png) no-repeat center center;background-color:#d8d8d8;cursor:pointer;display:none;}
.open{background:url(../images/sub-mbtn02_close.png) no-repeat center center;background-color:#d8d8d8;}
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{ border: 1px solid #dddddd; }
.sub_navm li{position:relative;}
.sub_navm li a{ font-size: 14px; color:#282828; padding-left:13px; font-family:Helvetica;height:40px;line-height:40px;border-top:1px solid #d3d3d3;display:block;}
.sub_navm li:first-child a { border-top: 0px; }
.sub_navm li a:hover{color:#005f8f;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#005f8f; display:block; width:100%;}
.sub_navm dl{ display: none; 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: 12px; color:#005f8f;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:#005f8f}
.sub_navm li strong.phone_arrow{width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:18px;display:block;position:absolute;right:0;top:0;z-index:999;color:#005f8f;cursor:pointer;}
.subPage_con{max-width:1200px; margin: 0 auto;  min-height:470px; padding: 0 30px 30px;  box-shadow: 8px 8px 20px 0px #e3e4e4; background: #fff; border-top: 1px solid #005aa0; }
.sbu_leftWrap{width:253px;float:left; margin: 28px 0 0 0; }
/*.f_left_con { *border-right: 1px solid #ffffff; border-right: 1px solid #ffffff\9\0; }
*/

/*左侧边栏*/
.sub_left{ overflow:hidden; z-index:99999;}
.sub_left h2{width:auto;padding-left:17px;height:48px;line-height:48px;font-weight:bold;font-family:Helvetica;background-color:#003c7f;border-bottom:1px solid #d3d3d3;}
.sub_left h2.active { border-bottom: 4px solid #224f8f;  }
.sub_left h2 a{color:#fff;font-size:20px;}
.sub_left li{position:relative}
.sub_left li a{ z-index:1;padding:14px 0px 14px 0px; text-align:center; display:block;font-size:16px;font-size:1.6em;border-bottom:1px dashed #d1dede; color:#333333; border-left: 10px solid #fff;}
.sub_left li a:hover,.sub_left li a.active{ border-bottom: 4px solid #224f8f; }
.sub_left li a:hover,.sub_left li a.on {padding:14px 0px 14px 0px; color: #fff; border-left: 10px solid #224f8f;  background: #f7f9fc; border-bottom: 1px solid #224f8f; color: #224f8f;  }
.sub_left li strong.arrow{ display:block;height:50px;line-height:50px;width:46px;text-align:center;font-size:20px; position:absolute;right:0;top:0;color:#e5e5e5;z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_left li strong.arrow:hover{ color: #224f8f; }
.sub_left li.on strong.arrow { color: #005f8f;  }
.sub_left .twoJ_menu dd a{;padding:8px 22px 8px 5px;font-size:14px;font-size:1.4em;}



.HNUST-list04{margin:0 -10px;font-size: 0;padding-top: 20px;}
.HNUST-list04 li{width: 25%;display: inline-block;*display: inline;*zoom:1;vertical-align: top;font-size: 14px;}
.HNUST-list04 li > a{display: block;margin:0 24px;padding:22px 10px;background-color: #fff; border-bottom: 1px solid #e7e8e8; line-height: 1.6;border-top: 1px solid #5a86c8;position: relative;margin-bottom:18px;text-align: center;}
.HNUST-list04 li > a:before{width: 50px;height: 5px;background:#8baad8;position: absolute;left: 0;top: 0px;content: '';}







 .content .main {
            margin-left: 0;
        }

        .major-right {
            float: right;
            width: 250px;
        }

        .major-right a {
            color: #1E649F;
            font-size: 14px;
        }

        .major-content {
            margin: 0 285px 0 0;
            line-height: 30px;
        }

        .majorInfo {
            padding: 10px;
            border-left: 1px solid #eee;
            line-height: 26px;
        }
        .majorInfo li { font-size: 16px; line-height: 30px; }
		.majorInfo li span { font-size: 16px; }
      

        .major-right .title {
            border-left: 5px solid #1E649F;
            border-bottom: 1px dashed #eee;
            padding-left: 10px;
            line-height: 30px;
            font-size: 16px;
        }










/*右侧*/
/*分页*/
.pages{   border-radius: 50px; border:1px solid #5a86c8; overflow: hidden;height: 34px;font-family: 'Arial';font-size: 0; float: left; }
.pages img{vertical-align: middle;width: auto;}
.pages > span{ color:#969696;   font-size:14px;height: 34px;line-height: 34px;vertical-align: middle;display: inline-block; *display:inline; *zoom:1;  }

.pages .pageSelect{min-width:125px;height: 34px;*display:inline; *zoom:1; vertical-align: middle; color:#969696;line-height: 34px;border-right:1px solid #d1dede;text-align: center;padding:0;}
.pages .pageSelect option { height: 36px; line-height: 36px; border-bottom: 1px dashed #d1dede; }
.pages .pageSelect01 { min-width: 235px; }
.select2-hidden-accessible { border: 0px !important; }
.select2-container--default .select2-selection--single{ border: 0px solid #b4b4b4; background: url(../images/se_line_03.jpg) no-repeat right center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background-image: url(../images/xiala_03.png); width: 10px; height: 34px;}
.select2-container .select2-selection--single{height: 34px;line-height: 34px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px; padding: 0 50px 0 22px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 10px;right: 30px; }
.se { width: 20px; height: 20px; float: right; margin: 7px 25px 0 20px; }
.serc { margin: 0 auto; }
.pages_min{ margin:30px 0; overflow: hidden; display: none;padding:0 18px;font-size:12px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:90px; height: 30px; float:left;color:#969696; line-height: 30px; text-align: center;cursor: pointer;border:1px solid #b4b4b4;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{background: #830002;color:#fff;}
.sele_shar { overflow: hidden; margin: 0 0 30px 0; }



.sub_right{margin:0 0 30px 305px;}
.sub_right01 { margin: 0 0 30px 0; }
.articleTitle { height: 68px; line-height: 68px; border-bottom: 1px solid #5a86c8; padding: 4px 0 0 0; margin: 0 0 25px 0; }
.articleTitle h2 { font-size: 20px; color: #224f8f;   width: auto; float: left; height: 48px; }
.articleTitle .more { margin: 0 0 0 10px; font-size: 14px; }
.articleTitle h3 { width: 96px; height: 30px; line-height: 30px; text-align: center; font-weight: normal; border-radius: 5px; background: #acc2e3; color: #101a21; float: left; margin: 23px 0 0 38px; }

.page { text-align: center; margin: 30px auto; }
.page a { text-align: center; padding: 0 8px; margin: 0 10px;  font-size: 14px; display: inline-block; border: 1px solid #fff; }
.page .index { color: #6f7676; width: 73px; height: 22px; line-height: 22px; border: 1px solid #e8eeee; border-radius: 20px; }
.page a:hover { color: #224f8f; border: 1px solid #eeeeee; box-shadow: 2px 2px 10px 2px #f4f4f4; }
.page .on_pages {  color: #224f8f; border: 1px solid #eeeeee; box-shadow: 2px 2px 10px 2px #f4f4f4;  }
.page .syy { width: 12px; height: 19px; background: url(../images/page_left_03.png) no-repeat; padding: 0px; }
.page .syy:hover { border: 0px; }
.page .xyy { width: 12px; height: 19px;background: url(../images/page_right_03.png) no-repeat; padding: 0px; }
.page .xyy:hover { border: 0px; }
.page input { width: 64px; height: 22px; color: #6f7676; border: 1px solid #eeeeee; box-shadow: 2px 2px 10px 2px #f4f4f4; border-radius: 20px; padding: 0 0 0 10px;}
.minpage { display: none; margin: 30px 0; overflow: hidden; }
.minpage a{ height: 28px; line-height: 28px; border-radius: 20px; width: 100px; font-size: 14px; text-align: center; color: #224f8f; background: #ededed; }
.minpage a:hover { background: #224f8f; color: #ffffff;  }
.mp_left { float: left; }
.mp_right { float: right; }
.announcement ul { margin: 10px 0 0 0; }
.announcement ul li { padding: 0 0 0 21px; background: url(../images/cir.png) no-repeat 5px center; height: 48px; line-height: 48px; border-bottom: 1px solid #d1dede; overflow: hidden; }
.announcement ul li a { font-size: 16px; }
.announcement ul li span { font-size: 12px; float: right; margin: 0 0 0 40px; color: #6f7676; }





.article h2{ text-align: center; line-height: 30px; font-size: 16px; }
.article .author { font-size: 14px; color: #666666; text-align: center; }
.article_con { line-height: 22px; margin: 10px 0 0 0; font-size: 14px; text-indent: 2em; }.article_con p img{
        margin: 0 auto;
}
.fujian { margin: 30px 0 0 0; }
.fujian h3 { font-size: 15px; color: #000000; padding:10px 0 10px 0; }








.video ul { overflow: hidden; padding: 30px 10px 0px 10px; margin: 0 -20px; border-bottom: 1px solid #acc2e3; }
.video ul li {float: left;width: 33%; }
.video ul li a { margin: 0 28px; display: block; }
.video ul li span { position: relative; height: 0px; display: block; padding-bottom: 56%; overflow:hidden;  }
.video ul li span img { width: 100%; }
.video ul li p {font-size: 14px;margin: 10px 0 20px 0;text-align: center;}
.pageArticle { overflow: hidden; }
.video ul li:hover img { opacity: .8}









.fujian h3{ background: #eeeeee; padding:10px 20px; }
.fujian h3 a { color: #333333; font-size: 18px; }
.fujian h3 a:hover { color: #005f8f; }
.fujian ul { margin: 10px 0 0 0; }
.fujian ul li { padding: 5px 0 5px 20px;  background: url(../images/cir.png) no-repeat left center; }
.fujian ul li a { font-size: 14px; }







@media screen  and (max-width:1200px) {
    .subPage_con { max-width: 1000px; }
}


@media screen  and (max-width:1200px) {
.subPage { width: 94%; }
.bread { padding: 0 20px 0 0; }
}

@media screen  and (max-width:1100px) {
	.on_f span { width: 49%; }
}
.subPage_con
@media screen  and (max-width:1023px) {
.subPage { background: none; }
.video ul li { width: 50%; }
.video ul li span img { width: 100%; }
}

@media screen  and (max-width:950px) {
.sbu_leftWrap { display: none; }
.sub_mbtn { display: block; margin: 20px 0 0 0; }	
.sub_right { margin: 20px 0 0 0; }
}
@media screen  and (max-width:800px) {
.sub_mbtn{display:block;}
.sub_left{display:none;}
.page { display: none; }
.minpage { display: block; }
}




@media screen  and (max-width:767px) {
.article_con img{width:auto !important;height:auto !important;}
.article_con video{width:auto !important;}
.article_con table{width:100% !important; }
.article_con strong{font-weight:bold}
}



@media screen and (max-width:640px) {
.video ul li { float: none; width: 100%; } 
}

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

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

}

@media screen and (min-width:320px) and (max-width:360px) {
}