body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;list-style-type: none;}
body {background: #fff; font-size: 14px;font-family: 微软雅黑, "Times New Roman", Arial, Helvetica, sans-serif;word-break:break-all}
td, th, caption {font-size: 16px;}
h1, h2, h3, h4, h5, h6, h7 {font-weight: normal;font-size: 100%;}
h1 { font-size: 2em;	margin: 0.67em 0;}
h2 {font-size: 30px;margin: 0 auto 30px;}
h4 {font-size: 20px;margin: .1rem auto;font-weight:bold;}
h6 {font-size: 14px;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: normal;}
a {text-decoration: none;cursor: pointer;outline: none;color: #666;}
a:hover {text-decoration: none; color:#0071BC }
img { border: none;}
ol, ul, li {list-style: none;}
input, textarea, select, button { font: 14px Verdana, Helvetica, Arial, sans-serif;	outline: none;}
.container {max-width:1350px;height: auto;margin:0 auto;overflow: hidden;}
.padlr {padding: 0 4%;}
/*左右滚动*/
.scroll-wrapper {
    width: 100%; /* 或者你希望的宽度 */
    overflow: hidden; /* 隐藏溢出的内容 */
    position: relative; /* 相对定位 */
}
.scroll-content {
	width: 432%; /* 两倍原始内容加上复制内容 */
    display: flex; /* 使用flex布局以便于横向排列 */
    animation: scroll 20s linear infinite; /* 应用动画，10秒一个周期，线性速度，无限次重复 */
}
.scroll-wrapper:hover .scroll-content {
  animation-play-state: paused;
}
@keyframes scroll {
    from {
        transform: translateX(0); /* 开始时，不移动 */
    }
    to {
        transform: translateX(-100%); /* 结束时，向左移动100%的宽度 */
    }
}
/* 图片样式 */
.scroll-content img {  margin: 0 3px;  object-fit: cover;} 

/*学子风采左右滚动*/
.content {width: 100%;overflow:hidden;margin:30px auto 0;}
.content_l {width:665px;overflow:hidden;float:left;}
.content_r {width:310px;overflow:hidden;float:right;}
.title {font-size:16px;height:32px;line-height:32px;}
.links_list {height: auto;overflow:hidden;padding:15px 0;position: relative;z-index: 3;}
.link_prev,.link_next {float:left;width: 4%;height: 475px;overflow:hidden;text-align: left;text-indent:-999em;display:block;cursor:pointer;/* position: relative; */z-index: 2;}
.link_prev span,.link_next span { float:  left;    margin-top: 300%;    width: 25px;   height: 25px;  border-top: 3px solid #9fa0af;  border-right: 3px solid #bdbdc6;    }
.link_prev span {transform: rotate(225deg);margin-left: 20%;} .link_next span {	transform: rotate(45deg); }
.link_prev:hover,.link_next:hover {opacity:0.6;filter:alpha(opacity=60);}
#links {width: 91%;height: auto;overflow:hidden;float:left;margin: 0 auto;}
#links ul {height: 475px;padding-top:11px;overflow:hidden;width:2000px;}
#links li {float:left;width:520px;height:475px;overflow:  hidden;margin: 0 10px;display:inline;}
#links img {display:block;min-width:520px; height:345px; overflow:hidden;}
#links h4 { margin:15px auto; font-size:18px} #links span { font-size:15px}
.slideContainer{position: relative;z-index:0;}
.clearfix:after {	content: "";display: block;	height: 0;	clear: both;visibility: hidden;}
.clearfix {*zoom:1;clear:  both;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {	display: block;}
audio, canvas, video {	display: inline-block;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden] {	display: none;}
html {
	font-family: sans-serif;
	font-size: 10px;
	color: #434343;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;		
overflow-y: scroll;
}
body {	margin: 0;}
a:focus {	outline: thin dotted;}
a:active, a:hover {	outline: 0;}
abbr[title] {	border-bottom: 1px dotted;}
b, strong {	font-weight: bold;}
dfn {	font-style: italic;}
hr {	-moz-box-sizing: content-box;	box-sizing: content-box;	height: 0;}
mark {	background: #ff0;	color: #000;}
code, kbd, pre, samp {	font-family: monospace, serif;font-size: 1em;}
pre {	white-space: pre-wrap;}
q {	quotes: "\201C" "\201D" "\2018" "\2019";}
small {	font-size: 80%;}
sub, sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
svg:not(:root) {	overflow: hidden;}
figure {	margin: 0;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em;}
legend {	border: 0;	padding: 0;}
button, input, select, textarea { font-family: inherit;font-size: 100%;margin: 0;}
button, input {	line-height: normal;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="search"] {	-webkit-appearance: textfield;	-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner { border:0;padding:0;}
textarea {	overflow: auto;	vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
.fl {float: left;}  .fr {float: right;}
.boxs {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.handle {padding-top: 25px;border-top: 1px dashed #999;line-height:2;}
.teacherbm { color: #FFFFFF;font: 500 24px/46px 'Microsoft YaHei';letter-spacing:  2px;padding: 5px;margin: 0;}
.teacherbtn {width: 100%;height:100%;background:#E6E6E6;padding: 30px 20px;margin: 10px auto 0;font: 600 20px/20px 'Microsoft YaHei';}
.teacherbtn:hover { color: #FFFFFF;cursor: pointer }
.teacherbtnib .teacherbtn:hover {background:#00a0e9;  }
.teacherbtnxx .teacherbtn:hover {background:#e65f46; }
.teacherbtnzx .teacherbtn:hover {background:#00B5CC; }
.teacherbtnuei {background:#FF8400; }
.teacherbtnuei:hover {background:#eb6100; }
.tableteacher td {font-size: 0.2rem;padding: 0 0.1rem;}
.teacherbg,.teacherbg:nth-of-type(2n+0) {width:100%;height:auto;float:left;padding: 0.5rem 0;}
.teacherbg:nth-of-type(2n+0) {background: #F2F2F2;margin: 0.2rem auto;}
.teachervw,.imgmax {max-width: 1360px;width: 96vw;margin: 0 auto;}
.teacherimg {width:20%;height:  auto;float:left;}
.teacherimg img { width:100%; height:auto; float:left;}
.teacherjs { width:25%; float:left;}
.teacherjs h5 { font-size:16px;font-weight:bold;padding: 0 0 0.1rem 0.2rem; margin-bottom:0; border-bottom:2px solid #f5a60e;}
/*老师列表2*/
.teacherbg2 {width:50%;height:auto;min-height: 460px;float:left;padding: 22px 2%;}
.teacherbg2:nth-of-type(2),.teacherbg2:nth-of-type(3),.teacherbg2:nth-of-type(6),.teacherbg2:nth-of-type(7),.teacherbg2:nth-of-type(10),.teacherbg2:nth-of-type(11),.teacherbg2:nth-of-type(14),.teacherbg2:nth-of-type(15),.teacherbg2:nth-of-type(18),.teacherbg2:nth-of-type(19),.teacherbg2:nth-of-type(22),.teacherbg2:nth-of-type(23),.teacherbg2:nth-of-type(26),.teacherbg2:nth-of-type(27),.teacherbg2:nth-of-type(30),.teacherbg2:nth-of-type(31),.teacherbg2:nth-of-type(34),.teacherbg2:nth-of-type(35),.teacherbg2:nth-of-type(38),.teacherbg2:nth-of-type(39),.teacherbg2:nth-of-type(42),.teacherbg2:nth-of-type(43)
,.teacherbg2:nth-of-type(46),.teacherbg2:nth-of-type(47),.teacherbg2:nth-of-type(50),.teacherbg2:nth-of-type(51),.teacherbg2:nth-of-type(54),.teacherbg2:nth-of-type(55),.teacherbg2:nth-of-type(58)
{background: #F2F2F2;}
.teacherimg2 {width: 40%;height:  auto;float:left;}
.teacherimg2 img { width:100%; height:auto; float:left;}
.teacherjs2 {width: 60%;float:left;}
.teacherjs2 h5 {font-size:16px;font-weight:bold;padding: 0 0 6px 15px;margin-bottom:0;border-bottom: 1px solid #f5a60e;}
#grjs {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;/* -webkit-line-clamp: 12; */-webkit-box-orient: vertical;width: auto;height: 320px;padding: 12px 10px 10px 18px;color: raba(0, 0, 0, 0.7);cursor: pointer;font-size:14px;}
#grjs:hover,#xzzc:hover {display: -webkit-box;-webkit-line-clamp: 100;-webkit-box-orient: vertical;white-space: normal;height: auto;min-height: 320px;background-color: #FFF3CC;transition-property: background-color, height;transition-duration: 0.4s;transition-timing-function: linear;}
#grjs p {text-indent:20px;margin: 2px 0;}
#grjs:hover p {margin: 2px 0 6px 0;}
#xzzc p {text-indent:20px;margin: 5px auto;}
#xzzc {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;width: auto;height: 115px;cursor: pointer;margin-bottom: 10px;}
#xzzc:hover { background-color: #fffeee; }
/*学部首页*/
.xb {padding-bottom: 90px;padding-top: 5px;max-width: 1360px;margin: 0 auto;}
.line3 {width: 34%;height: 18px;line-height: 34px;border-bottom: #0081cc 1px solid;float:left}
.xb h2 {width: 32%;/* float: left; */color: #005AAA;font: 600 34px / 34px 'Microsoft YaHei';text-align: center;padding: 0 0 60px;margin: 0 auto;letter-spacing:2px}
.xb h3 {color: #0089CF;font: 600 26px / 28px 'Microsoft YaHei';}
.xb h4 {color: #fff;font: 600 23px / 46px 'Microsoft YaHei';text-align: center;margin-bottom: 30px;border-radius: 30px;background-color: #f5a60e;letter-spacing: 5px;width: 50%;}
.xb p {text-indent: 36px;font-size: 18px;line-height: 28px;margin: 15px 0;}
.xb #myTab { width: 80%;}
.gzimg1 img  {margin-top: 30px;   margin-left: 35px;margin-bottom: 30px;}
.text-container {
  position: relative;
  display: inline-block;
  padding: 0 10px 10px 0;
  cursor: pointer;
  max-height: 346px;
  overflow: hidden;
  font-size: 15px;
}
.text-container h6 {font-weight:bold;font-size: 15px;margin: 8px 0 4px 0;}
.text-container p {font-size: 15px;line-height: 20px;text-indent: 30px;}
.tooltip-layer {
	font-size: 15px;line-height: 20px;
  position: fixed; /* 固定定位 */
  left: 50%; /* 水平起点居中 */
  transform: translateX(-50%); /* 向左平移自身宽度的一半 */
  color: white;
  background: #1867bb;
  padding: 30px 40px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.5s; /* 添加垂直位置过渡动画 */
  pointer-events: none;
  z-index: 1000;
  max-width: 80vw; /* 防止超宽 */
  /* white-space: nowrap; */
}
.text-container:hover .tooltip-layer {
  opacity: 1;
}
/*一行共分4例*/
.col41,.col41:nth-of-type(4n+0) {width: 22%;height:auto;float:left;margin-right: 2%;margin-bottom: .2rem;}
.col42,.col42:nth-of-type(2n+0) {width: 48%;height:auto;float: left;margin-right: 4%;margin-bottom: .2rem;}
.col43 { width:74%;height:auto;float:left;margin-right: 2%;margin-bottom: .2rem;}
.col41 p,.col42 p,.col43 p,.col3 p {text-indent:25px;margin:12px auto; font-size:15px; line-height:20px;}
.col41:nth-of-type(4n+0),.col42:nth-of-type(2n+0) { margin-right:0}
.col41 ul,.col42 ul,.col43 ul { display: block; list-style-type: disc; -webkit-margin-before: 1em;   -webkit-margin-after: 1em;   -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;   -webkit-padding-start: 40px;}
.col41 li,.col42 li,.col43 li {margin: 8px auto; font-size:15px;line-height:20px; list-style-type: disc;display: list-item;  text-align: -webkit-match-parent;}
/*一行3例*/
.col3,.col3:nth-of-type(3n+0) {width: 31.5%;height:auto;float:left;margin-right: 2.5%;margin-bottom: .2rem;}
.col3:nth-of-type(3n+0) { margin-right:0}
.col3 p {background-color: #D59729;color: white;font-size: 18px;letter-spacing: 4px;text-align: center;text-indent: 0;line-height: 38px;font-weight: bold;margin: 1px 0;}
.col41 img,.col42 img,.col43 img,.col3 img {width:100%;}
/*一行2例*/
.col2 li {width: 48%;height:auto;float:left;margin-right: 3%;}
.col2 li:nth-of-type(2n+0) {margin-right: 0;}

.form {max-width:80vw; width:702px; max-height:811px; overflow:hidden; margin:0 auto;}
#frame { width:702px; height:795px;}
@media screen and (max-width: 768px) {
h1 { font-size: 1.5em;	margin: 0.67em 0;}
h2 {font-size: 0.5rem;line-height: .6rem;margin: 6px auto 0.2rem;}
h4 {font-size: 0.32rem;margin: .2rem auto;font-weight: bold;}
h6 {font-size: 0.25rem;}
#links { margin: 0;} #links ul {height: 405px;padding-top: 0px;}
#links li {width: 100vw;height: auto;margin-left: 14vw;} #links img {width: 100%;height: auto;}
#links h4 {font-size: 0.29rem;width:  90%;float:  left;} #links span {font-size: 0.25rem;float: left;margin-right: 4%;width: 89%;}
.link_prev span, .link_next span {width: 15px;height: 15px;margin-top: 600%;}
.link_prev, .link_next {width: 4%;height: 280px;}
.link_next {    float: right;    text-indent: -999em;}
table { width:99%;}
.tableteacher td {font-size: 0.29rem;padding: 0.1rem 0.15rem;}
.teachervw, .imgmax {width:100vw;}
.imgmax img {width:100%;height:auto;}
.teacherimg {width: 33%; margin: 0 0 0 0.05rem;}
.teacherjs {width: 65%;}
.teacherbg:nth-of-type(2n+0) {margin: 0;}
.teacherbg2 {width:100%;height:auto;min-height:auto;float:left;padding: 0.5rem 2%;}
.teacherbg2:nth-of-type(even) {background: #F2F2F2;}
.teacherbg2:nth-of-type(odd) {background: #ffffff;}
#grjs {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;width: auto;height: 165px;padding: 0.2rem;margin-bottom: 0.7rem;color: raba(0, 0, 0, 0.7);cursor: pointer;font-size:14px;}
.col41,.col41:nth-of-type(4n+0),.col42,.col42:nth-of-type(2n+0),.col43,.col3,.col3:nth-of-type(3n+0)  {width:99%;margin: .1rem auto;}
}
@media screen and (max-width: 600px) {
.sjhidden { display:none;}
.teacherbtn {font: 600 16px/20px 'Microsoft YaHei';}
.smt10 { margin-top:10px;}
.form {max-width:98vw; max-height:850px; overflow:hidden; margin:0 auto;}
#frame { width:96vw; height:845px;}
.xb { padding-bottom: 30px; max-width: 600px;}
.xb h2 { width: 99%; padding: 0 0 30px;}
.xb h4 {width: 80%;margin: 15px auto;}
.xb p { font-size:16px; line-height:24px; margin:8px 0}
.xb img { width: 99%;}
.gzimg1 img { width: auto; max-width: 400px; margin:20px auto;}
.text-container { margin-bottom:20px;}
.xb .tooltip-layer p {font-size: 13px;line-height: 16px;}
.tooltip-layer {
font-size: 13px;line-height: 16px;
  position: fixed; /* 固定定位 */
  left: 50%; /* 水平起点居中 */
  transform: translateX(-50%); /* 向左平移自身宽度的一半 */
  color: white;
  background: #1867bb;
  padding: 5px 10px;
  border-radius: 0px;
  opacity: 0;
  transition: opacity 0.5s; /* 添加垂直位置过渡动画 */
  pointer-events: none;
  z-index: 1000;
  width:96%;
  max-width: 100vw; /* 防止超宽 */
  /* white-space: nowrap; */
}
}

@media screen and (max-width: 375px) {
 #links ul {height: 380px;}
#links li {margin-left: 20vw;} 
.form {max-width:99vw; max-height:850px; overflow:hidden; margin:0 auto;}
#frame { width:98vw; height:845px;}

}

@media screen and (max-width: 360px) {
#links li {margin-left: 23vw;} 
.form {max-width:99vw; max-height:850px; overflow:hidden; margin:0 auto;}
#frame { width:98vw; height:845px;}

}
