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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1240px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,0.17);}
.header .head{ width:1200px; height:90px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; font-weight:normal; position:relative; float:left;}
.header h1.logo a{ display:block; line-height:60px; color:#1f3971; font-size:34px; font-family:'华文行楷'; letter-spacing:-0.1765em; padding:21px 0; position:relative; z-index:3;}
.header h1.logo a img{ display:block; height:60px; float:left; margin:0 12px 0 0; transform:translateY(0px);}

/*导航*/
ul.nav{ display:block; height:90px; float:right;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:102px; color:#333; font-size:16px; text-align:center; overflow:hidden; padding:0 24px; position:relative;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#f5b01f; font-weight:bold;}

ul.nav li p.sub{ display:none !important; max-width:120px; overflow:hidden; position:absolute; z-index:99; margin-bottom:-8px;}
ul.nav li p.sub a{ line-height:26px; color:#f6c3c5; font-size:15px; font-weight:normal; padding:8px 12px;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; text-decoration:underline;}

/*banner*/
.banner{ display:flex; justify-content:center; align-items:center; min-width:100vw; height:320px; overflow:hidden; margin:102px 0 0; position:relative;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; animation:bannerImg 1.3s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
.banner .txt{ line-height:1.5; color:#fff; font-size:32px; text-align:center; position:relative; z-index:3; animation:bannerTxt 1s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes bannerImg{
	0%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
@keyframes bannerTxt{
	0%{ transform:rotateY(180deg); opacity:0;}
	100%{ transform:rotateY(360deg); opacity:1;}
}

/*底部*/
.footer{ color:#fff; background:#1f3971; padding:20px 0 0; overflow:hidden; position:relative; z-index:9;}
.footer .foot{ display:flex; width:1200px; margin:0 auto; flex-wrap:wrap; justify-content:space-between;}
.footer a.logo{ display:block; overflow:hidden; margin:22px 0 0;}
.footer a.logo{ display:block; line-height:48px; color:#fff; font-size:34px; font-family:'华文行楷'; letter-spacing:-0.1765em; position:relative; z-index:3;}
.footer a.logo img{ display:block; height:48px; float:left; margin:0 12px 0 0; /*transform:translateY(-6px);*/}
.footer .code{ display:block; width:100px; line-height:3; color:#fff; font-size:14px; text-align:center; padding:22px 0 0;}
.footer .code img{ display:block; width:100%;}
.footer dl{ display:block; overflow:hidden;}
.footer dl dt{ display:block; line-height:3.33; color:#fff; font-size:18px; font-weight:bold; overflow:hidden;}
.footer dl dd{ display:block; line-height:2.286; color:#d9d9d9; font-size:14px; overflow:hidden;}
.footer dl dd p{ display:block; padding:0 0 0 1.857em;}
.footer dl dd p img{ display:block; height:1.143em; float:left; margin:1.143em 0.732em -1.143em -1.857em; transform:translateY(-50%);}
.footer dl dd > a{ display:block; min-width:5em; overflow:hidden; float:left; margin:0 2em 0 0;}
.footer dl dd > a:nth-child(3n-2){ clear:left;}
.footer dl dd a:hover{ color:#fff;}
.footer .copyright{ width:100%; line-height:1.75; color:#fff; font-size:14px; text-align:center; overflow:hidden; padding:1em 0; background:#172b56; margin:30px 0 0;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:40px; height:40px; background:#f5b01f url(../images/common/top.png) center no-repeat; background-size:contain; border-radius:2px; position:fixed; right:12px; bottom:70px; cursor:pointer; text-indent:-9999px; z-index:999;}

/*主体样式*/
.main{}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; clear:both;}

.position{ display:block; line-height:56px; border-bottom:1px solid #ccc; position:relative; z-index:5;}
.position p{ display:block; color:#fff; font-size:14px; float:left;}
.position p[data-aos=fade-right]{ transform:translate(-300px,-100%);}
.position p[data-aos^=fade][data-aos^=fade].aos-animate{ transform:translate(0,-100%);}
.position p a:hover{ color:#f5b01f;}
.position ul{ display:block; overflow:hidden; float:right;}
.position ul li{ display:block; float:left;}
.position ul li a{ display:block; color:#333; font-size:15px; text-align:center; margin:0 34px; position:relative;}
.position ul li a:hover,
.position ul li.cur a{ color:#f5b01f;}
.position ul li a:hover::after,
.position ul li.cur a::after{ content:''; display:block; width:100%; height:1px; background:#f5b01f; position:absolute; left:0; bottom:0;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; overflow:hidden; padding:60px 0 40px;}
.main .attr h2.title span{ display:block; line-height:1.1; color:#ccc; font-size:2.125em; text-transform:uppercase;}
.main .attr h2.title em{ display:block; line-height:2; color:#1f3971; font-size:2em; position:relative;}
.main .attr h2.title b{ display:block; line-height:2; color:#444; font-size:2em; position:relative;}

.main .attr h3.title{ display:block; line-height:44px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:14px 0; margin:24px 0 0;}
.main .attr p.mark{ display:block; line-height:24px; color:#888; font-size:13px; text-align:center; background:#f5f5f5; padding:8px 0; margin:10px 0 20px;}
.main .attr .desc{ display:block; line-height:24px; color:#888; font-size:14px; background:#f5f5f5; padding:8px 20px; border:1px solid #e5e5e5; margin:4px 0 -4px;}
.main .article{ line-height:2.15; color:#434343; font-size:16px; text-align:justify; overflow:hidden; padding:0 0 4em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; overflow:hidden; padding:24px 0 40px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:48%; line-height:30px; color:#5a5a5a; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.main .change p:hover{ color:#f5b01f;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 60px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; color:#666; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #ccc; border-radius:2px; margin:0 6px;}
.pages a:hover,
.pages span{ color:#fff; background:#1f3971; border-color:#1f3971;}

/*关于我们*/
.about1{ font-size:16px; padding:0 0 80px;}
.about1 .flex{ display:flex; flex-wrap:wrap;}
.about1 a.pic{ display:block; width:43%; flex-shrink:0; margin-right:5%;}
.about1 a.pic img{ display:block; width:100%; height:28em; object-fit:cover;}
.about1 .txt{ height:28em; line-height:2; color:#5a5a5a; text-align:justify; overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:0 20px 0 0; flex:1;}
.about1 .txt::-webkit-scrollbar{ width:10px; height:10px; background:url(../images/icons/up.png) center top no-repeat, url(../images/icons/down.png) center bottom no-repeat; cursor:pointer;}
.about1 .txt::-webkit-scrollbar-thumb{ background:#646464; background-clip:padding-box; border:1px solid #fff; border-width:1px 3px; border-radius:4px; cursor:pointer;}
.about1 .txt::-webkit-scrollbar-track{ background:#d1d1d1; border:1px solid #fff; border-width:4px 4px;}
.about1 .txt::-webkit-scrollbar-button{ width:10px; height:10px; background:none; cursor:pointer;}

.about2{ background:#f6f6f6; padding:0 0 80px;}
.about2 .honor{ overflow:hidden; margin:-8px 0 0;}
.about2 .honor .swiper-wrapper{ transition-timing-function:linear;}
.about2 .honor .swiper-slide a{ display:block; padding:8px 0 0;}
.about2 .honor .swiper-slide a i{ display:block;}
.about2 .honor .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.about2 .honor .swiper-slide a span{ display:block; line-height:2.75; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.about2 .honor .swiper-slide a:hover img{ transform:scale(1.05);}
.about2 .honor .swiper-slide a:hover span{ color:#1f3971;}
.about2 .honor .swiper-button-prev,
.about2 .honor .swiper-button-next,
.about2 .honor .swiper-pagination{ display:none;}

/*文字列表*/
.main ul.List{ display:block; overflow:hidden; padding:20px 0 60px;}
.main ul.List li{ display:block; padding:16px 4px; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.main ul.List li a.title{ display:block; line-height:2; color:#1f3971; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li a.title:hover{ color:#f5b01f;}
.main ul.List li span{ display:block; line-height:1.5; color:#bbb; font-size:14px; overflow:hidden; padding:0.4em 0 0;}
.main ul.List li p{ display:block; line-height:2; color:#787878; font-size:14px; padding:4px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*资源列表*/
.main ul.zyList{ display:block; padding:30px 0 20px; overflow:hidden; margin:0 -20px;}
.main ul.zyList li{ width:33.33%; overflow:hidden; float:left;}
.main ul.zyList li .box{ display:block; overflow:hidden; padding:15px; border:1px solid #eee; position:relative; margin:0 20px 40px;}
.main ul.zyList li .box:hover{ border-color:#f5b01f;}
.main ul.zyList li a.pic{ display:block; overflow:hidden;}
.main ul.zyList li a.pic img{ display:block; width:100%; height:210px; object-fit:cover; transition:all ease 0.4s;}
.main ul.zyList li a.pic:hover img{ transform:scale(1.1);}
.main ul.zyList li a.title{ display:block; line-height:2; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.55em 0 0; transition:all ease 0.4s;}
.main ul.zyList li a.title:hover{ color:#f5b01f;}
.main ul.zyList li p{ display:block; height:44px; line-height:22px; color:#999; font-size:14px; padding:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*教师列表*/
.main ul.teacherList{ display:block; padding:30px 0 20px; overflow:hidden; margin:0 -12px;}
.main ul.teacherList li{ width:25%; overflow:hidden; float:left;}
.main ul.teacherList li .box{ display:block; overflow:hidden; padding:15px; border:1px solid #eee; position:relative; margin:0 12px 30px;}
.main ul.teacherList li .box:hover{ border-color:#f5b01f;}
.main ul.teacherList li a.pic{ display:block; overflow:hidden;}
.main ul.teacherList li a.pic img{ display:block; width:100%; height:340px; object-fit:cover; transition:all ease 0.4s;}
.main ul.teacherList li a.pic:hover img{ transform:scale(1.1);}
.main ul.teacherList li a.title{ display:block; line-height:2; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.55em 0 0; transition:all ease 0.4s;}
.main ul.teacherList li a.title:hover{ color:#f5b01f;}
.main ul.teacherList li p{ display:block; height:44px; line-height:22px; color:#999; font-size:14px; padding:4px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:40px 0 30px; margin:0 -20px;}
.main ul.newsList li{ width:33.33%; overflow:hidden; float:left;}
.main ul.newsList li .box{ overflow:hidden; margin:0 20px 40px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden;}
.main ul.newsList li a.pic img{ display:block; width:100%; height:240px; object-fit:cover; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.1);}
.main ul.newsList li a.title{ display:block; line-height:32px; color:#1f3971; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:12px 0 0; transition:all ease 0.4s;}
.main ul.newsList li a.title:hover{ color:#f5b01f;}
.main ul.newsList li span{ display:block; line-height:32px; color:#bbb; font-size:14px; overflow:hidden;}
.main ul.newsList li p{ display:block; height:44px; line-height:22px; color:#787878; font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*图片列表*/
.main .picList{ display:block; padding:0 0 20px; overflow:hidden; margin:0 -20px;}
.main .picList figure{ width:33.33%; overflow:hidden; box-sizing:border-box; float:left;}
.main .picList figure a{ display:block; overflow:hidden; position:relative; margin:0 20px 40px;}
.main .picList figure a img{ display:block; width:100%;}
.main .picList figure a span{ display:block; width:100%; line-height:2.875; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.main .picList figure a:hover span{ background:rgba(184,3,11,0.7);}

/*联系我们*/
.main .contact{ display:flex; flex-direction:row-reverse; justify-content:space-between; padding:70px 0 80px; overflow:hidden;}
.main .contact .map{ width:50%; flex-shrink:0;}
.main .contact dl{ display:block; width:43%; font-size:16px; overflow:hidden; padding:30px 0; flex-shrink:0;}
.main .contact dl dt{ display:block; line-height:1.375; color:#1f3971; font-size:2em; font-weight:bold; overflow:hidden; padding:0 0 0.5em;}
.main .contact dl dd{ display:block; line-height:2; color:#5a5a5a; overflow:hidden;}

.main .msg{ position:relative; overflow:hidden; padding:70px 0; border-top:1px solid #ddd;}
.main .msg h4{ display:block; width:46%; font-weight:normal; font-size:16px; overflow:hidden; float:left;}
.main .msg h4 b{ display:block; width:8em; line-height:1.375; color:#333; font-size:2em; padding:0 0 0.75em;}
.main .msg h4 span{ display:block; line-height:2; color:#999; font-size:0.875em;}
.main .msg form{ display:block; border-left:1px solid #ddd; position:relative; z-index:3; overflow:hidden; padding:0 6%;}
.main .msg form p{ display:block; overflow:hidden; padding:0 0 14px;}
.main .msg form label{ display:block; line-height:40px; color:#5a5a5a; font-size:14px; overflow:hidden;}
.main .msg form label font{ margin:0 4px; color:red;}
.main .msg form input.text{ display:block; box-sizing:border-box; width:100%; height:40px; line-height:20px; color:#333; font-size:14px; padding:9px 12px; border:1px solid #ddd;}
.main .msg form ::placeholder{ color:#666;}
.main .msg form select{ display:block; width:100%; height:40px; line-height:20px; color:#333; font-size:14px; padding:9px 12px; background:url(../images/icons/select.png) right center no-repeat; border:1px solid #ddd; -webkit-appearance:none;}
.main .msg form input.btn{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; border:0; background:#f5b01f; cursor:pointer; margin:14px 0;}
.main .msg form input.btn:hover{ color:#fff; background:#1f3971;}


@media only screen and (max-width:768px){

.wrap{ min-width:0;}

.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 30px);}

.header .head{ height:60px;}
.header h1.logo a{ font-size:22px; line-height:32px; padding:14px 0;}
.header h1.logo a img{ height:32px;}
.header a.menu{ display:block; width:30px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:22px auto; float:right;}

ul.nav{ width:132px; height:auto; background:#f5f5f5; padding:6px 0; position:absolute; right:-15px; top:100%; box-shadow:0 1px 4px rgba(0,0,0,0.2); transition:all ease 0.4s; transform:translateX(100%); visibility:hidden;}
ul.nav.show{ transform:translateX(0); visibility:visible;}
ul.nav li{ float:none;}
ul.nav li a{ line-height:3; color:#1f3971; font-size:15px; font-weight:normal; padding:0 1em;}
ul.nav li a:hover,
ul.nav li.on a{ color:#1f3971; background:none;}
ul.nav li.cur a{ color:#fff; background:#f5b01f; font-weight:normal;}

.banner{ margin:60px 0 0; height:36vw;}
.banner .txt{ font-size:22px;}

.footer .foot{ display:block;}
.footer a.logo{ font-size:22px; line-height:32px; text-align:center;}
.footer a.logo img{ display:inline-block; vertical-align:top; float:none; height:32px; margin-right:8px;}
.footer dl:nth-child(2){ display:none;}
.footer dl dt{ font-size:15px; margin-left:13px; line-height:3; padding:0.5em 0 0;}
.footer dl dd{ font-size:13px; margin:0 -1em 0 1em;}
.footer dl dd > a{ margin:0 1em 0 0;}
.footer dl dd > a:nth-child(3n-2){ clear:none;}
.footer .code{ margin:0 auto; font-size:13px;}
.footer .copyright{ font-size:13px; margin:10px 0 0;}

.backToTop{ width:32px; height:32px; bottom:80px;}

.position .attr{ width:auto;}
.position p{ display:none;}
.position ul{ float:none; overflow:hidden;}
.position ul li{ width:33.33%;}
.position ul li a{ margin:0; line-height:3.25;}
.position ul li a:hover::after,
.position ul li.cur a::after{ height:3px;}

.main .attr h2.title{ font-size:12px; padding:3em 0 1.5em;}
.main .attr h2.title span{ font-size:1.75em;}
.main .attr h2.title b{ font-size:22px;}
.main .attr h3.title{ padding:0.4em 0; line-height:1.5; font-size:20px;}
.main .article{ font-size:14px; line-height:2;}
.main .change{ display:block; padding:16px 0 24px;}
.main .change p{ font-size:14px; max-width:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:1px 9px; margin:0 4px;}

.about1{ font-size:14px; padding:0 0 40px;}
.about1 .flex{ display:block;}
.about1 a.pic{ width:auto; margin:0;}
.about1 a.pic img{ height:52vw;}
.about1 .txt{ padding-right:10px; margin:16px 0 0px;}

.about2{ padding:0 0 40px;}
.about2 .honor .swiper-slide a span{ font-size:14px;}

.main ul.List{ padding:4px 0 40px;}
.main ul.List li{ padding:10px 0;}
.main ul.List li a.title{ font-size:15px;}
.main ul.List li span{ font-size:13px; padding:2px 0 0; line-height:18px;}
.main ul.List li p{ font-size:13px;}

.main ul.zyList{ padding:15px 0 24px;}
.main ul.zyList li{ width:100%;}
.main ul.zyList li .box{ padding:10px; margin-bottom:15px;}
.main ul.zyList li a.title{ font-size:15px;}
.main ul.zyList li p{ font-size:13px; line-height:1.5; height:3em; margin:0 0 2px;}

.main ul.teacherList{ padding:15px 0 24px; margin:0 -6px;}
.main ul.teacherList li{ width:50%;}
.main ul.teacherList li .box{ padding:10px; margin:0 6px 15px;}
.main ul.teacherList li a.pic img{ height:52vw;}
.main ul.teacherList li a.title{ font-size:15px;}
.main ul.teacherList li p{ font-size:13px; line-height:1.5; height:3em; margin:0 0 2px;}

.main ul.newsList{ padding:20px 0 20px;}
.main ul.newsList li{ width:100%;}
.main ul.newsList li .box{ margin-bottom:18px; border-bottom:1px solid #ddd; padding-bottom:14px;}
.main ul.newsList li a.pic{ float:none; margin:0; float:none;}
.main ul.newsList li a.pic img{ width:100%; height:60vw;}
.main ul.newsList li a.title{ font-size:15px; padding:10px 0 0;}
.main ul.newsList li span{ line-height:24px; font-size:13px; padding:0;}
.main ul.newsList li p{ font-size:13px; padding:8px 0 0;}

.main .picList{ margin:0 -6px; padding:0 0 40px;}
.main .picList figure{ width:50%;}
.main .picList figure a{ margin:6px;}

.main .contact{ display:block; padding:24px 0 28px;}
.main .contact dl{ width:auto; font-size:14px; padding:0;}
.main .contact dl dt{ font-size:20px;}
.main .contact .map{ width:auto; margin:16px 0 0;}

.main .msg{ padding:24px 0 30px;}
.main .msg h4{ float:none; width:auto;}
.main .msg h4 b{ width:auto; font-size:20px; padding:0 0 0.5em;}
.main .msg h4 span{ line-height:1.75;}
.main .msg form{ padding:10px 0 0; border:0;}
.main .msg form p{ padding:0 0 4px;}






}









/**/