@charset "utf-8";/* CSS Document*/
body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    min-width: 1100px;
    background: #ffffff;
    font-family: "Microsoft Yahei", 宋体, sans-serif;
    background-color: #F2EBD9;
}

dl, dt, dd, img, input {
    padding: 0;
    margin: 0;
    border: 0;
}
ul,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

img {
    border: 0;
}


a {
    text-decoration: none;
    color: #666666;transition: all 0.6s;
}

a:hover {
    text-decoration: none;
    color: #cc0000;
    transition: all 0.6s;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clearboth {
    clear: both;
    border: 0;
    padding: 0;
    margin: 0;
}

.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;position: relative;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.relative {
    position: relative;
}

.imghover {
    cursor: pointer;
    transition: all 0.6s;
}

.imghover:hover {
    transform: scale(1.2);
}
/*header*/
.top_line{width: 100%;/* background: url("../images/top_bg.png") repeat-x; */height: 34px;line-height: 34px;font-size: 12px;color: #ffffff;min-width:1200px;background-color: #cec3a6;}
.top_line_left{ font-size: 14px; float: left}
.top_line_left p{margin:0px;}
.top_line_right{width: 160px;float: right;margin: 0 50px 0 0;display: none;}
.top_line_right li{  float: right; margin: 0 10px 0 0;}
.top_line_right li img{ margin:5px 0 0 0; opacity: 0.8}
.top_line_right li img:hover{ margin:5px 0 0 0; opacity: 1}

.home-search{float: right;  position: absolute; right: 0; z-index: 99999 }
.is-btn{ margin:0 auto 0 auto;padding:0 5px; height:34px; }
.is-btn a{display: block;width:26px;height:26px;cursor: pointer;opacity: 0.8;padding: 7px 2px 0 10px;float: right;/* background: #F2EBD9; */}
.is-btn a:hover{opacity:1}
.i-search {
    width: 260px;
    /* background:url("../images/seach_bg.png") #cccccc; */
    height: 34px;
    overflow: hidden;
    position: relative;
    margin: 40px 0px;
    /* padding: 20px; */
    border-radius: 20px;
    float: right;
    /* border-bottom: #c2c9d9 1px solid; */
    border: 1px solid #66363c;
    margin-right: 10%;
}

.i-search .search-txt {
    width: 200px;
    padding-left: 10px;
    height: 34px;
    line-height: 34px;
    color: #66363c !important;
    border: none;
    background: #8b5b5b00;
    outline: none
}

.i-search .search-btn {
    width: 50px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    border: none;
    background: url(../images/ico_search.png) center no-repeat #66363c;
    cursor: pointer;
}
.i-search .search-btn:hover {
    /* background: url("../images/ico_search.png") center no-repeat #000000; */
}

.header{height:110px;min-width:1200px;overflow: hidden;}
.header .logo{margin: 5px 0 0 0;float: left;}
.header .ld_mail{float: right;/* width:200px; */margin: 20px 0 0 0;/* border: #66363c 1px solid; */position: absolute;right: 0%;top:20px}
.header .ld_mail a{display: block;width:100px;height: 30px;background: url(../images/xxzy1.png) no-repeat left center;color: #66363c;line-height: 30px;text-align: center;font-size: 14px;float: left}
.header .ld_mail a:hover{ color: #141313; background: #F2EBD9}

/*nav*/
.menubox{width: 100%;margin: 0 auto;height: 46px;bottom: 0;background: #66363C;min-width:1200px;}
.nav{ padding:0; height:46px; line-height:46px;  position:relative; z-index:1; width: 1200px; margin: 0 auto;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{display:block;padding: 0 28px;font-size: 18px;font-weight:normal;}
.nav .sub{display:none;width: 100%;left:0;top:46px;position:absolute;background: #F2EBD9;line-height:34px;padding:0 0;/* opacity: 0.8; */}
.nav .sub li{ zoom:1; }
.nav .sub a{display:block;padding: 0 10px;text-align: center;color: #66363c;}
.nav .sub a:hover{ background:#66363C; color:#fff;  }
.nav .on h3 a{background: #482429;color: #ffffff;}

/*banner*/
.ibanner {
    width: 1200px;
    overflow: hidden;
    position: relative;
    min-width:1200px;
    margin: 0 auto;
}
.ibanner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 20%;
    bottom: 50px;
    z-index: 1;
}
.ibanner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.ibanner .hd ul li {
    float: left;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center; border-radius: 50px;
    background: #fff;
    cursor: pointer;
    opacity: 0.8;
}
.ibanner .hd ul li.on {
    background: #66363C;
    opacity: 1;
    color: #fff;
}
.ibanner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.ibanner .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative
}
.ibanner .bd li h1 {
    position: absolute;
    bottom: 40px;
    left: 20%;
    background: url("../images/tt_bg.png");
    font-size: 24px;
    color: #ffffff;
    padding: 10px 20px;
}
.ibanner .bd img {
    width: 100%;
    display: block;
}
.ibanner .prev,
.ibanner .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 45px;
    height: 80px;
    background: url(../images/slider-arrow.png) -120px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.ibanner .next {
    left: auto;
    right: 3%;
    background-position: -2px 5px;
    width: 45px;
    height: 80px;
}
.ibanner .prev:hover,
.ibanner .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.ibanner .prevStop {
    display: none;
}
.ibanner .nextStop {
    display: none;
}
.i_mainp1_ks{width: 100%;float: left;height:200px;}
/*i_mainp1*/
.i_mainp1{height: auto;overflow: hidden;margin: 40px auto 20px auto;}
.i_mainp1_l{width: 525px;float: left;/* height: 480px; */}
.i_mainp1_c{width: 525px;float: left;margin: 0 0 0 150px;height: 400px;}
.i_mainp1_r{width: 525px;float: right;}
.ititle{  height:40px; line-height:40px; width: 100%;}
.ititle h2{font-weight: 600;background:url("../images/title_ico.png") left center no-repeat;padding: 0 0 0 30px;height:40px;line-height:40px;display: block;float: left;color: #3c3c3c;font-size: 18px;}
.ititle .more{display: block;float: right;font-size: 14px;color: #f1ad01;line-height: 40px;padding: 0;}

/*picnews*/
.picnews{width: 590px;height:245px;overflow:hidden;position:relative;}
.picnews .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:7px; z-index:1; }
.picnews .hd ul{ overflow:hidden; zoom:1; float:left;  }
.picnews .hd ul li{ float:left; margin-right:4px;  width:7px; height:7px; line-height:8px; font-size:0; text-align:center; background:#cccccc; cursor:pointer;  border-radius: 50px;}
.picnews .hd ul li.on{ background:#ff0000; color:#fff; }
.picnews .bd{ position:relative; height:100%; z-index:0;   }
.picnews .bd li{ zoom:1; vertical-align:middle; }
.picnews .bd img{width: 590px;height:245px;display:block;}
.picnews .bd  span{ position:absolute; bottom:0; background:url(../images/title_bg.png); width:100%;  line-height:36px; color:#fff; font-weight:bold;}
.picnews .bd h1{ color:#fff; font-size:14px; margin:0; padding:0 10px}

/*i_notic*/
.i_notic{width: 525px;height: 400px;overflow: hidden;margin: 0px 0 0 0;}
.i_notic h2{display: none;float: left;font-size: 16px;margin: 0;padding:5px 0 0 0;width: 45px;height: 90px;background:#66363C;color: #ffffff;text-align: center;}
.n_list{  padding:0; width:100%; float:right}
.n_list li{width: 100%;height: 40px;line-height: 40px;display: block;color: #444444;font-size: 14px;}
.n_list li a{font-size: 15px;color: #444444;float: left}
.n_list li a:hover{color: #cc3300}
.n_list li .date{float: right}
.n_list li i{ font-style: normal; color: #66363c;}
.i_play{width: 525px;height:202px;margin: 0 auto;}
.i_bmbtn{border: #66363C 1px solid;height: 40px;width: 525px;display: block;line-height: 44px;font-size: 16px;color: #66363C;text-align: center;font-weight: bold;margin: 10px auto 4px;}
.i_bmbtn a{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #66363C;text-align: center;font-weight: bold}
.i_bmbtn a:hover{background: #66363C; color: #ffffff}
.i_bmbtn .mron{background: #66363C; color: #ffffff}

.i_ztlink{width: 525px;height:80px;margin: 0px auto 0 auto;overflow: hidden;}
.i_ztlink a{background: #f2ebd9;display: block;width: 259.5px;height: 37px;line-height: 40px;float: left;font-size: 14px;color: #333333;text-align: center;margin: 0 1px 1px 0;border: 1px solid #66363c;}
.i_ztlink a:hover{ background: #66363c; color: #ffffff}
/**/
.i_mainp2{width: 100%;height: 460px;overflow: hidden;margin: 0 auto;background: #f2ebd9;padding: 30px 0;min-width:1200px;}
.m_p2_c{ width: 300px; height: auto; }
.m_p2_c_ul{ padding-top: 15px;}
.tw_top{ width: 100%;height: auto; overflow: hidden; margin: 0 auto 10px auto}
.tw_top img{width: 120px;height: 78px;float: left;}
.tw_top .tw_txt{float: right;width: 390px;height: 85px;overflow: hidden;margin-top: 5px;}
.tw_top .tw_txt h1{ color: #000000; font-size: 15px; line-height: 24px;}
.tw_top .tw_txt h1 a{ color: #333333;}
.tw_top .tw_txt p{font-size: 13px;line-height: 22px;color: #999999;margin:5px 0;padding: 0}
.tw_top .tw_txt p a{  color: #999999}
.tw_top .tw_txt p span{  color: #ff9900}
.top_pic{ width: 322px;height: auto; overflow: hidden; margin: 5px auto 10px auto;}
.top_pic img{ width: 128px; height: 90px;padding:1px; border: #dfdfdf 1px solid; float: left; margin-right: 10px}
.i_twtxt{width: 525px;margin:15px auto 0 auto;height: 390px;overflow: hidden;}
.i_twtxt img{width: 525px;height: 280px;object-fit: cover;}
.i_twtxtimg{display: block;width: 525px;height: 280px;overflow: hidden;margin: 0 auto;}
.i_twtxt h2{font-size: 16px;color: #333333;line-height:30px;height:30px;width: 100%;text-align: left;padding: 5px 10px;}
.i_twtxt span{border-bottom: #e1e1e1 1px solid;line-height:30px;height: 30px;padding: 0 10px 0px 10px;color: #666666;font-size: 14px;}
.i_twtxt p{font-size: 13px;color: #8f8f8f;line-height: 28px;width: 99%;margin: 5px 0 0 0;padding: 0 10px 5px;text-align: left;white-space: pre-wrap;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.i_twtxt:hover{/* background: #fdfdfd; *//* color: #66363c; */}
.i_twtxt:hover h2{ color: #cc0000}

.m_p3_c_ul{ padding-top: 10px;}
.dtw_top{width: 100%;height: auto;overflow: hidden;margin: 20px auto 0 auto;transition: all 0.2s;}
.dtw_top .dtw_txt{float: right;width: 479px;height: 78px;overflow: hidden;}
.dtw_top .dtw_txt h1{ color: #000000; font-size: 15px; line-height: 24px;}
.dtw_top .dtw_txt h1 a{ color: #333333;}
.dtw_top .dtw_txt p{font-size: 12px;line-height: 25px;color: #999999;margin:0 0;padding: 0}
 .dtw_txt p a{  color: #999999}
 .dtw_date{font-size: 25px;color:#666666;line-height:24px;text-align: center;background: #f2f2f2;width: 90px;height: 70px;overflow: hidden;padding: 10px 0 0 0;float: left;transition: all 0.2s;font-weight: 600;}
.dtw_date span{display: block;/* padding: 13px 0px; */font-size: 14px;font-weight: 400;margin-top: 5px;}
.dtw_top:hover{ background: #f2f2f2;}
.dtw_top:hover .dtw_date{ background: #66363C; color: #ffffff;}
.img_htxtbox{width: 355px;overflow: hidden; margin:0 auto;}
.img_htxt{width: 355px;height: 259px;overflow: hidden;margin: 10px auto 0 0;position: relative}
.img_htxt img{width: 355px; height: 110px; display: block}
.img_htxtimg img{width: 355px;height: 260px;overflow: hidden;}
.mt_tilte{width: 100%;height: 249px;overflow: hidden;position: absolute;bottom:0;background:url("../images/title_bg.png");transition: all 0.6s;opacity: 0;padding: 10px 0 0 0}
.mt_tilte h2{ font-size: 18px; color: #ffffff; line-height:50px; text-align: center; display: block; margin:0 auto}
.mt_tilte hr{  display: block; margin: 0 auto; width: 30%; height: 1px; background: #cccccc;overflow:hidden; border: 0}
.mt_tilte span{font-size: 14px; color: #ffffff; line-height: 30px; text-align: center; width: 100%; display: block}
.img_htxt:hover .mt_tilte{bottom:0; z-index: 999;opacity: 1}
.img_htxt:hover img{transform: scale(1.2);}

.fast_title{width: 100%; margin: 0 auto; background: #66363C; height: 57px; text-align:center;}
.fast_title h2{ display: block; margin: 0 auto; text-align: center; font-size:18px; color: #ffffff; height: 57px;  line-height: 50px;}
.fast_linkbox{}
.fast_linkbox ul{}
.fast_linkbox li{display: block;width: 299px;height: 62px;margin:1px 1px 0 0;/* background: #f2f2f2; */float: left;position: relative;overflow: hidden;transition: all 0.4s;}
.fast_linkbox li img{margin: 0 auto;width:35px;height: 35px;position: absolute;left: 28%;top: 47%;margin-top: -17.5px;margin-left: -17.5px;}
.fast_linkbox li p{margin: 0 auto;width:70px;height: 35px;position: absolute;left: 50%;top: 60%;margin-top: -17.5px;margin-left: -17.5px;}
.fast_linkbox li a{opacity: 0;position: absolute;z-index:99;display: block;background: #66363C;color: #ffffff;width: 298px;height: 61px;line-height:40px;text-align: center;padding: 15px 0 0 0}
.fast_linkbox li:hover{background-color:#f2ebd9;z-index: 99999;color: #66363c;}
.fast_linkbox li a{/* background: #f2f2f2; */color:#333333}


/**/
/*listbanner*/
.list_banner {
    width: 100%;
    text-align: center;
}
.list_banner img {
    width: 100%;
}
/*----list------*/
.banner_list{height:279px; width:100%; background:url(../images/list_banner01.jpg) center no-repeat}
.banner_list_f{ width:1200px; height:279px; margin:0 auto; position:relative}
.banner_list_fcolor{background:#66363C;width:240px;height: 22px;position:absolute;left:0;bottom:0}
.listmain{ width:1200px; margin:0 auto; height:auto;  position:relative; top:-50px}
.list_left{ width:240px; height:800px; background:#0C0}
.list_right{ background:#FFF; width:960px; height:1000px; margin-top:50px}
.list_zswz{background:#66363C;width:220px;height: 58px;font-size:24px;padding: 0px 10px;/* margin-left: 20px; */color:#fff;text-align: center;}
.two_nav{ width:240px; margin-top:10px;padding-top:10px;}
.two_nav a{width:200px; height:40px; line-height:40px; display:block; font-size:16px;  padding-left:40px; color:#333333}
.two_nav a:hover,.two_nav .active{width:196px; height:40px; line-height:40px; display:block; font-size:16px; color:#FFF; padding-left:40px;  background:#9e9e9e; border-left: #ff6600 4px solid;}
.two_nav a#current{width:196px; height:40px; line-height:40px; display:block; font-size:16px; color:#FFF; padding-left:40px;background:#9e9e9e; border-left: #ff6600 4px solid;}
.list_lmzsts{width:202px; height:202px; margin:50px auto}
.list_lmzsts img{width:202px; height:202px;}
.list_dqwz{ font-size:14px; color:#adadad;  text-align:right; width:93%; height:70px;line-height:70px; padding-right:7%}
.list_dqwz a{color:#adadad;}
.list_nr{width:845px;padding: 20px 0;height: 407px;}
.list_nr li{ float:left;width:840px; background:url(../images/ico_006.png) left center no-repeat; padding-left:15px; text-align:left; height:40px; line-height:40px;}



.list_nr li a{ font-size:14px; color:#333; line-height:40px;}
.list_nr li a:hover{ font-size:14px; color:#961a24; line-height:40px;}
.list_nr li:hover{background:url(../images/ico_006.png) left center no-repeat #F6F6F6;}
.list_nr li .sp{ float:right; text-align:right; width:100px; color:#666666; font-size:14px}
.list_nr li .list_nr_djs{ float:right; text-align:right; width:100px; color:#666666; font-size:14px}
.list_nr_djs{ padding-right:10px}

.content_dqname{ height:55px;}
.content_dqname h2{ height:55px; color:#333333; font-size:24px; font-weight:normal;float:left; margin:0; padding:0 0 0 50px; line-height:55px;}
.content_dqwz{ text-align:right; line-height:55px; float:right; padding-right:55px;font-size:14px; color:#adadad;}
.content_nrq{background:url(../images/content_lbg.png) top repeat-x;padding:20px 50px;color:#333;max-width: 858px;}
.content_nr{ padding-top:15px}
.content_nr p{ font-size:14px; line-height:24px; color:#333; text-indent:2em; margin:10px; padding:0px;}
.content_title{ text-align:center; line-height:30px; font-size:24px; width:100%}
.content_shuxing{ text-align:center; line-height:30px; font-size:14px;width:100%; border-bottom:#F5F5F5 1px solid; color:#a3a3a3}
.tuwen_list{background:#f1f1f1; height:auto;margin:5px 50px 20px 50px }
.tw_table{ height:auto; overflow:hidden; padding:10px 15px; border-bottom:#fff 1px solid}
.tw_table2{height:auto; overflow:hidden; padding:10px 15px; border-bottom:#fff 1px solid; background:#e5e2d6}
.tw_table_img{ width:202px; margin-top:10px;}
.tw_table_nr{ width:610px;}
.tw_table_nrtitle{ background:url(../images/tw_listbg.png) bottom center no-repeat; height:40px; }
.tw_table_nr h3{ color:#951213; font-size:21px; margin:0; padding:0; line-height:40px; font-weight:normal}
.tw_table_nr a{line-height:40px; font-size:14px; }
.tw_table_nrzy{font-size:14px; color:#666666; line-height:27px;}
.tw_table_nr p{ margin:5px;}
.list_lingdao{width:845px;}
.list_ldzy{ padding:30px 10px; border-bottom:#CCC 1px dashed; height:200px}
.ldpic{ width:35%}
.ldpic img{ width:256px; height:186px; border:#CCC 1px solid; padding:3px}
.ldpabout{width:65%}
.ld_title{ width:100%; line-height:40px;height:40px; font-size:18px; text-align:left; color:#333;font-weight:800}
.ld_jjzy{ text-align:left; line-height:27px; font-size:14px; color:#555}
.ld_dqname{width:865px; height:55px;border-bottom:#CCC 1px solid}
.ld_dqname h2{ height:55px; color:#333333; font-size:24px; font-weight:normal;float:left; margin:0; padding:0 0 0 0px; line-height:55px; text-align:left; }
.ld_dqwz{ text-align:right; line-height:55px; float:right; padding-right:55px;font-size:14px; color:#adadad;}
.szpic img{ width:180px; height:200px; border:#CCC 1px solid; padding:3px}
.szpabout{width:70%}


.footer{width: 100%;height:30px;background: #66363c;border-top: #66363C 7px solid;font-size: 14px;color: #ffffff;padding: 20px 0;text-align: center;min-width:1200px;}
.footer p{margin: 0;padding: 0;line-height: 24px;font-size: 14px;color: #f9f9f9;}
.img_vsb_content{ max-width: 100% !important;
    width: 60% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;    }

.i_mainp1_2 ul{
	margin-top: 20px;
}
.i_mainp1_2 ul li{
	float: left;
	width: 50%;
	height: 168px;
	position: relative;
	line-height: 168px;
}
.i_mainp1_2 ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}
.i_mainp1_2 ul li.zszy1 a{
	background: #c38c07;
}
.i_mainp1_2 ul li.zszy2 a{
	background: url(../images/zszy2.jpg) no-repeat;
	    background-size: 100%;
}
.i_mainp1_2 ul li.zszy3 a{
	background: url(../images/zszy3.jpg) no-repeat;
	background-size: 100%;
}
.i_mainp1_2 ul li.zszy4 a{
	background: #5ecbcf;
}
.i_mainp1_2 ul li.zszy5 a{
	background: #4968ef;
}
.i_mainp1_2 ul li.zszy6 a{
	background: url(../images/zszy6.jpg) no-repeat;
	    background-size: 100%;
}
.i_mainp1_2 ul li.zszy7 a{

	background: url(../images/zszy3.jpg) no-repeat;
	    background-size: 100%;
}
.i_mainp1_2 ul li.zszy8 a{
		background: #66363c;
}
.i_mainp1_2 ul li span{
	display: block;
	font-size: 18px;
	text-align: center;
	/* padding-top: 32px; */
}
.i_mainp1_2 ul li:hover span{
	/*color: #333333;*/
}
.i_mainp1_2 ul li.zszy5 span{
	display: block;
	text-align: center;
	font-size: 18px;
	/* padding-top: 24px; */
}
.i_mainp1_2 ul li.zszy6 span{
	display: block;
	text-align: center;
	font-size: 18px;
	/*padding-top: 24px; */
}
.i_mainp1_2{width: 525px;float: left;/* height: 480px; */margin-top: -20px;}
.i_mainp1_3{width: 590px;float: left;/* height: 480px; */margin-top: -20px;}
.n_teacher li{
    position: relative;
    width: 33.3%;
    background: #F9F9F9;
    margin-bottom: 40px;
    z-index: 3;
}
.n_teacher li a{
    position: relative;
    z-index: 3;
    padding: 13px 24px 17px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.n_teacher li .pic{
    width: 124px;
    height: 167px;
    position: relative;
}
.n_teacher li .txt{
    width: calc(55% - 19px);
    padding-top: 9px;
}
.n_teacher li .txt h3{
    font-size: 20px;
    line-height: 30px;
    color: #66363c;
    margin-bottom: 10px;
}
.n_teacher li .txt i{
    display: block;
    height: 1px;
    position: relative;
    background: linear-gradient(-270deg, #DCDCDC 0%, rgba(228, 228, 228, 0) 100%) ;;
    margin-bottom: 11px;
}
.n_teacher li .txt i:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    width: 22px;
    height: 3px;
    background: #66363c;
}

.n_teacher li .txt h5{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.n_teacher li .txt h6{
    font-size: 16px;
    line-height: 30px;
    color: #66363c;
    text-align: right;
    font-family: 'Abhaya Libre_R', sans-serif;
    margin-top: 17px;
}

.n_teacher li .txt *{
    transition: .5s;
}
.n_teacher li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    background:  #66363c;
    transition: .5s;
    z-index: -1;
}


.n_teacher li:hover:after{
    right: 0;
}
.n_teacher li:hover .txt h3{
    color: #fff;
}


.n_teacher li:hover .txt i:before{
    background: #fff;
}

.n_teacher li:hover .txt h5,
.n_teacher li:hover .txt h6{
    color: #fff;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.pic .a {
    position: absolute;
    left: -12px;
    top: 15px;
    width: 124px;
    height: 167px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in;
}