@charset "utf-8";
/* CSS Document */

.ani{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.0)); backdrop-filter/:saturate(1.5) blur(10px); border-bottom/:1px solid rgba(255,255,255,0.2); position:fixed; left:0; top:0; z-index:9; transition:all ease 0.4s;}
.header .head{ width:1320px; margin:0 auto; position:relative;}
.header .head::before,
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:100px;}
.header form.search{ display:none; background:rgba(255,255,255,0.3); border-radius:15px; overflow:hidden; margin:14px 0 0; float:right; clear:right;}
.header form.search input.txt{ display:block; width:160px; height:30px; line-height:1; color:#fff; font-size:14px; background:none; padding-left:16px; border:0; float:left;}
.header form.search input.txt::placeholder{ color:rgba(255,255,255,0.5);}
.header form.search input.btn{ display:block; width:42px; height:30px; line-height:9999; background:url(../images/common/search.png) center no-repeat; border:0; cursor:pointer; float:left;}

.header.fixed{ background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.2);}

/*导航样式*/
ul.nav{ display:block; float:right;}
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li{ display:block; text-align:center; float:left; position:relative; z-index:99;}
ul.nav li:nth-child(n+10){ display:none;}
ul.nav li a{ display:block; line-height:100px; color:#333; font-size:16px; padding:0 24px; position:relative; z-index:5;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#941409; font-weight:bold;}
ul.nav li:hover::after,
ul.nav li.on::after,
ul.nav li.cur::after{ content:''; display:block; width:100%; height:3px; background:#941409; border-radius:1px; position:absolute; left:0; bottom:0; transform:translateY(2px); z-index:99;}

ul.nav li p.sub{ display:block; width:100%; height:0; padding:2px 0 0; overflow:hidden; position:absolute; left:0%; top:100%; z-index:98;}
ul.nav li p.sub a{ height:3em; line-height:3; color:#fff; font-size:14px; font-weight:normal; padding:0; background:#941409; overflow:hidden; transition:all ease-in-out 0.4s;}
ul.nav li p.sub a::before,
ul.nav li p.sub a::after{ content:attr(data-txt); display:block; transition:all ease-in-out 0.4s;}
ul.nav li p.sub a::before{ color:#fff;}
ul.nav li p.sub a::after{ color:#fff;}
ul.nav li p.sub a:hover{ background:#fff;}
ul.nav li p.sub a:hover::before{ transform:translateY(-100%); opacity:0;}
ul.nav li p.sub a:hover::after{ transform:translateY(-100%); color:#941409;}

/*banner样式*/
.banner{ height:516px; background-size:cover !important; overflow:hidden; position:relative; z-index:1;}
 
/*footer样式*/
.footer{ background:#941409; overflow:hidden;}
.footer .foot{ width:1320px; margin:0 auto;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer p.links{ line-height:1.75; color:#fff; font-size:16px; overflow:hidden; padding:0 0 0 5em; margin:1.75em 0;}
.footer p.links em{ display:block; font-weight:bold; float:left; margin:0 0 0 -5em;}
.footer p.links a{ display:block; color:rgba(255,255,255,0.8); float:left; margin:0 0.75em 0 0.25em;}
.footer p.links a:hover{ color:#fff; text-decoration:underline;}
.footer .left{ display:none; float:none; position:relative; padding:0.75em 0;}
.footer .left::before{ content:''; display:block; width:100vw; height:100%; background:#000; opacity:0.2; position:absolute; left:50%; top:0; transform:translate(-50%,0); z-index:1;}
.footer .left::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:block; float:left; position:relative; z-index:3; margin-right:10%;}
.footer a.logo img{ display:block; height:64px;}
.footer ul{ display:flex; justify-content:space-between; font-size:16px; position:relative; z-index:3; overflow:hidden;}
.footer ul li{ display:block; position:relative; z-index:99; position:relative; z-index:3;}
.footer ul li a{ display:block; line-height:64px; color:#fff; position:relative; z-index:5;}
.footer ul li a:hover{ color:#fff; font-weight:bold;}
.footer .copyright{ line-height:2.15; color:rgba(255,255,255,0.7); font-size:14px; text-align:center; overflow:hidden; padding:1.75em 0; clear:both; border-top:1px solid rgba(255,255,255,0.2);}
.footer .copyright a:hover{ color:#fff;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:46px; cursor:pointer; opacity:0.8; z-index:998;}

/*主体样式*/
.main{ position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

/*二级栏目*/
.main .menu{ width:1320px; line-height:4.35em; font-size:16px; position:relative; z-index:3; margin:0 auto;}
.main .menu::before,
.main .menu::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .menu h2{ display:block; width:30%; font-size:inherit; font-weight:normal; float:left;}
.main .menu h2 span{ display:block; transform:translateY(-100%); position:relative;}
.main .menu h2 span::before{ content:''; display:block; width:100vw; height:100%; background:#941409; position:absolute; right:100%; top:0;}
.main .menu h2 span::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/title.png) right center no-repeat; background-size:auto 100%; position:absolute; right:0; top:0;}
.main .menu h2 em{ display:block; color:#fff; font-size:1.66em; background:#941409 url(../images/common/star.png) left center no-repeat; padding-left:1.6em; margin-right:5em;}
.main .menu ul{ display:block; text-align:right; background:#f1f1f1; background-clip:content-box; padding-left:4.35em; position:relative; margin-left:30%;}
.main .menu ul::before{ content:''; display:block; width:0; height:0; border:2.175em solid #f1f1f1; border-color:#f1f1f1 #f1f1f1 transparent transparent; position:absolute; left:0; top:0;}
.main .menu ul::after{ content:''; display:block; width:100vw; height:100%; background:#f1f1f1; position:absolute; left:100%; top:0;}
.main .menu ul li{ display:inline-block; vertical-align:top; margin-left:4em;}
.main .menu ul li a{ display:block; color:#666;}
.main .menu ul li a:hover,
.main .menu ul li.cur a{ color:#941409;}

/*内容*/
.main .attr{ width:1320px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:3.75; color:#333; font-size:36px; font-weight:normal; text-align:center; padding:0.125em 0 0;}
.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:28px; font-weight:normal; text-align:center; padding:2em 0 1.25em;}
.main p.mark{ display:block; line-height:3.5; color:#999; font-size:15px; text-align:center; background:#f5f5f5; margin:0 0 1.5%;}
.main p.mark a{ color:#999;}
.main .article{ min-height:20em; line-height:2.125; color:#333; font-size:16px; padding:0 0 3em; overflow:hidden;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.main .article p{ margin:0 0 1em;}

/*文章切换*/
.main .change{ overflow:hidden; padding:2% 0 3.5%; border-top:1px solid #ddd;}
.main .change p{ display:block; line-height:2.5; color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ color:#999; transition:all ease-in-out 0.4s;}
.main .change a:hover{ color:#941409;}

/*页码样式*/
.pages{ text-align:center; font-size:15px; padding:0 0 4%;}
.pages li{ display:inline-block; vertical-align:top;}
.pages a,
.pages span{ display:inline-block; min-width:14px; color:#808080; height:24px; line-height:24px; text-align:center; padding:6px 12px; margin:0 5px; border:1px solid #ddd;}
.pages a:hover{ color:#fff; background:#941409; border-color:#941409;}
.pages span{ color:#fff; background:#941409; border-color:#941409; cursor:pointer;}
.pages a.num{ display:none;}

.main ul.leader{ display:flex; justify-content:space-between; font-size:16px; margin:0 0 3%;}
.main ul.leader li{ display:block; width:49%; background:#f6f6f6; padding:1.5em; overflow:hidden; margin:0 0 2%; box-sizing:border-box;}
.main ul.leader li img.pic{ display:block; width:15em; height:21em; float:left; margin:0 4% 0 0; object-fit:cover;}
.main ul.leader li h4{ display:block; line-height:2.5; color:#941409; font-size:1.375em; padding:0.25em 0 0; overflow:hidden;}
.main ul.leader li .txt{ line-height:2; color:#4a4a4a; font-size:0.9375em; padding:0.25em 0 0; overflow:hidden;}

/*图片新闻*/
.main ul.picNews{ display:block; overflow:hidden; margin:0 0 1%;}
.main ul.picNews li{ display:block; width:31.33%; overflow:hidden; border:1px solid #eeeeee; box-sizing:border-box; position:relative; float:left; margin:0 0 3% 3%;}
.main ul.picNews li:nth-child(3n-2){ margin-left:0;}
.main ul.picNews li a.pic{ display:block; overflow:hidden; border-bottom:1px solid #eeeeee;}
.main ul.picNews li a.pic img{ display:block; width:100%; height:252px; object-fit:cover; transition:all ease-in-out 0.4s;}
.main ul.picNews li a.pic:hover img{ transform:scale(1.08);}
.main ul.picNews li span{ display:block; line-height:2.286; color:#fff; font-size:14px; background:#941409; padding:0 0.75em 0 1.25em; border-radius:0 0 0 1.5em; position:absolute; right:0; top:0;}
.main ul.picNews li a.title{ display:block; height:3.2em; line-height:1.6; color:#333; font-size:18px; font-weight:bold; margin:1em 6% 0; transition:all ease-in-out 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.picNews li a.title:hover{ color:#941409;}
.main ul.picNews li .txt{ height:4.8em; line-height:1.6; color:#999; font-size:14px; margin:1em 6% 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.picNews li a.view{ display:block; line-height:2.286; color:#941409; font-size:14px; overflow:hidden; float:left; margin:0.75em 6% 4%; transition:all ease-in-out 0.4s;}
.main ul.picNews li a.view:hover{ transform:translateX(0.5em);}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; margin:0 0 3.5%;}
.main ul.newsList li{ display:block; overflow:hidden; padding-right:2.5%; border:1px solid #eeeeee; position:relative; margin:0 0 3%;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; border-right:1px solid #eeeeee; float:left; margin-right:2.5%;}
.main ul.newsList li a.pic img{ display:block; width:388px; height:238px; object-fit:cover; transition:all ease-in-out 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.08);}
.main ul.newsList li span{ display:block; line-height:2.286; color:#fff; font-size:14px; background:#941409; padding:0 0.72em 0 1em; border-radius:0 0 0 1.5em; position:absolute; left:389px; top:0; transform:translateX(-100%);}
.main ul.newsList li a.title{ display:block; line-height:3.8em; color:#333; font-size:20px; margin:0.3em 0 0; transition:all ease-in-out 0.4s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#941409;}
.main ul.newsList li .txt{ height:5.4em; line-height:1.8; color:#999; font-size:15px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li a.more{ display:block; line-height:3; color:#941409; font-size:15px; font-weight:bold; background:url(../images/icons/more.png) right center no-repeat; padding-right:2.25em; overflow:hidden; float:left; margin:1em 0 0; transition:all ease-in-out 0.4s;}
.main ul.newsList li a.more:hover{ transform:translateX(0.5em);}

/*文字列表*/
.main ul.List{ display:block; margin:0 0 5%;}
.main ul.List::before,
.main ul.List::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.List li{ display:block; line-height:4.5; font-size:18px; overflow:hidden; padding:0 3.5%; border:1px solid #fff; position:relative; margin:0 0 1.3%; box-shadow:0 0 20px rgba(0,0,0,0.07); transition:all ease-in-out 0.4s;}
.main ul.List li::before{ content:''; display:block; width:0.5em; height:100%; background:#fff; position:absolute; left:0; top:0; transition:all ease-in-out 0.4s;}
.main ul.List li span{ display:block; color:#999; float:right; margin-left:4em;}
.main ul.List li a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/list.png) left center no-repeat; padding-left:2.5em; transition:all ease-in-out 0.4s;}
.main ul.List li:hover{ border-color:#941409;}
.main ul.List li:hover::before{ background:#941409;}
.main ul.List li:hover a{ color:#941409;}

/*视频列表*/
.main ul.videoList{ display:block; font-size:16px; overflow:hidden; margin:0 -12px 2%;}
.main ul.videoList li{ display:block; width:33.33%; float:left; box-sizing:border-box; margin:0 0 2%;}
.main ul.videoList li a{ display:block; overflow:hidden; position:relative; margin:0 12px 0;}
.main ul.videoList li a::before{ content:''; display:block; width:100%; height:5.125em; background:linear-gradient(rgba(148,20,9,0), rgba(148,20,9,1)); position:absolute; left:0; bottom:0; z-index:3; opacity:0; transition:all ease 0.4s;}
.main ul.videoList li a::after{ content:''; display:block; width:100%; height:5.125em; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0; bottom:0; z-index:2; transition:all ease 0.4s;}
.main ul.videoList li a em{ display:block; background:#000; overflow:hidden; position:relative; z-index:1;}
.main ul.videoList li a em::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/video.png) center no-repeat; background-size:auto 20%; position:absolute; left:0; top:-2%; z-index:3;}
.main ul.videoList li a img{ display:block; width:100%; transition:all ease 0.4s; opacity:0.9;}
.main ul.videoList li a span{ display:block; width:100%; line-height:3.625; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1.5em 1em 0; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:5;}
.main ul.videoList li a:hover img{ transform:scale(1.05);}
.main ul.videoList li a:hover::before{ opacity:1;}
.main ul.videoList li a:hover::after{ opacity:0;}

/*图片列表*/
.main ul.picList{ display:block; overflow:hidden; margin:0 -12px 2%;}
.main ul.picList li{ display:block; width:33.33%; overflow:hidden; position:relative; float:left; margin:0 0 2%;}
.main ul.picList li a{ display:block; overflow:hidden; position:relative; margin:0 12px;}
.main ul.picList li a em{ display:block; overflow:hidden; border:0px solid #eeeeee;}
.main ul.picList li a img{ display:block; width:100%; height:calc(100% * 0.8); transition:all ease-in-out 0.4s;}
.main ul.picList li a span{ display:block; line-height:3; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#f6f6f6; transition:all ease-in-out 0.4s;}
.main ul.picList li a:hover img{ transform:scale(1.12);}
.main ul.picList li a:hover span{ color:#fff; background:#941409;}

/*教师列表*/
.main ul.teacher{ display:block; margin:0 -14px 2%;}
.main ul.teacher::before,
.main ul.teacher::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.teacher li{ display:block; width:25%; position:relative; float:left; margin:0 0 2%;}
.main ul.teacher li a{ display:block; position:relative; overflow:hidden; box-shadow/:0 0 10px rgba(0,0,0,0.18); margin:0 14px;}
.main ul.teacher li a img{ display:block; width:100%;}
.main ul.teacher li a .box{ display:block; width:100%; height:100%; padding:0 7%; box-sizing:border-box; transition:all ease 0.4s; transform:translateY(69%); position:absolute; left:0; top:0%;}
.main ul.teacher li a .box::after{ content:''; display:block; width:100%; height:31%; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); position:absolute; left:0; top:0; z-index:1;}
.main ul.teacher li a .box > *{ position:relative; z-index:3;}
.main ul.teacher li a i{ display:block; width:34px; height:2px; background:#fff; margin:16% 0 0;}
.main ul.teacher li a span{ display:block; line-height:1.75; color:#fff; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.6em 0 0;}
.main ul.teacher li a em{ display:block; line-height:1.72; color:rgba(255,255,255,0.7); font-size:15px; overflow:hidden;}
.main ul.teacher li a .txt{ display:block; line-height:2; color:rgba(255,255,255,0.99); font-size:15px; overflow:hidden; padding:1.5em 0 0; opacity:0;}
.main ul.teacher li a:hover .box{ background:rgba(148,20,9,0.7); transform:translateY(0);}
.main ul.teacher li a:hover .box::after{ opacity:0;}
.main ul.teacher li a:hover .box .txt{ opacity:1;}

/*教师详情*/
.teacherInfo{ font-size:16px; margin:2.5% 0 1.5%; position:relative;}
.teacherInfo::before{ content:''; display:block; width:100%; height:100%; background:#f6f6f6; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.teacherInfo::after{ content:''; display:block; overflow:hidden; clear:both;}
.teacherInfo > *{ position:relative; z-index:3;}
.teacherInfo img.pic{ display:block; width:360px; float:left; margin-right:3.5%;}
.teacherInfo > i{ display:block; width:1.75em; height:8px; font-size:1.75em; background:#941409; position:absolute; left:360px; top:2em; transform:translate(-50%,-50%); z-index:3;}
.teacherInfo h3{ display:block; line-height:3; color:#333; font-size:1.75em; overflow:hidden; padding:0.5em 0 0;}
.teacherInfo h3 em{ color:#999; font-size:0.64em; font-weight:normal; margin-left:1.25em;}
.teacherInfo .txt{ display:block; line-height:2; color:#666; overflow:hidden; padding:0 0 1em;}

/*联系我们*/
.contact{ display:flex; flex-direction:row-reverse; justify-content:space-between; background:#fff; overflow:hidden; padding:1.5%; box-shadow:0 0 20px rgba(0,0,0,0.07); margin:0 0 6%;}
.contact .map{ width:60%; overflow:hidden; flex-shrink:0;}
.contact>ul{ display:block; font-size:16px; padding:0 3% 0 1%; flex:1;}
.contact>ul li{ display:flex; align-items:center; line-height:1.75; color:#4a4a4a; overflow:hidden; padding:1.25em 0; border-top:1px dashed #ddd;}
.contact>ul li:first-child{ border-top:0;}
.contact>ul li img{ display:block; height:3.75em; margin-right:1.125em;}
.contact>ul li img.code{ height:6.5em; margin-top/:-0.25em; margin-bottom/:-0.25em;}
.contact>ul li p{ display:block; flex:1;}
.contact>ul li p em{ display:block; font-weight:bold; color:#941409;}

/*客户留言*/
form.msg{ width:1080px; max-width:100%; box-sizing:border-box; font-size:15px; background:#fff; overflow:hidden; padding:2% 3%; box-shadow:0 0 20px rgba(0,0,0,0.07); margin:0 auto 6%;}
form.msg p{ display:block; overflow:hidden; padding:10px 0;}
form.msg p label{ width:8em; line-height:3; color:#333; text-align:right; margin-right:1em; float:left;}
form.msg p label font{ color:#941409; margin:0 4px;}
form.msg p input.text{ display:block; width:calc(100% - 9em); height:3em; color:#333; padding:0.75em 1em; border:1px solid #ddd; box-sizing:border-box;}
form.msg p textarea{ display:block; width:548px; height:142px; line-height:24px; color:#333; font-size:14px; padding:5px 10px; border:1px solid #ddd; float:left; resize:none;}
form.msg p ::placeholder{ color:#999;}
form.msg p input.upload{ display:block; width:80px; height:36px; line-height:36px; color:#fff; font-size:14px; background:#f69806; border:0; cursor:pointer; float:left; margin-left:14px; border-radius:5px;}
form.msg p input.short{ width:178px;}
form.msg p img{ display:block; width:96px; height:36px; cursor:pointer; float:left; margin-left:14px;}
form.msg input.btn{ display:block; width:16em; height:2.85em; line-height:2.85em; color:#fff; font-size:16px; background:#941409; border:none; cursor:pointer; border-radius:2px; margin:1.325em auto 0.5em;}


/*手机适配*/
@media only screen and (max-width:768px){

.header .head,
.footer .foot,
.main .attr{ width:92vw;}

.header{ background:#fff;}
.header h1.logo a img{ height:60px;}
.header h1.logo a img{ transform:scale(1.05); transform-origin:left center;}
.header form.search{ display:none;}
.header a.menu{ display:block; width:26px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:24px auto; float:right;}

ul.nav{ width:160px; height:auto; padding:6px 4px; background:#941409; position:absolute; top:100%; right:-15px; transform:translateX(100%); opacity:0; transition:all ease 0.4s;}
ul.nav.show{ transform:translateX(0); opacity:1;}
ul.nav li{ padding:0; float:none; border-top:1px solid rgba(255,255,255,0.2);}
ul.nav li:first-child{ border:0;}
ul.nav li:nth-child(n+10){ display:block;}
ul.nav li a{ line-height:3; font-size:15px; padding:0; color:#fff;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; font-weight:normal;}
ul.nav li:hover::after,
ul.nav li.on::after,
ul.nav li.cur::after{ display:none;}
ul.nav li p.sub{ display:none;}

.banner{ height:54vw;}

.footer p.links{ font-size:13px; line-height:2; margin:1.25em 0;}
.footer .copyright{ line-height:2; font-size:13px; padding:1.25em 0 1.5em;}

.backToTop{ width:36px; height:36px; background-size:contain; right:12px; bottom:64px;}

.main .menu{ width:auto; line-height:3.35em; font-size:14px; position:relative;}
.main .menu h2{ width:auto; float:none; position:absolute; left:0; bottom:100%;}
.main .menu h2 span::after{ background-position:left center; right:0; left:100%; width:100vw;}
.main .menu h2 span{ transform:none;}
.main .menu h2 em{ font-size:16px; background-position:left 12px center; padding:0 1em 0 2.25em; margin-right:0; background-size:auto 14px;}
.main .menu ul{ text-align:center; overflow:hidden; padding:0; margin:0; display:flex; justify-content:center;}
.main .menu ul::before{ display:none;}
.main .menu ul li{ display:block; width:25%; float:left; margin:0; width:auto; float:none; flex:1;}
.main .menu ul li a{ display:block;}

.main .attr h2.title{ font-size:24px; line-height:3.5;}
.main .attr h3.title{ font-size:19px; padding:1.2em 0 0.8em;}
.main p.mark{ line-height:2.85; font-size:13px;}
.main .article{ font-size:14px;}

.main .change{ padding:4.5% 0 6.5%;}
.main .change p{ line-height:2.25; font-size:13px;}

.pages{ font-size:13px; padding:4% 0 10%;}
.pages a,
.pages span{ min-width:12px; padding:4px 11px; margin:0 4px;}

.main ul.about{ font-size:13px;}
.main ul.about li a{ padding:1.1em 0 1em; margin:0 0.3em 0;}
.main ul.about li i{ font-size:1.5em;}

.main ul.picNews li{ width:100%; margin:0 0 3%;}
.main ul.picNews li a.pic img{ height:calc(100% * 0.62);}
.main ul.picNews li a.title{ font-size:15px;}
.main ul.picNews li .txt{ font-size:13px;}
.main ul.picNews li a.view{ font-size:13px; margin-top:0.8em; margin-bottom:4%;}
.main ul.picNews li a.title,
.main ul.picNews li .txt,
.main ul.picNews li a.view{ margin-left:4%; margin-right:4%;}

.main ul.newsList li{ padding:0; margin:0 0 3%;}
.main ul.newsList li a.pic{ float:none; margin:0; border-width:0 0 1px;}
.main ul.newsList li a.pic img{ width:100%; height:calc(100% * 0.62);}
.main ul.newsList li span{ left:100%; white-space:nowrap;}
.main ul.newsList li a.title{ line-height:3; font-size:15px;}
.main ul.newsList li .txt{ font-size:13px;}
.main ul.newsList li a.more{ font-size:13px; margin-top:0.5em; margin-bottom:4%;}
.main ul.newsList li a.title,
.main ul.newsList li .txt,
.main ul.newsList li a.more{ margin-left:4%; margin-right:4%;}

.main ul.List li{ line-height:3.5; font-size:14px; margin:0 0 3%;}
.main ul.List li a{ padding-left:1.5em;}
.main ul.List li span{ margin-left:1.5em;}

.main ul.picList li{ width:100%; margin:0 0 4%;}
.main ul.picList li a img{ height:auto;}
.main ul.picList li a span{ font-size:14px;}

.main ul.teacher{ margin:0 -8px 2%;}
.main ul.teacher li{ width:50%; margin:0 0 4%;}
.main ul.teacher li a{ margin:0 8px;}
.main ul.teacher li a .box{ padding:0 8% 8%; transform:translateY(0%); height:auto; top:auto; bottom:0;}
.main ul.teacher li a .box::after{ height:120%; top:auto; bottom:0;}
.main ul.teacher li a i{ width:2em;}
.main ul.teacher li a span{ font-size:17px;}
.main ul.teacher li a em{ font-size:13px;}
.main ul.teacher li a .txt{ display:none;}
.main ul.teacher li a:hover .box{ background:none; transform:translateY(0%);}
.main ul.teacher li a:hover .box::after{ opacity:1;}

.contact{ flex-direction:column-reverse; padding:0; margin:0 0 40px;}
.contact>ul{ margin:3% 5%; padding:0;}
.contact>ul li{ font-size:14px; padding:0.8em 0;}
.contact>ul li img{ height:3.1em; margin-right:1em;}
.contact>ul li img.code{ height:6em;}
.contact .map{ width:auto;}

.main ul.leader{ display:block; font-size:14px; margin:-4px 0 30px; overflow:hidden;}
.main ul.leader li{ width:auto; padding:0; border:1.25em solid #f6f6f6; margin:0 0 14px;}
.main ul.leader li img.pic{ width:100%; height:68vw; object-fit:cover; object-position:center top; margin:-6vw auto 0; float:none;}
.main ul.leader li h4{ font-size:18px; padding:0.5em 0 0;}
.main ul.leader li .txt{ font-size:inherit; padding:0;}

.teacherInfo{ margin:16px 0 12px; font-size:14px; overflow:hidden;}
.teacherInfo > i{ display:none;}
.teacherInfo img.pic{ width:100%; float:none; margin:0; object-fit:cover; object-position:center top; margin:-4vw auto 0; height:80vw;}
.teacherInfo h3{ margin:0 16px; font-size:1.625em; line-height:2.25; padding:0.375em 0 0; color:#941409;}
.teacherInfo h3 em{ font-size:14px; margin-left:1em;}
.teacherInfo .txt{ margin:0 16px; padding:0 0 1.25em;}

.main ul.videoList{ font-size:15px;}
.main ul.videoList li{ width:100%; margin:0 0 4%;}
.main ul.videoList li a span{ line-height:3.75;}

form.msg{ font-size:14px; padding:4px 14px 0; margin-bottom:40px;}
form.msg p{ padding:6px 0 0;}
form.msg p label{ display:block; float:none; text-align:left; width:auto; line-height:2.5;}
form.msg p input.text{ width:100%;}
form.msg input.btn{ width:60%; font-size:15px; height:2.8em; line-height:2.8; margin:20px auto 24px;}



}




















/**/