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: Verdana, 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%;}
/*学子风采左右滚动*/
.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:1200px;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; }

/*一行共分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%;height:auto;float:left;margin-right: 3%;margin-bottom: .2rem;}
.col3:nth-of-type(3n+0) { margin-right: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;}
}

@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;}

}