@charset "utf-8";
/*  全局 */
body{ margin:0; padding:0; font-size:12px; color:#333;font-family:Verdana,Microsoft Yahei;}
body { background:#fff;}
html {margin:0; padding:0;overflow-y:scroll ;}
a{ color:#000; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur()); cursor:pointer;transition:.3s;}
a:hover{ color:#005BAC;}
img{ border:none;}
ul,ol,li,p,dl,dt,dd,b,h3,h4,h5,form,xmp{ margin:0; padding:0;}
li{ list-style:none;}
input,select,textarea {font-family:Verdana,Microsoft Yahei;}

/*  通用 */
.cen{ clear:both; width:1200px; margin:0 auto;}
.pointer { cursor:pointer;}
.none { display:none;}
.j { clear:both; font-size:0; height:10px; overflow:hidden;}
.j2 { clear:both; font-size:0; height:20px; overflow:hidden;}
.clear { clear:both;width:100%; font-size:0; height:0; overflow:hidden;}
.l { float:left;}
.c { float:left;}
.r { float:right;}

/* 头部LOGO */
.top_tcen {clear:both; margin:0 auto; width:100%; background:#005BAC;}
.top_t { clear:both; margin:0 auto; width:1200px;}
.top_t .l { float:left; width:100%; padding:20px 0; text-align:center ;}
.top_t .l img { display:block; margin:0 auto;}
.top_t .c { float:left;}
.top_t .r { float:right;}

.top_kf {float: left;height: 40px;text-align: right;}
.top_t .r span { float:left; width: 100%;text-align: center;height: 20px;color: #bc9859; font-size:14px;}
.top_t .r p{ float:left; width: 100%;text-align: center;height: 20px;color: #005BAC; font-size:18px; font-family:Impact;}


.dh_t {clear:both; width:100%; background:#005BAC; border-bottom:3px solid #00498B; height:40px; top:0; z-index:999;}
.dh { width:1200px; margin:0 auto; height:40px; background:#00539C;}
.dh li { float:left; width:120px; position:relative;}
.dh li .tdh a { float:left;width:120px; text-align:center; font-size:16px; color:#fff;height:40px; line-height:40px;transition:.3s;}

.dh li .dhtan { display:none; position:absolute; width:120px; z-index:990;}
.dh li:hover .dhtan { display:block;width:100%; margin-top:40px; background:#004887; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9; border-radius:0 0 3px 3px;}
.dh li:hover .dhtan a { float:left; width:100%; text-align:center; line-height:35px; height:35px; font-size:14px; border-top:1px solid #005BAC; color:#fff; border-radius: 3px;}
.dh li:hover .dhtan a:hover { background:#eee; color:#005BAC;}

.dh li:hover .tdh a { background:#004887; color:#fff;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
#case .dh_case { background:#474747;}

.dh .dang {  background:#004887;}

/* 栏目背景 */
.headbg {clear:both;width:100%; height:120px; min-width:1200px; margin:0 auto; background-color:#F5F5F5; background-position: center top; background-repeat:no-repeat;}
.bei01 { background-image:url(../img/bei01.jpg);}
.bei02 {background-image:url(../img/bei02.jpg);}
.bei03 {background-image:url(../img/bei03.jpg);}
.jsbg {clear:both;width:100%; background:url(../img/jsbg.jpg) no-repeat center top; padding-top:50px; position:relative;}

/* 位置 */
.weizhi { clear:both; width:100%; margin:10px auto; height:20px; padding:10px 0; line-height:20px; text-indent:20px; color:#bbb; background:url(../img/weizhi.png) 0 12px no-repeat;}
.weizhi a { color:#666;}
.weizhi b { font-weight:normal; color:#666;}
.weizhi a:hover { color:#4284D9;}

.jsbg .weizhi { position:absolute; top:0; left:0; right:0; width:1200px; margin:0 auto;}

/* 分页 */
.pags{ margin:0 auto; width:100%; height:40px; padding:50px 0 40px 0; text-align:center; font-size:14px;}
.pags a {padding:10px 16px; background:#eee; color:#666; margin-right: 5px;border-radius:1px;}
.pags a:hover {background:#005BAC;color:#fff;}
.pags span{background:#005BAC; color:#fff;  padding:10px 16px;  margin-right: 5px;border-radius:1px;}

/* 底部 */
.k_bot { clear:both; width:100%; min-width:1200px; margin:10px auto 0 auto; color:#eee;border-top:1px solid #ddd; background:#005BAC;box-shadow:0 0 10px #ddd;}
.cen_bot { clear:both; width:1200px; margin:0 auto; line-height:20px; padding:30px 0;}
.cen_bot .l { float:left;}
.cen_bot .r { float:right; text-align:right;}
.cen_bot .m { float:right; padding-left:15px; border-left:1px solid #ddd; margin-left:15px;}
.cen_bot .m img { display:block; width:60px;  height:60px;box-shadow:0 0 5px #ddd;}
.cen_bot b{ color:#fff; font-weight:normal; font-size:14px;}

/* 校史馆 */
.xsg_list { float:left; width:100%;  _height:800px; min-height:800px;}
.xsg_list ul { float:left; border-left:3px solid #ddd; margin-left:15px; width:942px;}
.xsg_list li {float:left; width:100%; padding:10px 0;}
.xsg_list b {float:left; width:100px; font-size:12px;line-height:30px; height:30px;  font-weight:normal; background:url(../img/xxjiao.png) 0 center no-repeat; color:#fff; padding:0 10px 0 30px; margin-left:-6px;}
.xsg_list span { float:right; width:808px; font-size:14px;border-radius:4px;}
.xsg_list strong {float:left; width:100%;text-indent:10px; color:#fff;  line-height:30px;  background:#555;}
.xsg_list p {float:left; width:100%; font-size:12px; padding:10px 0; line-height:24px;}


/* 教师列表 */
.js_list {float:left; width:100%; padding:10px 0 20px 0; position:relative ;}
.js_list ul { float:left;width:110%;}
.js_list li { float:left; width:285px;   margin:0 20px 20px 0; display:inline; background:#f5f5f5; overflow:hidden;box-shadow: 0 0 20px #ccc;transition:.3s; position:relative;}
.js_list li:hover { box-shadow: 0 5px 20px #bbb;background:#fff;}
.js_list li .pic { float:left; width:100%; height:285px;  overflow:hidden; background:url(../img/loading.gif) center no-repeat #fff;}
.js_list li .pic img { display:block; width:100%; transition:.3s;}
.js_list li .pic a:hover img { width:110%;  margin:-5% 0 0 -5%;}
.js_list li .nnp { float:left; height:50px; padding:5px 0; width:100%;}
.js_list li .nnp strong { font-size:16px; font-weight:normal;}
.js_list li .nnp p { float:left; width:100%; height:25px;line-height:25px; text-align:center;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.js_list li .nnp span { color:#d49238; padding-left:5px;}


.js_list li .txt { position:absolute;  bottom:30px; left:0; right:0; height:40px; padding:0 5%; line-height:40px; text-align:center; font-size:14px; background:url(../img/txtbg.png);  overflow:hidden;}
.js_list li .txt a { color:#fff;}
.js_list li .jia { float:left; width:95%; padding:0 0 0 5%; height:30px; line-height:30px;  color:#fff; background:#005BAC;}
.js_list li .spm { float:right; padding:0 10px ;background:#BC144D; color:#fff;}


/* 单页 */
.con_nn_l { float:left; width:200px; min-height:1200px; _height:1200px; background:#f5f5f5;border-radius:5px 0 0 0;}
.con_nn_l h4 { float:left; padding:20px 0; width:100%; text-align:center; font-size:30px; color:#bbb; font-weight:normal;}
.con_nn_l a { float:left; width:90%; margin:10px 0 0 10%; font-size:16px;  text-indent:20px; line-height:40px; border-bottom:1px solid #ddd; border-radius:20px 0 0 20px;}
.con_nn_l a:hover { background:#005BAC; color:#fff; text-indent:30px; border-radius:20px 0 0 20px;border-bottom:1px solid #fff;}
.con_nn_r { float:right; width:960px;}

/* 内容页 */
.nn_bt { float:left; width:100%; line-height:30px; text-align:center; font-size:28px; padding-top:20px;}
.nn_bt b { font-size:14px; font-weight:normal; color:#888;}
.nn_xbt { float:left; width:100%; line-height:30px; text-align:center; padding:10px 0; color:#ccc;}
.nn_xbt .l { float:left; width:40%; text-align:right;}
.nn_xbt .c { float:left; width:20%; text-align:center;}
.nn_xbt .r { float:right; width:40%; text-align:left;}
.nn_xbt span { color:#333; padding:0 5px;}

.nn_nn { float:left; width:100%; margin:1% 0 ; padding:2% 0; overflow:hidden; font-size:14px; line-height:30px; _height:800px; min-height:800px;}
.nn_nn img { display:block; margin:20px auto; max-width:100%;border-radius:5px;box-shadow:0 0 10px #aaa;}
.nn_nn p { text-indent:32px; padding:10px 0;}

.js_bt { font-size:16px;  color:#005BAC; border-bottom:1px solid #ddd; margin:30px 0 10px 0;}

.con_nn_top {  clear:both;  margin:0 auto; width:100%; padding:40px 0 10px 0;  text-align:center; font-size:14px;  position:relative;}
.con_nn_top a {font-size:14px; text-align:center; background:#eee; padding:5px 10px;}
.con_nn_top a:hover, .con_nn_top .dang { background:#f60; color:#fff;}



/* 校园快讯 */
.zhishi_list {float:left; width:900px;  margin:10px 0 0 0; padding-bottom:10px;  font-size:14px; min-height:230px; overflow:hidden;}
.zhishi_list ul { float:left; width:110%;padding:20px 0 0 0; margin-left:-20px;}
.zhishi_list li { float:left; width:460px; height:35px; line-height:35px; text-indent:35px; background:url(../img/dian.jpg) no-repeat 20px center; position:relative; border-right:1px solid #eee;}
.zhishi_list li a { float:left; width:80%;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.zhishi_list li b { font-weight:normal; color:#999; font-size:12px; position:absolute; top:0; right:20px;}

.paihang_list {float:right; width:285px; margin:0 0 10px 0;background:#f5f5f5; font-size:14px;}
.hengtop {float:left; width:100%; height:40px; line-height:40px; text-indent:10%; font-size:16px; color:#fff; background:#005BAC;}
.hengtop a { color:#fff;}
.paihang_list ul { float:left; width:100%; min-height:210px; padding:6px 0;}
.paihang_list li { float:left; width:80%; padding:0 10%; height:35px; line-height:35px; text-indent:10px; background:url(../img/dian.jpg) no-repeat 20px center;  overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.paihang_list .chengse { background:#f90;}



/* 首页块 */
.zxcp_list {float:left; width:100%; height:100px; margin:20px 0; position:relative ;}
.zxcp_list li { position:absolute; display:block; width:285px; height:100px;  background:#eee; overflow:hidden;}
.zxcp_list li a { float:left; width:100%; height:100%; position:relative; overflow:hidden; background-color:#00498B;}
.zxcp_list li .pic  { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat;  filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;transition:.3s;}
.zxcp_list li .txt {position:absolute;float:left; width:100%; height:100%;color:#fff;text-align:center; font-size:24px; line-height:100px;transition:.3s; text-shadow: 1px 1px 2px #000;}

.zxcp_list li a:hover { background-color:#fff;}
.zxcp_list li a:hover .pic  {top:-5%; bottom:-5%; left:-5%; right:-5%;}
.zxcp_list li a:hover .txt {color:#005BAC; text-shadow: 1px 1px 2px #fff;line-height:100px; font-size:28px;}

.zxcp_list .sj_1 { top:0; left:0;}
.zxcp_list .sj_2 { top:0; left:305px;}
.zxcp_list .sj_3 { top:0; right:305px;}
.zxcp_list .sj_4 { top:0; right:0;}



/* 首页xia块 */
.lan_list {float:left; width:100%; height:100px; margin:20px 0; position:relative ;}
.lan_list li { position:absolute; display:block; width:285px; height:100px;  background:#eee; overflow:hidden;}
.lan_list li a { float:left; width:100%; height:100%; position:relative; overflow:hidden; background-color:#00498B;}
.lan_list li .pic  { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat;  filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;transition:.3s;}
.lan_list li .txt {position:absolute;float:left; width:100%; height:100%;color:#fff;text-align:center; font-size:20px; line-height:100px;transition:.3s; text-shadow: 1px 1px 2px #000;}

.lan_list li a:hover { background-color:#fff;}
.lan_list li a:hover .pic  {top:-5%; bottom:-5%; left:-5%; right:-5%;}
.lan_list li a:hover .txt {color:#005BAC; text-shadow: 1px 1px 1px #fff;line-height:100px;font-size:30px;}

.lan_list .sj_1 { top:0; left:0;}
.lan_list .sj_2 { top:0; left:305px;}
.lan_list .sj_3 { top:0; right:305px;}
.lan_list .sj_4 { top:0; right:0;}


/* 首页 */
.fff { clear:both; width:100%; min-width:1200px; background:#fff; min-height:300px; padding:20px 0; margin:0 auto;}
.eee { clear:both; width:100%; min-width:1200px; background:#ddd;  margin:0 auto;}
.g2_l { position:absolute; top:25px; bottom:25px; left:-1px;  width:1px;box-shadow:0 0 10px #000; z-index:2;}
.g2_r { position:absolute; top:25px; bottom:25px; right:-1px;  width:1px;box-shadow:0 0 10px #000; z-index:2;}


/* 首页&子页 标题 */
.web_bt {clear:both; width:1200px; margin:0 auto 10px auto; height:40px;padding:30px 0 0 0; line-height:40px; border-bottom:1px solid #ddd;}
.web_bt h4 { float:left;  line-height:30px;  font-size:24px; font-weight:bold;}
.web_bt b { float:left; color:#000; padding-left:20px; font-size:14px; font-weight:normal; color:#aaa;}
.web_bt .gd { float:right;color:#aaa;}
.web_bt .gd i { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:8px; color:#bbb; font-style:normal; padding-left:5px;}


/* 文字列表 */
.news_list { float:left; width:100%; padding:20px 0;}
.news_list dl  { float:left; width:100%; border-bottom:1px solid #ddd; margin-bottom:10px; padding:5px 0; line-height:30px;}
.news_list dl .l { float:left; width:80%; font-size:15px;text-indent:15px; background:url(../img/dian.jpg) no-repeat 0 center;}
.news_list dl .l a:hover { padding-left:5px;}
.news_list dl .r { float:right; width:18%; font-size:12px; color:#999; text-align:right;}


.news_list2 { float:left; width:100%; padding:20px 0;}
.news_list2 dl  { float:left; width:100%; border-bottom:1px solid #ddd;  padding:10px 0; line-height:30px;}
.news_list2 dl .l { float:left; width:100px;}
.news_list2 dl .l img { display:block; width:100%;}
.news_list2 dl .r { float:right; width:840px;}
.news_list2 dl .r .bt { float:left; width:100%;font-size:15px; height:30px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list2 dl .r p { float:left; width:100%; line-height:20px; height:40px;color:#666; overflow:hidden;}
.news_list2 dl .r b { float:right; width:100%; font-size:12px; color:#999; text-align:right; font-weight:normal;}

.news_list3 { float:left; width:100%; padding:20px 0;}
.news_list3 dl  { float:left; width:100%; border-bottom:1px solid #ddd;  padding:10px 0; line-height:30px;}
.news_list3 dl  .bt { float:left; width:100%;font-size:15px; height:30px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list3 dl  p { float:left; width:100%; line-height:20px; height:40px; color:#666; overflow:hidden;}
.news_list3 dl  b { float:right; width:100%; font-size:12px; color:#999; text-align:right; font-weight:normal;}


.m_nn_b { float:left; width:95%; border:4px solid #ddd; padding:2%;}
.m_nn_b dl { float:left; width:100%; line-height:30px; padding:5px 0; border-bottom:1px solid #eee;}
.m_nn_b dl input { margin-left:10px; border:1px solid #005BAC; background:#fff; font-size:12px; color:#005BAC;}

.m_nn_c { float:left; width:95%; border:4px solid #ddd; padding:2%; min-height:500px; margin:30px 0;}
.m_nn_c dl { float:left; width:100%; line-height:30px; padding:5px 0; border-bottom:1px solid #eee;}
.m_nn_c dl input { margin-left:10px; border:1px solid #005BAC; background:#fff; font-size:12px; color:#005BAC;}


/* 图片列表 */
.pic_list {float:left; width:100%; padding:20px 0 ;}
.pic_list ul { float:left; width:110%;}
.pic_list li { float:left; width:263px;  margin:10px 0 10px 20px;  display:inline;padding:5px; background:#f9f9f9; border:1px solid #eee;border-radius:3px; position:relative;transition: 0.3s; overflow:hidden;}
.pic_list li .pic { float:left; width:253px; height:158px; padding:5px; overflow:hidden; background:url(../img/loading.gif) center no-repeat #fff;border-radius:3px; position:relative; overflow:hidden;}
.pic_list li .pic img { display:block; width:100%; height:100%;border-radius:2px;}
.pic_list li .txt { float:left; width:94%; padding:5px 3%; height:40px; line-height:20px; overflow:hidden;}
.pic_list li .spm { float:left; width:96%; margin:4px 2%; height:20px; background:#005BAC; color:#fff; line-height:20px; overflow:hidden; text-align:center;border-radius:3px;}
.pic_list li .spm a { color:#fff;}

.pic_list li:hover { background:#005BAC; border:1px solid #005BAC;box-shadow:0 0 20px #005BAC;}
.pic_list li:hover a { color:#fff;}
.pic_list li:hover .spm { text-align:right;}


.nnbt {clear:both; width:1200px; margin:0 auto 10px auto;padding:50px 0 30px 0; line-height:30px; font-size:24px; text-align:center;}


/* 视频列表 */
.sp_list {float:left; width:100%; padding:20px 0 ;}
.sp_list ul { float:left; width:110%;}
.sp_list li { float:left; width:263px;  margin:10px 0 10px 20px;  display:inline;padding:5px; background:#f9f9f9; border:1px solid #eee;border-radius:3px; position:relative;transition: 0.3s; overflow:hidden;}
.sp_list li .pic { float:left; width:253px; height:158px; padding:5px; overflow:hidden; background:url(../img/loading.gif) center no-repeat #fff;border-radius:3px; position:relative; overflow:hidden;}
.sp_list li .pic img { display:block; width:100%; height:100%;border-radius:2px;}
.sp_list li .pic span { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/sp.png) no-repeat center;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;transition: 0.3s;}
.sp_list li .txt { float:left; width:94%; padding:5px 3%; height:40px; line-height:20px; overflow:hidden;}
.sp_list li .spm { float:left; width:96%; margin:4px 2%; height:20px; background:#005BAC; color:#fff; line-height:20px; overflow:hidden; text-align:center;border-radius:3px;}
.sp_list li .spm a { color:#fff;}

.sp_list li:hover { background:#333; border:1px solid #fff;box-shadow:0 0 20px #999;}
.sp_list li:hover a { color:#fff;}
.sp_list li:hover .spm { text-align:right;}
.sp_list li:hover .pic span {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity: 1;}


/*  图片滚动 */
.honor_top{ clear:both; width:1180px;height:auto;overflow:hidden;margin:0 auto 20px;}
.honor_top li{width:295px;height:215px;float:left;overflow:hidden;}
.honor_top li a{display:block;width:275px;height:184px;margin:0 auto;}
.honor_top li img { width:275px; height:184px;}
.honor_border{width:1170px;height:0;margin:0 auto 20px;overflow:hidden;border:0;border-top:1px solid #e8e8e8;}
.honor_box{width:1170px;margin:0 auto 20px;overflow:hidden;}
#scroll {clear:both; margin:0 auto; width:1180px; overflow:hidden;}
#scroll_box {float: left;width: 800%;}
#scroll_begin {float: left;}
#scroll_end {float: left;}


/* 教师中心 */
.dl_hy { clear:both; width:100%; margin:10px auto; height:20px; padding:10px 0 6px 0; line-height:20px;  border-bottom:1px solid #ddd ; font-size:14px;}
.dl_hy strong { color:#00498B;}
.dl_hy a {background: #f60;color: #fff; float:right; padding:0 20px;height:26px;line-height:26px; font-size:12px;}
.jszx_nn_l { float:left; width:200px; min-height:1000px; _height:1000px; background:#37b;}
.jszx_nn_l h4 { float:left; padding:20px 0; width:100%; text-align:center; font-size:30px; color:#eee; font-weight:normal;}
.jszx_nn_l a { float:left; width:90%; margin:10px 0 0 10%; color:#fff; font-size:14px;  text-indent:20px; line-height:40px; border-bottom:1px solid #69c;}
.jszx_nn_l a:hover { background:#005BAC; color:#fff; text-indent:30px;}
.js_textarea { width:98%; height:500px; border-radius:5px; box-shadow: 1px 1px 10px #ccc inset;}
.in_tj { clear:both; text-align:center;}
.in_tj input { padding:0 40px; line-height:38px; height:38px; background:#005BAC; border:none; color:#fff; font-size:15px; text-align:center;border-radius:3px; box-shadow: 1px 1px 10px #ccc ;}
.js_bt b { font-weight:normal; color:#ccc; font-size:12px; padding-left:10px;}
.chajian { clear:both; padding:10px 0;}
.chajian .l { float:left; width:30%; text-align:right;}
.chajian .r { float:right; width:68%;}
.chajian .r b { font-weight:normal; color:#005BAC; font-size:12px; padding-left:10px;}
.chajian .r i { font-weight:normal; font-style:inherit; color:#999; font-size:12px; padding-left:10px;}
.chajian .r a { font-weight:normal; color:#005BAC; font-size:12px; padding-left:10px;}
.in_wenb { border-radius:3px; width:300px; box-shadow: 1px 1px 6px #ddd inset; border:1px solid #666; line-height:26px; margin-bottom:10px;}