@charset "utf-8";
/* CSS Document */
body{font-size: 16px}
.footer{position: relative;overflow:hidden;}
.logo_02{display: none;}
.header{position: relative;}
.logo{padding:18px 0 18px;}
.header.currents .logo_01{display: none;}
.header.currents .logo_02{display: block;}
.header.currents .nav ul > li::before,.header.currents .nav ul li > a{color:#fff;}
.mobile-inner-header-icon-out span{background-color:#003b90;}
.mobile_logo .logo_01{display: none;}
.mobile_logo .logo_02{display: block;}
.nav{padding-top: 28px;}
.nav ul li > a{color:#333;font-size: 16px;}
.nav ul li > a strong{text-shadow: none;}
.nav ul > li::before{color: #999;opacity: 0.8;filter: alpha(opacity=80)}
.subBanner {width:100%;overflow:hidden;position: relative;height:300px;z-index: 0}
.subBanner h3{width: 200px;border-top: 5px solid #f9a74a;background:url(../images/p-bg50.png) repeat;height: 70px;line-height: 70px;font-size: 24px;color:#fff;text-align: center;position: absolute;left: 50%;margin-left: 400px;bottom: 0;}
/*面包屑*/
.wrap_bread{border-bottom: 1px solid #eee;}
.bread{max-width:1200px;height:auto; line-height:20px; color:#787878;padding:15px 0;overflow:hidden;font-size: 14px;margin:0 auto;}
.bread span{float:left;font-weight:normal;color:#999;}
.bread a{color:#999;}
.bread a.iconfont{color:#003b90;}
.bread a:hover{color:#003b90;}

.listTitle{padding:15px 0 10px;}
.listTitle h2{font-size: 20px;color:#003b90;padding-left: 10px;border-left: 4px solid #003b90;height: 20px;line-height: 20px;}
/*服务*/
.listTitle03{background-color:#efeff4;font-size: 20px;padding:22px 15px 22px 26px;}
.listTitle03 i{display: inline-block;*display: inline;*zoom:1;margin-right: 9px;font-size: 12px;vertical-align: middle;}
.tableList01{width:100%;border-collapse:collapse;cellpadding:0;cellspacing:0;border:solid #e5e5e5; border-width:0px 0 1px 0px;}
.tableList01 td{border:solid #e5e5e5; border-width:1px 0px 0px 1px;width: 33.3%;padding:15px 0;}
.tableList01 td a{padding:0 15px;display: block;}
.tableList01 td.td01{border-left: none;}
.spaceHeight30{width: 100%;overflow:hidden;padding-bottom: 30px;}
/*学院简介*/
.listTitle02{padding-bottom: 15px;border-bottom: 1px solid #eee;}
.listTitle02 h2{color:#333;border-color:#333;}


.subPage{width:1400px;margin:80px auto 0;position:relative;}
.subLeft-title{border-bottom: 5px solid #003b90;padding:15px 20px;color:#003b90;font-size: 20px;background:url(../images/titlte_bg02.png) no-repeat left center;}
.subLeft{width: 240px;float:left;overflow: hidden;position: relative;}
.subLeft.currents{top:90px;left:50%;margin-left:-700px;}
.subLeft ul{width: 100%;overflow: hidden;margin-bottom: 40px;}
.subLeft li{line-height: 25px;font-size: 16px;position:relative;border-bottom:1px solid #eee;}
.subLeft li a{display: block;padding:10px 10px 10px 20px;position: relative;}
.subLeft li > a:hover:before,.subLeft li > a.active:before{content: '';width: 4px;height: 18px;background-color: #003b90;position: absolute;left: 0;top: 50%;margin-top:-9px;}
.subLeft li > a:hover,.subLeft li a.active{color:#003b90;}
/*.subLeft li:hover{border-color:#082d57;}*/
.subLeft li a.active{color:#003b90;}
.subLeft li .toggles{position:absolute;right:0;top:0;height:25px;display:block;padding:10px 0;width:40px;cursor:pointer;z-index:999;font-size:28px;color:#ddd;text-align: center;font-weight: normal;}
.subLeft .second_nav{display:none;padding:5px 0;}
.subLeft .second_nav dd a{display:block;padding-left:30px;padding:5px 10px 5px 30px;font-size:14px;border-bottom: none;line-height: 22px;color:#999;}
.subLeft .second_nav dd a.active,.subLeft .second_nav dd a:hover{color:#003b90;}
/*移动端二级导航开始*/
.phone_subNav{margin: 20px 0 5px;}
.phone-icon01{width: auto;height: 40px;background-color:#008ace;display: block;}
.sub_navm{ width:auto;; overflow: hidden;display: none;}
.sub_navm ul{background-color:#eaeef5;text-align: left;width: 100%;overflow: hidden;}
.sub_navm li{border-bottom:1px solid #dadada;width: 100%;overflow: hidden;position:relative;}
.sub_navm li .phone_toggle{position:absolute;right:0;top:0;width:46px;height:45px;text-align:center;line-height:45px;font-size:22px;cursor:pointer;font-weight: normal;}
.sub_navm li a{font-size: 14px; padding-left:13px; height:45px;line-height:45px;display:block;width: 100%;float:left;}
.sub_navm li dd a{height:35px;line-height:35px;font-size:12px;padding-left:0;}
.sub_navm li a:hover{color:#0050a5;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#003c7f;float: left;overflow: hidden;}
.sub_navm dl{ display: none; background-color:#fff; overflow: hidden;width:auto;clear: both;}
.sub_navm dl dd{ padding-left: 30px; line-height:18px;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.sub_navm dl dd:last-child{border-bottom: none;}
.sub_navm li.on dl dd a{ font-size: 13px; color:#444;font-weight:normal;display:inline; border:none; padding:0px;float:left; }
.sub_navm li.on{border-bottom: none;}
.sub_navm li strong{float:right;width: 30px;height:35px;line-height:35px;text-align: center;color:#b8b8b8;font-size: 18px;font-weight: normal;}
.phone_subNav{display: none;}
.phone-icon01{text-align: left;display: block;padding-left: 15px;}
.phone_subNav .mobile-inner-header-icon{height: 40px;color:#fff;width: 100%;text-align: left;margin-right:0;font-size:16px;line-height:40px;}
.phone_subNav{width: 100%;overflow: hidden;}
.phone_subNav .mobile-inner-header-icon i{float: right;margin-right: 15px;font-size: 20px;}
.phone_subNav .mobile-inner-header-icon-click{right: 0}
.sub_right{margin-left:320px;}


/*学院概况*/
.subPage{width: 1200px;margin:0 auto;padding-bottom: 20px;}

/*文章页*/

.pageArticle{width:100%;position: relative;}
.articleTitle{padding-top:20px;}
.articleAuthor:after{position: absolute;content: '';clear: both;left: 0;bottom: 0;width: 40px;height: 2px;background: #00a2e6;}
.articleTitle h3{font-size:34px;font-size: 3.4rem;line-height:40px;}
.articleAuthor{color:#999;font-size: 0;padding:20px 0;margin-bottom: 5px;position: relative;}
.articleAuthor span{display: inline-block;*display: inline;*zoom:1;margin:0 5px;color:#999;font-size:16px;}
.article{font-size: 16px;padding: 15px 0;line-height: 27px;}
.article a{padding-left: 20px;text-decoration: underline;color:#f9804a; }


.Annex {padding:20px 0 40px 0; overflow:hidden;}
.Annex h3 { font-size: 16px;color:#000;height: 40px;line-height: 40px;background-color: #eee;color:#003b90;padding-left:15px;font-weight: normal;}
.Annex h3:before{padding-right: 10px;color:#333;}
.Annex ul{overflow: hidden;padding-top:10px;}
.Annex ul li {line-height: 22px;padding:6px 0;}
.Annex ul li span{margin-right: 5px;color: #666}
.Annex ul li a { font-size: 14px;color:#666;}
.Annex ul li a:hover{color:#000;}
.article strong{font-weight: bold;}
.article i,.article em{font-style: italic;}
.article-share{width: 68px;height: 68px;background-color: #d1d1d1;color:#fff;line-height: 68px;height: 68px;text-align: center;position: absolute;left:50%;margin-left: 480px;z-index: 900;top: 0}
.article-share .iconfenxiang{font-size: 30px;}
.article-share .bdshare-button-style0-24{width: 68px;text-align: center;margin-top: -4px;}
.article-share .bdshare-button-style0-24 a{color:#fff;font-size: 30px;display: block;margin:0;padding:0;height: 68px;line-height: 68px;width: 68px;float: none;}
.article-share .bdshare-button-style0-24 .bds_weixin{background:#52af50;font-size: 28px;}
.article-share .bdshare-button-style0-24 .bds_tsina{background:#d81e06;}
.article-share .bdshare-button-style0-24 .bds_more{background:#069ad8;}
.article-share .bdshare-button-style0-24 a:hover{color:#fff;}
/*分页*/
.pages{ text-align:center; height:30px;line-height:28px; margin:35px 0; overflow: hidden;font-size: 14px;}
.pages img{vertical-align: middle;width: auto;}
.pages span{ color:#003c7f; padding:0 20px 0 0px;}
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:28px; height: 28px;*height:29px;line-height: 28px; text-align:center; margin:0 5px;border:1px solid #ddd;}
.pages a img{*display:block; *margin-top: 8px;}
.pages a:hover{ color:#fff; background-color:#003b90;}
.pages a.prev,.pages a.start,.pages a.next,.pages a.end{width: auto;padding:0 8px;}
.pages a.prev:hover,.pages a.start:hover,.pages a.next:hover,.pages a.end:hover{background:#003b90;color:#fff;}
.pages a.on_pages{ background-color:#012b5b;color:#fff;}
.pages_min{ margin:25px 0; overflow: hidden; display: none;padding:0 18px;font-size:13px;font-size:1.3rem;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #eaeef5; border-radius: 3px; color:#003c7f; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#f18e21; color:#fff; transition:0.5s;}
/*leader*/
.subLeaderList01{overflow: hidden;margin-bottom: 30px;margin-top: 20px;}
.subLeaderList01 li{margin-bottom: 20px;}
.subLeaderList01 li a{display: block;border:1px solid #f6f6f6;}
.subLeader{overflow: hidden;}
.subLeader .left{float: left;width: 85px;height: 119px;}
.subLeader .right{margin-left: 102px;padding-right: 15px;	}
.subLeader .right h3{padding-top: 15px;font-size: 18px;color:#003b90;padding-bottom: 10px;font-weight: normal;}
.subLeader .right p{font-size: 14px;color:#999;line-height: 22px;max-height: 44px;overflow: hidden;}

.subLeaderList01 li a:hover{background: #003b90;border-color:transparent;box-shadow: 1px 1px 10px rgba(0,59,144,0.5)}
.subLeaderList01 li a:hover .right h3{color:#fff;}
.subLeaderList01 li a:hover .right p{color:#627aae;}

/*leader detail*/
.leaderArticle{width: auto;margin-top: 20px;font-size: 14px;}
.leaderArticle p{font-size: 16px;line-height:24px;margin-bottom: 20px;}
.leader-txt01{}
.leaderArticle .item-img01{width: 150px;margin: 0 auto;text-align: center;display: block;margin-bottom: 5px;}
.leader-title01{text-align: center;padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #f6f6f6;}
.leader-title01 h3{color:#003b90;font-size: 18px;font-weight: normal;margin-bottom: 5px;}
.leader-title01 p{margin-bottom: 0;}
.leaderArticle .item-title01{margin-bottom: 10px;}
.leaderArticle .item-title01 strong{font-size: 24px;font-weight: normal;}
/*department*/
.HNUST-list01 ul{width: auto;overflow:hidden;margin:0 -10px;font-size: 0;padding-top: 20px;}
.HNUST-list01 li{width:33.3%;display: inline-block;*display: inline;*zoom:1;font-size: 14px;margin-bottom: 20px;vertical-align: top;}
.HNUST-list01 li > a{display: block;padding:12px 15px;margin:0 10px;border:1px solid #eee;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;}
.HNUST-list01 li > a:after{position: absolute;bottom: -8px;right:-8px;content: '';clear:both; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: transparent  transparent #eeeeee transparent;transform:rotate(136deg);
-ms-transform:rotate(136deg); 	/* IE 9 */
-moz-transform:rotate(136deg); 	/* Firefox */
-webkit-transform:rotate(136deg); /* Safari 和 Chrome */
-o-transform:rotate(136deg); 	/* Opera */}
.HNUST-list01 h3{font-size: 14px;font-weight: normal; margin-bottom:0px;position: relative;height:72px;line-height: 24px;overflow: hidden;}
.HNUST-list01 li > a:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.2);background: #003b90;color:#fff;}
.HNUST-list01 li > a:hover:after{border-color: #3362a6}



/*speciallties*/
.HNUST-list05{width: 100%;overflow:hidden;}
.HNUST-list05 li{height: 60px;line-height: 60px;overflow:hidden;border-bottom: 1px solid #ddd;}
.HNUST-list05 li span{font-size: 14px;color:#999;float: right;margin-left: 5px;}
.HNUST-list05 li a{display: block;position: relative;padding-left: 22px;}
.HNUST-list05 li a:before{content: '';width: 10px;height: 10px;background-color: #ececec;position:absolute;left: 2px;top: 24px;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */transition:all 0.3s ease-in-out;}
.HNUST-list05 li a:hover:before{background-color:#003b90;} 


/*campus*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1;z-index: 0 }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.subBigBox .flex-direction-nav li, .subCampusBanner .flex-direction-nav li{width: 80px; height: 50px; position: absolute; top: 50%; z-index: 10; margin-top:-25px;line-height: 50px;}
.subBigBox .flex-direction-nav a,.subCampusBanner .flex-direction-nav a{ text-decoration:none;text-align: center;display: block;overflow: hidden; cursor: pointer;color:#fff;font-size: 20px;position: relative;z-index: 12;background: #000;background: rgba(0,0,0,0.5);}
.subBigBox .flex-direction-nav a.flex-prev,.subCampusBanner .flex-direction-nav a.flex-prev{padding-left: 20px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
.subBigBox .flex-direction-nav a.flex-next,.subCampusBanner .flex-direction-nav a.flex-next{padding-right: 20px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.subBigBox .flex-direction-nav .flex-nav-prev ,.subCampusBanner .flex-direction-nav .flex-nav-prev {left: 0;border-bottom-right-radius: 50%;border-top-right-radius: 50%; }
.subBigBox .flex-direction-nav .flex-nav-next,.subCampusBanner .flex-direction-nav .flex-nav-next  {right: 0 ;}
.subCampusBanner .flex-direction-nav a:hover{background: #00a2e6;background: rgba(0,162,230,0.5)}

.subCampusBanner .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -2px; left:0; text-align: center; z-index:99; }
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block; background-color:#b2b2b2; cursor: pointer; text-indent: -9999px;border-radius:8px; }
.flex-control-paging li a:hover { background: #003b90;  }
.flex-control-paging li a.flex-active { background: #003b90;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.subCampusBanner .flex-control-nav{display: none;}
.subCampusBanner .flex-control-paging li{vertical-align: bottom;position: relative;}
.subCampusBanner .flex-control-paging li a{width: 38px;height: 38px;line-height: 38px;text-align: center;font-size: 24px;color:#fff;border-radius: 0;border:1px solid #9b8783;transition: all 0.3s ease-in-out;text-indent: 0;font-weight: bold;background:url(../images/p-bg50.png) repeat;}
.subCampusBanner .flex-control-paging li a:before{content: '';width: 100%;height: 100%;}
.subCampusBanner .flex-control-paging li a.flex-active,.subCampusBanner .flex-control-paging li a:hover{height: 78px;color:#f9a74a;}
.subCampusBanner .flex-control-nav li{margin:0 1px;}
.subCampusBanner{margin-top: 40px;position: relative;}
.subCampusBanner_bg{width: 100%;height: 365px;display: block;position: absolute;left: 0;top: 0;z-index: 2;background:rgba(0,0,0,0);background:-webkit-gradient(left bottom,left top,color-stop(0%,rgba(0,0,0,0)),color-stop(70%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,0.4)));
	background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.4) 100%);
	background:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.8) 100%);}
.slide-img a{width: 100%;height: 0;padding-bottom: 56.36%;overflow:hidden;display: block;position: relative;}
.slide-txt{width:100%;position: absolute;left: 0;bottom: 0px;padding:60px 0 10px 0;text-align: center;}
.slide-bg{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background-color: #000; background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    /* Safari 5.1 - 6.0*/
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    /* 标准的语法 */z-index: 2;transition: all 0.3s ease-in-out;}
.slide-txt a{position: relative;z-index: 3;color:#fff;font-size: 16px;font-weight: normal;display: block;height: 24px;line-height: 24px;overflow: hidden;}
/*.slide-txt:hover .slide-bg{background-color: #00a2e6}*/
.subCampusBList{margin: 30px -10px;overflow: hidden;}
.subCampusBList li{float: left;width: 49.9%;margin-bottom: 20px;}
.subCampusBList li>div{margin: 0 10px;position: relative;}


/*news&evens*/
.subNewsImgList{overflow: hidden;margin: 0 -15px 30px;}
.subNewsImgList li{float: left;width: 49.9%;margin-bottom:20px;}
.subNewsImgList li a{display: block;margin: 0 15px;}
.subNewsImgInfo{border:1px solid #eee;padding:50px 20px 20px 20px;position: relative;}
.subNewsImgInfo span{display: block;position: absolute;left: 20px;top:-30px;background: #00a2e6;border:2px solid #fff;text-align: center;color:#fff;width: 56px;height: 56px;}
.subNewsImgInfo span strong{display: block;font-size: 24px;font-weight: normal;text-align: center;margin-top: 5px;}
.subNewsImgInfo span i{font-size: 12px;font-style: normal;display: block;text-align: center;}
.subNewsImgInfo h3{font-size: 16px;line-height: 24px;font-weight: normal;height: 72px;overflow: hidden;}


/*research developments*/
.subAcademicBox{overflow: hidden;margin-top: 20px;}
.subAcademicTop{margin-bottom: 30px;}
.subAcademicTop a{display: block;overflow: hidden;border:1px solid #eeeeee;}
.subAcademicTop .left{float: left;width:430px;}
.subAcademicTop .right{margin-left: 450px;margin-right: 10px;margin-top: 20px;padding-bottom: 20px;overflow: hidden;}
.subAcademicTop .right h3{font-size: 17px;line-height: 24px;margin-bottom: 10px;font-weight: normal;max-height: 72px;	overflow: hidden;}
.subAcademicTop .right p{font-size: 14px;color:#999;height: 66px;line-height: 22px;overflow: hidden;margin-bottom: 10px;}
.subAcademicTop .right span{float: left;border:1px solid #00a2e6;padding:3px 10px;border-radius: 20px;color:#00a2e6;font-size: 12px;}
.subAcademicList{}
.subAcademicList li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.subAcademicList li a{display: block;overflow: hidden;}
.subAcademicList li span{float: left;width: 30px;padding-right: 10px;border-right: 1px solid #eee;text-align: center;}
.subAcademicList li h3{margin-left: 60px;line-height: 22px;overflow: hidden;font-size: 17px;font-weight: normal;max-height: 44px;}
.subAcademicList li span strong,.subAcademicList li span i{display: block;font-weight: normal;}
.subAcademicList li span strong{font-size: 24px;font-weight: normal;}
.subAcademicList li span i{font-size: 12px;font-style: normal;color:#555;}
#carousel {margin-top: 20px;margin-bottom: 50px;}
#carousel .flex-direction-nav{display: none;}
#carousel .slides li{border:4px solid #dddddd;margin: 0 8px;position: relative;transition: all 0.3s ease-in-out}
#carousel .slides li.flex-active-slide,#carousel .slides li:hover{border:4px solid #00a2e6;}

#carousel .slides li{cursor: pointer;}


@media screen  and (max-width:1480px) {
	body{font-size: 15px;}
	.subPage{width: 1000px;}
	.subsubCampusBanner h3{margin-left: 300px;font-size: 20px;}
	.listTitle h2,.listTitle03{font-size: 18px;}
	.subsubCampusBanner{height: 200px;}
	.logo{padding:20px 0;}
	.HNUST-list01 li,.HNUST-list02 li,.HNUST-list04 li{width: 33.3%;}
	.item-img02{width: 300px;}
	.item-txt02{margin-left: 320px;}
	.HNUST-list07 li{width: 50%;}
	.article-share{margin-left: 370px;}
	.article-share{width: 50px;height: 50px;line-height: 50px;}
	.article-share .iconfenxiang{font-size: 20px;}
	.article-share .bdshare-button-style0-24{width: 50px;}
	.article-share .bdshare-button-style0-24 a{width: 50px;height: 50px;line-height: 50px;font-size: 20px;}
	.article-share .bdshare-button-style0-24 .bds_weixin{font-size: 18px;}
	.articleTitle h3{font-size: 20px;}
	.footer:before{border-top: 237px solid #fff; }
	.bread{max-width: 1000px;}
	.subAcademicTop .left{width: 334px;}
	.subAcademicTop .right{margin-left: 355px;}
	.subAcademicTop .right p{height: 40px;}
}
@media screen  and (max-width:1220px) {
	.article-share{position: static;margin:0;width: 200px;margin-top: 10px;}
	.article-share i{float: left;width: 50px;}
	.article-share .bdshare-button-style0-24{width: 150px;float: left;margin:0;}
	.article-share .bdshare-button-style0-24 a{float: left;}
	.footer:before{display: none;}
}
@media screen  and (max-width:1020px) {
  .subPage{width: auto;padding:0 15px;}
  .listTitle03{padding:15px;}
  .subsubCampusBanner h3{margin:0;left: auto;right: 0;height: 60px;line-height: 50px;height: 50px;}
  /*0531*/
  .HNUST-f-channel01 .HNUST-f-box01{width: 100%;float: none;min-height: auto}
  .HNUST-f-channel01 .list-f-box03 .listTitle04-f a{font-size: 14px;padding: 8px 0;}
  .HNUST-f-channel01 .list-f-box03 .list-f-01 li a{font-size: 12px;padding:9px;}
  .bread{padding-left: 15px;padding-right: 15px;}


}

@media screen  and (max-width:992px) {
	.subLeft{display: none;}
	.sub_right{margin:0;}
	.phone_subNav{display: block;}
	.HNUST-list01,.HNUST-list02 ul{margin:0 -8px;}
	.HNUST-list01 li > a{margin:0 8px;padding:10px;}
	.HNUST-list01 p::before{padding-right:6px;}
	.HNUST-list02 li > a{margin:0 8px;}
	.HNUST-list07{margin:0 -7px;}
	.HNUST-list07 li a{margin:0 7px 0 27px;}
	.logo{padding:10px 0;}

}

@media screen  and (max-width:767px) {
	.subsubCampusBanner{height: 150px;}
	.listTitle h2, .listTitle03,.leaderArticle .item-title01 strong,.HNUST-title01,.HNUST-menu01 li a,.articleTitle h3{font-size: 17px;}
	body,.HNUST-list02 li h3,.detail-title,.iconfont{font-size: 14px;}
	.icon-zhiding{font-size: 30px;}
	.tableList01 td a{padding:0 10px;}
	.tableList01 td{padding:10px 0;}
	.subsubCampusBanner h3{height: 40px;line-height: 40px;width: auto;padding:0 15px;min-width: 100px;font-size: 17px;}
	.leader-txt01,.leader-txt02{padding-right:15px;}
	.HNUST-list01 h3{font-size: 15px;}
	.HNUST-list01 p{font-size: 13px;}
	.HNUST-list03 li{width: 50%;}
	.HNUST-menu01 li a{height: 17px;line-height: 17px;padding-left: 6px;}
	.HNUST-list05 li{height: 45px;line-height: 45px;}
	.pages{display: none;}
	.pages_min{display: block;}
	.item-txt02 h3{line-height: 22px;max-height: 44px;height: auto;padding: 14px 0 0;margin-bottom: 10px;}
	.item-txt02 p{height: 66px;}
	.icon-play-bg{width: 36px;height: 36px;margin:-18px 0 0 -18px;}
	.articleAuthor span,.bread{font-size: 12px;}
	.HNUST-f-channel01 .list-f-box03 .list-f-01 li{width: 33.33%}
	.HNUST-f-channel01 .list-f-box03 .listTitle04-f{width: 33%}
	.HNUST-f-channel01 .list-f-box03 .list-f-01{width: 67%;}

	.HNUST-list05 li a:before{top:18px;}
	.subCampusBanner .flex-direction-nav li{width: 40px;height: 40px;line-height: 40px;}
	.subCampusBanner .flex-direction-nav a.flex-next{padding-right: 10px;}
	.subCampusBanner .flex-direction-nav a.flex-prev{padding-left: 10px;}
	.subCampusBanner .flex-direction-nav a{font-size: 15px;}
	.article img{width:auto !important;height:auto !important;}
	.article video{width:auto !important;}
	.article table{width:100% !important; }

}

@media screen and (max-width:640px) {
	.readMore01{display: none;}
	.HNUST-list01 li,.HNUST-list04 li{width: 50%;}
	.HNUST-links02 .contactList{width: 100%;padding-bottom: 0}
	.subAcademicTop .left{width: 100%;float: none;}
	.subAcademicTop .right{margin-left: 0;padding-left: 20px;}
	.subNewsImgList li{float: none;width: 100%;}
	.subNewsImgInfo h3{height: auto;}
}

@media screen and (max-width:600px) {
	
  /*0531*/
  .HNUST-f-channel01 .list-f-box03 .list-f-01 li{width: 50%;}
}

@media screen and (max-width:480px) {
	.logo,.item-txt01 p{padding-top: 10px;}
	.mobile_logo{padding-top: 0}
	.mobile{top: 30px;}
	.subsubCampusBanner{height: 100px;}
	.item-txt01 h3{padding-top: 15px;}
	.item-txt01{margin-top: 5px;padding-left: 15px;}
	.item-txt01 h3 strong{font-size: 15px;}
	.leader-txt01{margin:0;clear:both;}
	.leader-txt01{padding:15px 15px 0;}
	.leaderArticle .item-title01{padding-top: 15px;}
	.leaderArticle .item-img01{width: 100px;}
	.leader-txt02{margin-left: 120px;}
	.HNUST-list02 li,.HNUST-list06 li{width: 50%;}
	.HNUST-list03 li{width: 100%}
	.contactList01, .contactList02,.item-img02{width: 100%;float: none;}
	.item-txt02{margin:0;}
	.HNUST-list01 li, .HNUST-list04 li{width: 100%;float: none}
	.HNUST-list01 h3{height: auto;line-height: 22px;}
	.subCampusBList li{float: none;width: 100%;}

}
@media screen and (max-width:460px) {
	.HNUST-list07 li{width: 100%;}
 
}
@media screen and (min-width:320px) and (max-width:400px) {
	
	

}