@charset "utf-8";

/* Base Reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; }
html,body,fieldset,img,iframe,abbr { border:0; }
html { overflow-x:hidden;}
[hidefocus],summary { outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small { font-size:100%; }
sup,sub { font-size:83%; }
pre,code,kbd,samp { font-family:inherit; }
q:before,q:after { content:none; }
textarea { overflow:auto; resize:none; }
label,summary { cursor:default; }
a,button { cursor:pointer; }
h1,h2,h3,h4,h5,h6,strong,b { font-weight:bold; }
del,ins,u,s,a,a:hover { text-decoration:none; }
body,textarea,input,button,select,keygen,legend {font:12px/1 arial,\5b8b\4f53; outline:0;}
:focus { outline:0; }

/*備用樣式表*/
.none { display:none; }
.wcb { width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow: hidden; clear: both; display: block; _display:inline; }
.clearfix:after { clear: both; content: "."; display: block; height:0; visibility: hidden; }
.clearfix { display: block; *zoom:1; }

/**全局樣式**/
body { font:12px/1 "Microsoft YaHei","Simsun", arial,\5b8b\4f53; background-color: #fff;}/*背景樣式*/
a { text-decoration: none; color: #2b2b2b; }
a:hover { color: #ffa451; }

/* 頁面基本布局 */
.wrapper { width:100%; min-width: 1200px; }
.wrapper .inner { width: 1200px; margin:0 auto; }

/* 頁面頭部 */
#header { border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
#headerBg { display: block; width: 100%; }
#headerBgM { display: none; width: 100%; }

/* 頭部側邊欄 */
#header a { color: #fff; }
#header a:hover { color: #ffa451; }
#header .bannerbar { display: flex; position: absolute; top: 10px; right: calc((100vw - 1180px)/2); font-size: 14px; line-height: 30px; justify-content: space-evenly; }
#header .email { color: #fff; margin-left: 20px;}
#header .email .sub-nav {border: none;}
#header .email .sub-nav a{ background-color: rgba(0, 0, 0, 0.7); border: none;}

/* 頭部搜索框 */
#header .search-box { font-size: 16px; position: absolute; top: 60px; right: calc((100vw - 1160px)/2); }
#header .search-box input { display: inline-block; height: 30px; width: 240px; border: 1px solid #1677b3; color: #999;
padding-left: 10px; border-radius: 15px; }
#header .search-box .search { border: none; width: 30px; background-image: url(./images/sousuo.png);
background-size: cover; padding-left: unset; margin-left: 10px; } 

/* 導航欄 */
#nav { height: 40px; background-image: url(./images/nav_bg.jpg); background-size: 100% auto; }

/* 移動端導航欄頭部，PC端隐藏 */
.menu-switch-arrow { display: none;}
.wp-navi .navi-slide-head { display: none; padding:0 10px 0 20px; height: 40px;}
.wp-navi .navi-slide-head .navi-slide-title { float: left; font-weight: normal; color: #fff; font-size: 18px; line-height: 40px;}
.wp-navi .navi-slide-head .navi-slide-arrow { display: block; width: 34px; height: 40px; float: right; background: url(css/img/menu-icon-arrow-white.png) no-repeat 50%;}

/* 導航樣式 */
.navbox .menu-home { float: left; }
.navbox .menu-home a.menu-link { display: inline-block; padding:0 20px; line-height: 40px; color: #fff; font-size: 15px; }
.navbox .wp-menu { float: left; }
.navbox .wp-menu .menu-item { float: left; position: relative; z-index: 100; }
.navbox .wp-menu .menu-item a.menu-link { display: inline-block; padding:0 20px;line-height: 40px; color: #fff; font-size: 15px; font-family: "Microsoft YaHei";}
.navbox .wp-menu .menu-item a.menu-link:hover,
.navbox .wp-menu .menu-item a.menu-link.parent { text-decoration: none; color: #fff; background-color: #ffa451; }

/* 子菜單樣式 */
.navbox .sub-menu { background-color: rgba(0, 0, 0, 0.7); display: none; position: absolute; left: 0; top: 40px; z-index: 100; min-width:110px; }
.navbox .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; }
.navbox .sub-menu .sub-item a { display: block; color: #fff; line-height: 32px; padding:0 10px 0 20px; display: block; font-family: "Microsoft YaHei"; }
.navbox .sub-menu .sub-item a:hover,
.navbox .sub-menu .sub-item a.parent { color:#ffa451; display: block; }
.navbox .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background-color: rgba(0, 0, 0, 0.7); border-left: 1px solid #ddd;}
.navbox a { transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; }

/* 輪播圖 */
#container .banner { width: 1200px; height: 440px; }
#container .banner div.slider-nav span { width: 40px; height: 52px; margin-top: -26px; background-size: cover; }
#container .timer { display: none; }

/* 第一塊區域 */
.modbox1 { width: 100%; height: 560px; display: flex; position: relative; margin-top: 10px; }
.modbox1 .mod1 { width: 680px; height: 370px; }
.modbox1 .mod2 { width: 490px; height: 610px; position: absolute; top: 0; right: 0; background-color: #1677b3; }
.modbox1 .mod3 { width: 680px; height: 370px; position: absolute; top: 380px; left: 0; }

/* 通用欄目 */

.post .tt { display:inline-block; width:100%; border-bottom: 2px solid #1677b3; }
.post .tt .tit .title { padding-left: 12px; font-size: 24px; line-height:32px; color: #1b1b1b; font-weight: 400; }
.post .tt .tit .title-en { font-size: 16px; color: #919191; margin-left: 10px; font-weight: normal; }
.post .tt .more_btn { float: right; line-height: 50px; padding-right: 12px; font-size: 16px; color: #1b1b1b; }
.post .tt .more_btn a:hover { color: #ffa451;}
.news_list li.news { line-height: 36px; padding-left:12px; position: relative; border-bottom: 1px solid #fff; display: flex; }
.mod1 .news_list li.news { font-size: 16px; margin-top: 4px; }
.mod1 .news_list li.news .news_meta { position: absolute; top: 0; right: 0; }
.mod3 .news_list li.news { font-size: 16px; margin-top: 4px; }
.mod3 .news_list li.news .news_meta { position: absolute; top: 0; right: 0; }
.news_list li.news::before { content: "";position: absolute; top: 16px; left: 0;height: 4px; width: 4px; background-color: #999;
}

/* 通知公告 */
.modbox1 .mod2 .post .title { color: #fff; padding-left: 30px; line-height: 60px; }
.modbox1 .mod2 .post .title-en { color: #fff;}
.modbox1 .mod2 .post .more_btn { margin-right: 12px; margin-top: 12px; font-size: 12px; background-color: #484848; padding: 4px 8px; line-height: 20px; border-radius: 5px;}
.modbox1 .mod2 .post .more_btn a { color: #fff; }
.modbox1 .mod2 .post .more_btn a:hover { color: #ffa451; }
.modbox1 .mod2 .con .news_meta { margin-left: 12px; padding-top: 34px; width: 60px; height: 44px; font-size: 16px; background-image: url(./images/datebg.png); background-size: cover; text-align: center; }
.modbox1 .mod2 .con .news_title { margin-left: 30px; padding-top: 10px; font-size: 16px; width: 340px;}
.modbox1 .mod2 .con .news_title a { color: #fff; font-size: 16px; }
.modbox1 .mod2 .news_list li.news { border: none; margin-bottom: 30px; line-height: 20px; color: #1b1b1b; }
.modbox1 .mod2 .news_list li.news::before { display: none; }

/* 第二行 */
.modbox2 { width: 100%; height: 560px; display: flex; margin-top: 10px; }

/* 教學科研 */
.modbox2 .mod1 {width: 680px; margin-top: 190px; height: 370px; }

/* 活動預告 */
.modbox2 .mod2 { width: 490px; height: 510px;  margin-top: 60px; margin-left: 30px; }
.modbox2 .mod2 .c_pt_12:first-child { margin-top: 20px; margin-bottom: 30px; }
.modbox2 .mod2 .c_pt_12 .c_pic { margin-right: 10px; }
.modbox2 .mod2 .c_pt_12 .c_txt {max-height: 164px; overflow: hidden;}
.modbox2 .mod2 .c_pt_12 .c_txt a {line-height: 20px;}
.modbox2 .mod2 .c_pt_12 h3 { margin-top: 10px; margin-bottom: 20px;}
.div_piccontenttitle_li .c_pt_12 .c_txt h3 {white-space: unset !important;}
.modbox2 .mod2 .c_pt_12 h3 span {  font-size: 16px; font-weight: 700; }
.modbox2 .mod2 p { margin-top: 6px; text-indent: unset !important; }
.modbox2 .mod2 p span { font-size: 14px; line-height: 20px; }



/**标題欄**/
.post .tt .tit { float: left; font-size:16px; font-weight:bold; color:#333; line-height: 50px; } /**标題字體**/


 /**更多按鈕**/
.post .con { padding:5px; margin:0 auto; }
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc; } /**系統新聞列表**/
.post .con .wp_article_list .list_item span{ margin-left:0px;margin-right:5px; } 
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center; } /**新聞列表圖标**/
/*帶圖标标題*/



/**自定義新聞列表**/
.mod2 .mc .news_list li.news { border-bottom:1px solid #1677b3; }
.mod2 .mc .news_list li.news:hover { border-bottom: 1px solid #ffa451; }

.news_list li.news:hover { border-bottom: 1px solid #ffa451; }
 /**标題圖标**/
.news_list li.news p { clear:both; line-height:20px; color:#787878; }
.news_list li.news p a { color:#787878; }
.news_list li.news p a:hover { color:#444; text-decoration:underline; }


.modbox3 { display: flex; }
.modbox3 .box { margin: 16px 0 0 20px; width: 300px; height: 68px; background-image: url(./images/medium_bg.png); background-size: cover; display: flex; align-items: center; justify-content: center; border-radius: 10px; position: relative; }
.modbox3 .box:hover { background-image: url(./images/hover_bg.png); }
.modbox3 .box::after {content: ">"; position: absolute; top: 24px; color: #fff; right: 20px; font-size: 20px;}
.modbox3 .box a{display: inline-block; width: 210px; text-align: center;}
.modbox3 .box a {color: #fff; font-size: 14px; line-height: 16px;}
.modbox3 .box a:hover {color: #fff;}


.modbox4 {display: flex; margin-top: 20px; position: relative;}
.modbox4 .item {display: inline-block; line-height: 20px; text-align: center; margin-top: 16px; margin-left: 10px; cursor: pointer;color: #fff; font-size: 14px;font-weight: 400;letter-spacing: 2px; border-bottom: 1px solid #97CBE0;}
.modbox4 .item:hover {color: #ffa451; border-bottom: 1px solid #ffa451;}

.modbox4 .links select {margin-left: 120px; font-size: 16px; border: 1px solid #1677b3; padding: 10px; color: #1677b3;}

.modbox4 .visit-num {margin: 16px 0 0 10px; font-size: 16px; display: flex; width: 240px;}
.modbox4 .visit-num span {color: #1677b3; font-weight: 700;}

.col_menu { width: 250px; float:left;position:relative; margin-right: -260px; margin-top: 10px; } 
.col_menu .col_menu_head { background-color: #1677b3; margin-bottom: 20px; padding-left: 26px;}/**位置欄目背景**/
.col_menu .col_menu_head h3.col_name { font-size: 16px; font-weight: normal;color:#fff; }/**位置欄目字體**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height: 54px; } /**欄目名稱圖标**/
/**欄目列表*/
/**一級欄目列表*/
.col_list .wp_listcolumn { border-bottom:1px solid #fff;}
.col_list .wp_listcolumn .wp_column a { font-weight:normal; color: #3E3E3E;border-top:1px solid #fff;border: 1px solid #ddd; display: block; line-height: 44px;}/**一級子欄目**/
.col_list .wp_listcolumn .wp_column a .column-name{ padding-left:25px;color: #1b1b1b; font-size: 14px;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#000;}/*鼠标經過或選中一級子欄目*/
.col_list .wp_listcolumn .wp_column a.selected span.column-name{ color:#0075a9;}
/**二級欄目列表*/
.col_list .wp_listcolumn .sub_list .sub-item a {color:#454545;border-top:1px solid #fff;border-bottom: 1px solid #E0E0E0;}/**二級子欄目**/
.col_list .wp_listcolumn .sub_list .sub-item a .column-name{ padding-left:40px; color: #ffa451;}
.col_list .wp_listcolumn .sub_list .sub-item a:hover,
.col_list .wp_listcolumn .sub_list .sub-item a.selected { color:#000; }	/**鼠标經過或選中二級子欄目**/
.col_list .wp_listcolumn .sub_list .sub-item a.selected span.column-name{ color:#0075a9;}
/**三級欄目列表*/
.col_list .wp_listcolumn .sub_list .sub_list .sub-item a { background:#f2f2f2 url(images/icon_column_3.gif) no-repeat 26px 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc;}/**三級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub-item a .column-name {padding-left:55px;}
.col_list .wp_listcolumn .sub_list .sub_list .sub-item a:hover,
.col_list .wp_listcolumn .sub_list .sub_list .sub-item a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);}/**鼠标經過或選中三級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub-item a.selected span.column-name{ color:#0075a9;}
/**四級欄目列表*/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub-item a { background:#f5f5f5 url(images/icon_column_3.gif) no-repeat 36px 10px; border-top:1px solid #fff; border-bottom:1px solid #ddd;}/**四級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub-item a .column-name{padding-left:70px;}
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub-item a:hover,
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub-item a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);}/**鼠标經過或選中四級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub-item a.selected span.column-name{ color:#0075a9;}
/**五級欄目列表*/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub_list .sub-item a { background:#f9f9f9 url(images/icon_column_3.gif) no-repeat 46px 10px; border-top:1px solid #fff; border-bottom:1px solid #eee;}/**五級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub_list .sub-item a .column-name{padding-left:85px;}
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub_list .sub-item a:hover,
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub_list .sub-item a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);}/**鼠标經過或選中五級子欄目**/
.col_list .wp_listcolumn .sub_list .sub_list .sub_list .sub_list .sub-item a.selected span.column-name{ color:#0075a9;}

/**欄目新聞**/
.col_news { width:100%; float:left; } 
.col_news_box{ margin-left: 270px; }
.col_news_head {border-bottom:1px solid #ccc; font-size: 14px;}
.col_metas .col_path { white-space:nowrap; line-height: 40px; margin-top:5px;} /**當前位置**/

.col_news_list { margin-top:10px; min-height: calc(100vh - 362px); font-size: 14px;}
.col_news_list .news_list li.news .news_meta { position: absolute; top: 0; right: 0; }
/**欄目新聞列表**/
.col_news_list .wp_article_list .list_item span{margin-left:0px;margin-right:5px;}
.col_news_list .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center; } /**欄目新聞圖标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.6; font-size:14px; color:#333; }
.col_news_list .wp_entry p { margin-bottom:6px;}
.col_news_list .wp_entry img { max-width: 680px; _width:expression(this.width > 680 ? "680px" : this.width); }   /**列表頁文章圖片大小限制**/

/**文章頁**/
.infobox { margin: 20px auto;}
.article { min-height: calc(100vh - 320px);}
.article h1.arti_title {line-height: 24px;margin:6px 0px;font-size:18px;font-family: "Microsoft YaHei";color:#1677b3;text-align:center;} /**文章标題**/
.article .arti_subtitle {line-height:30px;font-size:16px;color:#1677b3;font-family: "Microsoft YaHei";text-align:center;} /**文章副标題**/
.article .arti_metas { padding:10px; text-align:center; border-bottom: 1px solid #D0D0D0;}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;} /**文章其他屬性**/
.article .entry { margin:0 auto;padding:5px 0px; min-height:300px; overflow:hidden;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.6; font-size:14px; color:#333;}  /**閱讀字體**/
.article .entry .read {padding: 10px 30px;}
.article .entry .read p { margin-bottom:6px;}
.article .entry .read img { max-width:840px; _width:expression(this.width > 940 ? "840px" : this.width); }  /**文章閱讀部分圖片大小限制**/



/* 頁腳開始 */
.footer-container { height: 32px; margin-top: 20px; font-size: 14px; text-align: center; }
.footer-container span { display: inline-block; line-height: 36px; font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular; color: #fff; letter-spacing: 0px; position: relative; margin-left: 40px;}
footer { padding-top: 20px; padding-bottom: 10px; background-image: url(images/foot_bg.png); background-size: cover; font-size: 14px; margin-top: 20px; }
.chuanzhen::before { content: ""; position: absolute; width: 20px; height: 20px; left: -24px; top: 8px; background-image: url(images/chuanzhen.png); background-size: cover;
}
.dianhua::before { content: ""; position: absolute; width: 20px; height: 20px; left: -24px; top: 8px; background-image: url(images/dianhua.png); background-size: cover;
}
.dizhi::before { content: ""; position: absolute; width: 20px; height: 20px; left: -24px; top: 8px; background-image: url(images/dizhi.png); background-size: cover;}
.youxiang::before { content: ""; position: absolute; width: 20px; height: 20px; left: -24px; top: 8px; background-image: url(images/youxiang.png); background-size: cover;}
.youbian::before { content: ""; position: absolute; width: 20px; height: 20px; left: -24px; top: 8px; background-image: url(images/youbian.png);  background-size: cover;}
.copyright { line-height: 30px; text-align: center; color: white; }