
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.content_t{width:1200px;height:auto;margin:10px auto;box-shadow: 0 0 15px #ddd;}
.banner_tea{width:100%;height:650px;background:url(../images/teacherbj_new.jpg?v=3.12) no-repeat center;margin-bottom:40px;min-width: 1200px;}
.da-thumbs{ width:1440px; position:relative}
.da-thumbs li{width:320px;height:290px;background:#fff;overflow:hidden;position:relative;float:left;margin:0 26px 30px 0;box-shadow: 0 0 15px #eee;}
.da-thumbs li a{display:block;text-align:center}
.da-thumbs li a img{margin:25px 0 15px}
.da-thumbs li a h2{font-weight:100;font-size:16px;color:#666;margin-bottom:15px}
.da-thumbs li a h2 span{font-size:18px;color:#000;margin-right:8px}
.da-thumbs li a p{font-size:14px;color:#666;margin-bottom:25px}
.da-thumbs li a div{width:100%;height:100%;background:#fa534a;position:absolute;overflow:hidden}
.da-thumbs li a div h3{font-size:20px;color:#fff;text-align:center;margin:50px 0 20px}
.da-thumbs li a div p{width:90%;margin:0 auto;font-size:16px;color:#fff;line-height:30px;text-align:left;text-indent:2em}
.tea_moudle{width:100%;background:#fff;margin:0 0 20px;box-shadow: 0 0 15px #ddd; overflow:hidden}
.percentage-light{text-align:center;color:#999;font-weight:100;font-size:1.2em;margin-bottom:.3em}
.easyPieChart{position:relative;text-align:center}
.easyPieChart canvas{position:absolute;top:0;left:0}
.chart{width:25%;text-align:center;float:left; padding:20px 0 }
.label,.percentage{text-align:center;color:#333;font-weight:100;font-size:1.2em;margin-bottom:.3em}
.credits{padding-top:.5em;clear:both;color:#999}
.credits a{color:#333}
.dark .percentage-light{text-align:center;color:#ff6960;font-weight:100;font-size:20px;margin:15px auto 5px}
.dark .label{font-size:18px;font-weight:700;margin:10px 0 5px}
.dark .label2{font-size:14px;color:#666}

.teacher_list{ padding-bottom:50px}
.teacher_list ul li{ border:#ccc solid 1px; padding:20px; margin:30px 0 0 0; overflow:hidden}
.teacher_list ul li .img{ float:left; width:254px}
.teacher_list ul li .img img{ width:254px; height:320px}
.teacher_list ul li .info{ float:left; width:1032px; margin-left:30px}
.teacher_list ul li .info .t h3{ font-size:24px; color:#000; padding:10px 0 0 0}
.teacher_list ul li .info .t em{ font-size:16px; color:#333; padding-left:37px}
.teacher_list ul li .info .txt{ clear:both; display:block; padding:30px 0 0 0}
.teacher_list ul li .info .txt b{ font-size:18px; color:#333; float:left; width:110px;}
.teacher_list ul li .info .txt b em{ text-align-last:justify;text-align:justify; text-justify:distribute-all-lines; width:72px; float:left}
.teacher_list ul li .info .txt span{ font-size:16px; color:#333; line-height:26px; float:left; width:922px; }
.teacher_list ul li .info .txt i{ background:#e52220; font-size:16px; color:#fff; font-style:normal; padding:10px 20px; border-radius:20px; margin-right:10px}
.teacher_list ul li{object-fit: cover;--color: #ccc;--border: 5px;--gap: 15px;padding: calc(var(--gap) + var(--border));--_g: #0000 90deg,var(--color) 0;
background: conic-gradient(from 180deg at top var(--border) right var(--border),var(--_g))var(--_i,200%) 0  /200% var(--_i,var(--border))  no-repeat,conic-gradient(at bottom var(--border) left  var(--border),var(--_g))0   var(--_i,200%)/var(--_i,var(--border)) 200%  no-repeat;
transition: .3s, background-position .3s .3s;cursor: pointer;}
.teacher_list ul li:hover {	--_i: 100%;	transition: .3s, background-size .3s .3s;transform: translateY(-5px);box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);}
.teacher_list ul li a{ display: inline-block}

@media screen and (max-width:1600px) { 
.da-thumbs{ width:1240px;}
.da-thumbs li{width:285px; margin:0 20px 20px 0}
.teacher_list ul li .info{ width:874px}
.teacher_list ul li .info .txt span{ width:764px}
.teacher_list ul li .info .last{ display:}
.teacher_list ul li .info .txt i{ padding:10px 12px; font-size:14px; margin-right:8px}
}






